/* ============================================================
   VALTRICS · Decision Intelligence - Shared Design System (v2)
   Dark theme. Inter + IBM Plex Mono. One system, every page.
   ============================================================ */
:root{
  --bg:#f5f7fa; --bg-2:#eef2f7; --bg-3:#e4eaf2; --panel:#ffffff; --panel-2:#f2f5f9;
  --line:#d8e0ea; --line-2:#c4d0de;
  --ink:#0b1220; --ink-2:#3d4b5e; --muted:#6b7a8d; --muted-2:#9aa8b8;
  --accent:#2b7fe0; --accent-2:#1a63b8; --accent-soft:rgba(43,127,224,0.10);
  --pos:#1f9d6b; --neg:#d64550; --warn:#c8922f;
  --maxw:1280px;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.55;font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-weight:600;line-height:1.15;letter-spacing:-0.02em;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
section{padding:80px 0;border-bottom:1px solid var(--line);}
.mono{font-family:var(--mono);}

.eyebrow{font-family:var(--mono);font-size:0.7rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;display:inline-flex;align-items:center;gap:8px;}
.eyebrow::before{content:"";width:6px;height:6px;background:var(--accent);border-radius:1px;}
.eyebrow.center{justify-content:center;}
.section-title{font-size:clamp(1.7rem,3.2vw,2.5rem);max-width:24ch;letter-spacing:-0.03em;}
.section-title.wide{max-width:34ch;}
.section-lead{font-size:1.05rem;color:var(--ink-2);max-width:64ch;margin-top:18px;font-weight:300;}
.tm{font-size:0.55em;color:var(--accent);vertical-align:super;}

/* breadcrumb */
.breadcrumb{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;}
.breadcrumb a:hover{color:var(--ink);}
.breadcrumb .sep{color:var(--accent);margin:0 8px;}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:0.86rem;font-weight:600;padding:12px 22px;border:1px solid transparent;cursor:pointer;transition:all 0.16s ease;letter-spacing:0.01em;border-radius:6px;}
.btn .arrow{transition:transform 0.16s ease;}
.btn:hover .arrow{transform:translateX(3px);}
.btn-primary{background:var(--accent);color:#04101f;}
.btn-primary:hover{background:var(--accent-2);color:#fff;}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2);}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);}

/* NAV */
.nav{position:sticky;top:0;z-index:100;background:rgba(245,247,250,0.85);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line);}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:62px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:var(--sans);font-weight:800;font-size:1.12rem;letter-spacing:0.12em;color:var(--ink);display:flex;align-items:baseline;gap:2px;}
.logo .dot{color:var(--accent);}
.logo .re{font-family:var(--mono);font-size:0.56rem;font-weight:500;letter-spacing:0.22em;color:var(--muted);margin-left:6px;}
.nav-links{display:flex;align-items:center;gap:26px;}
.nav-links a{font-size:0.83rem;font-weight:500;color:var(--ink-2);transition:color 0.16s ease;}
.nav-links a:hover{color:var(--ink);}
.nav-links a.active{color:var(--accent);}
.nav-cta{font-weight:600 !important;color:var(--accent) !important;border:1px solid var(--line-2);padding:7px 15px;border-radius:6px;transition:border-color 0.16s ease;}
.nav-cta:hover{border-color:var(--accent);}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;font-size:1.4rem;color:var(--ink);}
/* Reserve stable space for the JS-injected sign-in control so the navbar
   does not reflow/flicker when it renders after page load. */
#navAuth{min-width:132px;min-height:34px;display:inline-flex;align-items:center;justify-content:flex-end;}

