:root{--ink:#07090c;--ink-2:#0d1116;--panel:#11161d;--line:#1f2731;--fg:#eef3f1;--muted:#8d9aa3;--crimson:#ff1f4b;--mint:#19f2b6;--sky:#64b5ff;--amber:#ffc95c;--grad:linear-gradient(180deg, var(--crimson), #b0275d 38%, #2a8a86 62%, var(--mint));--grad-x:linear-gradient(90deg, var(--crimson), #c43a6b 40%, #2fb39a 70%, var(--mint));--display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--body:"Geist", -apple-system, "Helvetica Neue", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--r:22px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--fg);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:8px}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.02em;margin:0}p{margin:0}.wrap{width:min(1180px,100%);margin-inline:auto;padding-inline:20px}.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.grad-text{background:var(--grad-x);color:#0000;-webkit-background-clip:text;background-clip:text}.aurora{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora i{filter:blur(110px);opacity:.28;border-radius:50%;width:60vmax;height:60vmax;position:absolute}.aurora i:first-child{background:var(--crimson);animation:26s ease-in-out infinite alternate drift;top:-30vmax;left:-15vmax}.aurora i:nth-child(2){background:var(--mint);animation:32s ease-in-out infinite alternate-reverse drift;bottom:-35vmax;right:-20vmax}.aurora i:nth-child(3){opacity:.12;background:#3b2bff;width:30vmax;height:30vmax;animation:20s ease-in-out infinite alternate drift;top:30%;left:40%}@keyframes drift{to{transform:translate(12vmax,8vmax)scale(1.15)}}.grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.35;background-size:64px 64px;position:fixed;inset:0;mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 75%)}.spot{z-index:0;pointer-events:none;background:radial-gradient(circle,#19f2b617,#0000 60%);border-radius:50%;width:600px;height:600px;margin:-300px 0 0 -300px;transition:opacity .3s;position:fixed;top:30%;left:50%}main,header,footer{z-index:1;position:relative}.hero{grid-template-columns:1.02fr 1fr;align-items:center;gap:56px;padding-block:72px 40px;display:grid}.hero>*{min-width:0}.pill{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:13px;display:inline-flex}.pill b{font:500 11px/1 var(--mono);color:#04110d;background:var(--mint);letter-spacing:.04em;border-radius:999px;padding:5px 8px}.hero h1{margin-top:22px;font-size:clamp(46px,7.2vw,92px);font-weight:800;line-height:.92}.hero h1 .line{padding-bottom:.06em;display:block;overflow:hidden}.hero h1 .line>span{animation:.9s cubic-bezier(.2,.8,.2,1) both rise;display:inline-block}.hero h1 .line:nth-child(2)>span{animation-delay:80ms}.hero h1 .line:nth-child(3)>span{animation-delay:.16s}@keyframes rise{0%{opacity:.2;filter:blur(8px);transform:translateY(40%)}}.lede{color:#b9c4ca;max-width:34ch;margin-top:24px;font-size:19px}.cta-row{flex-wrap:wrap;align-items:center;gap:18px 22px;margin-top:34px;display:flex}.trust{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.trust span{align-items:center;gap:7px;display:flex}.trust svg{width:14px;height:14px;color:var(--mint)}.stage{perspective:1400px}.window{transform-style:preserve-3d;backdrop-filter:blur(20px);background:#10151cdb;border:1px solid #2a3440;border-radius:16px;transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:7s ease-in-out infinite float;position:relative;overflow:hidden;transform:rotateY(-9deg)rotateX(5deg);box-shadow:0 50px 120px -30px #000000e6,inset 0 0 0 1px #ffffff08,0 0 80px -20px #ff1f4b59}@keyframes float{50%{translate:0 -10px}}.window:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(140deg,#ff1f4bb3,#0000 35% 65%,#19f2b6b3);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.titlebar{border-bottom:1px solid var(--line);background:#ffffff05;align-items:center;gap:14px;padding:12px 14px;display:flex}.dots{gap:7px;display:flex}.dots i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}.titlebar .name{font:600 13px/1 var(--body)}.titlebar .name em{color:var(--muted);margin-left:6px;font-style:normal;font-weight:400}.seg{border:1px solid var(--line);font:500 11px/1 var(--body);background:#0a0e13;border-radius:7px;margin-left:auto;padding:2px;display:flex}.seg span{color:var(--muted);border-radius:5px;padding:5px 9px}.seg span.on{color:var(--fg);background:#253040}.search{border:1px solid var(--line);font:12px/1 var(--mono);color:var(--muted);background:#0a0e13;border-radius:8px;align-items:center;gap:8px;margin:10px 12px 4px;padding:7px 10px;display:flex}.search svg{width:13px;height:13px}.table{font:12.5px/1 var(--mono);overflow-x:auto}.thead,.row{grid-template-columns:minmax(170px,1.35fr) 92px minmax(120px,1fr);align-items:center;display:grid}.thead{font:600 11px/1 var(--body);color:var(--muted);border-bottom:1px solid var(--line);padding:8px 12px}.row{white-space:nowrap;border-radius:6px;height:31px;margin:1px 6px;padding:0 12px;transition:background .25s}.row:nth-child(2n){background:#ffffff05}.row.sel{background:linear-gradient(90deg,#ff1f4b8c,#b0275d73)}.row.flash{animation:1.2s flash}@keyframes flash{0%{background:#19f2b659}}.k{text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.k .tw{width:10px;color:var(--muted);flex:none;font-size:9px}.t{font-family:var(--body);color:var(--muted);font-size:12px}.t.s{color:#ff8aa3}.t.b{color:var(--amber)}.t.d{color:var(--sky)}.t.a{color:#c6a4ff}.t.n{color:var(--mint)}.v{text-overflow:ellipsis;color:#dfe7e4;overflow:hidden}.v.dim{color:var(--muted)}.caret{background:var(--fg);vertical-align:-2px;width:1.5px;height:14px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.edit{outline:1.5px solid var(--mint);background:#0a0e13;border-radius:4px;margin-left:-5px;padding:3px 5px}.status{border-top:1px solid var(--line);font:11px/1 var(--mono);color:var(--muted);justify-content:space-between;padding:9px 14px;display:flex}.status b{color:var(--mint);font-weight:500}.toast{font:500 12px/1 var(--body);opacity:0;background:#0a0e13;border:1px solid #2a3440;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:44px;right:16px;transform:translateY(8px)scale(.96);box-shadow:0 10px 30px #00000080}.toast.show{opacity:1;transform:none}.toast kbd{font:500 11px/1 var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:4px 6px}.marquee{border-block:1px solid var(--line);margin-top:48px;padding-block:22px;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.track{gap:52px;width:max-content;animation:38s linear infinite marq;display:flex}.track span{font:600 clamp(22px, 3vw, 34px)/1 var(--display);color:#33404b;white-space:nowrap;align-items:center;gap:52px;display:flex}.track span:after{content:"✦";color:var(--crimson);font-size:.5em}.track span:nth-child(3n+2){color:#0000;-webkit-text-stroke:1px #4b5965}@keyframes marq{to{transform:translate(-50%)}}section{padding-block:110px 20px}.head{gap:16px;max-width:760px;margin-bottom:52px;display:grid}.head h2{font-size:clamp(36px,5vw,62px);font-weight:800;line-height:1}.head p{color:#aab6bd;max-width:58ch;font-size:18px}.bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.card{--mx:50%;--my:50%;border-radius:var(--r);background:var(--ink-2);border:1px solid var(--line);flex-direction:column;grid-column:span 2;gap:12px;min-width:0;padding:28px;transition:border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx) var(--my), #19f2b61f, transparent 45%);transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:#33424f;transform:translateY(-4px)}.card:hover:before{opacity:1}.card.w3{grid-column:span 3}.card.w4{grid-column:span 4}.card h3{font-size:24px;font-weight:600;line-height:1.15}.card p{color:#9eabb2;font-size:15px}.card .tag{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}.card .vis{margin-top:auto;padding-top:14px}.huge{font:800 clamp(64px, 9vw, 120px)/.85 var(--display);letter-spacing:-.04em}.huge small{letter-spacing:0;color:var(--muted);margin-left:6px;font-size:.3em;font-weight:600}.diff{font:12.5px/1.75 var(--mono);border:1px solid var(--line);white-space:pre;color:#8996a0;background:#080b0f;border-radius:12px;padding:14px 16px;overflow-x:auto}.diff .ok{color:var(--mint)}.diff .tagx{color:#ff8aa3}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:500 12.5px/1 var(--mono);border:1px solid var(--line);color:#cbd5d9;background:#151c24;border-radius:8px;padding:8px 11px}.chip.i{color:var(--mint)}.chip.r{color:#9fd3ff}.nodes{grid-template-columns:repeat(24,1fr);gap:4px;display:grid}.nodes i{aspect-ratio:1;background:#1a222b;border-radius:2px}.nodes i.on{background:var(--mint);box-shadow:0 0 10px #19f2b699}.undo{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.undo .stack{gap:6px;display:flex}.undo .stack i{border:1px solid var(--line);background:linear-gradient(#2a3440,#151c24);border-radius:6px;width:26px;height:34px;animation:3s ease-in-out infinite pop}.undo .stack i:nth-child(2){animation-delay:.2s}.undo .stack i:nth-child(3){animation-delay:.4s}.undo .stack i:nth-child(4){animation-delay:.6s}@keyframes pop{40%{background:linear-gradient(180deg, var(--crimson), #7a1530);transform:translateY(-6px)}60%{transform:none}}.native{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.native div{border:1px solid var(--line);background:#0a0e13;border-radius:12px;align-items:center;gap:10px;padding:14px;font-size:14px;display:flex}.native svg{width:18px;height:18px;color:var(--mint);flex:none}.perf{grid-template-columns:1fr 1.25fr;align-items:start;gap:48px;display:grid}.perf>*{min-width:0}.score{border-radius:var(--r);background:var(--grad);color:#fff;padding:34px;position:relative;overflow:hidden}.score:after{content:"";background:radial-gradient(circle at 80% 0,#ffffff40,#0000 50%);position:absolute;inset:0}.score .huge{font-size:clamp(90px,13vw,168px)}.score p{z-index:1;max-width:30ch;margin-top:10px;font-size:17px;position:relative}.score .eyebrow{color:#ffffffbf;z-index:1;position:relative}.score .huge{z-index:1;position:relative}.bars{gap:26px;display:grid}.bar-g{gap:8px;display:grid}.bar-g header{justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;display:flex}.bar-g header b{font:500 13px/1 var(--mono);color:var(--mint)}.b{background:#0e1319;border-radius:8px;height:30px;position:relative;overflow:hidden}.b>i{width:var(--w);font:500 12px/1 var(--mono);transform-origin:0;font-variant-numeric:tabular-nums;border-radius:8px;justify-content:flex-end;align-items:center;padding-right:10px;font-style:normal;transition:transform 1.4s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:0 auto 0 0}.b.us>i{background:linear-gradient(90deg, #0f6d55, var(--mint));color:#04110d}.b.them>i{color:#9aa7b0;background:#26303b}.b .lbl{font:500 11px/1 var(--body);color:#ffffffb3;z-index:1;position:absolute;top:50%;left:10px;translate:0 -50%}.b.us .lbl{color:#04110d}.bars.armed .b>i{transform:scaleX(.02)}.note{color:var(--muted);margin-top:22px;font-size:13px}.keys{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.key{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,background .2s;display:flex}.key span{color:#c4ced3;font-size:14.5px}.key kbd{gap:4px;display:inline-flex}.key kbd b{min-width:30px;height:30px;font:500 13px/1 var(--mono);color:var(--fg);background:linear-gradient(#232c36,#151b22);border:1px solid #34404c;border-radius:7px;place-items:center;padding-inline:7px;transition:transform .1s,box-shadow .1s,background .2s;display:grid;box-shadow:0 2px #0a0d11}.key.hit{border-color:var(--mint);background:#19f2b60f}.key.hit kbd b{background:linear-gradient(180deg, var(--mint), #0fae82);color:#04110d;border-color:var(--mint);transform:translateY(2px);box-shadow:0 0 #000}.try{color:var(--muted);align-items:center;gap:8px;margin-top:-28px;margin-bottom:30px;font-size:14px;display:inline-flex}.try i{background:var(--mint);width:8px;height:8px;box-shadow:0 0 12px var(--mint);border-radius:50%;animation:1.4s step-end infinite blink}.rv{transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s}.js .rv:not(.in){opacity:.35;transform:translateY(26px)}@media (width<=980px){.hero{grid-template-columns:1fr;padding-top:40px}.window{transform:none}.perf{grid-template-columns:1fr}.card,.card.w3,.card.w4{grid-column:span 6}}@media (width>=640px) and (width<=980px){.card{grid-column:span 3}.card.w4,.card.w3{grid-column:span 6}}@media (width<=520px){.wrap{padding-inline:16px}.lede{font-size:17px}.thead,.row{grid-template-columns:minmax(150px,1.3fr) 70px minmax(90px,1fr)}.seg{display:none}.card{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js .rv:not(.in){opacity:1;transform:none}.bars.armed .b>i{transform:none}}main#top{padding-top:80px}