/*
Theme Name: Coffee Machines Direct Coming Soon
Theme URI: https://coffeemachinesdirect.com.au/
Author: Coffee Machines Direct
Description: A premium, responsive coming-soon theme for an Australian direct-to-customer coffee machine retailer.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cmd-coming-soon
*/

:root {
  --bg: #090909;
  --panel: #11100f;
  --panel-2: #171512;
  --text: #f7f5f0;
  --muted: #b9b5ad;
  --gold: #c9a164;
  --gold-light: #e2c38f;
  --line: rgba(201,161,100,.35);
  --max: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 82% 18%, rgba(201,161,100,.10), transparent 26%),
    linear-gradient(180deg, #080808 0%, #0d0c0b 100%);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; }
img { max-width: 100%; height: auto; display: block; }

.cmd-wrap { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.cmd-site { min-height: 100vh; overflow: hidden; }

.cmd-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0 12px;
  position: relative;
  z-index: 5;
}

.cmd-logo { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; }
.cmd-logo-mark { width: 120px; height: 54px; }
.cmd-logo-copy strong { display:block; font-size: 18px; letter-spacing: .24em; line-height: 1.2; }
.cmd-logo-copy span { display:block; color:var(--gold); letter-spacing:.5em; font-size:13px; margin-top:5px; }

.cmd-mini-link {
  color: var(--muted); text-decoration: none; font-size: 14px;
  border-bottom: 1px solid var(--line); padding-bottom: 4px;
}

.cmd-hero {
  min-height: 720px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 42px;
  padding: 54px 0 70px;
}

.cmd-kicker { color: var(--gold-light); text-transform: uppercase; letter-spacing:.28em; font-size:13px; margin:0 0 20px; }
.cmd-title { font-size: clamp(62px, 8vw, 118px); line-height:.88; margin:0; letter-spacing:-.045em; font-weight:800; }
.cmd-subtitle { margin:30px 0 12px; font-size:clamp(24px, 3vw, 40px); line-height:1.12; max-width:760px; }
.cmd-subtitle span { color: var(--gold-light); }
.cmd-copy { max-width:650px; color:var(--muted); font-size:18px; line-height:1.7; margin-bottom:32px; }

.cmd-form { display:flex; max-width:620px; padding:6px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.035); box-shadow:0 16px 60px rgba(0,0,0,.25); }
.cmd-form input[type=email] { flex:1; min-width:0; border:0; background:transparent; color:#fff; padding:16px 18px; outline:none; font-size:16px; }
.cmd-form button { border:0; border-radius:7px; padding:15px 24px; font-weight:800; background:linear-gradient(135deg,var(--gold-light),var(--gold)); color:#14110c; cursor:pointer; }
.cmd-form button:hover { filter:brightness(1.07); transform:translateY(-1px); }
.cmd-form-note { color:#8f8a82; font-size:12px; margin-top:10px; }
.cmd-success { margin:14px 0 0; color:var(--gold-light); font-weight:700; }

.cmd-hero-art { position:relative; min-height:650px; display:flex; align-items:center; justify-content:center; }
.cmd-hero-art:before { content:""; position:absolute; inset:12% 4% 8%; background:radial-gradient(circle, rgba(201,161,100,.18), transparent 62%); filter:blur(12px); }
.cmd-auto-machine { width:min(100%, 600px); position:relative; z-index:2; mix-blend-mode:screen; filter:drop-shadow(0 30px 45px rgba(0,0,0,.6)); }
.cmd-badge { position:absolute; z-index:3; right:2%; bottom:12%; background:rgba(10,10,10,.88); border:1px solid var(--line); padding:16px 18px; border-radius:12px; backdrop-filter: blur(12px); }
.cmd-badge strong { display:block; color:var(--gold-light); font-size:20px; }
.cmd-badge span { color:var(--muted); font-size:13px; }

.cmd-benefits { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.cmd-benefit { padding:28px 24px; border-right:1px solid var(--line); }
.cmd-benefit:last-child { border-right:0; }
.cmd-benefit b { display:block; margin-bottom:7px; }
.cmd-benefit p { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.cmd-icon { width:26px; height:26px; color:var(--gold); margin-bottom:14px; }

.cmd-range { display:grid; grid-template-columns:.9fr 1.1fr; gap:65px; align-items:center; padding:100px 0; }
.cmd-traditional { filter:drop-shadow(0 30px 48px rgba(0,0,0,.55)); }
.cmd-overline { color:var(--gold); text-transform:uppercase; letter-spacing:.24em; font-size:13px; }
.cmd-range h2 { font-size:clamp(38px,5vw,68px); line-height:1.02; margin:15px 0 22px; }
.cmd-range p { color:var(--muted); font-size:18px; line-height:1.7; }
.cmd-categories { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:28px; }
.cmd-category { padding:18px; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.025); }
.cmd-category strong { display:block; }
.cmd-category span { color:var(--muted); font-size:13px; }

.cmd-final { margin-bottom:76px; padding:42px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(135deg,rgba(201,161,100,.09),rgba(255,255,255,.02)); display:flex; align-items:center; justify-content:space-between; gap:30px; }
.cmd-final h3 { font-size:32px; margin:0 0 8px; }
.cmd-final p { margin:0; color:var(--muted); }
.cmd-final .cmd-form { min-width:min(100%,530px); }

.cmd-footer { border-top:1px solid rgba(255,255,255,.08); color:#817d76; font-size:13px; text-align:center; padding:24px 0 34px; }

@media (max-width: 900px) {
  .cmd-hero, .cmd-range { grid-template-columns:1fr; }
  .cmd-hero { padding-top:30px; }
  .cmd-hero-art { min-height:480px; }
  .cmd-benefits { grid-template-columns:repeat(2,1fr); }
  .cmd-benefit:nth-child(2) { border-right:0; }
  .cmd-benefit:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .cmd-final { flex-direction:column; align-items:flex-start; }
}

@media (max-width: 620px) {
  .cmd-wrap { width:min(calc(100% - 26px),var(--max)); }
  .cmd-header { padding-top:20px; }
  .cmd-mini-link { display:none; }
  .cmd-logo-mark { width:92px; }
  .cmd-logo-copy strong { font-size:14px; }
  .cmd-logo-copy span { font-size:11px; }
  .cmd-title { font-size:54px; }
  .cmd-subtitle { font-size:27px; }
  .cmd-copy { font-size:16px; }
  .cmd-form { flex-direction:column; }
  .cmd-form button { width:100%; }
  .cmd-hero-art { min-height:390px; }
  .cmd-benefits { grid-template-columns:1fr; }
  .cmd-benefit { border-right:0; border-bottom:1px solid var(--line); }
  .cmd-benefit:last-child { border-bottom:0; }
  .cmd-categories { grid-template-columns:1fr; }
  .cmd-range { padding:72px 0; gap:32px; }
  .cmd-final { padding:26px 20px; }
}