:root{--bg:#07070c;--bg-2:#0d0d16;--panel:#ffffff09;--panel-2:#ffffff0f;--line:#ffffff17;--line-2:#ffffff29;--text:#ecebf5;--muted:#9a98b0;--dim:#6b6985;--violet:#7c5cff;--blue:#3fa9ff;--mint:#2ee6a6;--pink:#ff5ca8;--amber:#ffb547;--red:#ff5d6c;--grad:linear-gradient(100deg, var(--violet), var(--blue) 45%, var(--mint));--radius:22px;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Instrument Serif", Georgia, serif;--ease:cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6;overflow-x:hidden}::selection{color:#fff;background:#7c5cff73}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img,svg{display:block}code,kbd{font-family:var(--mono);font-size:.86em}kbd{background:var(--panel-2);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:6px;padding:.05em .45em;display:inline-block}code{color:#c9b8ff}#stars,#confetti{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#stars{z-index:-3;opacity:.7}#confetti{z-index:100}.aurora{z-index:-2;filter:blur(80px);opacity:.55;pointer-events:none;position:fixed;inset:-20vmax}.aurora span{mix-blend-mode:screen;width:55vmax;height:55vmax;animation:drift 26s var(--ease) infinite alternate;border-radius:50%;position:absolute}.aurora span:first-child{background:radial-gradient(circle,#7c5cff8c,#0000 65%);top:0;left:5%}.aurora span:nth-child(2){background:radial-gradient(circle,#3fa9ff73,#0000 65%);animation-duration:32s;animation-delay:-8s;top:10%;right:0}.aurora span:nth-child(3){background:radial-gradient(circle,#2ee6a64d,#0000 65%);animation-duration:38s;animation-delay:-16s;bottom:0;left:30%}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(8vmax,6vmax)scale(1.15)}to{transform:translate(-6vmax,10vmax)scale(.95)}}.grain{z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.spot{z-index:-1;pointer-events:none;width:600px;height:600px;transform:translate(calc(var(--mx,-999px) - 300px), calc(var(--my,-999px) - 300px));transition:transform .25s var(--ease);background:radial-gradient(circle,#7c5cff24,#0000 60%);position:fixed;top:0;left:0}.progress{z-index:60;background:var(--grad);transform-origin:0;width:100%;height:2px;transform:scaleX(var(--scroll,0));position:fixed;top:0;left:0}.hero{text-align:center;flex-direction:column;align-items:center;padding:150px 24px 40px;display:flex}.pill{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:7px 14px 7px 10px;font-size:14px;transition:border-color .3s,color .3s;display:inline-flex}.pill:hover{border-color:var(--line-2);color:var(--text)}.pill-dot{background:var(--mint);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #2ee6a699}.pill-arrow{transition:transform .3s var(--ease)}.pill:hover .pill-arrow{transform:translate(4px)}@keyframes pulse{70%{box-shadow:0 0 0 10px #2ee6a600}to{box-shadow:0 0 #2ee6a600}}h1{letter-spacing:-.045em;max-width:14ch;font-size:clamp(44px,8.4vw,104px);font-weight:800;line-height:.98}h2{letter-spacing:-.035em;font-size:clamp(34px,5.4vw,64px);font-weight:800;line-height:1.04}h3{letter-spacing:-.02em;margin-bottom:8px;font-size:21px;line-height:1.25}.serif{font-family:var(--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.gradient-text{background:var(--grad);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite grad}.scramble{display:inline-block}.lead{max-width:640px;color:var(--muted);margin:24px auto 0;font-size:clamp(17px,1.6vw,20px)}.lead strong{color:var(--text);font-weight:600}.center{text-align:center}.cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.meta{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:22px;margin-top:22px;font-size:14px;list-style:none;display:flex}.meta li{align-items:center;gap:8px;display:flex}.meta span{background:var(--grad);border-radius:50%;width:6px;height:6px}.stage{perspective:1600px;width:min(1060px,100%);margin-top:72px;position:relative}.glow-ring{background:conic-gradient(from var(--angle,0deg), var(--violet), var(--blue), var(--mint), var(--pink), var(--violet));filter:blur(28px);opacity:.55;border-radius:20px;animation:8s linear infinite spin;position:absolute;inset:-2px}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--angle:360deg}}.term{text-align:left;border:1px solid var(--line-2);transform-style:preserve-3d;background:#0b0b13;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 40px 120px -20px #000c,inset 0 1px #ffffff0f}.term-bar{border-bottom:1px solid var(--line);color:var(--dim);font-size:13px;font-family:var(--mono);background:#ffffff08;align-items:center;gap:8px;padding:12px 16px;display:flex}.term-bar i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.term-bar i:nth-child(2){background:#febc2e}.term-bar i:nth-child(3){background:#28c840}.term-bar span{margin:0 auto;transform:translate(-30px)}.c-mod{color:var(--amber)}.c-add{color:var(--mint)}.c-del{color:var(--red)}.c-ren{color:#b39dff}.c-new{color:var(--mint)}.check{color:#9fd2ff}.spin{color:var(--blue);display:inline-block}.keycast{pointer-events:none;gap:8px;display:flex;position:absolute;bottom:54px;right:18px}.keycast span{font-family:var(--mono);border:1px solid var(--line-2);color:var(--text);backdrop-filter:blur(8px);animation:keypop 1.4s var(--ease) forwards;background:#141420d9;border-bottom-width:3px;border-radius:10px;padding:8px 14px;font-size:15px;box-shadow:0 10px 30px #00000080}.keycast span em{color:var(--muted);font-style:normal;font-family:var(--sans);margin-left:6px;font-size:13px}@keyframes keypop{0%{opacity:0;transform:translateY(10px)scale(.8)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.marquee{border-block:1px solid var(--line);margin:70px 0 20px;padding:22px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:40s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{color:var(--muted);white-space:nowrap;align-items:center;gap:34px;padding-right:34px;font-size:20px;display:flex}.marquee-group b{color:var(--text);font-weight:700}.marquee-group i{color:var(--violet);font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.section{text-align:center;width:min(1120px,100% - 48px);margin:0 auto;padding:120px 0 0}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:18px;font-size:13px;display:inline-block}.bento{grid-auto-flow:dense;text-align:left;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;display:grid}.card{border-radius:var(--radius);border:1px solid var(--line);transform-style:preserve-3d;background:linear-gradient(#ffffff0d,#ffffff04);padding:28px;transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.card:hover{border-color:var(--line-2);box-shadow:0 30px 80px -30px #7c5cff73}.card p{color:var(--muted);font-size:15.5px}.card-glow{pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--cx,50%) var(--cy,50%), #7c5cff2e, transparent 45%);transition:opacity .4s;position:absolute;inset:0}.card:hover .card-glow{opacity:1}.card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--cx,50%) var(--cy,50%), #7c5cffe6, transparent 40%);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .4s;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}.card:hover:before{opacity:1}.span-2{grid-column:span 2}.tall{flex-direction:column;grid-row:span 2;display:flex}.tall .mini-diff{margin-top:auto}.tall .tag{align-self:flex-start}.mini-diff .hunk{color:#b39dff;background:#7c5cff14}.mini-caption{margin-top:14px;color:var(--dim)!important;font-size:14px!important}.icon{background:var(--panel-2);border:1px solid var(--line);width:54px;height:54px;transition:transform .5s var(--ease);border-radius:16px;place-items:center;margin-bottom:18px;font-size:30px;display:grid}.card:hover .icon{transform:rotate(-8deg)scale(1.08)}.tag{font-family:var(--mono);color:var(--mint);background:#2ee6a614;border:1px solid #2ee6a633;border-radius:999px;margin-bottom:16px;padding:4px 10px;font-size:12px;display:inline-block}.card h3{font-size:22px}.tall h3{font-size:30px;line-height:1.12}.mini-diff{font-family:var(--mono);border:1px solid var(--line);background:#00000059;border-radius:14px;margin-top:26px;font-size:13.5px;overflow:hidden}.mini-diff .ln{gap:12px;padding:7px 14px;transition:background .4s,opacity .4s;display:flex}.mini-diff b{color:var(--dim);width:2ch;font-weight:400}.mini-diff .ln:before{content:"  ";color:#9fd2ff;width:2ch}.mini-diff .pick:before{content:"☑"}.mini-diff .skip:before{content:"☐"}.mini-diff .add{color:#8ff0c9;background:#2ee6a614}.mini-diff .del{color:#ff9aa4;background:#ff5d6c17}.mini-diff .skip{opacity:.45;background:0 0}.card:hover .mini-diff .skip{animation:blink-pick 2.4s var(--ease) infinite}@keyframes blink-pick{50%{opacity:1;background:#2ee6a614}}.pr-list{gap:8px;margin-top:20px;font-size:14.5px;display:grid}.pr-list div{border:1px solid var(--line);transition:transform .4s var(--ease);background:#00000040;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.card:hover .pr-list div:first-child{transform:translate(6px)}.card:hover .pr-list div:nth-child(2){transition-delay:50ms;transform:translate(12px)}.card:hover .pr-list div:nth-child(3){transition-delay:.1s;transform:translate(18px)}.pr-list i{color:var(--dim);margin-left:auto;font-size:13px;font-style:normal}.ok{color:var(--mint)}.bad{color:var(--red)}.run{color:var(--amber);animation:1.2s infinite blink}@keyframes blink{50%{opacity:.3}}.fix{border:1px solid var(--line);background:#0000004d;border-radius:14px;margin-top:20px;padding:16px;font-size:14px}.fix-title{margin-bottom:4px;font-weight:700}.fix-body{color:var(--muted);margin-bottom:12px}.fix-btn{background:var(--panel-2);border-radius:10px;justify-content:space-between;align-items:center;margin-top:6px;padding:8px 12px;display:flex}.fix-btn.primary{background:linear-gradient(90deg,#7c5cff66,#3fa9ff59)}.chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chips span{background:var(--panel-2);border:1px solid var(--line);transition:transform .3s var(--ease), border-color .3s, background .3s;border-radius:999px;padding:7px 13px;font-size:14px}.chips span:hover{border-color:var(--violet);background:#7c5cff26;transform:translateY(-3px)}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;display:grid}.stat{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);padding:34px 20px}.stat p{color:var(--muted);margin-top:18px}.stat p i{color:var(--dim);font-size:14px}.ring{width:150px;height:150px;margin:0 auto;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke:var(--panel-2);stroke-width:8px}.ring .arc{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327px;transition:stroke-dashoffset 1.8s var(--ease);filter:drop-shadow(0 0 8px #3fa9ffb3)}.stat:nth-child(2) .arc{stroke:var(--mint);filter:drop-shadow(0 0 8px #2ee6a6b3)}.stat:nth-child(3) .arc{stroke:var(--violet);filter:drop-shadow(0 0 8px #7c5cffb3)}.stat.in .arc{stroke-dashoffset:calc(327 - 327 * var(--p))}.num{letter-spacing:-.04em;grid-auto-flow:column;place-content:center;place-items:center;gap:4px;font-size:46px;font-weight:800;display:grid;position:absolute;inset:0}.num small{color:var(--muted);align-self:end;margin-bottom:10px;font-size:18px;font-weight:600}.race{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);text-align:left;margin:24px auto 0;padding:30px}.race h3{margin-bottom:18px}.bar{font-family:var(--mono);grid-template-columns:190px 1fr 70px;align-items:center;gap:16px;margin:12px 0;font-size:14px;display:grid}.bar .label{color:var(--muted)}.bar b{text-align:right}.track{background:var(--panel-2);border-radius:999px;height:12px;overflow:hidden}.fill{border-radius:inherit;width:0;height:100%;transition:width 2.2s var(--ease);display:block}.race.in .fill{width:var(--w)}.fill.slow{background:linear-gradient(90deg, #5a2a33, var(--red))}.fill.fast{background:var(--grad);transition-duration:.5s;box-shadow:0 0 16px #2ee6a6cc}.note{color:var(--dim);margin-top:16px;font-size:14px}.keyboard{background:var(--panel);border:1px solid var(--line);border-radius:28px;margin-top:48px;padding:32px}.keys{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.key{min-width:62px;height:62px;font-family:var(--mono);border:1px solid var(--line-2);background:linear-gradient(#1d1d2b,#14141f);border-radius:14px;padding:0 16px;font-size:19px;transition:transform .12s,box-shadow .12s,border-color .3s,color .3s;box-shadow:0 6px #0a0a12,0 10px 24px #0006,inset 0 1px #ffffff14}.key.wide{min-width:170px}.key.mod{color:#c9b8ff}.key:hover{border-color:var(--violet)}.key.down{border-color:var(--blue);color:#fff;transform:translateY(5px);box-shadow:0 1px #0a0a12,0 4px 12px #0006,0 0 30px #7c5cff99}.key-output{justify-content:center;align-items:center;gap:16px;min-height:52px;margin-top:30px;font-size:19px;display:flex}.key-chip{font-family:var(--mono);background:var(--grad);color:#fff;border-radius:12px;padding:8px 16px;font-weight:700}.key-output.flash #keyInfo{animation:fadein .4s var(--ease)}@keyframes fadein{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}.timeline{text-align:left;max-width:720px;margin:56px auto 0;position:relative}.timeline:before{content:"";background:linear-gradient(var(--violet), var(--blue), var(--mint));opacity:.5;width:2px;position:absolute;top:10px;bottom:10px;left:21px}.step{gap:24px;padding:18px 0;display:flex}.dot{background:var(--bg-2);border:2px solid var(--blue);z-index:1;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid;box-shadow:0 0 24px #3fa9ff80}.step p{color:var(--muted)}.craft-grid{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.craft h2{margin-top:0}.checks{gap:12px;margin-top:26px;list-style:none;display:grid}.checks li{color:var(--muted);align-items:center;gap:12px;display:flex}.checks li:before{content:"✓";width:24px;height:24px;color:var(--mint);background:#2ee6a624;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.code{border:1px solid var(--line-2);background:#0b0b13;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px -20px #000c}.code pre{font-family:var(--mono);color:#cfcde0;padding:22px;font-size:14.5px;line-height:1.9;overflow-x:auto}.code .p{color:var(--violet)}.code .g{color:var(--mint)}.code b{color:#fff}.caret{color:var(--blue);animation:1s step-end infinite blink}.orbit{pointer-events:none;width:0;height:0;position:absolute;top:120px;left:50%}.orbit span{border:1px dashed #ffffff1f;border-radius:50%;animation:30s linear infinite rot;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit span:after{content:"";background:var(--mint);width:8px;height:8px;box-shadow:0 0 12px var(--mint);border-radius:50%;position:absolute;top:-4px;left:50%}.orbit span:first-child{width:180px;height:180px}.orbit span:nth-child(2){width:300px;height:300px;animation-duration:45s;animation-direction:reverse}.orbit span:nth-child(2):after{background:var(--violet);box-shadow:0 0 12px var(--violet)}.orbit span:nth-child(3){width:440px;height:440px;animation-duration:60s}.orbit span:nth-child(3):after{background:var(--blue);box-shadow:0 0 12px var(--blue)}@keyframes rot{to{transform:translate(-50%,-50%)rotate(360deg)}}.toast{z-index:90;border:1px solid var(--line-2);backdrop-filter:blur(16px);max-width:calc(100% - 32px);transition:transform .5s var(--ease);background:#141420e6;border-radius:16px;padding:14px 22px;position:fixed;bottom:28px;left:50%;transform:translate(-50%,140%);box-shadow:0 20px 60px #00000080}.toast.on{transform:translate(-50%)}.reveal{opacity:0;filter:blur(6px);transition:opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);transform:translateY(36px)}.reveal.in,.no-js .reveal{opacity:1;filter:none;transform:none}@media (width<=960px){.bento{grid-template-columns:repeat(2,1fr)}.tall{grid-row:auto}.craft-grid{grid-template-columns:1fr}}@media (width<=640px){body{font-size:16px}.hero{padding-top:120px}.section{width:calc(100% - 32px);padding-top:90px}.bento,.stats{grid-template-columns:1fr}.span-2{grid-column:auto}.card{padding:22px}.tall h3{font-size:26px}.bar{grid-template-columns:1fr 56px}.bar .label{grid-column:1/-1}.keyboard{padding:22px 14px}.key{min-width:52px;height:52px;font-size:16px}.key.wide{min-width:120px}.key-output{text-align:center;flex-direction:column;gap:10px;font-size:16px}.keycast{bottom:44px;right:10px}.keycast span{padding:5px 9px;font-size:12px}.keycast span em{display:none}.meta{gap:12px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}