:root{
  --ink:#EAEDF1; --ink-2:#F5F7FA; --panel:#FFFFFF; --panel-2:#F3F6F9;
  --hair:#D5DBE2; --hair-soft:#E3E7EC;
  --bone:#121821; --bone-dim:#39414C;
  --muted:#677079; --muted-2:#99A1AB;
  --credit:#2F8159; --credit-soft:rgba(47,129,89,.12);
  --debit:#B23A30; --debit-soft:rgba(178,58,48,.10);
  --grotesk:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --maxw:1140px;
  --dark-band:#0E1217;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{background:var(--ink);color:var(--bone);font-family:var(--grotesk);line-height:1.5;overflow-x:hidden}
::selection{background:var(--credit);color:var(--ink)}
a{color:inherit;text-decoration:none}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.cr{color:var(--credit)} .db{color:var(--debit)} .muted{color:var(--muted)}
:focus-visible{outline:2px solid var(--credit);outline-offset:3px}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:500}
.eyebrow .n{color:var(--credit);margin-right:14px}

section{position:relative}
.band{border-top:1px solid var(--hair);padding:104px 0}
h2{font-size:clamp(28px,3.6vw,46px);font-weight:700;letter-spacing:-.025em;line-height:1.05}
h2 .sub{color:var(--muted);font-weight:600}
.lead{font-size:18px;color:var(--bone-dim);line-height:1.6;max-width:60ch}

/* reveal — always visible; scroll animation is optional enhancement */
[data-reveal]{opacity:1;transform:none}
[data-reveal].in{opacity:1;transform:none}

/* ---------- NAV ---------- */
nav{position:sticky;top:0;z-index:50;background:rgba(234,237,241,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
nav .row{max-width:var(--maxw);margin:0 auto;padding:0 40px;height:66px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:0;font-family:var(--mono);font-size:16px;letter-spacing:.02em;font-weight:500}
.brand .ap{width:11px;height:11px;border-radius:50%;border:2.5px solid var(--credit);box-sizing:border-box}
.brand .io{color:var(--muted-2)}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{font-size:13.5px;color:var(--muted);transition:color .2s}
.nav-links a:hover{color:var(--bone)}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:13px;letter-spacing:.02em;padding:11px 18px;border:1px solid var(--hair);background:transparent;color:var(--bone);cursor:pointer;transition:all .2s;border-radius:2px;white-space:nowrap}
.btn:hover{border-color:var(--muted)}
.btn-pri{background:var(--bone);color:var(--ink);border-color:var(--bone);font-weight:600}
.btn-pri:hover{background:#2A323B;border-color:#2A323B}
.btn .arw{transition:transform .2s}
.btn:hover .arw{transform:translateX(3px)}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:10px 16px;background:var(--bone);color:var(--ink);z-index:9999;font-size:14px;border-radius:4px}
@media(max-width:820px){
  nav .row{height:auto;min-height:66px;padding:12px 0;align-items:flex-start}
  .nav-links{gap:10px 14px;flex-wrap:wrap;justify-content:flex-end;max-width:72%}
  .nav-links a:not(.btn){font-size:11.5px}
  .nav-links .btn{display:none}
  .nav .btn{font-size:11px;padding:8px 12px}
}

/* ---------- HERO ---------- */
.hero{padding:80px 0 96px;position:relative}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,42%);gap:clamp(48px,5vw,88px);align-items:center}
.hero-grid > :first-child{min-width:0;padding-right:clamp(16px,3vw,40px)}
.hero h1{font-size:clamp(38px,5.2vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.0;margin:22px 0 24px}
.hero-equation{display:flex;flex-direction:column;width:100%;max-width:100%}
.hero-eq-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;column-gap:clamp(10px,1.6vw,22px);row-gap:10px;width:100%;max-width:100%;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:1.02}
.hero-eq-side{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0;max-width:100%}
.hero-eq-prefix{font-family:var(--mono);font-size:clamp(11px,1.2vw,14px);letter-spacing:.2em;text-transform:uppercase;color:var(--credit);font-weight:500;line-height:1.35;white-space:nowrap}
.hero-eq-term{color:var(--bone);font-size:clamp(28px,3.8vw,52px);line-height:1.02;max-width:100%}
.hero-equation .eq{font-family:var(--mono);color:var(--credit);font-weight:700;font-size:clamp(22px,2.8vw,36px);line-height:1;padding:0 .04em .1em;align-self:end}
@media(max-width:1150px) and (min-width:881px){
  .hero-grid{grid-template-columns:minmax(0,54%) minmax(300px,1fr);gap:40px}
  .hero-eq-term{font-size:clamp(24px,3.2vw,42px)}
}
@media(max-width:680px){
  .hero-eq-main{grid-template-columns:1fr;justify-items:start}
  .hero-equation .eq{justify-self:start;padding:.1em 0}
  .hero-eq-prefix{white-space:normal}
  .hero-eq-term{font-size:clamp(34px,9vw,48px)}
}
.hero .subhead{font-size:18.5px;color:var(--bone-dim);line-height:1.6;max-width:46ch}
.hero .subhead b{color:var(--bone);font-weight:600}
.hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.hero-meta{margin-top:40px;display:flex;gap:0;border:1px solid var(--hair);width:fit-content}
.hero-meta .c{padding:14px 22px;border-right:1px solid var(--hair)}
.hero-meta .c:last-child{border-right:0}
.hero-meta .k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:5px}
.hero-meta .v{font-family:var(--mono);font-size:15px}

/* THE BOOK instrument */
.book{background:var(--ink-2);border:1px solid var(--hair);padding:26px 26px 22px;user-select:none;justify-self:end;width:100%;max-width:100%}
.book-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.book-head .ttl{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.book-head .ttl b{color:var(--bone-dim);font-weight:500}
.book-saved-wrap{text-align:right}
.book-saved-wrap .cap{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.book-saved-wrap .big{font-family:var(--mono);font-size:34px;color:var(--credit);font-variant-numeric:tabular-nums;font-weight:500;line-height:1.05;margin-top:3px}
.book-saved-wrap .per{font-family:var(--mono);font-size:10px;color:var(--muted-2);letter-spacing:.1em}

.book-track{position:relative;height:220px;margin:6px 0 4px;cursor:ew-resize;touch-action:none}
.book-curve{position:absolute;inset:0}
.book-curve svg{width:100%;height:100%;display:block}
.book-dots{position:absolute;inset:0;pointer-events:none}
.book-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--muted-2);transform:translate(-50%,-50%);box-shadow:0 0 0 3px var(--ink-2)}
.book-marker{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--credit);transform:translate(-50%,-50%);box-shadow:0 0 0 4px var(--ink-2),0 0 18px rgba(78,158,118,.6);transition:background .25s;z-index:3}
.book-marker.warn{background:var(--debit);box-shadow:0 0 0 4px var(--ink-2),0 0 18px rgba(194,69,59,.5)}
.book-lever{position:absolute;top:-4px;bottom:-4px;width:1.5px;background:linear-gradient(var(--bone),rgba(23,28,34,.18));transform:translateX(-50%);z-index:2;cursor:ew-resize}
.book-lever::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:13px;height:13px;background:var(--bone);border-radius:2px;border:2px solid var(--ink-2)}
.book-lever .flag{position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--bone);padding:3px 8px;white-space:nowrap;border-radius:2px}
.dragging .book-marker,.dragging .book-lever{transition:none}
.book-axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;margin-top:8px}
.book-readout{display:flex;justify-content:space-between;border-top:1px solid var(--hair);margin-top:16px;padding-top:14px;font-family:var(--mono);font-size:11.5px}
.book-readout .ro{display:flex;flex-direction:column;gap:4px}
.book-readout .ro .k{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.book-readout .ro .vv{color:var(--bone)}
.book-hint{font-family:var(--mono);font-size:10px;color:var(--muted-2);text-align:center;margin-top:14px;letter-spacing:.04em}

@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:40px}.book{order:2}}

