@font-face{font-family:Manrope;src:url(/assets/Manrope-latin-wght-DHIcAJRg.woff2) format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:JetBrains;src:url(/assets/JetBrainsMono-Regular-cF2C8nfn.ttf)}:root{--bg: #0c0806;--panel: #120d0a;--line: #241b16;--text: #f5ece3;--dim: #a6958a;--faint: #6e5c50;--ice: #ffb86b;--mint: #ffd98a;--ghost: #d9bbff;--hot: #ff7f6e;--mono: JetBrains, ui-monospace, "SF Mono", Menlo, monospace;--sans: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:#6b3f2a}:focus-visible{outline:2px solid var(--ice);outline-offset:3px}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,48px);font-family:var(--mono);font-size:13px;background:linear-gradient(#0c0806f0,#0c0806a0);backdrop-filter:blur(6px);pointer-events:none}.nav>*{pointer-events:auto}.mark{display:inline-flex;align-items:center;gap:10px;font:600 17px var(--mono);letter-spacing:-.02em}.mark svg{width:22px;color:var(--ice)}.mark b{color:var(--ice);animation:blink 1.1s steps(1) infinite}.nav-links{display:flex;gap:clamp(12px,3vw,32px);color:var(--dim)}.nav-links a:hover{color:var(--text)}@keyframes blink{50%{opacity:0}}.hero{position:relative;min-height:100vh;min-height:100svh;display:grid;align-items:end;overflow:hidden;isolation:isolate}.hero-term{position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 50% at 50% 40%,#2c170d 0%,transparent 70%),var(--bg)}.hero-term canvas{display:block}.hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c0806f2,#0c0806b0 38%,#0c080600 70%),linear-gradient(0deg,#0c0806,#0c080600 35%)}.hero-copy{padding:0 clamp(16px,6vw,96px) clamp(72px,12vh,140px);max-width:860px}.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;font:12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ice)}.kicker i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}h1{margin:0;font:700 clamp(44px,8.5vw,112px) / .95 var(--sans);letter-spacing:-.045em}h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--ice),var(--hot) 55%,var(--ghost));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 28px #ffb86b55)}.lede{max-width:560px;margin:26px 0 32px;font-size:clamp(16px,1.6vw,19px);color:#d2c2b4}.cta{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border:1px solid #3d2e25;border-radius:999px;background:#150f0bcc;color:var(--text);font:500 14px var(--mono);cursor:pointer;backdrop-filter:blur(8px);transition:transform .15s,border-color .15s,box-shadow .15s}.button:hover{transform:translateY(-1px);border-color:var(--ice)}.button.primary{border-color:transparent;background:linear-gradient(100deg,var(--ice),var(--hot));color:#1a0d05;box-shadow:0 0 36px #ffb86b40}.button.primary:hover{box-shadow:0 0 52px #ffb86b70}.button:disabled{opacity:.5;cursor:wait;transform:none}.hud{position:absolute;right:clamp(16px,4vw,48px);bottom:clamp(72px,12vh,140px);width:250px;padding:16px 18px;border:1px solid #2e231c;border-radius:12px;background:#0f0a07d0;backdrop-filter:blur(10px);font:12px var(--mono)}.hud div{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #221a14}.hud span{color:var(--faint)}.hud b{font-weight:500;color:var(--mint);font-variant-numeric:tabular-nums}.hud p{margin:10px 0 0;color:var(--dim);font-size:11px;line-height:1.4}.scroll-cue{position:absolute;left:50%;bottom:22px;color:var(--dim);font:18px var(--mono);animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}main section{padding:clamp(80px,14vh,150px) clamp(16px,6vw,96px);border-top:1px solid var(--line)}.section-head{max-width:760px;margin-bottom:56px}.label{font:12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ice)}h2{margin:14px 0 18px;font:700 clamp(34px,5.2vw,64px) / 1 var(--sans);letter-spacing:-.04em}.section-head p{margin:0;color:var(--dim);font-size:17px;max-width:620px}.bars{display:grid;gap:18px;max-width:1100px}.bar-row{display:grid;grid-template-columns:190px 1fr 92px;align-items:center;gap:20px}.who{font:600 16px var(--sans);line-height:1.2}.who small{display:block;font:12px var(--mono);color:var(--faint);margin-top:3px}.track{height:44px;border-radius:8px;background:#140e0b;border:1px solid var(--line);overflow:hidden}.track i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#3a2c24 0 6px,#30251e 6px 8px);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.ours .track i{background:linear-gradient(90deg,var(--ice),var(--hot));box-shadow:0 0 30px #ffb86b80}.bar-row b{text-align:right;font:600 26px var(--mono);font-variant-numeric:tabular-nums}.bar-row b small,.stats small{font-size:.5em;color:var(--dim);margin-left:3px}.ours b{color:var(--ice)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:72px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.stats div{padding:26px 24px;background:var(--bg)}.stats strong{display:block;font:600 34px var(--mono);letter-spacing:-.03em;color:var(--mint)}.stats span{color:var(--dim);font-size:14px}.receipt{max-width:900px;margin:32px 0 0;font:12px/1.7 var(--mono);color:var(--faint)}.race-grid{display:grid;grid-template-columns:260px 1fr;grid-template-areas:"controls stage" "board board";gap:24px}.race-controls{grid-area:controls;display:grid;align-content:start;gap:18px}.race-controls label{display:grid;gap:8px;font:12px var(--mono);color:var(--dim)}.race-controls label.check{display:flex;align-items:center;gap:8px}select{padding:11px 12px;border:1px solid #3d2e25;border-radius:8px;background:var(--panel);color:var(--text);font:13px var(--mono)}.race-status{margin:0;font:12px/1.6 var(--mono);color:var(--faint)}.race-stage{grid-area:stage;position:relative;border:1px solid var(--line);border-radius:14px;background:#0e0a08;overflow:hidden;min-height:300px}.stage-label{position:absolute;z-index:2;top:12px;left:14px;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#0c0806d8;font:12px var(--mono);color:var(--dim)}.stage-label i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.race-stage.running .stage-label i{background:var(--hot);box-shadow:0 0 10px var(--hot);animation:pulse .8s infinite}.stage{position:relative;width:100%;aspect-ratio:2200 / 1220}.stage iframe{position:absolute;top:0;left:0;width:2200px;height:1220px;border:0;transform-origin:0 0;background:#140e0a}.stage-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--faint);font:13px var(--mono);background:repeating-linear-gradient(0deg,#120d0a 0 2px,transparent 2px 4px)}.race-board{grid-area:board;display:grid;gap:12px}.lane{display:grid;grid-template-columns:210px 1fr 130px 130px;align-items:center;gap:18px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:border-color .3s}.lane.active{border-color:var(--hot)}.lane.ours.done{border-color:#6b4630}.lane .track{height:30px}.lane .num{text-align:right;font:600 20px var(--mono);font-variant-numeric:tabular-nums}.lane .num small{display:block;font:11px var(--mono);color:var(--faint)}.lane.ours .num{color:var(--ice)}.verdict{margin:8px 0 0;font:600 clamp(20px,2.4vw,28px) var(--sans);letter-spacing:-.02em}.verdict em{font-style:normal;color:var(--mint)}.flow-term{display:none;height:205px}.has-flow-term .flow-term{display:block}.has-flow-term .flow{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.flow{--run: 6s;--gap: 14px;position:relative}.flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap)}.rail{position:relative;height:40px;margin:0 calc((100% - 5 * var(--gap)) / 12)}.rail:before{content:"";position:absolute;inset:19px 0 auto;height:2px;border-radius:2px;background:linear-gradient(90deg,#3d2e25,#5a3d2c 50%,#3d2e25)}.rail b{position:absolute;top:12px;left:calc(var(--i) * 20%);width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--bg);border:2px solid #5a3d2c;animation:node var(--run) linear infinite;animation-delay:calc(var(--i) * var(--run) * .16)}.packet{position:absolute;top:14px;left:0;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff3e6;box-shadow:0 0 12px 3px var(--ice),-18px 0 16px -2px #ffb86b80,-36px 0 18px -6px #ff7f6e55;animation:packet var(--run) linear infinite;z-index:1}@keyframes packet{0%{left:0%;opacity:0}4%{opacity:1}80%{left:100%;opacity:1}86%,to{left:100%;opacity:0}}@keyframes node{0%,10%{border-color:var(--ice);background:var(--ice);box-shadow:0 0 16px var(--ice)}24%,to{border-color:#5a3d2c;background:var(--bg);box-shadow:none}}.flow li{position:relative;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);animation:step var(--run) linear infinite;animation-delay:calc(var(--i) * var(--run) * .16)}@keyframes step{0%,10%{border-color:#6b4630;box-shadow:0 -2px 0 var(--ice) inset,0 12px 40px #ffb86b14}28%,to{border-color:var(--line);box-shadow:none}}.flow span{font:11px var(--mono);letter-spacing:.12em;color:var(--ice)}.flow li b{display:block;margin:10px 0 8px;font:700 17px var(--sans);letter-spacing:-.01em}.flow p{margin:0;color:var(--dim);font-size:14px;line-height:1.5}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.card.ghost{border-color:#4a3428;box-shadow:0 0 80px #d9bbff14}.card header{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);font:13px var(--mono)}.card header span{color:var(--faint)}.card pre{margin:0;padding:22px 20px;overflow-x:auto;font:13px/1.7 var(--mono);color:#e6d8cb;background:#0d0907}.card p{margin:0;padding:18px 20px 22px;color:var(--dim)}.k{color:var(--ghost)}.s{color:var(--mint)}.f{color:var(--ice)}.n{color:var(--hot)}.c{color:var(--faint)}.lab-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lab-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.lab-card:hover{border-color:var(--ice);transform:translateY(-3px);box-shadow:0 20px 60px #ffb86b1a}.lab-card img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}.lab-card div{padding:20px 22px 24px}.lab-card b{font:800 22px var(--sans);letter-spacing:-.02em}.lab-card p{margin:8px 0 14px;color:var(--dim)}.lab-card span{font:13px var(--mono);color:var(--ice)}.footer{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:40px clamp(16px,6vw,96px);border-top:1px solid var(--line);color:var(--faint);font-size:13px}.footer p{margin:0;flex:1}.footer a:hover{color:var(--text)}@media(max-width:1000px){.hud{display:none}.stats,.flow ol{grid-template-columns:1fr 1fr}.rail{display:none}.cards,.lab-cards,.race-grid{grid-template-columns:1fr;grid-template-areas:"controls" "stage" "board"}.lane{grid-template-columns:1fr 100px}.lane .track,.lane .num.cpu{display:none}}@media(max-width:640px){.nav-links{display:none}.bar-row{grid-template-columns:1fr 80px;gap:8px 14px}.bar-row .track{grid-column:1 / -1;grid-row:2;height:30px}.stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
