:root{
 --violet:#250041;--red:#FE0046;--vapor:#E2E4E5;--ink:#1A1A1C;--muted:#55595C;
 --rule:#010001;--white:#fff;--maxw:1180px;--gutter:clamp(22px,4vw,48px);
 --serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--mono:"Courier New",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--vapor);color:var(--ink);font:17px/1.6 var(--sans)}
a{color:var(--violet);text-underline-offset:3px} .wrap{max-width:var(--maxw);margin:auto;padding:0 var(--gutter)}
header{background:var(--violet);color:#fff;padding:16px 0;position:sticky;top:0;z-index:20}
nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:700 14px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.links{display:flex;gap:20px;flex-wrap:wrap}.links a{color:#d6cfdf;text-decoration:none;font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.08em}.links a:hover{color:#fff}
.hero{background:var(--violet);color:#fff;padding:72px 0 76px}.eyebrow{font:700 11px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#aaa8bd}
.hero h1{font:400 clamp(44px,6vw,76px)/.98 var(--serif);letter-spacing:-.02em;margin:16px 0 22px;max-width:920px}.hero .dek{font-size:20px;line-height:1.55;max-width:820px;color:#e2dfea}
.grid2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:64px}.section{padding:64px 0;border-top:1px solid rgba(1,0,1,.28)}
.section h2{font:700 28px/1.15 var(--sans);margin:0 0 18px}.section h3{font:700 18px/1.25 var(--sans);margin:32px 0 10px}
.prose{max-width:780px}.prose p{margin:0 0 20px}.prose .lede{font:400 27px/1.35 var(--serif)}
.callout{border-top:4px solid var(--red);padding-top:16px}.bigstat{font:400 42px/1 var(--serif);margin:6px 0}.label{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{border:1px solid rgba(1,0,1,.35);padding:5px 9px;border-radius:999px;font:700 11px var(--sans)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{border-top:1px solid var(--rule);padding:18px 0}.card h3{margin:0 0 8px}.card p{font-size:15px;color:var(--muted);margin:0 0 12px}
.states{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.state{border:1px solid rgba(1,0,1,.28);padding:16px}.state strong{display:block;margin-bottom:8px}.state.current{border:3px solid var(--red)}
.metric{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(1,0,1,.18)}.metric b{font-size:14px}.metric span{font-size:14px;color:var(--muted)}
.pair{border-left:5px solid var(--violet);padding:0 0 0 18px;margin:28px 0}.pair h3{margin-top:0}.pair .plus{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.footer{background:var(--ink);color:#bbb;padding:36px 0;font-size:13px}.footer a{color:#fff}
@media(max-width:800px){.grid2,.cards,.states{grid-template-columns:1fr}.links{display:none}.metric{grid-template-columns:1fr;gap:5px}.hero{padding:50px 0}}

.visual-section{background:var(--violet);padding:0 0 58px}
.scenario-plate{margin:0}.scenario-plate svg{display:block;width:100%;height:auto;max-height:430px}.scenario-plate figcaption{color:#aaa8bd;font:11px/1.4 var(--mono);letter-spacing:.04em;margin-top:9px}
.scenario-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:start}
.scenario-sidebar{position:sticky;top:84px}.callout{border-top:4px solid var(--red);padding-top:14px}.callout .bigstat{font-size:32px}.signal{font:700 13px var(--mono);margin-top:10px}.signal span{font-weight:400;color:var(--muted)}.micro{font-size:12px;color:var(--muted);line-height:1.4;margin-top:10px}
.shaping{margin-top:38px;border-top:1px solid rgba(1,0,1,.35);padding-top:14px}.shape-row{padding:10px 0;border-bottom:1px solid rgba(1,0,1,.16)}.shape-row b{display:block;font-size:13px}.shape-row span{display:block;color:var(--muted);font-size:12px;line-height:1.35;margin-top:3px}
.section-intro{max-width:800px;margin-bottom:28px}.section-intro h2{margin-top:8px}.section-intro p{color:var(--muted);max-width:730px}
.leverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.leverage-grid>div{border-top:3px solid var(--rule);padding-top:14px}.leverage-grid>div:first-child{border-top-color:var(--violet)}.leverage-grid>div:last-child{border-top-color:var(--red)}.leverage-grid h3{margin:0 0 12px}.leverage-grid li{margin-bottom:10px}
.click-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:64px;align-items:start}.lede-sm{font:22px/1.35 var(--serif);color:var(--muted)}.click-list{margin:0;padding:0;list-style:none;counter-reset:item}.click-list li{counter-increment:item;border-top:1px solid rgba(1,0,1,.28);padding:16px 0 16px 46px;position:relative}.click-list li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:17px;font:700 11px var(--mono);color:var(--red)}
.pair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pair-card{display:flex;flex-direction:column;min-height:250px;padding:18px;border:1px solid rgba(1,0,1,.28);text-decoration:none;color:inherit}.pair-card:hover{border-color:var(--violet)}.pair-kicker{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}.pair-card h3{font:700 18px/1.2 var(--sans);margin:16px 0 10px}.pair-card p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 20px}.pair-card span{margin-top:auto;font:700 12px var(--sans);color:var(--violet)}
@media(max-width:850px){.scenario-grid,.click-grid,.leverage-grid,.pair-grid{grid-template-columns:1fr}.scenario-sidebar{position:static}.scenario-plate figcaption{font-size:10px}}

/* v2.4: future pages read as scenario journalism, not model documentation */
.future-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:56px;align-items:center}
.future-hero-copy{min-width:0}.future-hero-image{min-width:0;aspect-ratio:5/3;overflow:hidden;border:1px solid rgba(226,228,229,.2)}.future-hero-image img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center}
.future-hero-copy .dek{max-width:650px}
.scenario-sidebar .callout{background:rgba(255,255,255,.5);padding:16px 18px 18px;border-top:4px solid var(--red)}
.scenario-sidebar .signal{font-size:11px;color:var(--muted);font-weight:400;margin-top:10px}
.shaping .label{color:var(--ink)}
@media(max-width:900px){.future-hero-grid{grid-template-columns:1fr}.future-hero-image{order:-1}.future-hero-image img{max-height:none}}