/* HERO */
.hero{background:radial-gradient(1200px 500px at 70% -10%,rgba(77,159,255,0.10),transparent 60%),var(--bg);border-bottom:1px solid var(--line);padding:70px 0;}
.hero-grid{display:grid;grid-template-columns:1.02fr 0.98fr;gap:48px;align-items:center;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-2);border-radius:20px;padding:5px 12px;margin-bottom:24px;}
.hero-badge .dotpulse{width:7px;height:7px;border-radius:50%;background:var(--pos);box-shadow:0 0 0 0 rgba(62,207,142,0.5);animation:pulse 2.2s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(62,207,142,0.5);}70%{box-shadow:0 0 0 7px rgba(62,207,142,0);}100%{box-shadow:0 0 0 0 rgba(62,207,142,0);}}
.hero h1{font-size:clamp(2.3rem,4.4vw,3.6rem);letter-spacing:-0.035em;line-height:1.05;}
.hero h1 .grad{background:linear-gradient(90deg,var(--accent),#1a63b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.hero .lead{font-size:1.1rem;color:var(--ink-2);max-width:48ch;margin-top:22px;font-weight:300;}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.hero-stats{display:flex;gap:32px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line);flex-wrap:wrap;}
.hero-stat .v{font-family:var(--mono);font-size:1.5rem;font-weight:600;color:var(--ink);letter-spacing:-0.02em;}
.hero-stat .l{font-size:0.72rem;color:var(--muted);margin-top:2px;letter-spacing:0.02em;}

/* terminal panel */
.term{background:var(--panel);border:1px solid var(--line-2);border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -35px rgba(11,18,32,0.28);}
.term-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--panel-2);}
.term-bar .dots{display:flex;gap:6px;}
.term-bar .dots i{width:10px;height:10px;border-radius:50%;display:block;}
.term-bar .dots i:nth-child(1){background:#f0616d;}.term-bar .dots i:nth-child(2){background:#e5b95c;}.term-bar .dots i:nth-child(3){background:#3ecf8e;}
.term-bar .tt{font-family:var(--mono);font-size:0.72rem;color:var(--muted);margin-left:6px;}
.term-body{padding:18px;}
.term-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:0.8rem;}
.term-row:last-child{border-bottom:0;}
.term-row .k{color:var(--muted);}
.term-row .val{color:var(--ink);font-weight:500;}
.term-row .val.pos{color:var(--pos);}.term-row .val.accent{color:var(--accent);}.term-row .val.neg{color:var(--neg);}
.term-verdict{margin-top:14px;background:rgba(62,207,142,0.08);border:1px solid rgba(62,207,142,0.3);border-radius:8px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;}
.term-verdict.warn{background:rgba(229,185,92,0.08);border-color:rgba(229,185,92,0.3);}
.term-verdict .lbl{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);}
.term-verdict .go{font-family:var(--sans);font-weight:800;font-size:1.05rem;color:var(--pos);letter-spacing:0.04em;}
.term-verdict.warn .go{color:var(--warn);}

/* generic panel */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;}

/* stat strip */
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:44px;}
.stat-cell{background:var(--panel);padding:26px 22px;}
.stat-cell .num{font-family:var(--mono);font-size:0.72rem;color:var(--accent);}
.stat-cell h4{font-size:1.02rem;margin-top:10px;font-weight:600;}
.stat-cell p{font-size:0.84rem;color:var(--muted);margin-top:6px;font-weight:300;}

/* big number band (ARGUS-style proof band) */
.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:44px;}
.proof .cell{background:var(--panel);padding:30px 22px;text-align:center;}
.proof .cell .big{font-family:var(--mono);font-size:2rem;font-weight:600;color:var(--accent);letter-spacing:-0.02em;}
.proof .cell .cap{font-size:0.78rem;color:var(--muted);margin-top:6px;}

/* pipeline flow */
.flow{display:flex;align-items:stretch;gap:0;margin-top:48px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.flow-node{flex:1 1 0;min-width:110px;text-align:center;padding:24px 12px;border-right:1px solid var(--line);font-family:var(--mono);font-size:0.74rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);background:var(--panel);}
.flow-node:last-child{border-right:0;}
.flow-node.focal{background:var(--accent-soft);color:var(--accent);border-top:2px solid var(--accent);}

/* architecture hub */
.arch-viz{display:grid;grid-template-columns:0.85fr 1.15fr;gap:32px;margin-top:44px;align-items:stretch;}
.arch-hub{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px;}
.arch-hub .t{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;}
.arch-hub .core{background:linear-gradient(135deg,var(--bg-3),var(--panel-2));border:1px solid var(--line-2);border-radius:8px;text-align:center;padding:20px;margin-bottom:16px;}
.arch-hub .core .s{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);margin-bottom:5px;}
.arch-hub .core .n{font-size:1.15rem;font-weight:700;}
.arch-hub .inputs{display:flex;flex-wrap:wrap;gap:6px;}
.arch-hub .inputs span{font-family:var(--mono);font-size:0.68rem;color:var(--ink-2);padding:5px 9px;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);}
.arch-outs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.arch-out{background:var(--panel);padding:18px 18px;transition:background 0.16s ease;}
.arch-out:hover{background:var(--bg-3);}
.arch-out .n{font-size:1rem;font-weight:600;}
.arch-out .d{font-size:0.8rem;color:var(--muted);margin-top:4px;font-weight:300;}

