: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)}*{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}.c-gold{color:var(--gold)}.c-green{color:var(--accent2)}.c-blue{color:var(--accent3)}.c-red{color:var(--accent4)}.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}@media(max-width:768px){.container{padding:0 16px}.section{padding:40px 0}}.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 .series-disclaimer,.container>.section .tire-card,.container>.section .risk-card,.container>.section .route-card,.container>.section .anom-card,.container>.section .fc-card{background:var(--surface2)}.container>.section .flow-step.on{background:var(--gold-dim)}.container>.section .mod-tag{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}}