:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4eee5;--ink:#f4eee5;--muted:#a29e97;--dim:#74716c;--line:#f4eee52e;--accent:#5aa9ff;--mono:"SFMono-Regular", Consolas, monospace;--header:64px;background:#090a0b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{overflow-anchor:none;background:#090a0b;min-width:320px;margin:0;overflow-x:hidden}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer;border:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-header{z-index:20;height:var(--header);border-bottom:1px solid var(--line);font:.68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#090a0bf0;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1rem,2.8vw,2.75rem);display:grid;position:relative}.privacy-mark{color:var(--muted);align-items:center;gap:.6rem;margin:0;display:flex}.privacy-mark i,.status-line i{background:var(--accent);border-radius:50%;flex:none;width:.42rem;height:.42rem}.matrix,.visual-plane{min-height:calc(100svh - var(--header))}.visual-plane{isolation:isolate;background:radial-gradient(circle at 72% 42%,#ff4f2f12,#0000 28%),#0b0e0f;position:relative;overflow:hidden}#matrix-landmarks,#matrix-effect{width:100%;height:100%;position:absolute;inset:0}#matrix-effect{z-index:2;pointer-events:none}.visual-plane:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,#07090ae0,#07090a1a 63%),linear-gradient(#0000 55%,#07090a8a);transition:opacity .52s;position:absolute;inset:0}.matrix[data-active=true] .visual-plane:after{opacity:.38}.axis{z-index:3;color:#f4eee54d;font:.58rem/1 var(--mono);letter-spacing:.12em;pointer-events:none;margin:0;position:absolute}.axis--score{bottom:1.3rem;right:18%}.axis--margin{writing-mode:vertical-rl;top:22%;left:1rem}.hero-copy{z-index:5;width:min(65rem,100% - 3rem);transition:top .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1),width .68s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:clamp(1.5rem,7vw,7.5rem);transform:translateY(-52%)}.eyebrow,.section-kicker{color:var(--accent);font:650 clamp(.62rem, .85vw, .74rem)/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem}h1{letter-spacing:-.1em;margin:0;font-size:clamp(5rem,12vw,11rem);font-weight:560;line-height:.74;display:grid}h1 span:last-child{color:#0000;-webkit-text-stroke:1px #f4eee5c2}.lede{max-width:43rem;color:var(--muted);margin:clamp(1.8rem,3vw,2.7rem) 0 0;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55}.hero-actions{align-items:center;gap:1.25rem;margin-top:2rem;display:flex}.primary-action{background:var(--accent);color:#150705;justify-content:space-between;align-items:center;min-width:12rem;min-height:3.2rem;padding:.5rem .8rem .5rem 1.1rem;font-weight:760;display:flex}.text-action{background:0 0;border-bottom:1px solid #f4eee566;padding:.7rem 0}.permission-copy{max-width:36rem;color:var(--dim);font:.67rem/1.55 var(--mono);margin:1.3rem 0 0}.controls,.score-panel,.decision-panel,.timeline-panel,.reset-action{visibility:hidden;z-index:5;opacity:0;pointer-events:none;transition:opacity .36s,transform .56s cubic-bezier(.22,1,.36,1)}.matrix[data-active=true] :is(.controls,.score-panel,.decision-panel,.timeline-panel,.reset-action){visibility:visible;opacity:1;pointer-events:auto}.matrix[data-active=true] .hero-copy{width:min(19rem,22vw);top:1.5rem;transform:none}.matrix[data-active=true] .hero-copy h1{font-size:clamp(2.2rem,3.5vw,3.6rem)}.matrix[data-active=true] .hero-copy :is(.lede,.hero-actions,.permission-copy,.eyebrow){display:none}.controls{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090a0bd6;align-items:center;gap:.7rem;max-width:72%;padding:.5rem;display:flex;position:absolute;top:1.25rem;left:25%}.mode-switch,.toggles{display:flex}.mode-switch button{color:var(--muted);font:.64rem/1 var(--mono);text-transform:uppercase;background:0 0;padding:.62rem .76rem}.mode-switch button[data-selected=true]{background:var(--accent);color:#140705}.select-control{align-items:center;gap:.45rem;display:flex}.select-control span{color:var(--dim);font:.58rem/1 var(--mono);text-transform:uppercase}select{border:1px solid var(--line);background:#101314;max-width:13rem;padding:.48rem}.toggles{color:var(--muted);font:.62rem/1 var(--mono);gap:.65rem}.toggles label{align-items:center;gap:.25rem;display:flex}input{accent-color:var(--accent)}.score-panel{width:min(28rem,29vw);position:absolute;top:15%;right:clamp(1rem,3vw,3rem)}.score-panel header{border-bottom:1px solid var(--line);padding-bottom:1rem}.score-panel h2,.decision-panel h2{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:560;line-height:.95}.score-matrix{margin:0;padding:0;list-style:none}.score-matrix li{border-bottom:1px solid var(--line);grid-template-columns:2rem 1fr auto;align-items:center;gap:.25rem .7rem;min-height:4.2rem;padding:.75rem 0;display:grid}.score-matrix li>span,.score-matrix li>b{color:var(--dim);font:.6rem/1 var(--mono)}.score-matrix li>strong{font-size:.95rem;font-weight:560}.score-matrix meter{background:#f4eee51a;border:0;grid-column:2/3;width:100%;height:.32rem}.score-matrix meter::-webkit-meter-bar{background:#f4eee51a;border:0;border-radius:0}.score-matrix meter::-webkit-meter-optimum-value{background:#f4eee5ad;transition:width .16s linear}.score-matrix li[data-winner=true] :is(strong,b),.score-matrix li[data-active=true] :is(strong,b){color:var(--accent)}.score-matrix li[data-active=true] meter::-webkit-meter-optimum-value{background:var(--accent)}.decision-panel{width:min(18rem,20vw);position:absolute;top:21%;left:clamp(1rem,3vw,3rem)}.decision-panel dl{border-top:1px solid var(--line);margin:1.3rem 0 0;display:grid}.decision-panel dl div{border-bottom:1px solid var(--line);grid-template-columns:5rem 1fr;align-items:center;min-height:2.5rem;display:grid}.decision-panel dt{color:var(--dim);font:.58rem/1 var(--mono);text-transform:uppercase}.decision-panel dd{font:.65rem/1.2 var(--mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0;overflow:hidden}.matrix[data-phase=active] #matrix-phase,.matrix[data-phase=candidate] #matrix-phase{color:var(--accent)}#matrix-fixture-label{color:var(--muted);font:.64rem/1.45 var(--mono);margin:1rem 0 0}.timeline-panel{width:min(26rem,27vw);position:absolute;bottom:4.5rem;left:clamp(1rem,3vw,3rem)}.timeline-panel ol{color:var(--muted);font:.58rem/1.35 var(--mono);gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.timeline-panel li:first-child{color:var(--ink)}.status-line{z-index:6;color:var(--muted);font:.65rem/1.35 var(--mono);align-items:center;gap:.65rem;display:flex;position:absolute;bottom:1.25rem;left:clamp(1rem,3vw,3rem)}.status-line p{margin:0}.reset-action{border-bottom:1px solid var(--line);color:var(--muted);font:.65rem/1 var(--mono);text-transform:uppercase;background:0 0;padding:.55rem 0;position:absolute;bottom:1.05rem;right:clamp(1rem,3vw,3rem)}@media (width<=1000px){.controls{flex-wrap:wrap;max-width:none;top:1rem;left:1rem;right:1rem}.matrix[data-active=true] .hero-copy{display:none}.decision-panel{width:31%;top:10rem;left:1rem}.score-panel{width:61%;top:9.5rem;right:1rem}.timeline-panel{width:31%}}@media (width<=680px){.site-header{grid-template-columns:1fr auto}.privacy-mark{display:none}.hero-copy{left:1.25rem}h1{font-size:clamp(4.2rem,24vw,7rem)}.hero-actions{flex-direction:column;align-items:flex-start}.matrix[data-active=true] .visual-plane{min-height:64rem}.controls{grid-template-columns:1fr auto;gap:.45rem;display:grid}.mode-switch{grid-column:1/-1}.mode-switch button{flex:1}.select-control{flex-direction:column;align-items:stretch;min-width:0}.select-control select{width:100%;max-width:none}.toggles{flex-direction:column;align-self:end}.decision-panel{width:calc(100% - 2rem);top:10.5rem;left:1rem}.decision-panel h2,.decision-panel .section-kicker{display:none}.decision-panel dl{grid-template-columns:1fr 1fr}.decision-panel dl div{grid-template-columns:4rem 1fr;padding-right:.5rem}#matrix-fixture-label{margin-top:.6rem}.score-panel{width:calc(100% - 2rem);top:24rem;right:1rem}.score-panel header{display:none}.score-matrix li{min-height:3.6rem}.timeline-panel{width:calc(100% - 2rem);bottom:5rem;left:1rem}.axis{display:none}.status-line{bottom:1rem;right:8rem}.reset-action{bottom:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}