/* ---------- PROBLEM ---------- */
.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:52px;border:1px solid var(--hair)}
.prob{padding:30px 28px;border-right:1px solid var(--hair)}
.prob:last-child{border-right:0}
.prob .stat{font-family:var(--mono);font-size:32px;font-weight:500;letter-spacing:-.02em;line-height:1}
.prob h3{font-size:16px;font-weight:600;margin:16px 0 9px;letter-spacing:-.01em}
.prob p{font-size:14px;color:var(--muted);line-height:1.55}
.prob-turn{margin-top:40px;font-size:clamp(20px,2.5vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.3;max-width:30ch}
.prob-turn .hl{color:var(--debit)}
@media(max-width:780px){.prob-grid{grid-template-columns:1fr}.prob{border-right:0;border-bottom:1px solid var(--hair)}.prob:last-child{border-bottom:0}}

/* ---------- THE SHIFT ---------- */
.shift{background:var(--ink-2);text-align:center;padding:128px 0}
.shift .big{font-size:clamp(40px,7vw,88px);font-weight:700;letter-spacing:-.035em;line-height:.98}
.shift .big .obs{color:var(--muted-2)}
.shift .big .enf{color:var(--bone)}
.shift .eq{display:inline-block;margin:0 .1em;color:var(--credit)}
.shift p{font-size:18px;color:var(--bone-dim);max-width:54ch;margin:36px auto 0;line-height:1.6}
.shift p b{color:var(--bone);font-weight:600}
.shift .stamp{margin-top:30px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:inline-flex;gap:10px;align-items:center}
.shift .stamp .dot{width:6px;height:6px;border-radius:50%;background:var(--credit)}

/* ---------- ROUTING CONSOLE ---------- */
.works-with{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap}
.works-with .ww-label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2)}
.works-with .ww-list{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.works-with .ww-item{font-family:var(--mono);font-size:13px;color:var(--bone-dim);letter-spacing:.01em}
.works-with .ww-sep{color:var(--muted-2)}
.rt-bar{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:16px;flex-wrap:wrap}
.rt-toggle{display:inline-flex;border:1px solid var(--hair);border-radius:2px;overflow:hidden}
.rt-toggle button{font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:9px 18px;background:transparent;color:var(--muted);border:0;cursor:pointer;transition:all .2s}
.rt-toggle button[aria-pressed="true"]{background:var(--bone);color:var(--panel)}
.rt-live{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rt-livedot{width:7px;height:7px;border-radius:50%;background:var(--muted-2);transition:background .3s}
#routing[data-mode="enforce"] .rt-livedot{background:var(--credit);animation:rtpulse 1.7s infinite}
@keyframes rtpulse{0%{box-shadow:0 0 0 0 rgba(47,129,89,.55)}70%{box-shadow:0 0 0 8px rgba(47,129,89,0)}100%{box-shadow:0 0 0 0 rgba(47,129,89,0)}}

.console{margin-top:20px;border:1px solid #232B34;background:radial-gradient(130% 130% at 28% -10%,#151C24 0,#0E1217 62%);border-radius:4px;overflow:hidden;box-shadow:0 34px 64px -38px rgba(8,12,18,.72)}
.rt-scene{display:block;width:100%;height:auto}
.rt-scene text{font-family:var(--mono);fill:#C2C9D1}
.rt-scene .lab{fill:#717A85;letter-spacing:.16em}
.rt-scene .box{fill:#121922;stroke:#2A323C;stroke-width:1}
.rt-scene .plane{fill:#0F1720;stroke:#2A323C;stroke-width:1.2}
.rt-scene .planet{fill:#F3EFE6;font-family:var(--grotesk);font-weight:700}
.rt-scene .divln{stroke:#222A33;stroke-width:1}
.rt-scene .wire{stroke:#262E38;stroke-width:1.5;fill:none}
.rt-scene .vname{fill:#DDE2E8}
.rt-scene .price{fill:#EAF3EE}
.rt-scene .row{fill:#9AA3AD}
.rt-scene .tick{fill:#2F8159}
.rt-scene .vbox{fill:#121922;stroke:#2A323C;stroke-width:1;transition:stroke .3s}
#routing[data-mode="enforce"] .rt-scene .venue.cheap .vbox{stroke:#2F8159;stroke-width:1.6}
#routing[data-mode="enforce"] .rt-scene #wire-v2{stroke:#34604C;stroke-width:2}
.rt-scene .venue.ping .vbox{animation:vping .45s ease-out}
@keyframes vping{0%{stroke:#7FD3A8;stroke-width:2}100%{stroke:#2A323C;stroke-width:1}}
/* ---- mode distinction (shadow vs enforce) ---- */
.console{position:relative}
.rt-scene .plane,.rt-scene .vbox,.rt-scene .wire,.rt-scene .venue{transition:stroke .3s,opacity .35s,stroke-width .3s}
#routing[data-mode="enforce"] .rt-scene .plane{stroke:#2F8159;stroke-width:1.5}
#routing[data-mode="shadow"] .rt-scene .plane{stroke:#C99A4E;stroke-width:1.2;stroke-dasharray:5 4}
#routing[data-mode="shadow"] .rt-scene .wire{stroke-dasharray:5 4;animation:wireflow 1s linear infinite}
#routing[data-mode="shadow"] .rt-scene #wire-v2{stroke:#3C6B53}
@keyframes wireflow{to{stroke-dashoffset:-18}}
#routing[data-mode="enforce"] .rt-scene #wire-v0,#routing[data-mode="enforce"] .rt-scene #wire-v1{opacity:.32}
#routing[data-mode="enforce"] .rt-scene .venue[data-v="0"],#routing[data-mode="enforce"] .rt-scene .venue[data-v="1"]{opacity:.42}
#routing[data-mode="shadow"] .rt-scene .venue.cheap .vbox{stroke:#3C6B53;stroke-dasharray:5 4}
/* in-console mode stamp */
.rt-stamp{position:absolute;top:16px;left:18px;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:6px 11px;border:1px solid;border-radius:2px;background:rgba(8,12,18,.55);backdrop-filter:blur(2px)}
#routing[data-mode="enforce"] .rt-stamp{color:#54B488;border-color:rgba(84,180,136,.45)}
#routing[data-mode="shadow"] .rt-stamp{color:#C99A4E;border-color:rgba(201,154,78,.45)}
.rt-stamp .d{width:6px;height:6px;border-radius:50%;background:currentColor}
#routing[data-mode="enforce"] .rt-stamp .d{animation:rtpulse 1.7s infinite}
#routing[data-mode="shadow"] .rt-readout .rfig .amt{color:#C99A4E}
#routing[data-mode="enforce"] .rt-readout .rfig .amt{color:#54B488}
.rt-would{opacity:0;transition:opacity .3s}
#routing[data-mode="shadow"] .rt-would{opacity:1}
.rt-readout{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #232B34;padding:18px 26px;gap:18px;flex-wrap:wrap}
.rt-readout .rs{font-family:var(--mono);font-size:12.5px;color:#C2C9D1;letter-spacing:.02em}
.rt-readout .rs b{color:#fff;font-weight:500}
.rt-readout .rcount{font-family:var(--mono);font-size:11px;color:#6E7782;margin-top:5px}
.rt-readout .rcount b{color:#C2C9D1}
.rt-readout .rfig{text-align:right;font-family:var(--mono)}
.rt-readout .rfig .cap{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6E7782;display:block;margin-bottom:3px}
.rt-readout .rfig .amt{font-size:24px;color:#54B488;font-variant-numeric:tabular-nums}
@media(max-width:680px){.rt-readout{flex-direction:column;align-items:flex-start}.rt-readout .rfig{text-align:left}}

/* ---------- FOUR QUESTIONS ---------- */
.ql{margin-top:50px;border-top:1px solid var(--hair)}
.ql-row{display:grid;grid-template-columns:48px 1fr auto;gap:24px;align-items:center;padding:26px 4px;border-bottom:1px solid var(--hair)}
.ql-row .qn{font-family:var(--mono);font-size:13px;color:var(--credit)}
.ql-row .qt{font-size:17px;font-weight:500;letter-spacing:-.01em}
.ql-row .lever{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:right;max-width:30ch}
.ql-diff{margin-top:34px;background:var(--panel);border:1px solid var(--hair);padding:26px 28px;display:flex;gap:20px;align-items:flex-start}
.ql-diff .mark{font-family:var(--mono);color:var(--credit);font-size:13px;letter-spacing:.1em;white-space:nowrap;padding-top:2px}
.ql-diff p{font-size:15.5px;line-height:1.6;color:var(--bone-dim)}
.ql-diff p b{color:var(--bone);font-weight:600}
@media(max-width:680px){.ql-row{grid-template-columns:36px 1fr}.ql-row .lever{grid-column:1/-1;text-align:left;max-width:none;padding-left:60px}}

/* ---------- CAPEX / OPEX ---------- */
.capex-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:50px;align-items:center}
.capex-chart{border:1px solid var(--hair);background:var(--panel);padding:30px 28px}
.capex-chart .ttl{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.cx-svg{width:100%;height:200px;display:block}
.capex-legend{display:flex;gap:24px;margin-top:20px;font-family:var(--mono);font-size:11px}
.capex-legend span{display:flex;align-items:center;gap:8px;color:var(--muted)}
.capex-legend .sw{width:14px;height:3px;display:inline-block}
.capex-copy h3{font-size:15px;font-weight:600;margin-bottom:10px}
.capex-copy p{font-size:15px;color:var(--bone-dim);line-height:1.62;margin-bottom:18px}
.capex-copy p b{color:var(--bone);font-weight:600}
.crossover{font-family:var(--mono);font-size:12px;color:var(--muted);border-left:2px solid var(--credit);padding-left:14px}
@media(max-width:780px){.capex-grid{grid-template-columns:1fr}}

/* ---------- GOVERNANCE ---------- */
.gov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;border:1px solid var(--hair)}
.gov{padding:30px 26px;border-right:1px solid var(--hair)}
.gov:last-child{border-right:0}
.gov .ic{font-family:var(--mono);font-size:11px;color:var(--credit);letter-spacing:.1em;margin-bottom:18px}
.gov h3{font-size:16px;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}
.gov p{font-size:14px;color:var(--muted);line-height:1.56}
.gov .tag{font-family:var(--mono);font-size:11px;color:var(--bone-dim);margin-top:14px;display:inline-block;border:1px solid var(--hair);padding:3px 9px}
@media(max-width:780px){.gov-grid{grid-template-columns:1fr}.gov{border-right:0;border-bottom:1px solid var(--hair)}.gov:last-child{border-bottom:0}}

/* ---------- KYI TEASER ---------- */
.kyi-teaser{border:1px solid var(--hair);background:var(--ink-2);margin-top:0;display:grid;grid-template-columns:1.1fr .9fr}
.kt-left{padding:48px 44px;border-right:1px solid var(--hair)}
.kt-left h2{margin:20px 0 16px}
.kt-left p{font-size:16px;color:var(--bone-dim);line-height:1.6;max-width:46ch}
.kt-left p b{color:var(--bone);font-weight:600}
.kt-cta{margin-top:30px;display:inline-flex}
.kt-right{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}
.kt-score{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--hair);padding-bottom:20px;margin-bottom:20px}
.kt-score .big{font-family:var(--mono);font-size:48px;font-weight:500;line-height:1;letter-spacing:-.02em}
.kt-score .big .den{font-size:18px;color:var(--muted-2)}
.kt-score .rec{font-family:var(--mono);font-size:12px;color:var(--credit);letter-spacing:.03em}
.kt-pillars{display:flex;flex-direction:column;gap:13px}
.kt-p{display:grid;grid-template-columns:118px 1fr 30px;gap:12px;align-items:center;font-family:var(--mono);font-size:11.5px}
.kt-p .pn{color:var(--bone-dim)}
.kt-p .tk{height:5px;background:var(--panel);border-radius:1px;overflow:hidden}
.kt-p .fl{height:100%;background:var(--credit)}
.kt-p .fl.db{background:var(--debit)}
.kt-p .vv{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:820px){.kyi-teaser{grid-template-columns:1fr}.kt-left{border-right:0;border-bottom:1px solid var(--hair)}}

/* ---------- THE SPREAD / CALCULATOR ---------- */
.calc{margin-top:50px;border:1px solid var(--hair);background:var(--ink-2);display:grid;grid-template-columns:1fr 1fr}
.calc-controls{padding:36px 34px;border-right:1px solid var(--hair)}
.calc-controls .grp{margin-bottom:28px}
.calc-controls .gl{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.opt-row{display:flex;flex-wrap:wrap;gap:8px}
.opt{font-family:var(--mono);font-size:12.5px;padding:9px 13px;border:1px solid var(--hair);background:transparent;color:var(--muted);cursor:pointer;transition:all .18s;border-radius:2px}
.opt:hover{border-color:var(--muted)}
.opt.active{background:var(--panel);color:var(--bone);border-color:var(--muted-2)}
.calc-out{padding:36px 34px;display:flex;flex-direction:column;justify-content:center}
.calc-out .cap{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.calc-out .saved{font-family:var(--mono);font-size:clamp(44px,7vw,68px);color:var(--credit);font-variant-numeric:tabular-nums;font-weight:500;line-height:1;margin:8px 0 4px;letter-spacing:-.02em}
.calc-out .savedsub{font-family:var(--mono);font-size:12px;color:var(--muted)}
.calc-detail{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:30px;border-top:1px solid var(--hair)}
.calc-detail .d{padding:16px 0;border-right:1px solid var(--hair);padding-right:20px}
.calc-detail .d:nth-child(2),.calc-detail .d:nth-child(4){border-right:0;padding-left:20px}
.calc-detail .d:nth-child(3),.calc-detail .d:nth-child(4){border-top:1px solid var(--hair)}
.calc-detail .dk{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:6px}
.calc-detail .dv{font-family:var(--mono);font-size:18px;font-variant-numeric:tabular-nums}
.calc-detail .dv.db{color:var(--debit)} .calc-detail .dv.cr{color:var(--credit)}
@media(max-width:780px){.calc{grid-template-columns:1fr}.calc-controls{border-right:0;border-bottom:1px solid var(--hair)}}

/* ---------- PRICING ---------- */
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:50px;border:1px solid var(--hair)}
.price{padding:38px 34px;border-right:1px solid var(--hair)}
.price:last-child{border-right:0}
.price .pl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--credit);margin-bottom:18px}
.price h3{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.price .pm{font-family:var(--mono);font-size:13px;color:var(--muted);margin-bottom:20px}
.price p{font-size:14.5px;color:var(--bone-dim);line-height:1.6}
.price p b{color:var(--bone);font-weight:600}
.ramp{margin-top:44px;display:flex;align-items:stretch;border:1px solid var(--hair)}
.ramp .step{flex:1;padding:22px 24px;border-right:1px solid var(--hair);position:relative}
.ramp .step:last-child{border-right:0}
.ramp .step .sn{font-family:var(--mono);font-size:11px;color:var(--credit);margin-bottom:8px}
.ramp .step .st{font-size:15px;font-weight:600;margin-bottom:6px}
.ramp .step p{font-size:13px;color:var(--muted);line-height:1.5}
@media(max-width:780px){.price-grid,.ramp{grid-template-columns:1fr;flex-direction:column}.price{border-right:0;border-bottom:1px solid var(--hair)}.price:last-child{border-bottom:0}.ramp .step{border-right:0;border-bottom:1px solid var(--hair)}.ramp .step:last-child{border-bottom:0}}

/* ---------- COMPACT ---------- */
.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:50px;border:1px solid var(--hair);position:relative}
.cpt{padding:38px 36px}
.cpt:first-child{border-right:1px solid var(--hair)}
.cpt .role{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.cpt h3{font-size:21px;font-weight:700;letter-spacing:-.02em;margin-bottom:22px}
.cpt ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.cpt li{font-size:14.5px;color:var(--bone-dim);line-height:1.5;padding-left:22px;position:relative}
.cpt li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--credit);border-radius:1px}
.cpt-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--hair);display:flex;align-items:center;justify-content:center}
.cpt-line .badge{background:var(--ink);border:1px solid var(--credit);color:var(--credit);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:2px;transform:rotate(0deg);white-space:nowrap}
@media(max-width:780px){.compact-grid{grid-template-columns:1fr}.cpt:first-child{border-right:0;border-bottom:1px solid var(--hair)}.cpt-line{display:none}}

/* ---------- FINAL CTA ---------- */
.final{background:var(--ink-2);text-align:center;padding:120px 0}
.final h2{font-size:clamp(32px,5vw,58px);margin-bottom:14px}
.final p{color:var(--muted);font-size:17px;margin-bottom:38px}
.final .proof{font-family:var(--mono);font-size:13px;color:var(--muted);margin-top:40px}
.final .proof .amt{color:var(--credit);font-variant-numeric:tabular-nums}

/* ---------- FOOTER ---------- */
footer{border-top:1px solid var(--hair);padding:64px 0 48px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 2fr;gap:32px}
.foot-col-group{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.foot-brand .brand{margin-bottom:14px}
.foot-brand p{font-size:13px;color:var(--muted-2);line-height:1.6;max-width:34ch}
.foot-col h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:16px}
.foot-col a{display:block;font-size:13.5px;color:var(--muted);margin-bottom:11px;transition:color .2s}
.foot-col a:hover{color:var(--bone)}
.foot-bottom{display:flex;justify-content:space-between;margin-top:54px;padding-top:26px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:11px;color:var(--muted-2);letter-spacing:.04em}
@media(max-width:780px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px}.foot-brand{grid-column:1/-1}.foot-col-group{grid-column:1/-1}}
/* ============ LIGHT-THEME STATEMENT BANDS & POLISH ============ */
.shift,.final{background:var(--dark-band)}
.shift .eyebrow,.final .eyebrow{color:#9AA3AF}
.shift .eyebrow .n,.final .eyebrow .n{color:#5BB088}
.shift .big{color:#F3EFE6}
.shift .big .obs{color:#737B86}
.shift .big .enf{color:#F3EFE6}
.shift p{color:#C8CDD4}
.shift p b{color:#F3EFE6}
.shift .stamp{color:#9AA3AF}
.shift .stamp .dot{background:#5BB088}
.final h2{color:#F3EFE6}
.final p{color:#9AA3AF}
.final .proof{color:#9AA3AF}
.final .proof .amt{color:#5BB088}
.final .btn-pri{background:#F3EFE6;color:#14181D;border-color:#F3EFE6}
.final .btn-pri:hover{background:#fff;border-color:#fff}
/* raised instrument cards on paper */
.book,.diagram,.calc,.kyi-teaser,.capex-chart{box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
/* EVAL VALUE 3-UP */
.eg-three{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border:1px solid var(--hair)}
.egt{padding:26px 24px;border-right:1px solid var(--hair)}
.egt:last-child{border-right:0}
.egt .ic{font-family:var(--mono);font-size:11px;color:var(--credit);letter-spacing:.08em;margin-bottom:14px}
.egt h3{font-size:15px;font-weight:600;margin-bottom:9px;letter-spacing:-.01em}
.egt p{font-size:13.5px;color:var(--muted);line-height:1.55}
@media(max-width:780px){.eg-three{grid-template-columns:1fr}.egt{border-right:0;border-bottom:1px solid var(--hair)}.egt:last-child{border-bottom:0}}

/* CONTINUOUS LOOP */
.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px;border:1px solid var(--hair);position:relative}
.loop-step{padding:30px 24px;border-right:1px solid var(--hair);position:relative}
.loop-step:last-child{border-right:0}
.loop-step .sn{font-family:var(--mono);font-size:11px;color:var(--credit);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.loop-step .sn .d{width:6px;height:6px;border-radius:50%;background:var(--credit)}
.loop-step h3{font-size:16px;font-weight:600;margin-bottom:9px;letter-spacing:-.01em}
.loop-step p{font-size:13px;color:var(--muted);line-height:1.5}
.loop-step .arr{position:absolute;right:-9px;top:50%;transform:translateY(-50%);font-family:var(--mono);color:var(--muted-2);font-size:14px;background:var(--ink);z-index:2;padding:2px 0}
.loop-step:last-child .arr{content:"↻"}
.loop-band{display:flex;align-items:center;gap:12px;margin-top:24px;font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.04em}
.loop-band .cyc{color:var(--credit)}
@media(max-width:780px){.loop{grid-template-columns:1fr}.loop-step{border-right:0;border-bottom:1px solid var(--hair)}.loop-step:last-child{border-bottom:0}.loop-step .arr{display:none}}

/* SUPPLY CHAIN */
.chain{margin-top:50px;border:1px solid var(--hair);background:var(--panel);padding:0;overflow:hidden}
.layer{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--hair)}
.layer:last-child{border-bottom:0}
.layer .lk{padding:26px 26px;border-right:1px solid var(--hair);background:var(--ink-2)}
.layer .lk .ln{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px}
.layer .lk .lt{font-size:16px;font-weight:600;letter-spacing:-.01em}
.layer .lk.kyi-layer{background:var(--credit-soft)}
.layer .lk.kyi-layer .lt{color:var(--credit)}
.layer .lb{padding:26px 26px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.layer .lb p{font-size:13.5px;color:var(--muted);line-height:1.55;max-width:60ch}
.node-chip{font-family:var(--mono);font-size:11.5px;border:1px solid var(--hair);background:var(--ink-2);padding:8px 12px;border-radius:2px;color:var(--bone-dim)}
.node-chip.cr{border-color:rgba(78,158,118,.4);color:var(--credit)}
@media(max-width:680px){.layer{grid-template-columns:1fr}.layer .lk{border-right:0;border-bottom:1px solid var(--hair)}}

/* SUPPLY-CHAIN MAP (architecture as a service) */
.map-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:46px;flex-wrap:wrap}
.map-toggle{display:inline-flex;border:1px solid var(--hair);border-radius:2px;overflow:hidden}
.map-toggle button{font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:9px 18px;background:transparent;color:var(--muted);border:0;cursor:pointer;transition:all .2s}
.map-toggle button[aria-pressed="true"]{background:var(--bone);color:var(--panel)}
.map-hint{font-family:var(--mono);font-size:11px;color:var(--muted-2);letter-spacing:.04em}
.supply-map{margin-top:18px;border:1px solid var(--hair);background:var(--panel);border-radius:4px;overflow:hidden;box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
.sm-svg{display:block;width:100%;height:auto}
.sm-svg .col-h{font-family:var(--mono);fill:var(--muted-2);letter-spacing:.18em}
.sm-node{fill:var(--panel-2);stroke:var(--hair);stroke-width:1;transition:stroke .25s,fill .25s,stroke-width .25s}
.sm-node.active{stroke:var(--credit);stroke-width:1.7;fill:var(--credit-soft)}
.sm-grp.clickable{cursor:pointer}
.sm-grp .nm{font-family:var(--grotesk);font-weight:600;fill:var(--bone)}
.sm-grp .sub{font-family:var(--mono);fill:var(--muted)}
.sm-grp .fig{font-family:var(--mono);fill:var(--bone-dim)}
.sm-grp.active .fig{fill:var(--credit)}
.sm-conn{fill:none;stroke-width:1.6;opacity:.55;transition:opacity .35s,stroke .35s,stroke-width .35s}
.sm-conn.dim{opacity:.08}
.sm-conn.flow{stroke-dasharray:8 6;animation:sm-flow-dash 1.15s linear infinite}
@keyframes sm-flow-dash{to{stroke-dashoffset:-28}}
.supply-map[data-mode="observed"] .sm-conn.observed{stroke:#C07068;opacity:.72}
.supply-map[data-mode="observed"] .sm-conn.observed.sel{stroke:var(--debit);stroke-width:2.5;opacity:1}
.supply-map[data-mode="optimized"] .sm-conn.optimized{stroke:#4A9E72;opacity:.8}
.supply-map[data-mode="optimized"] .sm-conn.optimized.sel{stroke:var(--credit);stroke-width:2.5;opacity:1}
.sm-node.in-use{stroke-width:1.5;transition:opacity .35s,stroke .35s,fill .35s}
.supply-map[data-mode="observed"] .sm-node.in-use{stroke:#C07068;fill:rgba(178,58,48,.09)}
.supply-map[data-mode="optimized"] .sm-node.in-use{stroke:var(--credit);fill:var(--credit-soft)}
.sm-node.idle,.sm-grp.idle{opacity:.34}
.sm-grp.idle .nm,.sm-grp.idle .sub,.sm-grp.idle .fig{opacity:.55}
.sm-flow-packet{pointer-events:none;opacity:.92}
.sm-route-label{font-family:var(--mono);font-size:9px;fill:var(--muted);letter-spacing:.04em;pointer-events:none}
.supply-map[data-mode="observed"] .sm-route-label{fill:#9A6A64}
.supply-map[data-mode="optimized"] .sm-route-label{fill:#4A9E72}
.sm-detail .dt-mode{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.supply-map[data-mode="observed"] .sm-detail .dt-mode{color:var(--debit)}
.supply-map[data-mode="optimized"] .sm-detail .dt-mode{color:var(--credit)}
.sm-detail .dt-route{font-family:var(--mono);font-size:12.5px;line-height:1.55;color:var(--bone)}
.sm-detail .dt-route .chain{color:var(--bone-dim)}
.sm-detail .dt-spend{font-family:var(--mono);font-size:20px;font-variant-numeric:tabular-nums;margin-top:12px}
.supply-map[data-mode="observed"] .sm-detail .dt-spend{color:var(--debit)}
.supply-map[data-mode="optimized"] .sm-detail .dt-spend{color:var(--credit)}
.sm-readout{border-top:1px solid var(--hair);display:flex;align-items:stretch;flex-wrap:wrap}
.sm-totals{display:flex;flex:1;min-width:300px}
.sm-stat{padding:20px 24px;border-right:1px solid var(--hair);flex:1}
.sm-stat .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:7px}
.sm-stat .v{font-family:var(--mono);font-size:21px;font-variant-numeric:tabular-nums}
.sm-stat .v.db{color:var(--debit)} .sm-stat .v.cr{color:var(--credit)}
.sm-detail{flex:1.3;min-width:300px;padding:20px 26px;display:flex;flex-direction:column;justify-content:center;background:var(--ink-2)}
.sm-detail .dt-name{font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}
.sm-detail .dt-floor{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-bottom:14px}
.sm-detail .dt-flow{font-family:var(--mono);font-size:12.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sm-detail .dt-was{color:var(--debit)}
.sm-detail .dt-now{color:var(--credit)}
.sm-detail .dt-arrow{color:var(--muted-2)}
.sm-detail .dt-cut{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:10px}
.sm-detail .dt-cut b{color:var(--credit)}
.sm-detail .dt-empty{font-family:var(--mono);font-size:11.5px;color:var(--muted-2);letter-spacing:.02em;line-height:1.6}
@media(max-width:760px){.sm-totals{flex-wrap:wrap}.sm-stat{min-width:50%;border-bottom:1px solid var(--hair)}}

/* ROADMAP */
.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;border:1px solid var(--hair)}
.phase{padding:30px 28px;border-right:1px solid var(--hair)}
.phase:last-child{border-right:0}
.phase .days{font-family:var(--mono);font-size:11px;color:var(--credit);letter-spacing:.06em;margin-bottom:10px}
.phase h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}
.phase ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.phase li{font-size:13px;color:var(--muted);line-height:1.45;padding-left:16px;position:relative}
.phase li .wk{font-family:var(--mono);font-size:10px;color:var(--muted-2);margin-right:6px}
@media(max-width:780px){.roadmap{grid-template-columns:1fr}.phase{border-right:0;border-bottom:1px solid var(--hair)}.phase:last-child{border-bottom:0}}

/* DECISION OUTPUT */
.decision{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px;border:1px solid var(--hair)}
.dec{padding:26px 22px;border-right:1px solid var(--hair)}
.dec:last-child{border-right:0}
.dec .rng{font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:12px}
.dec .rl{font-size:15px;font-weight:600;letter-spacing:-.01em}
.dec .bar{height:4px;margin-top:14px;border-radius:1px}
.dec.s1 .bar{background:var(--credit)} .dec.s1 .rl{color:var(--credit)}
.dec.s2 .bar{background:rgba(78,158,118,.5)}
.dec.s3 .bar{background:#9A7A2E} .dec.s3 .rl{color:#9A7A2E}
.dec.s4 .bar{background:var(--debit)} .dec.s4 .rl{color:var(--debit)}
@media(max-width:680px){.decision{grid-template-columns:1fr 1fr}.dec{border-bottom:1px solid var(--hair)}}

/* FINAL */
/* FOOTER */
footer{border-top:1px solid var(--hair);padding:64px 0 48px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 2fr;gap:32px}
.foot-col-group{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.foot-brand .brand{margin-bottom:14px}
.foot-brand p{font-size:13px;color:var(--muted-2);line-height:1.6;max-width:34ch}
.foot-col h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:16px}
.foot-col a{display:block;font-size:13.5px;color:var(--muted);margin-bottom:11px;transition:color .2s}
.foot-col a:hover{color:var(--bone)}
.foot-bottom{display:flex;justify-content:space-between;margin-top:54px;padding-top:26px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:11px;color:var(--muted-2);letter-spacing:.04em}
@media(max-width:780px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px}.foot-brand{grid-column:1/-1}.foot-col-group{grid-column:1/-1}}
/* ============ LIGHT-THEME STATEMENT BANDS & POLISH ============ */
.thesis,.final{background:var(--dark-band)}
.thesis .eyebrow,.final .eyebrow{color:#9AA3AF}
.thesis .eyebrow .n,.final .eyebrow .n{color:#5BB088}
.thesis .big{color:#F3EFE6}
.thesis .big .dim{color:#737B86}
.thesis p{color:#C8CDD4}
.thesis p b{color:#F3EFE6}
.thesis .analogy{color:#9AA3AF}
.thesis .analogy .dot{background:#5BB088}
.final h2{color:#F3EFE6}
.final p{color:#9AA3AF}
.final .btn-pri{background:#F3EFE6;color:#14181D;border-color:#F3EFE6}
.final .btn-pri:hover{background:#fff;border-color:#fff}
/* raised instrument cards on paper */
.kyi-card,.eval-gate,.hero-aside,.chain{box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}

/* ---------- KYI PAGE ---------- */
.byline{margin-top:36px;font-family:var(--mono);font-size:11.5px;color:var(--muted-2);letter-spacing:.04em;border-left:2px solid var(--hair);padding-left:14px;line-height:1.6}
.byline b{color:var(--muted)}
.hero-aside{border:1px solid var(--hair);background:var(--panel);padding:28px}
.hero-aside .cap{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ha-score{font-family:var(--mono);font-size:64px;font-weight:500;line-height:1;letter-spacing:-.02em;margin:8px 0 2px}
.ha-score .den{font-size:24px;color:var(--muted-2)}
.ha-rec{font-family:var(--mono);font-size:12px;color:var(--credit);letter-spacing:.04em}
.ha-pillars{margin-top:24px;border-top:1px solid var(--hair);padding-top:20px;display:flex;flex-direction:column;gap:12px}
.ha-p{display:grid;grid-template-columns:1fr auto;gap:10px;font-family:var(--mono);font-size:11.5px;align-items:center}
.ha-p .pn{color:var(--bone-dim)}
.ha-p .pw{color:var(--muted-2);font-size:10px}

.thesis{text-align:center;padding:120px 0}
.thesis .big{font-size:clamp(32px,5vw,58px);font-weight:700;letter-spacing:-.03em;line-height:1.04;max-width:20ch;margin:30px auto 0}
.thesis p{font-size:17.5px;max-width:60ch;margin:32px auto 0;line-height:1.6}
.thesis p b{font-weight:600}
.analogy{margin-top:34px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;display:inline-flex;gap:10px;align-items:center}
.analogy .dot{width:6px;height:6px;border-radius:50%;background:var(--credit)}

.gl{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}

.kyi-card{margin-top:50px;border:1px solid var(--hair);background:var(--panel);display:grid;grid-template-columns:1fr 1fr}
.kyi-left{padding:36px 34px;border-right:1px solid var(--hair)}
.kyi-controls{margin-bottom:8px}
.kyi-radar{margin-top:26px;display:flex;flex-direction:column;align-items:center}
.kyi-radar svg{width:100%;max-width:340px;height:auto}
.floor-note{text-align:center;font-family:var(--mono);font-size:10px;color:var(--muted-2);margin-top:12px;letter-spacing:.04em}
.kyi-right{padding:36px 34px;display:flex;flex-direction:column}
.kyi-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--hair);padding-bottom:22px;margin-bottom:22px}
.kyi-total-wrap .cap{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.kyi-total-wrap .score{font-family:var(--mono);font-size:58px;font-weight:500;line-height:1;letter-spacing:-.02em;margin-top:4px}
.kyi-total-wrap .score .den{font-size:22px;color:var(--muted-2)}
.kyi-rec-side{text-align:right}
.kyi-rec-badge{font-family:var(--mono);font-size:12px;letter-spacing:.03em;padding:6px 12px;border-radius:2px;display:inline-block;border:1px solid}
.rec-strong{color:var(--credit);border-color:rgba(78,158,118,.5);background:var(--credit-soft)}
.rec-ok{color:var(--credit);border-color:var(--hair)}
.rec-cond{color:#9A7A2E;border-color:rgba(154,122,46,.4)}
.rec-no{color:var(--debit);border-color:rgba(194,69,59,.5);background:var(--debit-soft)}
#kyi-conf{display:block;font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:10px}
.kyi-bars{display:flex;flex-direction:column;gap:18px;flex:1;justify-content:center}
.kyi-bar .kb-top{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.kyi-bar .kb-name{font-size:13.5px;font-weight:500;flex:1}
.kyi-bar .kb-w{font-family:var(--mono);font-size:10px;color:var(--muted-2)}
.kyi-bar .kb-val{font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums;min-width:24px;text-align:right}
.kyi-bar .kb-track{height:6px;background:var(--ink-2);border-radius:1px;overflow:hidden}
.kyi-bar .kb-fill{height:100%;width:0;background:var(--credit);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.pillar-meta{margin-top:14px;font-family:var(--mono);font-size:11px;color:var(--muted-2);text-align:center;letter-spacing:.04em}

.pdetail{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:46px;border:1px solid var(--hair);background:var(--panel)}
.pd{padding:24px 18px;border-right:1px solid var(--hair)}
.pd:last-child{border-right:0}
.pd .pn{font-size:14px;font-weight:600;letter-spacing:-.01em}
.pd .pw{font-family:var(--mono);font-size:10px;color:var(--credit);margin:6px 0 14px}
.pd ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.pd li{font-size:11.5px;color:var(--muted);line-height:1.4;padding-left:12px;position:relative}
.pd li::before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;background:var(--muted-2);border-radius:50%}

.eval-gate{margin-top:50px;border:1px solid var(--hair);background:var(--panel);display:grid;grid-template-columns:1.55fr 1fr}
.eg-main{padding:34px 32px;border-right:1px solid var(--hair)}
.eg-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.eg-suite .gl{margin-bottom:12px}
.eg-floor-ctl{min-width:220px}
.eg-floor-ctl .gl{margin-bottom:12px;display:flex;justify-content:space-between}
.eg-floor-ctl .gl b{color:var(--credit)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--ink-2);border-radius:2px;outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--bone);border-radius:50%;cursor:pointer;border:3px solid var(--ink-2)}
input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--bone);border-radius:50%;cursor:pointer;border:3px solid var(--ink-2)}
#eval-rows{display:flex;flex-direction:column;gap:2px}
.eval-row{display:grid;grid-template-columns:118px 1fr 34px 58px 78px;gap:14px;align-items:center;padding:11px 12px;border:1px solid transparent;border-radius:2px;transition:all .2s}
.eval-row.dim{opacity:.5}
.eval-row.selected{background:var(--credit-soft);border-color:rgba(78,158,118,.4);opacity:1}
.er-name{font-family:var(--mono);font-size:12px;color:var(--bone-dim)}
.eval-row.selected .er-name{color:var(--bone)}
.er-track{position:relative;height:6px;background:var(--ink-2);border-radius:1px;overflow:visible}
.er-fill{height:100%;background:var(--credit);border-radius:1px;transition:width .35s,background .25s}
.er-floor{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--bone);transition:left .2s}
.er-score{font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}
.er-cost{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:right}
.er-badge{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-align:center;padding:4px 0;border-radius:2px}
.er-badge.pass{color:var(--credit);border:1px solid rgba(78,158,118,.4)}
.er-badge.fail{color:var(--debit);border:1px solid rgba(194,69,59,.35)}
.eg-side{padding:34px 30px;display:flex;flex-direction:column;justify-content:center;background:var(--ink-2)}
.eg-side .cap{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.eg-side .route{font-family:var(--mono);font-size:24px;font-weight:500;letter-spacing:-.01em;color:var(--credit);margin:8px 0 3px;line-height:1.1}
.eg-side .mult{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.eg-side .cost-line{margin-top:24px;border-top:1px solid var(--hair);padding-top:20px;display:flex;justify-content:space-between;align-items:baseline}
.eg-side .cost-line .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.eg-side .cost-line .v{font-family:var(--mono);font-size:22px;font-variant-numeric:tabular-nums}
.eg-note{font-family:var(--mono);font-size:10.5px;color:var(--muted-2);margin-top:18px;line-height:1.6}

@media(max-width:880px){.hero-grid .hero-aside{order:2}}
@media(max-width:820px){
  .kyi-card{grid-template-columns:1fr}
  .kyi-left{border-right:0;border-bottom:1px solid var(--hair)}
  .pdetail{grid-template-columns:1fr 1fr}
  .pd{border-bottom:1px solid var(--hair)}
  .eval-gate{grid-template-columns:1fr}
  .eg-main{border-right:0;border-bottom:1px solid var(--hair)}
  .eval-row{grid-template-columns:96px 1fr 30px 70px;gap:10px}
  .er-badge{display:none}
}
@media(max-width:480px){.pdetail{grid-template-columns:1fr}}

/* ---------- CONTENT PAGES (glossary, hubs, guides, compare) ---------- */
.band-compact{padding:64px 0}
.page-hero{padding:80px 0 56px}
.page-hero h1{font-size:clamp(38px,5.2vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.0;margin:22px 0 24px}
.page-hero .subhead{font-size:18.5px;color:var(--bone-dim);line-height:1.6;max-width:52ch}
.page-hero .subhead strong{color:var(--bone);font-weight:600}
.page-hero .disambiguation{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:20px}
.shift-compact{padding:72px 0}
.shift-compact .big{font-size:clamp(28px,4.5vw,52px)}
.shift-compact p{font-size:16px;margin-top:24px}
.expert-quote{margin-top:28px;border-left:3px solid var(--credit);padding:16px 20px;background:var(--ink-2);font-size:15px;max-width:65ch;line-height:1.6}
.expert-quote p{color:var(--bone-dim)}
.expert-quote footer{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:10px}
.expert-quote cite{font-style:normal}

.band-muted{background:var(--ink-2)}
.band-panel{background:var(--panel)}
.band-intro{font-size:13px;color:var(--muted);margin:12px 0 24px;max-width:55ch;line-height:1.55}

.instrument-card{border:1px solid var(--hair);background:var(--panel);box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
.passage{padding:28px 32px;border-bottom:1px solid var(--hair)}
.passage:last-child{border-bottom:0}
.passage h2{font-size:clamp(20px,2.4vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:12px}
.passage .answer-first{max-width:68ch;font-size:17px;color:var(--bone-dim);line-height:1.65}
.passage .evidence{font-size:14px;margin-top:14px;border-left:2px solid var(--credit);padding-left:14px;color:var(--muted);line-height:1.55;max-width:68ch}

.content-section{padding:36px 0;border-bottom:1px solid var(--hair)}
.content-section:last-child{border-bottom:0}
.content-section h2{font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-bottom:14px}
.content-section .section-lead{font-size:17px;color:var(--bone-dim);line-height:1.65;max-width:68ch}
.body-p{font-size:15px;color:var(--bone-dim);line-height:1.65;max-width:72ch;margin-top:14px}
.content-list{margin:18px 0 0 20px;display:flex;flex-direction:column;gap:10px;max-width:68ch}
.content-list li{font-size:14.5px;color:var(--bone-dim);line-height:1.55}

.data-table-wrap{margin-top:24px;overflow-x:auto;border:1px solid var(--hair);background:var(--panel)}
.data-table-wrap figcaption{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--hair);background:var(--ink-2)}
.data-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px}
.data-table th,.data-table td{border-bottom:1px solid var(--hair);padding:12px 16px;text-align:left}
.data-table th{background:var(--ink-2);font-weight:600;color:var(--bone)}
.data-table td{color:var(--bone-dim)}
.data-table tr:last-child td{border-bottom:0}

.steps-block{margin-top:0}
.steps-block h2{margin:18px 0 28px;font-size:clamp(24px,3vw,36px)}
.steps-list{list-style:none;display:flex;flex-direction:column;gap:0;border:1px solid var(--hair);background:var(--panel);box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
.steps-list li{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:22px 24px;border-bottom:1px solid var(--hair);align-items:start}
.steps-list li:last-child{border-bottom:0}
.steps-list .step-n{font-size:13px;color:var(--credit);padding-top:2px}
.steps-list h3{font-size:16px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}
.steps-list p{font-size:14px;color:var(--muted);line-height:1.55;max-width:62ch}

.methodology{border:1px solid var(--hair);background:var(--ink-2);padding:24px 26px;box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
.methodology p{font-size:14px;color:var(--bone-dim);line-height:1.6;max-width:75ch;margin-top:12px}

.related-band .link-panel{margin-top:24px;border:1px solid var(--hair);background:var(--panel);padding:24px 26px;box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
.related-band .opt-row{margin-top:16px}
.related-band .opt:hover{border-color:var(--credit);color:var(--bone)}

.faq-section h2{margin:22px 0 24px}
.faq-section .faq-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--hair);background:var(--panel);box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
.faq-item{border-bottom:1px solid var(--hair);padding:18px 22px}
.faq-item:last-child{border-bottom:0}
.faq-item summary{cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item h3{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.35}
.faq-item p{font-size:14.5px;color:var(--bone-dim);line-height:1.65;margin-top:12px;max-width:72ch}

.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:28px;border:1px solid var(--hair);background:var(--panel);box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
.index-grid .link-card{display:block;padding:24px 22px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);text-decoration:none;transition:background .2s}
.index-grid .link-card:hover{background:var(--ink-2)}
.index-grid .link-card h3{font-size:15px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em;color:var(--bone)}
.index-grid .link-card p{font-size:13px;color:var(--muted);line-height:1.5}
.index-grid .link-card .meta{font-family:var(--mono);font-size:11px;color:var(--credit);margin-top:10px}
.index-grid .link-card:nth-child(3n){border-right:0}
.index-grid .link-card:nth-last-child(-n+3){border-bottom:0}
@media(max-width:900px){
  .index-grid .link-card:nth-child(3n){border-right:1px solid var(--hair)}
  .index-grid .link-card:nth-child(2n){border-right:0}
  .index-grid .link-card:nth-last-child(-n+3){border-bottom:1px solid var(--hair)}
  .index-grid .link-card:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:680px){
  .index-grid .link-card{border-right:0!important}
  .index-grid .link-card:last-child{border-bottom:0}
}

.index-list{list-style:none;display:flex;flex-direction:column;gap:0;margin-top:28px;border:1px solid var(--hair);background:var(--panel);box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
.index-list li{padding:22px 24px;border-bottom:1px solid var(--hair);transition:background .2s}
.index-list li:last-child{border-bottom:0}
.index-list li:hover{background:var(--ink-2)}
.index-list a{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--bone)}
.index-list .summary{display:block;font-size:14px;color:var(--muted);margin-top:8px;line-height:1.55;max-width:72ch}

.use-case-list{margin-top:28px;border:1px solid var(--hair);background:var(--panel);box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
.use-case-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px 24px;border-bottom:1px solid var(--hair);align-items:center;transition:background .2s}
.use-case-row:last-child{border-bottom:0}
.use-case-row:hover{background:var(--ink-2)}
.use-case-row a{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--bone)}
.use-case-row .summary{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.5;max-width:60ch}
.use-case-row .savings{font-family:var(--mono);font-size:14px;text-align:right;white-space:nowrap}

.integration-list{margin-top:28px;border:1px solid var(--hair);background:var(--panel);box-shadow:0 24px 48px -34px rgba(20,24,29,.42)}
.integration-item{padding:22px 24px;border-bottom:1px solid var(--hair);transition:background .2s}
.integration-item:last-child{border-bottom:0}
.integration-item:hover{background:var(--ink-2)}
.integration-item a{font-weight:600;font-size:17px;color:var(--bone)}
.integration-item p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.55;max-width:72ch}

.page-cta{background:var(--dark-band);text-align:center;padding:96px 0}
.page-cta h2{color:#F3EFE6;font-size:clamp(28px,4vw,42px);margin-bottom:14px}
.page-cta p{color:#9AA3AF;font-size:16px;margin-bottom:28px;max-width:50ch;margin-left:auto;margin-right:auto;line-height:1.6}
.page-cta .btn-pri{background:#F3EFE6;color:#14181D;border-color:#F3EFE6}
.page-cta .btn-pri:hover{background:#fff;border-color:#fff}

@media(max-width:900px){.index-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){
  .index-grid{grid-template-columns:1fr}
  .index-grid .link-card{border-right:0}
  .use-case-row{grid-template-columns:1fr}
  .use-case-row .savings{text-align:left;margin-top:8px}
  .wrap{padding:0 24px}
  nav .row{padding:0 24px}
  .band{padding:72px 0}
  .page-hero{padding:56px 0 48px}
}

/* ---------- DARK BAND TEXT (keep last — wins over component rules) ---------- */
.thesis,.shift,.final,.page-cta{background:var(--dark-band)}
.thesis .eyebrow,.shift .eyebrow,.final .eyebrow,.page-cta .eyebrow{color:#9AA3AF}
.thesis .eyebrow .n,.shift .eyebrow .n,.final .eyebrow .n,.page-cta .eyebrow .n{color:#5BB088}
.thesis .big,.shift .big{color:#F3EFE6}
.thesis .big .dim,.shift .big .obs{color:#737B86}
.shift .big .enf{color:#F3EFE6}
.thesis p,.shift p{color:#C8CDD4}
.thesis p b,.shift p b{color:#F3EFE6}
.thesis .analogy,.shift .stamp{color:#9AA3AF}
.thesis .analogy .dot,.shift .stamp .dot{background:#5BB088}
.final h2,.page-cta h2{color:#F3EFE6}
.final p,.page-cta p{color:#9AA3AF}
.final .proof{color:#9AA3AF}
.final .proof .amt{color:#5BB088}
.final .btn-pri,.page-cta .btn-pri{background:#F3EFE6;color:#14181D;border-color:#F3EFE6}
.final .btn-pri:hover,.page-cta .btn-pri:hover{background:#fff;border-color:#fff}