:root{--bg:#07071a;--bg-2:#0d0d26;--surface:#ffffff0b;--surface-strong:#ffffff14;--border:#ffffff1a;--border-strong:#ffffff38;--text:#f4f2ff;--text-2:#b6b3d6;--text-3:#7c79a3;--magenta:#c2307a;--violet:#6b2bd9;--orange:#ff7a1a;--amber:#ffc53d;--cream:#fff6b0;--cyan:#5ee7ff;--green:#4ade80;--red:#ff5470;--grad-fire:linear-gradient(100deg, #7b2ff7 0%, #c2307a 30%, #ff7a1a 62%, #ffd23f 100%);--grad-ice:linear-gradient(100deg, #5ee7ff, #8b7bff);--radius-sm:10px;--radius:18px;--radius-lg:28px;--ease-out:cubic-bezier(.16, 1, .3, 1);--font-display:"Space Grotesk", "SF Pro Display", system-ui, sans-serif;--font-body:"Inter", -apple-system, "SF Pro Text", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;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(--font-body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6;overflow-x:hidden}img,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--magenta);color:#fff}.aurora{z-index:-3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora span{filter:blur(90px);opacity:.55;mix-blend-mode:screen;border-radius:50%;animation:26s ease-in-out infinite alternate drift;position:absolute}.aurora span:first-child{background:#4b1fb8;width:60vw;height:60vw;top:-20vw;left:-15vw}.aurora span:nth-child(2){background:#b0226c;width:45vw;height:45vw;animation-duration:32s;animation-delay:-8s;top:5vh;right:-10vw}.aurora span:nth-child(3){opacity:.32;background:#c45a10;width:40vw;height:40vw;animation-duration:38s;animation-delay:-16s;top:55vh;left:25vw}.aurora span:nth-child(4){opacity:.4;background:#0f6c8a;width:30vw;height:30vw;animation-duration:29s;animation-delay:-4s;bottom:-10vw;right:15vw}@keyframes drift{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(8vw,6vh)scale(1.15)rotate(25deg)}to{transform:translate(-6vw,10vh)scale(.92)rotate(-15deg)}}#particles{z-index:-2;pointer-events:none;position:fixed;inset:0}.grain{z-index:100;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-5%,-8%)}40%{transform:translate(-12%,4%)}60%{transform:translate(7%,-14%)}80%{transform:translate(-4%,12%)}}.spotlight{z-index:-1;pointer-events:none;background:radial-gradient(600px circle at var(--mx,50%) var(--my,30%), #c2307a1f, transparent 60%);position:fixed;inset:0}.progress-bar{z-index:60;transform-origin:0;width:100%;height:3px;transform:scaleX(var(--scroll,0));background:var(--grad-fire);box-shadow:0 0 12px var(--orange);position:fixed;top:0;left:0}.wrap{width:min(1200px,100% - 32px);margin-inline:auto}section{padding:clamp(80px,12vw,150px) 0;position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);align-items:center;gap:8px;font-size:13px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:22px;height:1px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;line-height:1.05}h2{margin:16px 0 20px;font-size:clamp(34px,5.4vw,64px)}.lead{color:var(--text-2);text-wrap:pretty;max-width:640px;font-size:clamp(17px,1.6vw,20px)}.center{text-align:center}.center .lead{margin-inline:auto}.grad-text{background:var(--grad-fire);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer}.ice-text{background:var(--grad-ice);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes shimmer{to{background-position:200%}}.ui-btn .apple{flex:none;width:20px;height:20px}.ui-btn small{opacity:.85;letter-spacing:.02em;font-size:12px;font-weight:500;display:block}.ui-btn .label{text-align:left;line-height:1.15}.eq{align-items:flex-end;gap:2px;height:16px;display:inline-flex}.eq i{background:currentColor;border-radius:2px;width:3px;animation:1s ease-in-out infinite eq}.eq i:first-child{animation-delay:-.2s}.eq i:nth-child(2){animation-delay:-.5s}.eq i:nth-child(3){animation-delay:-.8s}.eq i:nth-child(4){animation-delay:-.35s}@keyframes eq{0%,to{height:30%}50%{height:100%}}.ripple{animation:ripple .8s var(--ease-out) forwards;pointer-events:none;background:#ffffff80;border-radius:50%;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}.hero{text-align:center;padding-top:clamp(130px,18vw,190px)}.pill{border:1px solid var(--border);background:var(--surface);color:var(--text-2);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:14px;display:inline-flex}.pill b{background:var(--grad-fire);color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.hero h1{max-width:13ch;margin:26px auto 22px;font-size:clamp(46px,9vw,112px)}.hero h1 .word{vertical-align:bottom;padding-bottom:.08em;display:inline-block;overflow:hidden}.hero h1 .word>span{animation:rise 1s var(--ease-out) forwards;display:inline-block;transform:translateY(110%)}@keyframes rise{to{transform:translateY(0)}}.rotator{vertical-align:bottom;color:var(--cyan);font-weight:600;display:inline-grid}.rotator span{opacity:0;filter:blur(6px);transition:all .6s var(--ease-out);white-space:nowrap;grid-area:1/1;transform:translateY(14px)}.rotator span.on{opacity:1;filter:none;transform:none}.hero .lead{margin:0 auto 38px}.cta-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.meta{color:var(--text-3);flex-wrap:wrap;justify-content:center;gap:18px;margin-top:20px;font-size:14px;display:flex}.meta span{align-items:center;gap:6px;display:inline-flex}.meta span:before{content:"";background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%}.stage{perspective:1800px;margin-top:80px}.window{text-align:left;border:1px solid var(--border-strong);backdrop-filter:blur(30px);max-width:1060px;transform:rotateX(var(--rx,14deg)) rotateY(var(--ry,0deg)) scale(var(--ws,.94));transition:transform .9s var(--ease-out);transform-style:preserve-3d;background:#100d28b8;border-radius:20px;margin-inline:auto;position:relative;box-shadow:0 60px 140px -30px #000000e6,0 0 0 1px #ffffff0a,0 0 120px -20px #c2307a73}.window:before{content:"";z-index:-1;background:conic-gradient(from var(--angle,0deg), transparent 0 60%, var(--orange), var(--magenta), var(--cyan), transparent 90%);-webkit-mask-composite:xor;opacity:.8;border-radius:22px;padding:2px;animation:6s linear infinite spin;position:absolute;inset:-2px;-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}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--angle:360deg}}.titlebar{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot:first-child{background:#ff5f57}.dot:nth-child(2){background:#febc2e}.dot:nth-child(3){background:#28c840}.titlebar .file{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-left:14px;font-size:13px;font-weight:500;overflow:hidden}.titlebar .file em{color:var(--text-3);font-style:normal;font-family:var(--font-mono);margin-left:8px;font-size:12px}.app-body{grid-template-columns:44px 1fr 46px;gap:8px;padding:16px 14px 34px;display:grid;position:relative}.axis-y{font-family:var(--font-mono);color:var(--text-3);text-align:right;flex-direction:column;justify-content:space-between;padding:0 2px 0 0;font-size:11px;display:flex}.spec-wrap{aspect-ratio:2.35;background:#000004;border-radius:8px;position:relative;overflow:hidden}.spec-wrap canvas{width:100%;height:100%;image-rendering:pixelated}.scan{background:#fff;width:2px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 20px 6px #ffffff8c,0 0 60px 20px #ff8c3c59}.cutoff{border-top:2px dashed var(--cyan);height:0;filter:drop-shadow(0 0 6px var(--cyan));left:0;right:0;top:var(--cut,12%);opacity:0;transition:opacity .8s;position:absolute}.cutoff.show{opacity:1;animation:1.6s linear infinite dash}.cutoff span{font-family:var(--font-mono);color:var(--bg);background:var(--cyan);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:-26px;right:8px}.legend{font-family:var(--font-mono);color:var(--text-3);flex-direction:column;align-items:center;gap:6px;font-size:10px;display:flex}.legend .bar{background:linear-gradient(#fcfdbf,#fe9f6d,#de4968,#8c2981,#3b0f70,#000004);border-radius:4px;flex:1;width:12px}.axis-x{font-family:var(--font-mono);color:var(--text-3);justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:10px;left:66px;right:68px}.crosshair{pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;inset:0}.spec-wrap:hover .crosshair{opacity:1}.crosshair:before,.crosshair:after{content:"";background:#ffffff8c;position:absolute}.crosshair:before{left:var(--cx);width:1px;top:0;bottom:0}.crosshair:after{top:var(--cy);height:1px;left:0;right:0}.readout{left:var(--cx);top:var(--cy);font-family:var(--font-mono);border:1px solid var(--border-strong);white-space:nowrap;color:var(--text);background:#080818d9;border-radius:8px;padding:6px 10px;font-size:11px;position:absolute;transform:translate(12px,12px)}.verdict{border:1px solid var(--border-strong);backdrop-filter:blur(24px)saturate(180%);opacity:0;width:min(300px,70%);transition:all .9s var(--ease-out);transform-style:preserve-3d;background:#141030c7;border-radius:16px;padding:16px 18px;position:absolute;top:70px;right:clamp(12px,4%,40px);transform:translateY(16px)scale(.96);box-shadow:0 20px 60px #0000008c}.verdict.show{opacity:1;transform:translateZ(60px)}.verdict .tag{color:var(--red);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.verdict .tag:before{content:"";background:var(--red);width:8px;height:8px;box-shadow:0 0 12px var(--red);border-radius:50%;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.3}}.verdict h4{font-family:var(--font-display);margin:6px 0 4px;font-size:21px}.verdict p{color:var(--text-2);font-size:13px;line-height:1.45}.conf{background:var(--surface-strong);border-radius:6px;height:6px;margin-top:12px;overflow:hidden}.conf i{background:var(--grad-fire);border-radius:inherit;width:0;height:100%;transition:width 1.6s var(--ease-out) .3s;display:block}.verdict.show .conf i{width:92%}.conf-row{font-family:var(--font-mono);color:var(--text-3);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}@media (width<=700px){.verdict{width:auto;margin:0 14px 14px;position:relative;top:auto;right:auto}.spec-wrap{aspect-ratio:1.5}.app-body{grid-template-columns:34px 1fr 30px}.axis-x{left:54px;right:50px}.legend span{display:none}}.marquee{border-block:1px solid var(--border);padding:34px 0;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.track{gap:16px;width:max-content;animation:40s linear infinite marquee;display:flex}.marquee:hover .track{animation-play-state:paused}.track span{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:999px;padding:10px 20px;font-size:15px;transition:all .3s}.track span:hover{color:#fff;border-color:var(--orange);box-shadow:0 0 24px -4px var(--orange);transform:translateY(-3px)}@keyframes marquee{to{transform:translate(-50%)}}.compare{border-radius:var(--radius-lg);aspect-ratio:2.2;border:1px solid var(--border-strong);user-select:none;touch-action:pan-y;cursor:ew-resize;margin-top:56px;position:relative;overflow:hidden;box-shadow:0 40px 100px -30px #000c}.compare canvas{width:100%;height:100%;position:absolute;inset:0}.compare .top{clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)}.compare .handle{top:0;bottom:0;left:var(--pos,50%);background:#fff;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 24px #fffc}.compare .handle:after{content:"⟷";backdrop-filter:blur(10px);color:#fff;background:#ffffff2e;border:2px solid #fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare .badge{backdrop-filter:blur(14px);border:1px solid var(--border-strong);background:#080818a6;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;position:absolute;top:18px}.compare .badge.l{color:var(--green);left:18px}.compare .badge.r{color:var(--red);right:18px}.compare .wall{border-top:2px dashed var(--cyan);opacity:.85;clip-path:inset(0 0 0 var(--pos,50%));position:absolute;top:13%;left:0;right:0}.compare-legend{color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:18px;font-size:14px;display:flex}@keyframes float{50%{transform:translateY(-8px)rotate(-4deg)}}.bento{grid-template-columns:repeat(6,1fr);gap:18px;margin-top:64px;display:grid}.card{--x:50%;--y:50%;border-radius:var(--radius-lg);isolation:isolate;border:1px solid var(--border);transition:transform .5s var(--ease-out), border-color .3s;transform-style:preserve-3d;background:linear-gradient(#ffffff0f,#ffffff05);grid-column:span 2;padding:30px;position:relative;overflow:hidden}.card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(420px circle at var(--x) var(--y), #ff7a1a2e, transparent 45%);transition:opacity .4s;position:absolute;inset:0}.card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(300px circle at var(--x) var(--y), #ffc878e6, transparent 40%);-webkit-mask-composite:xor;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,.card:hover:after{opacity:1}.card.wide{grid-column:span 3}.card.xl{grid-column:span 4}.card .icon{background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;font-size:22px;display:grid}.card h3{margin-bottom:8px;font-size:23px}.card p{color:var(--text-2);font-size:15.5px}.card .viz{border-radius:12px;height:110px;margin-top:22px;position:relative;overflow:hidden}@media (width<=960px){.card,.card.wide,.card.xl{grid-column:span 3}}@media (width<=640px){.bento{grid-template-columns:1fr}.card,.card.wide,.card.xl{grid-column:auto}}.palette-row{gap:8px;display:flex}.palette-row i{height:110px;transition:flex .5s var(--ease-out);border-radius:10px;flex:1}.palette-row i:hover{flex:2.5}.code{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-2);white-space:pre;background:#00000073;border-radius:12px;margin-top:20px;padding:16px;font-size:13px;line-height:1.7;overflow-x:auto}.code .c{color:var(--text-3)}.code .k{color:var(--cyan)}.code .s{color:var(--amber)}.code .ok{color:var(--green)}.code .bad{color:var(--red)}.ladder{gap:12px;margin-top:56px;display:grid}.rung{border:1px solid var(--border);background:var(--surface);transition:background .3s, transform .4s var(--ease-out);border-radius:16px;grid-template-columns:170px 1fr 230px;align-items:center;gap:18px;padding:14px 20px;display:grid}.rung:hover{background:var(--surface-strong);transform:translate(6px)}.rung .hz{font-family:var(--font-mono);color:var(--cyan);font-size:15px}.rung .meter{background:#ffffff0f;border-radius:12px;height:12px;position:relative;overflow:hidden}.rung .meter i{border-radius:inherit;background:var(--grad-fire);width:0;transition:width 1.4s var(--ease-out);position:absolute;inset:0 auto 0 0}.rung .meter i:after{content:"";background:var(--cyan);width:3px;box-shadow:0 0 12px var(--cyan);border-radius:2px;position:absolute;top:-4px;bottom:-4px;right:0}.rung.in .meter i{width:var(--w)}.rung .src{text-align:right;font-weight:600}@media (width<=760px){.rung{grid-template-columns:1fr;gap:8px}.rung .src{text-align:left}}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px;display:grid}.stat{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);text-align:center;padding:30px 24px}.stat b{font-family:var(--font-display);font-size:clamp(40px,5vw,60px);line-height:1;display:block}.stat span{color:var(--text-2);margin-top:10px;font-size:15px;display:block}@media (width<=860px){.stats{grid-template-columns:repeat(2,1fr)}}.keys{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:48px;display:flex}.key{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:14px;align-items:center;gap:12px;padding:10px 16px 10px 10px;font-size:15px;display:flex}kbd{min-width:42px;height:42px;font-family:var(--font-mono);color:var(--text);background:linear-gradient(#2b2752,#1a1738);border:1px solid #ffffff29;border-radius:10px;place-items:center;padding:0 10px;font-size:16px;font-weight:600;transition:transform .1s,box-shadow .1s;display:grid;box-shadow:0 4px #0c0a22,0 6px 16px #00000080}.key.pressed kbd,.key:hover kbd{box-shadow:0 1px 0 #0c0a22, 0 0 24px -2px var(--orange);color:var(--amber);transform:translateY(3px)}#finalCanvas{opacity:.5}.sha{font-family:var(--font-mono);color:var(--text-3);word-break:break-all;margin-top:18px;font-size:12px}.toast{z-index:80;border:1px solid var(--border-strong);backdrop-filter:blur(20px);visibility:hidden;max-width:calc(100% - 32px);transition:transform .6s var(--ease-out), visibility 0s .6s;background:#141030eb;border-radius:16px;padding:14px 20px;font-size:14.5px;position:fixed;bottom:28px;left:50%;transform:translate(-50%,calc(100% + 60px));box-shadow:0 20px 60px #0009}.toast.show{visibility:visible;transition:transform .6s var(--ease-out);transform:translate(-50%)}.toast code{font-family:var(--font-mono);color:var(--amber)}.reveal{opacity:0;filter:blur(8px);transition:opacity 1s var(--ease-out), transform 1s var(--ease-out), filter 1s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(40px)}.reveal.in{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;filter:none;transform:none}.hero h1 .word>span{transform:none}}