/* verticals table */
.vtable{margin-top:44px;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.vtable-head,.vrow{display:grid;grid-template-columns:1.4fr 1fr 2fr 0.7fr 0.5fr;gap:16px;align-items:center;padding:14px 20px;}
.vtable-head{background:var(--panel-2);font-family:var(--mono);font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);}
.vrow{border-bottom:1px solid var(--line);background:var(--panel);transition:background 0.14s ease;}
.vrow:last-child{border-bottom:0;}
.vrow:hover{background:var(--bg-3);}
.vrow .vname{font-weight:600;font-size:0.98rem;}
.vrow .vclass{font-family:var(--mono);font-size:0.74rem;color:var(--muted);}
.vrow .veng{font-size:0.82rem;color:var(--ink-2);}
.pill{font-family:var(--mono);font-size:0.62rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:3px 9px;border-radius:20px;display:inline-block;}
.pill.live{color:var(--pos);background:rgba(62,207,142,0.12);border:1px solid rgba(62,207,142,0.3);}
.pill.soon{color:var(--muted);background:var(--bg-3);border:1px solid var(--line-2);}
.vrow .go{font-family:var(--mono);font-size:0.8rem;color:var(--accent);text-align:right;}
.vrow.disabled{opacity:0.62;}

/* product families */
.fam{margin-top:14px;border-top:1px solid var(--line);}
.fam-head{display:flex;align-items:baseline;gap:14px;padding:26px 0 6px;flex-wrap:wrap;}
.fam-head .no{font-family:var(--mono);color:var(--accent);font-size:0.82rem;}
.fam-head h3{font-size:1.3rem;}
.fam-head .q{font-size:0.84rem;color:var(--muted);font-weight:300;margin-left:auto;}
.fam-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:28px;}
.fam-cards.cols-3{grid-template-columns:repeat(3,1fr);}
.fam-cards.cols-2{grid-template-columns:repeat(2,1fr);}
.pcard{border:1px solid var(--line);border-radius:9px;padding:20px 18px;background:var(--panel);display:flex;flex-direction:column;transition:border-color 0.16s ease,transform 0.16s ease,background 0.16s ease;}
.pcard:hover{border-color:var(--line-2);transform:translateY(-2px);background:var(--bg-3);}
.pcard.flag{border-color:rgba(77,159,255,0.35);}
.pcard.flag:hover{border-color:var(--accent);}
.pcard h4{font-size:1rem;font-weight:600;}
.pcard .pq{font-size:0.82rem;color:var(--muted);margin-top:8px;font-weight:300;flex-grow:1;}
.pcard .plink{margin-top:14px;font-family:var(--mono);font-size:0.74rem;font-weight:500;color:var(--accent);display:inline-flex;gap:6px;}
.pcard .plink .arrow{transition:transform 0.16s ease;}
.pcard:hover .plink .arrow{transform:translateX(3px);}
.pcard .badge{align-self:flex-start;font-family:var(--mono);font-size:0.58rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--pos);background:rgba(62,207,142,0.12);border:1px solid rgba(62,207,142,0.28);padding:2px 8px;border-radius:20px;margin-bottom:12px;}
.pcard .badge.soon{color:var(--muted);background:var(--bg-3);border-color:var(--line-2);}

/* feature grid (capability blocks - ARGUS-style modules) */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px;}
.feat-grid.cols-2{grid-template-columns:repeat(2,1fr);}
.feat{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:24px 22px;transition:border-color 0.16s ease,transform 0.16s ease,background 0.16s ease;}
.feat:hover{border-color:var(--line-2);transform:translateY(-2px);background:var(--bg-3);}
.feat .ic{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;}
.feat h4{font-size:1.08rem;font-weight:600;}
.feat p{font-size:0.88rem;color:var(--ink-2);margin-top:9px;font-weight:300;}
.feat ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px;}
.feat li{font-size:0.84rem;color:var(--muted);padding-left:18px;position:relative;font-weight:300;}
.feat li::before{content:"›";position:absolute;left:0;color:var(--accent);font-family:var(--mono);}

