[hidden]{display:none !important}
:root{
  --bg:#ffffff; --bg-alt:#f6f7f9; --ink:#0f172a; --muted:#475569; --line:#e2e8f0;
  --brand:#f5a623; --brand-2:#e08e0b; --dark:#1f1f22; --brand-ink:#b26b00; --ok:#15803d; --warn-bg:#fff8eb; --warn:#8a5300;
  --radius:14px; --shadow:0 10px 30px rgba(15,23,42,.08);
  font-family: Inter, "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(2rem,4.5vw,3.3rem);letter-spacing:-.02em}
h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.01em}
h3{font-size:1.1rem}
a{color:var(--brand-ink)}
.container{max-width:1160px;margin:0 auto;padding:0 20px}
.narrow{max-width:780px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);text-decoration:none;font-size:1.1rem}
.nav-links{display:flex;gap:22px;align-items:center}
.nav-links a{color:var(--ink);text-decoration:none;font-weight:500;font-size:.95rem}
.nav-links a.btn{color:#fff}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;font-size:1.3rem;padding:4px 10px;cursor:pointer}
.btn{display:inline-block;background:var(--dark);color:#fff;border:0;border-radius:10px;padding:12px 22px;font-weight:600;text-decoration:none;cursor:pointer;font-size:1rem;box-shadow:0 6px 16px rgba(31,31,34,.22);border-bottom:3px solid var(--brand)}
.btn:hover{filter:brightness(1.05)}
.btn-small{padding:8px 14px;font-size:.9rem}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn-block{display:block;text-align:center;width:100%;margin-top:14px}
.hero{background:radial-gradient(1200px 500px at 85% -10%,#fdecc8 0,transparent 60%),linear-gradient(180deg,#fff, #fafafa);padding:72px 0 64px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:var(--brand-ink);margin:0 0 10px}
.accent{background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;color:var(--muted);max-width:40em}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.hero-points{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:var(--muted)}
.hero-points li::before{content:"✓";color:var(--ok);font-weight:700;margin-right:8px}
.hero-card{background:var(--dark);color:#e2e8f0;border-radius:20px;padding:24px;box-shadow:0 30px 60px rgba(2,6,23,.3)}
.rack{display:grid;gap:8px;margin-bottom:18px}
.rack-unit{display:flex;align-items:center;gap:8px;background:#2a2a2e;border:1px solid #34343a;border-radius:8px;padding:10px 12px}
.rack-unit.muted{opacity:.6}
.led{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:blink 2.4s infinite}
.led:nth-child(2){animation-delay:.6s}
.led.off{background:#64748b;box-shadow:none;animation:none}
.bar{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,#f5a623 0 62%,#3a3a40 62%)}
.tag{font-size:.75rem;color:#94a3b8;font-family:ui-monospace,Menlo,monospace}
@keyframes blink{50%{opacity:.35}}
.chat{display:grid;gap:8px}
.bubble{padding:10px 14px;border-radius:12px;font-size:.92rem;max-width:90%}
.bubble.user{background:#34343a;justify-self:end}
.bubble.ai{background:linear-gradient(135deg,#3a3a40,#2a2a2e);justify-self:start}
.models{font-size:.78rem;color:#94a3b8;margin:16px 0 0}
.section{padding:80px 0}
.section.alt{background:var(--bg-alt)}
.section-sub{color:var(--muted);margin:0 0 32px;max-width:46em}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative}
.step-num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--dark);color:var(--brand);font-weight:800;margin-bottom:12px}
.step p,.card p{color:var(--muted);margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.fineprint{font-size:.82rem;color:var(--muted);margin-top:24px}
.pill-warn{display:inline-block;background:var(--warn-bg);color:var(--warn);border:1px solid #f9d48b;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600;margin-left:6px}
.config-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 14px;margin:0 0 16px}
legend{font-weight:700;padding:0 6px}
.hint{font-weight:500;font-size:.85rem;color:var(--brand-ink)}
.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.options.stack{grid-template-columns:1fr}
.opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:11px 12px;cursor:pointer;transition:border-color .15s,background .15s}
.opt:hover{border-color:#f5a623}
.opt input{margin-top:4px;accent-color:var(--brand)}
.opt:has(input:checked){border-color:var(--brand);background:var(--warn-bg)}
.opt small{display:block;color:var(--muted)}
.opt .price{margin-left:auto;white-space:nowrap;color:var(--muted);font-size:.85rem}
.opt.recommended{position:relative}
.rec-tag{font-size:.7rem;background:var(--brand);color:#fff;border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:middle}
.custom-size{margin-top:12px;display:flex;gap:10px;align-items:center}
.custom-size input{width:140px}
input[type=text],input[type=email],input[type=number],select,textarea{font:inherit;font-size:16px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;width:100%;background:#fff}
.custom-size input{width:140px}
.summary{position:sticky;top:84px}
.summary-inner{background:var(--dark);color:#e2e8f0;border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.summary h3{color:#fff;font-size:1.3rem}
.summary-badge{display:inline-block;background:#fde68a;color:#78350f;font-weight:700;font-size:.75rem;border-radius:999px;padding:3px 10px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.04em}
.summary-list{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px;font-size:.92rem}
.summary-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #34343a;padding-bottom:6px}
.summary-list li span:first-child{color:#94a3b8}
.summary-list li span:last-child{text-align:right}
.totals{background:#2a2a2e;border-radius:12px;padding:14px;display:grid;gap:8px}
.total-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.total-row strong{font-size:1.15rem;color:#fff}
.note{font-size:.78rem;color:#94a3b8;margin:12px 0 0}
.note.ref{color:#cbd5e1}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}
summary{cursor:pointer;font-weight:600}
details p{color:var(--muted);margin:10px 0 0}
.quote-form{display:grid;gap:14px}
.quote-form label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.notice{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:10px;padding:14px}
.site-footer{background:var(--dark);color:#cbd5e1;padding:40px 0}
.site-footer a{color:#f5a623}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.logo-text{font-weight:800;color:#fff;font-size:1.1rem;margin:0 0 6px}
.placeholder-tag{font-size:.7rem;background:#334155;color:#e2e8f0;border-radius:6px;padding:1px 6px}
.site-footer .fineprint{color:#94a3b8}

@media (max-width: 960px){
  .hero-grid,.config-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .cards{grid-template-columns:1fr 1fr}
  .summary{position:static}
}
@media (max-width: 720px){
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 20px 20px;border-bottom:1px solid var(--line);gap:12px}
  .nav-links.open{display:flex}
  .steps,.cards,.row,.footer-grid{grid-template-columns:1fr}
  .section{padding:56px 0}
  .hero{padding:44px 0}
  .opt .price{display:none}
}

/* v2 additions */
.why-cards{grid-template-columns:repeat(4,1fr)}
.svc-note{font-size:.82rem;color:var(--muted);margin:4px 2px 0}
.fin{display:block;color:#fcd34d;font-size:.72rem;margin-top:2px}
.fin-note{color:#fcd34d}
.fin-small{font-size:.78rem;color:var(--warn);margin-top:10px!important}
fieldset.is-disabled{opacity:.55}
.opt:has(input:disabled){cursor:default}
@media (max-width:960px){.why-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.why-cards{grid-template-columns:1fr}}

/* brand v1: charcoal #1f1f22 + amber #f5a623 */
.logo-mark{height:34px;width:auto;display:block}
.footer-logo{height:64px;width:auto;background:#fff;border-radius:10px;padding:6px 10px;margin-bottom:8px}
.accent{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--dark);box-shadow:inset 0 -.32em 0 rgba(245,166,35,.55)}
.rec-tag{background:var(--brand);color:var(--dark)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:none}
.nav-links a.btn{color:#fff}
.summary-badge{background:var(--brand);color:var(--dark)}
.pill-warn{background:var(--warn-bg);color:var(--warn);border-color:#f9d48b}
.fin,.fin-note{color:#f5c56b}
#quote-status{margin-top:12px}
#quote-status[data-state="success"]{border-color:var(--ok);color:var(--ok)}
#quote-status[data-state="error"]{border-color:#b91c1c;color:#b91c1c}
.btn:disabled{opacity:.6;cursor:wait}

/* stock status + more build options */
.stock-badge{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 9px;margin-left:6px;vertical-align:middle;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}
.stock-badge.in{background:#ecfdf5;color:var(--ok);border-color:#a7f3d0}
.stock-badge.out{background:var(--warn-bg);color:var(--warn);border-color:#f9d48b}
.stock-badge.check{background:#f1f5f9;color:var(--muted);border-color:var(--line)}
.stock-note{display:block;font-size:.82rem;color:var(--warn);margin-top:4px}
p.stock-slot{margin:0 0 8px}
p.stock-slot .stock-badge{margin-left:0}
h2 .stock-slot{display:inline;font-size:1rem;letter-spacing:0}
h2 .stock-slot .stock-note{font-weight:500;font-size:.9rem;margin-top:8px}
.summary .stock-badge.in{background:#14532d;color:#bbf7d0;border-color:#166534}
.summary .stock-badge.out{background:#3a2a0d;color:#f5c56b;border-color:#8a5300}
.summary .stock-badge{margin-left:0}
.summary .stock-note{color:#f5c56b;font-size:.75rem}
.option-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.option-group{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.option-group-sub{color:var(--muted);font-size:.9rem;margin:0 0 12px}
.option-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.option-item{border-top:1px solid var(--line);padding-top:12px}
.option-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:space-between}
.option-head .stock-badge{margin-left:0}
.option-item p{color:var(--muted);margin:4px 0 0;font-size:.92rem}
.option-item p.option-price{font-size:.82rem;font-weight:600;color:var(--brand-ink)}
@media (max-width:960px){.option-groups{grid-template-columns:1fr}}
.speed-line{display:block;font-size:.82rem;color:var(--ok);margin-top:4px}
.card p.speed-line{color:var(--ok);margin-top:8px}

/* tagline, privacy note, form error */
.tagline{font-size:1.05rem;font-weight:600;color:var(--ink);margin:-4px 0 14px;max-width:40em}
.privacy-note{font-size:.82rem;color:var(--muted);margin:0}
.notice[data-state="error"]{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.notice[data-state="error"] a{color:#991b1b;font-weight:600}
.spec-line{display:block;font-size:.82rem;color:var(--muted);margin-top:4px}
.starter-versions{margin:18px 0;grid-template-columns:repeat(2,1fr)}
@media (max-width:720px){.starter-versions{grid-template-columns:1fr}}