:root{--sc-bg: #08090c;--sc-surface: #0f1118;--sc-surface2: #161924;--sc-surface3: #1c2030;--sc-border: #232840;--sc-code-bg: #0b0d14;--sc-code-border: #1a1e30;--sc-text: #e4e5ea;--sc-text-muted: #9194a4;--sc-text-dim: #5d6178;--sc-gold: #f59e0b;--sc-green: #10b981;--sc-blue: #3b82f6;--sc-red: #ef4444;--sc-gold-dim: rgba(245,158,11,.08);--sc-accent: var(--sc-gold)}[data-accent=gold]{--sc-accent: var(--sc-gold)}[data-accent=green]{--sc-accent: var(--sc-green)}[data-accent=blue]{--sc-accent: var(--sc-blue)}[data-accent=red]{--sc-accent: var(--sc-red)}:root{--bg: var(--sc-bg);--surface: var(--sc-surface);--surface2: var(--sc-surface2);--surface3: var(--sc-surface3);--border: var(--sc-border);--accent: var(--sc-gold);--accent2: var(--sc-green);--accent3: var(--sc-blue);--accent4: var(--sc-red);--text: var(--sc-text);--text-muted: var(--sc-text-muted);--text-dim: var(--sc-text-dim);--code-bg: var(--sc-code-bg);--code-border: var(--sc-code-border);--gold: var(--sc-gold);--gold-dim: var(--sc-gold-dim);--gold-light: color-mix(in srgb, var(--sc-gold) 72%, var(--sc-text));--gold-line: color-mix(in srgb, var(--sc-gold) 30%, transparent);--green-line: color-mix(in srgb, var(--sc-green) 30%, transparent);--blue-line: color-mix(in srgb, var(--sc-blue) 30%, transparent);--red-line: color-mix(in srgb, var(--sc-red) 30%, transparent)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,Space Grotesk,ui-sans-serif,system-ui,sans-serif;line-height:1.75;overflow-x:hidden}.section:after{content:"";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.section:last-child:after{display:none}.chart-wrap{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:22px;margin:20px 0}.chart-head{font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:14px}canvas{max-height:370px}.c-gold{color:var(--gold)}.c-green{color:var(--accent2)}.c-blue{color:var(--accent3)}.c-red{color:var(--accent4)}.metric.b-gold{border-color:var(--gold-line)}.metric.b-green{border-color:var(--green-line)}.metric.b-blue{border-color:var(--blue-line)}.metric.b-red{border-color:var(--red-line)}.metric.big .metric-val{font-size:2.2rem}.metric.step{text-align:left}.metric.step .step-t{font-weight:700;font-size:.85rem;margin-bottom:8px}.metric.step p{font-size:.8rem;margin:0}.metrics.cols3{grid-template-columns:repeat(3,1fr)}.metrics.cols2{grid-template-columns:repeat(2,1fr)}.src-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.src-list li{font-size:.8rem;color:var(--text-muted);font-weight:300;line-height:1.6;padding-left:14px;border-left:2px solid var(--border)}.src-list li strong{color:var(--text);font-weight:600}.src-list li a{color:var(--accent3);text-decoration:none}.src-list li a:hover{text-decoration:underline}.src-tier{font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;color:var(--text-dim);margin-left:6px}@media(max-width:768px){.container{padding:0 16px}.section{padding:40px 0}.metrics.cols3,.metrics.cols2{grid-template-columns:1fr}}.container>.section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:38px 42px 44px;margin:32px 0}.container>.section:after{display:none}.container>.section .chart-wrap,.container>.section .metric,.container>.section .callout,.container>.section .output,.container>.section .flow-step,.container>.section .fact,.container>.section .mod-card,.container>.section .approach-card,.container>.section .summary-card,.container>.section .calc-block,.container>.section .series-disclaimer{background:var(--surface2)}.container>.section .flow-step.on{background:var(--gold-dim)}.container>.section .mod-tag,.container>.section .calc-header{background:var(--surface3)}@media(max-width:768px){.container>.section{padding:26px 18px 30px;border-radius:10px;margin:22px 0}}.hero .hero-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1076px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:40px 48px 44px}@media(max-width:768px){.hero .hero-panel{padding:26px 18px 30px;border-radius:10px}}