/* split feature (image/panel + copy) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:44px;}
.split + .split{margin-top:40px;}
.split.rev .split-copy{order:2;}
.split-copy h3{font-size:1.5rem;}
.split-copy p{color:var(--ink-2);margin-top:14px;font-weight:300;}
.split-copy ul{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:10px;}
.split-copy li{font-size:0.9rem;color:var(--ink-2);padding-left:20px;position:relative;font-weight:300;}
.split-copy li::before{content:"›";position:absolute;left:0;color:var(--accent);font-family:var(--mono);}

/* spec / comparison table */
.spec{margin-top:44px;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.spec-row{display:grid;grid-template-columns:1.2fr 2fr;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line);}
.spec-row:last-child{border-bottom:0;}
.spec-row:nth-child(odd){background:var(--panel);}
.spec-row:nth-child(even){background:var(--panel-2);}
.spec-row .sk{font-family:var(--mono);font-size:0.78rem;color:var(--accent);letter-spacing:0.02em;}
.spec-row .sv{font-size:0.9rem;color:var(--ink-2);font-weight:300;}

/* compare (vs legacy) */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px;}
.compare .col{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:26px 24px;}
.compare .col.win{border-color:rgba(77,159,255,0.35);background:linear-gradient(135deg,var(--accent-soft),var(--panel));}
.compare .col h4{font-family:var(--mono);font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;}
.compare .col.win h4{color:var(--accent);}
.compare .col ul{list-style:none;display:flex;flex-direction:column;gap:12px;}
.compare .col li{font-size:0.9rem;color:var(--ink-2);padding-left:22px;position:relative;font-weight:300;}
.compare .col li::before{content:"−";position:absolute;left:0;color:var(--muted);}
.compare .col.win li::before{content:"✓";color:var(--pos);}

/* decide grid */
.decide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:44px;}
.decide{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:20px 18px;transition:border-color 0.16s ease,transform 0.16s ease,background 0.16s ease;}
.decide:hover{border-color:var(--accent);transform:translateY(-2px);background:var(--bg-3);}
.decide .dq{font-size:1rem;font-weight:600;}
.decide .dd{font-size:0.8rem;color:var(--muted);margin-top:5px;font-weight:300;}
.decide .kbd{font-family:var(--mono);font-size:0.66rem;color:var(--muted-2);margin-top:10px;display:block;}

/* serve grid */
.serve-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:44px;}
.serve-cell{background:var(--panel);padding:30px 24px;font-size:1.12rem;font-weight:600;transition:background 0.16s ease;}
.serve-cell:hover{background:var(--bg-3);}
.serve-cell span{display:block;font-family:var(--mono);font-size:0.74rem;font-weight:400;color:var(--muted);margin-top:8px;}

/* diff */
.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;}
.diff-item h4{font-family:var(--mono);font-size:0.76rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding-bottom:14px;border-bottom:1px solid var(--accent);color:var(--accent);}
.diff-item p{color:var(--ink-2);margin-top:14px;font-weight:300;font-size:0.9rem;}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;}
.step{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:26px 24px;}
.step .n{font-family:var(--mono);font-size:1.4rem;font-weight:600;color:var(--accent);}
.step h4{font-size:1.1rem;margin-top:12px;}
.step p{font-size:0.88rem;color:var(--ink-2);margin-top:8px;font-weight:300;}

/* FAQ */
.faq{margin-top:44px;border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{list-style:none;cursor:pointer;padding:20px 0;font-size:1.05rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--accent);font-size:1.3rem;transition:transform 0.16s ease;}
.faq details[open] summary::after{content:"−";}
.faq details p{color:var(--ink-2);font-weight:300;padding:0 0 20px;max-width:70ch;}

