@font-face{font-family:Inter;src:url('../assets/fonts/inter-400.ttf')}@font-face{font-family:Inter;src:url('../assets/fonts/inter-700.ttf');font-weight:700}@font-face{font-family:Space;src:url('../assets/fonts/space-grotesk-700.ttf');font-weight:700}@font-face{font-family:Sansation;src:url('../assets/fonts/sansation-700.ttf');font-weight:700;font-display:swap}
:root{--bg:#071014;--surface:#0d191e;--surface2:#112329;--line:#234048;--text:#eef7f5;--muted:#91a8aa;--cyan:#3bd6c6;--green:#78e3ae;--gold:#d7b77a;--red:#ff706b}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(900px 500px at 80% -10%,#143b3b 0,transparent 60%),linear-gradient(150deg,#050b0e,#09151a 60%,#071014);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}.app-shell{width:min(1420px,94vw);margin:22px auto 50px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0 20px}.brand{font-family:Space;color:#fff;text-decoration:none;letter-spacing:.14em;font-size:1.1rem}.brand b{color:var(--gold)}.source-status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.source-status i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.source-status[data-state=valid] i{background:var(--green);box-shadow:0 0 12px var(--green)}.source-status[data-state=error] i{background:var(--red);box-shadow:0 0 12px var(--red)}
.hero{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:end;padding:68px 0 42px}.eyebrow{font:700 .7rem Inter;text-transform:uppercase;letter-spacing:.17em;color:var(--cyan);margin:0 0 12px}.hero h1{font:700 clamp(2.5rem,5.4vw,5.6rem)/.98 Space;margin:0;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#9ec4be}.hero-copy{max-width:690px;color:var(--muted);font-size:1.04rem;line-height:1.7}.hero-metric{border-left:1px solid var(--line);padding:22px 0 16px 30px;display:grid;gap:8px}.hero-metric span,.hero-metric small{color:var(--muted)}.hero-metric strong{font:700 clamp(2.8rem,4vw,4.5rem)/1 Space;color:var(--green);letter-spacing:-.05em}.hero-metric small{line-height:1.5}
.method-note{border:1px solid #4d4633;background:linear-gradient(90deg,rgba(215,183,122,.11),rgba(215,183,122,.035));padding:18px 22px;display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:start}.method-note strong{color:var(--gold);text-transform:uppercase;font-size:.76rem;letter-spacing:.1em}.method-note p{margin:0;color:#d8d7cc;font-size:.86rem;line-height:1.62}
.mode-tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:26px;border:1px solid var(--line)}.mode-tab{border:0;background:#0a1519;color:var(--muted);padding:16px 22px;text-align:left;display:grid;gap:4px;cursor:pointer;border-right:1px solid var(--line)}.mode-tab:last-child{border:0}.mode-tab span{font-weight:700;font-size:.92rem}.mode-tab small{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.mode-tab.active{background:#15302f;color:var(--green);box-shadow:inset 0 3px var(--cyan)}.mode-tab.live.active{background:#321b1c;color:#ffaaa6;box-shadow:inset 0 3px var(--red)}
.mode-panel{border:1px solid var(--line);border-top:0;background:rgba(7,15,19,.74);padding:24px}.control-strip{display:grid;grid-template-columns:1fr 1.35fr auto;gap:16px;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--line)}label{display:grid;gap:7px;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}select,button{font:inherit}select{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:11px 12px}button{border:1px solid #357b72;background:#18453f;color:#eaffe9;padding:11px 18px;font-weight:700;cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}.control-strip p{grid-column:1/-1;margin:0;color:#6e8587;font-size:.72rem}
.replay-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:22px;margin-top:22px}.timeline-card,.evidence-card,.scenario-board{background:linear-gradient(145deg,var(--surface),#091318);border:1px solid var(--line);padding:22px}.card-head{display:flex;justify-content:space-between;align-items:start}.card-head h2,.evidence-card h2,.section-head h2{margin:0;font:700 1.45rem Space}.official-badge{font-size:.62rem;letter-spacing:.1em;color:var(--green);border:1px solid #2f6c5a;padding:6px 8px}.timeline{list-style:none;margin:24px 0;padding:0}.timeline li{display:grid;grid-template-columns:20px 1fr auto;gap:13px;align-items:center;min-height:62px;border-top:1px solid #183038;opacity:.45;transition:.35s}.timeline li:last-child{border-bottom:1px solid #183038}.timeline li i{width:10px;height:10px;border:2px solid #41636a;border-radius:50%;position:relative}.timeline li i:after{content:"";position:absolute;width:1px;height:53px;background:#26464c;left:3px;top:9px}.timeline li:last-child i:after{display:none}.timeline li div{display:grid;gap:4px}.timeline li span{font-size:.72rem;color:var(--muted)}.timeline li>b{font-family:Space;color:#b8cecb}.timeline li.active{opacity:1;background:linear-gradient(90deg,rgba(59,214,198,.07),transparent)}.timeline li.active i{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.trial-result{margin-top:18px;background:#102522;border:1px solid #28564e;padding:17px;display:grid;grid-template-columns:1fr auto;align-items:center}.trial-result span{color:var(--muted)}.trial-result strong{font:700 2rem Space;color:var(--green)}.trial-result small{grid-column:1/-1;color:#6f8987;margin-top:7px;overflow-wrap:anywhere}
.evidence-card dl{margin:20px 0}.evidence-card dl div{padding:12px 0;border-top:1px solid #193039}.evidence-card dt{font-size:.65rem;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.evidence-card dd{margin:5px 0 0;font:700 .78rem/1.4 Inter;overflow-wrap:anywhere}.secondary{width:100%;background:transparent;border-color:var(--line);color:#b8cbc9}.evidence-card pre{white-space:pre-wrap;overflow:auto;max-height:320px;background:#050b0e;border:1px solid #1a3339;padding:12px;font:500 .68rem/1.5 monospace;color:#9fc3bc}
.results-section{padding-top:48px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-head>p{max-width:520px;color:var(--muted);font-size:.8rem;text-align:right}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:22px 0}.stat{background:var(--surface);border:1px solid var(--line);padding:16px}.stat span{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;font:700 1.25rem Space;margin-top:9px}.scenario-board h3{margin:0 0 22px;font:700 1rem Space}.scenario-bars{display:grid;gap:12px}.scenario-row{display:grid;grid-template-columns:190px 1fr 95px;gap:14px;align-items:center;font-size:.77rem}.bar-track{height:8px;background:#14272d}.bar-fill{height:100%;background:linear-gradient(90deg,#267a70,var(--cyan))}.scenario-row strong{text-align:right;color:#cfe2df}.live-warning{border:1px solid #713a3a;background:#241416;padding:18px;color:#ffc0bc}.live-warning p{margin:7px 0 0;color:#d8aaa7;line-height:1.6}.live-empty{text-align:center;padding:80px 20px}.live-empty>span{display:inline-block;border:1px solid var(--red);color:var(--red);padding:6px 9px;font-size:.68rem;letter-spacing:.12em}.live-empty h2{font:700 2rem Space;margin:18px 0 8px}.live-empty p{color:var(--muted);max-width:650px;margin:0 auto 24px;line-height:1.65}footer{display:flex;justify-content:space-between;color:#667d80;font-size:.68rem;padding:30px 0}dialog{background:#101d22;color:var(--text);border:1px solid var(--red);max-width:520px}dialog::backdrop{background:rgba(0,0,0,.75)}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:24px}.hero-metric{border-left:0;border-top:1px solid var(--line);padding-left:0}.method-note{grid-template-columns:1fr}.replay-layout{grid-template-columns:1fr}.control-strip{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head>p{text-align:left}.scenario-row{grid-template-columns:130px 1fr 82px}}@media(max-width:560px){.app-shell{width:94vw}.hero{padding:44px 0 28px}.hero h1{font-size:2.45rem}.mode-tabs{grid-template-columns:1fr}.mode-tab{border-right:0;border-bottom:1px solid var(--line)}.stats-grid{grid-template-columns:1fr 1fr}.scenario-row{grid-template-columns:1fr 70px}.bar-track{grid-column:1/-1;grid-row:2}.topbar{align-items:flex-start;gap:15px}.source-status{max-width:190px;text-align:right}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.brand{font-family:"Inter",sans-serif;font-weight:700}
@media(min-width:901px){.hero h1{font-size:clamp(2.35rem,4vw,4.4rem);line-height:1.02}}