*{box-sizing:border-box;margin:0;padding:0}
  :root{--bg:#f7f6f3;--band:#ffffff;--panel:#ffffff;--panel-2:#faf9f6;--field:#ffffff;--line:#e5e2db;--line-2:#d6d2c9;--ink:#15151a;--muted:#5e5e68;--muted-2:#8c8c95;--gold:#a8720a;--gold-hi:#d99405;--dk:#0a0a0b;--dk-panel:#141418;--dk-panel2:#1a1a20;--dk-line:#26262c;--dk-line2:#33333b;--dk-ink:#f6f4ef;--dk-muted:#94949c;--dk-gold:#d99405;}
  body{background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}
  .wrap{max-width:1040px;margin:0 auto;padding:0 clamp(16px,5vw,48px)}
  .mono{font-family:'JetBrains Mono',monospace}
  .kw{text-transform:none}
  .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:500}
  .kicker{display:flex;align-items:center;gap:12px;margin-bottom:18px}
  .kicker::after{content:"";flex:1;height:1px;background:var(--line)}
  .hero{padding:clamp(42px,6vw,78px) 0 clamp(32px,4.5vw,50px);background:radial-gradient(120% 130% at 90% -15%,rgba(217,148,5,.10),transparent 55%),var(--band);border-bottom:1px solid #16161a}
  .hero .eyebrow{display:block;margin-bottom:18px}
  h1{font-family:'Archivo',sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(40px,7.5vw,86px);line-height:.9;letter-spacing:-.02em;color:#fff}
  .hair{height:1px;background:linear-gradient(90deg,var(--gold),transparent);max-width:420px;margin:24px 0 22px}
  .lede{font-size:clamp(16px,1.9vw,19px);color:#cccdd6;max-width:60ch}
  .stats{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}
  .stats span{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--ink);border:1px solid var(--line-2);border-radius:6px;padding:8px 13px;background:rgba(255,255,255,.02)}
  .stats span em{color:var(--gold);font-style:normal}
  section{padding:clamp(42px,5.5vw,66px) 0;border-bottom:1px solid #141418}
  h2{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(24px,3.4vw,38px);line-height:1.02;letter-spacing:-.01em;color:#fff;margin-bottom:15px}
  section > .wrap > p{color:var(--muted);font-size:16.5px;max-width:66ch;margin-bottom:15px}
  section > .wrap > p:last-child{margin-bottom:0}
  section > .wrap > p b{color:var(--ink);font-weight:600}
  .pull{font-style:italic;font-weight:500;font-size:clamp(19px,2.3vw,24px);color:var(--gold-hi);max-width:62ch;line-height:1.4;margin:20px 0 6px}
  .types{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
  .type{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:12px;padding:22px}
  .type .th{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
  .type .th h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;color:#fff}
  .type .tag{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-2);border-radius:5px;padding:4px 9px}
  .type .tag.hot{color:var(--gold-hi);border-color:var(--gold)}
  .type p{color:var(--muted);font-size:14.5px;margin-bottom:14px}
  .type .meta{border-top:1px solid var(--line);padding-top:12px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;color:var(--muted-2);line-height:1.9}
  .type .meta em{color:var(--ink);font-style:normal}
  .dims{margin-top:30px;border-top:1px solid var(--line)}
  .dim{display:grid;grid-template-columns:56px 1fr;gap:22px;padding:23px 0;border-bottom:1px solid var(--line);align-items:start}
  .dim .no{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;color:var(--gold);padding-top:4px}
  .dim h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;color:#fff;margin-bottom:6px;text-transform:uppercase;letter-spacing:.01em}
  .dim p{color:var(--muted);font-size:15.5px;max-width:72ch}
  .tier{margin-top:34px}
  .tier:first-of-type{margin-top:26px}
  .tier-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .tier-head .k{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gold);letter-spacing:.1em}
  .tier-head h3{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:20px;color:#fff}
  .tier-head span.d{color:var(--muted-2);font-size:13.5px;margin-left:auto}
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
  .card{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:12px;padding:20px}
  .card .name{font-family:'Archivo',sans-serif;font-weight:700;font-size:16.5px;color:#fff;margin-bottom:6px}
  .card .one{font-size:14px;color:var(--muted);margin-bottom:18px;min-height:40px}
  .specs{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:14px}
  .specs div{display:flex;flex-direction:column;gap:3px}
  .specs i{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);font-style:normal}
  .specs b{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--ink)}
  .specs b.g{color:var(--gold)}
  .note{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted-2);margin-top:22px;line-height:1.7}
  .checks{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .check{padding:2px 0 2px 18px;border-left:2px solid var(--gold)}
  .check h4{font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;color:#fff;margin-bottom:5px}
  .check p{color:var(--muted);font-size:14.5px}
  .diff{margin-top:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .d2{border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--panel)}
  .d2.act{border-color:var(--gold);background:linear-gradient(180deg,rgba(217,148,5,.06),transparent)}
  .d2 .t{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:14px;color:#fff;margin-bottom:6px}
  .d2.act .t{color:var(--gold)}
  .d2 p{color:var(--muted);font-size:13px}
  .faq{margin-top:26px;border-top:1px solid var(--line)}
  .faq .q{padding:22px 0;border-bottom:1px solid var(--line)}
  .faq h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:19px;color:#fff;margin-bottom:8px}
  .faq p{color:var(--muted);font-size:15.5px;max-width:74ch}
  .cta a{display:inline-flex;align-items:center;gap:12px;background:var(--gold);color:#141414;font-family:'Archivo',sans-serif;font-weight:800;letter-spacing:.03em;font-size:15px;text-transform:uppercase;text-decoration:none;padding:16px 26px;border-radius:9px;transition:background .15s,transform .05s}
  .cta a:hover{background:var(--gold-hi)}
  .cta a:active{transform:translateY(1px)}
  @media (max-width:820px){.cards{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.diff{grid-template-columns:1fr 1fr}.types{grid-template-columns:1fr}}
  @media (max-width:480px){.diff{grid-template-columns:1fr}}
  @media (prefers-reduced-motion:reduce){*{transition:none!important}}
  .pull{font-style:italic;font-weight:500;font-size:clamp(19px,2.3vw,25px);color:var(--gold-hi);max-width:60ch;line-height:1.4;margin:20px 0 6px}
  .btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
  .btnrow a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:'Archivo',sans-serif;font-weight:800;letter-spacing:.03em;font-size:14px;text-transform:uppercase;padding:15px 24px;border-radius:9px;transition:.15s}
  .btnrow a.solid{background:var(--gold);color:#141414}
  .btnrow a.solid:hover{background:var(--gold-hi)}
  .btnrow a.ghost{background:transparent;color:var(--gold);border:1px solid var(--line-2)}
  .btnrow a.ghost:hover{border-color:var(--gold);color:var(--gold-hi)}
  .disc{margin-top:24px;padding:14px 16px;border:1px dashed var(--line-2);border-radius:8px;color:var(--muted-2);font-size:13px;line-height:1.6}
  .ready{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
  .ready span{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink);border:1px solid var(--line-2);border-radius:6px;padding:8px 13px;background:rgba(255,255,255,.02)}

  /* ============================================================
     LIGHT THEME OVERRIDES  (SUVs design system — light variant)
     Page is light; header + hero stay dark (the logo is white+gold
     and needs a dark surface, and the hero keeps brand presence).
     Gold is darkened to #a8720a for text on white; #d99405 is kept
     for buttons and anything sitting on a dark surface.
     ============================================================ */
  body{background:var(--bg) !important;color:var(--ink) !important}
  section{border-bottom:1px solid var(--line) !important}
  h1,h2,h3,h4{color:var(--ink) !important}
  .lede,section > .wrap > p{color:var(--muted) !important}
  .eyebrow{color:var(--gold) !important}
  .kicker::after{background:var(--line) !important}
  .more{color:var(--gold) !important}
  .pull{color:var(--gold) !important}
  .nav{background:var(--dk) !important;border-bottom:2px solid var(--dk-gold) !important}
  .nav a{color:var(--dk-muted) !important}
  .nav a:hover,.nav a.on{color:var(--dk-gold) !important}
  .hero{background:radial-gradient(120% 130% at 90% -15%,rgba(217,148,5,.16),transparent 55%),var(--dk) !important;
        border-bottom:1px solid #16161a !important}
  .hero h1{color:#fff !important}
  .hero .lede{color:#cfd0d8 !important}
  .hero .eyebrow{color:var(--dk-gold) !important}
  .hero .hair{background:linear-gradient(90deg,var(--dk-gold),transparent) !important}
  .hero .stats span{color:var(--dk-ink) !important;border-color:var(--dk-line2) !important;background:rgba(255,255,255,.04) !important}
  .hero .stats span em{color:var(--dk-gold) !important}
  .hallmarks span{color:var(--dk-muted) !important}
  .hallmarks span::before{color:var(--dk-gold) !important}
  .pane,.form,.type,.c3,.lcard,.sn,.br,.da,.sp,.wm,.pv,.st,.gcard,.d2,.zone,.lb,.lbwrap{
    background:#fff !important;border-color:var(--line) !important}
  .pane,.form{box-shadow:0 1px 3px rgba(0,0,0,.05)}
  .type,.c3,.lcard,.sn,.gcard{border-top-color:var(--gold-hi) !important}
  .da,.check{border-left-color:var(--gold-hi) !important}
  .lcard.warn{border-top-color:#e0574a !important}
  .lcard.warn li::before{color:#e0574a !important}
  .pane h3,.type .th h3,.c3 .t,.lcard h4,.check h4,.gname,.d2 .t,.zone .zp{color:var(--ink) !important}
  .pane .sub,.hint,.type .meta,.gdesc,.c3 p,.lcard li,.check p,.d2 p,.type p{color:var(--muted) !important}
  .type .meta em{color:var(--ink) !important}
  .type .tag{color:var(--muted) !important;border-color:var(--line-2) !important}
  .type .tag.hot,.type .tag.plug{color:var(--gold) !important;border-color:var(--gold-hi) !important}
  .c3 .s,.da .k,.br .p,.gchip b{color:var(--gold) !important}
  .lcard li::before,.sp li::before,.qgrid div::before{color:var(--gold) !important}
  .d2.act{border-color:var(--gold-hi) !important;background:linear-gradient(180deg,rgba(217,148,5,.08),transparent) !important}
  .d2.act .t{color:var(--gold) !important}
  .gcard:hover,.gchip:hover{border-color:var(--gold-hi) !important;background:var(--panel-2) !important}
  .garrow{color:var(--gold) !important}
  .inp{background:#fff !important;border-color:var(--line-2) !important}
  .inp input{color:var(--ink) !important}
  .inp span{color:var(--muted-2) !important}
  .inp:focus-within{border-color:var(--gold-hi) !important;box-shadow:0 0 0 3px rgba(217,148,5,.22) !important}
  .fld label{color:var(--muted) !important}
  .fld .val{color:var(--gold) !important}
  select.sel,textarea{background-color:#fff !important;border-color:var(--line-2) !important;color:var(--ink) !important}
  select.sel option{background:#fff !important;color:var(--ink) !important}
  select.sel:focus,textarea:focus{border-color:var(--gold-hi) !important}
  .segw,.seg2,.tabs{background:#fff !important;border-color:var(--line-2) !important}
  .segw button,.seg2 button,.tab{color:var(--muted) !important}
  .segw button:hover,.seg2 button:hover,.tab:hover{color:var(--ink) !important}
  .segw button.on,.seg2 button.on,.tab.on{background:var(--gold-hi) !important;color:#151515 !important}
  input[type=range]{background:var(--line-2) !important}
  input[type=range]::-webkit-slider-thumb{background:var(--gold-hi) !important;border-color:#fff !important;box-shadow:0 0 0 1px var(--gold-hi) !important}
  input[type=range]::-moz-range-thumb{background:var(--gold-hi) !important;border-color:#fff !important}
  .radio label{background:#fff !important;border-color:var(--line-2) !important;color:var(--ink) !important}
  .consent{color:var(--muted) !important}
  .presets button,.chip,.ready span{background:#fff !important;border-color:var(--line-2) !important;color:var(--ink) !important}
  .presets button:hover,.chip:hover{border-color:var(--gold-hi) !important;color:var(--gold) !important}
  .result{background:linear-gradient(180deg,rgba(217,148,5,.12),transparent 60%),var(--dk-panel) !important;
          border:1px solid var(--dk-gold) !important;box-shadow:0 10px 34px rgba(0,0,0,.20) !important}
  .result .cap,.result .big2,.result .row.tot .v{color:var(--dk-gold) !important}
  .result .big,.result .row.tot .k{color:#fff !important}
  .result .permo,.result .tmc .cap,.result .row .k,.result .legend span,.result .lbl span{color:var(--dk-muted) !important}
  .result .tmc,.result .rows,.result .row,.result .gauge .track{border-color:var(--dk-line) !important}
  .result .row .v{color:var(--dk-ink) !important}
  .result .bar,.result .gauge .track{background:var(--dk-line) !important}
  .result .warnbox,.result .verdict{border-color:var(--dk-line2) !important;color:var(--dk-muted) !important}
  .result .warnbox b{color:var(--dk-gold) !important}
  .result .rcta a.solid{background:var(--dk-gold) !important;color:#141414 !important}
  .result .rcta a.ghost{color:var(--dk-gold) !important;border-color:var(--dk-line2) !important}
  .result .zone.comf{background:rgba(78,168,107,.14) !important;border-color:rgba(78,168,107,.45) !important}
  .result .zone.str{background:rgba(217,148,5,.14) !important;border-color:rgba(217,148,5,.45) !important}
  .result .zone .zp{color:#fff !important}
  .result .zone .zs,.result .zone .zpm{color:var(--dk-muted) !important}
  .result .zone .zpm{border-top-color:rgba(255,255,255,.12) !important}
  table.tbl th{color:var(--gold) !important;border-bottom-color:var(--line) !important}
  table.tbl td{border-bottom-color:var(--line) !important;color:var(--muted) !important}
  table.tbl td:first-child{color:var(--ink) !important}
  @media (max-width:760px){table.tbl tr{border-bottom-color:var(--line) !important}}
  .dims{border-top-color:var(--line) !important}
  .dim{border-bottom-color:var(--line) !important}
  .dim .no{color:var(--gold) !important}
  .dim h3{color:var(--ink) !important}
  .dim p{color:var(--muted) !important}
  .faq{border-top-color:var(--line) !important}
  .faq .q{border-bottom-color:var(--line) !important}
  .faq h3{color:var(--ink) !important}
  .faq p{color:var(--muted) !important}
  .faq p a{color:var(--gold) !important}
  .faqgroup .gh{color:var(--gold) !important;border-bottom-color:var(--line) !important}
  .imp{background:rgba(217,148,5,.10) !important;border-color:var(--line-2) !important;
       border-left-color:var(--gold-hi) !important;color:var(--muted) !important}
  .imp b{color:var(--gold) !important}
  .qgrid div{border-bottom-color:var(--line) !important;color:var(--ink) !important}
  .steps .st .n,.mstat b{color:var(--gold) !important}
  .st .t{color:var(--ink) !important}
  .st p,.mstat span{color:var(--muted) !important}
  .subh{color:var(--ink) !important}
  .btnrow a.solid,.cta a.solid,.submit,.go,.abtn,.cta a{background:var(--gold-hi) !important;color:#141414 !important}
  .btnrow a.solid:hover,.submit:hover,.go:hover,.cta a:hover{background:var(--gold) !important;color:#fff !important}
  .btnrow a.ghost{background:transparent !important;color:var(--gold) !important;border-color:var(--line-2) !important}
  .btnrow a.ghost:hover{border-color:var(--gold-hi) !important;color:var(--gold) !important}
  .disc,.note,.lbfoot{background:#fff;border-color:var(--line-2) !important;color:var(--muted-2) !important}
  .vline{background:var(--line) !important}

.row::before,.row::after{content:none !important;display:none !important}
.ph,.ph *{font-style:normal !important}
.go{background:none !important;padding:0 !important;border:none !important}