:root{--night:#0a0a0b;--night-2:#141416;--pink:#ff4fa3;--violet:#6a5cff;--ember:#ff9a3c;--lagoon:#19d3c5;--window:#111113;--window-bar:#1b1b1e;--ink:#f4f4f5;--muted:#a8a8b0;--faint:#75757e;--line:#ffffff1c;--code:#d9d9de;--divider:#222226;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"Instrument Sans", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--wrap:1120px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--night);color:var(--ink);font:400 18px/1.6 var(--body);overflow-x:hidden}a{color:inherit}:focus-visible{outline:3px solid var(--lagoon);outline-offset:3px;border-radius:6px}::selection{background:var(--pink);color:#fff}.pixel-bg{z-index:-1;pointer-events:none;width:100vw;image-rendering:pixelated;will-change:transform;position:fixed;top:0;left:0}body{background:#060608}.wrap{width:min(var(--wrap), 100% - 32px);margin-inline:auto}nav{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.brand{font:800 22px/1 var(--display);letter-spacing:-.5px;text-decoration:none}nav ul{align-items:center;gap:26px;font-size:16px;line-height:1;list-style:none;display:flex}nav ul li{display:flex}nav ul a{color:var(--muted);align-items:center;text-decoration:none;transition:color .2s;display:inline-flex}nav ul a:hover{color:var(--ink)}.gh{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;color:var(--ink)!important}.gh svg{width:17px;height:17px}.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:64px;min-height:min(780px,100vh - 88px);padding:40px 0 24px;display:grid}.hero h1{font:700 clamp(44px, 5.2vw, 70px)/1.06 var(--display);letter-spacing:-.022em;max-width:13ch}.hero .sub{color:var(--muted);max-width:44ch;margin-top:22px;font-size:19px;line-height:1.55}.ctas{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.btn{font:600 16px/1 var(--body);border-radius:12px;align-items:center;gap:9px;padding:15px 22px;text-decoration:none;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{color:#0a0a0b;background:linear-gradient(#fff,#dcdce0);border:1px solid #fff;box-shadow:inset 0 1px #ffffffe6,0 10px 28px -12px #ffffff73}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 14px 34px -12px #fff9}.btn-ghost{color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff0f}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff42}.btn:active{transform:translateY(0)scale(.98)}.cmd{border:1px solid var(--line);width:fit-content;max-width:100%;font:13.5px/1.4 var(--mono);background:#0d1117b3;border-radius:12px;align-items:center;gap:12px;margin-top:26px;padding:8px 8px 8px 16px;display:flex}.cmd code{white-space:nowrap;scrollbar-width:none;color:var(--code);overflow-x:auto}.cmd .pr{color:var(--pink);-webkit-user-select:none;user-select:none}.cmd .copy{padding:7px 11px;font-size:13px}.by{color:var(--faint);margin-top:18px;font-size:15px}.hero-copy>*{animation:.8s cubic-bezier(.2,.8,.2,1) both rise}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.22s}.hero-copy>:nth-child(5){animation-delay:.28s}.hero-demo{animation:1s cubic-bezier(.2,.8,.2,1) .2s both rise-win}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes rise-win{0%{opacity:0;transform:translateY(28px)scale(.98)}}.copy{font:600 14px/1 var(--body);color:var(--night);background:var(--ink);cursor:pointer;white-space:nowrap;border:0;border-radius:9px;padding:9px 12px;transition:background .2s,transform .1s}.copy:hover{background:#fff}.copy:active{transform:scale(.96)}.copy.done{background:#c8f0dc}.window{background:var(--window);border:1px solid #ffffff1a;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -20px #000000bf}.bar{background:var(--window-bar);align-items:center;gap:8px;height:38px;padding:0 16px;display:flex;position:relative}.bar i{border-radius:50%;width:12px;height:12px;display:block}.bar i:first-child{background:#ff5f57}.bar i:nth-child(2){background:#febc2e}.bar i:nth-child(3){background:#28c840}.bar b{font:500 13px/1 var(--body);color:#8a8a93;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;place-items:center;display:grid;position:absolute;inset:0 76px;overflow:hidden}.map{cursor:crosshair;touch-action:none;height:340px;position:relative}.map canvas{width:100%;height:100%;position:absolute;inset:0}.map .hint{color:var(--faint);pointer-events:none;font-size:14px;transition:opacity .4s;position:absolute;bottom:12px;left:18px}.results{border-top:1px solid var(--divider);font:13px/1.75 var(--mono);color:var(--code);white-space:pre;padding:14px 18px 16px;overflow:hidden}.results .k{color:#79b8ff}.results .s{color:#a5e07a}.results .n{color:#ffb86c}.results .c{color:#6c7a96}.results .ok{color:var(--lagoon)}.caption{color:var(--faint);max-width:62ch;margin-top:14px;font-size:14.5px}section{padding:110px 0 0}h2{font:800 clamp(38px, 5.4vw, 64px)/1 var(--display);letter-spacing:-.035em;max-width:18ch}.intro{color:var(--muted);max-width:60ch;margin-top:18px}.video{margin-top:40px;position:relative}.frame{aspect-ratio:16/9;background:#000}video.frame{width:100%;height:auto;display:block}.features{grid-template-columns:repeat(12,1fr);gap:56px 48px;margin-top:56px;display:grid}.f{grid-column:span 6}.f.wide{grid-column:span 12}.f h3{font:600 28px/1.15 var(--display);letter-spacing:-.02em}.f p{color:var(--muted);max-width:54ch;margin-top:10px}.idx{border-collapse:collapse;width:100%;margin-top:20px;font-size:16px}.idx td{border-top:1px solid var(--line);vertical-align:top;padding:12px 0}.idx td:first-child{font:600 16px/1.4 var(--mono);width:92px;color:var(--ink)}.idx td:last-child{color:var(--muted)}.metrics{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.metrics span{font:15px/1 var(--mono);border:1px solid var(--line);background:#ffffff12;border-radius:10px;padding:10px 14px}.path{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:0;margin-top:24px;list-style:none;display:grid}.step{border-top:2px solid var(--line);padding:18px 20px 0 0;position:relative}.step:before{counter-increment:step;content:counter(step);background:var(--night);border:2px solid var(--lagoon);width:28px;height:28px;font:600 13px/1 var(--mono);color:var(--lagoon);border-radius:50%;place-items:center;display:grid;position:absolute;top:-15px;left:0}.step b{font:600 19px/1.3 var(--display);margin-top:8px;display:block}.step span{color:var(--muted);font-size:16px}.bench{grid-template-columns:1.4fr 1fr;align-items:start;gap:40px;margin-top:48px;display:grid}.chart{padding:22px 24px 18px}.chart svg{width:100%;height:auto;overflow:visible}.chart .axis{stroke:#2c2c31}.chart .grid{stroke:#1c1c20}.chart text{fill:#85858e;font:12px var(--mono)}.chart .curve{fill:none;stroke:url(#grad);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.chart .pt{fill:var(--window);stroke:var(--pink);stroke-width:2.5px}.chart .lbl{fill:var(--code);font-size:12px}.chart .curve{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.chart .pt,.chart .lbl{opacity:0}.drawn .curve{transition:stroke-dashoffset 1.6s cubic-bezier(.6,0,.2,1);stroke-dashoffset:0!important}.drawn .pt,.drawn .lbl{transition:opacity .4s;transition-delay:calc(var(--i) * .2s + .5s);opacity:1!important}.stats{gap:26px;display:grid}.stat .big{font:800 56px/1 var(--display);letter-spacing:-.03em}.stat .big small{color:var(--muted);margin-left:4px;font-size:26px;font-weight:600}.stat p{color:var(--muted);margin-top:6px;font-size:16px}.fine{color:var(--faint);max-width:80ch;margin-top:22px;font-size:14px}.tabs{margin-top:40px}.tablist{border:1px solid var(--line);background:#ffffff0f;border-radius:14px;gap:6px;width:fit-content;max-width:100%;padding:5px;display:flex;overflow-x:auto}.tablist button{font:600 16px/1 var(--body);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:11px 18px;transition:color .2s,background .2s}.tablist button[aria-selected=true]{background:var(--ink);color:var(--night)}.panel{margin-top:18px}.panel[hidden]{display:none}.panel .window{position:relative}pre{font:14.5px/1.65 var(--mono);color:var(--code);padding:22px 24px;overflow-x:auto}pre .c{color:#6c7a96}pre .p{color:var(--pink);-webkit-user-select:none;user-select:none}pre .s{color:#a5e07a}pre .k{color:#ff79c6}pre .t{color:#79b8ff}pre .n{color:#ffb86c}.panel .copy{padding:7px 11px;font-size:13px;position:absolute;top:5px;right:10px}footer{color:var(--faint);margin-top:140px;font-size:15px}.goat{width:clamp(240px,40vw,480px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 24px 40px #0009);margin:0 auto;display:block}.foot-row{flex-wrap:wrap;justify-content:space-between;gap:18px 40px;padding:40px 0 56px;display:flex}footer .brand{color:var(--ink)}footer a{color:var(--muted)}@media (width<=1020px){.hero{grid-template-columns:minmax(0,1fr);gap:44px;min-height:0;padding-top:28px}.hero h1{max-width:16ch}}@media (width<=880px){nav ul li:not(:last-child){display:none}.map{height:300px}.features{grid-template-columns:1fr;gap:48px}.f,.f.wide{grid-column:auto}.bench{grid-template-columns:1fr}.path{grid-template-columns:1fr 1fr;gap:34px 0}section{padding-top:84px}}@media (prefers-reduced-motion:reduce){.hero-copy>*,.hero-demo{animation:none}.chart .curve{stroke-dasharray:none;stroke-dashoffset:0}.chart .pt,.chart .lbl{opacity:1}html{scroll-behavior:auto}}