/* signature quote */
.sig-quote{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px;}
.sig-ask,.sig-val{padding:28px 26px;border:1px solid var(--line);border-radius:10px;background:var(--panel);}
.sig-val{border-color:rgba(77,159,255,0.35);background:linear-gradient(135deg,var(--accent-soft),var(--panel));}
.sig-ask .who,.sig-val .who{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
.sig-val .who{color:var(--accent);}
.sig-ask q,.sig-val q{font-size:1.15rem;font-weight:400;line-height:1.4;}

/* final CTA */
.final{text-align:center;background:radial-gradient(900px 400px at 50% 0%,rgba(77,159,255,0.10),transparent 60%),var(--bg);border-bottom:0;}
.final h2{font-size:clamp(1.9rem,4vw,3rem);}
.final p{color:var(--ink-2);max-width:56ch;margin:20px auto 0;font-weight:300;font-size:1.05rem;}
.final-ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:34px;}

/* footer */
.footer{background:var(--panel-2);color:var(--ink-2);padding:60px 0 34px;border-bottom:0;}
.footer-top{display:grid;grid-template-columns:1.3fr 1.7fr;gap:36px;align-items:start;}
.footer .logo{color:var(--ink);}
.footer .tagline{font-size:1rem;color:var(--ink-2);margin-top:16px;max-width:34ch;font-weight:300;}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.footer-cols h5{font-family:var(--mono);font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-weight:600;}
.footer-cols a{display:block;font-size:0.85rem;color:var(--muted);padding:4px 0;transition:color 0.16s ease;}
.footer-cols a:hover{color:var(--ink);}
.footer-bottom{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--mono);font-size:0.72rem;color:var(--muted-2);}

/* responsive */
@media(max-width:1000px){
  .fam-cards,.fam-cards.cols-3,.fam-cards.cols-2{grid-template-columns:repeat(2,1fr);}
  .diff-grid,.decide-grid,.feat-grid,.feat-grid.cols-2,.proof{grid-template-columns:repeat(2,1fr);}
  .arch-viz,.cfo,.split,.split.rev .split-copy{grid-template-columns:1fr;}
  .split.rev .split-copy{order:0;}
  .serve-grid,.steps{grid-template-columns:repeat(2,1fr);}
  .hero-grid,.sig-quote,.compare{grid-template-columns:1fr;}
  .vtable-head{display:none;}
  .vrow{grid-template-columns:1fr 1fr;gap:8px;}
  .vrow .veng,.vrow .go{display:none;}
}
@media(max-width:820px){
  .nav-links{display:none;}
  .nav-toggle{display:block;}
  .nav-links.open{display:flex;position:absolute;top:62px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--bg-2);border-bottom:1px solid var(--line);padding:8px 28px 18px;}
  .nav-links.open a{padding:11px 0;width:100%;border-bottom:1px solid var(--line);}
  .stat-strip{grid-template-columns:repeat(2,1fr);}
  .footer-top{grid-template-columns:1fr;}
  .hero-stats{gap:20px;}
  .spec-row{grid-template-columns:1fr;gap:6px;}
}
@media(max-width:560px){
  section{padding:56px 0;}.wrap{padding:0 18px;}
  .fam-cards,.fam-cards.cols-3,.fam-cards.cols-2,.diff-grid,.serve-grid,.decide-grid,.arch-outs,.stat-strip,.feat-grid,.feat-grid.cols-2,.proof,.steps{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{transition:none !important;animation:none !important;}}

/* command palette hint */
.cmdk{position:fixed;bottom:22px;right:22px;z-index:90;font-family:var(--mono);font-size:0.72rem;color:var(--ink-2);background:var(--panel);border:1px solid var(--line-2);border-radius:8px;padding:9px 13px;display:flex;align-items:center;gap:8px;box-shadow:0 16px 34px -20px rgba(11,18,32,0.35);cursor:pointer;transition:border-color 0.16s ease;}
.cmdk:hover{border-color:var(--accent);}
.cmdk kbd{font-family:var(--mono);background:var(--bg-3);border:1px solid var(--line-2);border-radius:4px;padding:1px 6px;font-size:0.7rem;color:var(--ink);}
@media(max-width:560px){.cmdk{display:none;}}

/* cfo split */
.cfo{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}
.cfo-scope{border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.cfo-scope div{padding:14px 18px;border-bottom:1px solid var(--line);font-size:0.88rem;color:var(--ink-2);font-family:var(--mono);}
.cfo-scope div:last-child{border-bottom:0;}
.cfo-scope div::before{content:"› ";color:var(--accent);}