.faq-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}.faq .section-head{position:sticky;top:110px}.faq .lede a{color:var(--violet-600);text-underline-offset:3px}.faq-list{border-top:1px solid var(--line-strong)}.qa{border-bottom:1px solid var(--line-strong)}.qa summary{letter-spacing:-.02em;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:19px;font-weight:580;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa-icon{background:var(--violet-50);width:30px;height:30px;transition:transform .4s var(--spring), background-color .2s;border-radius:50%;flex:none;position:relative}.qa-icon:before,.qa-icon:after{content:"";background:var(--violet-700);border-radius:2px;width:12px;height:1.6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qa-icon:after{transform:translate(-50%,-50%)rotate(90deg)}.qa[open] .qa-icon{background:var(--violet-100);transform:rotate(45deg)}.qa summary:hover .qa-icon{background:var(--violet-100)}.qa p{max-width:620px;color:var(--ink-2);margin:-4px 0 24px}.qa[open] p{animation:qa-in .5s var(--ease-out)}@keyframes qa-in{0%{opacity:0;transform:translateY(-6px)}}@media (width<=860px){.faq-grid{grid-template-columns:1fr}.faq .section-head{margin-bottom:0;position:static}}.bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.span-2{grid-column:span 2}.span-4{grid-column:span 4}@media (width<=980px){.bento{grid-template-columns:repeat(2,1fr)}.span-4{grid-column:span 2}.span-2{grid-column:span 1}}@media (width<=640px){.bento{grid-template-columns:1fr}.span-4,.span-2{grid-column:auto}}.card{background:var(--card);box-shadow:0 0 0 1px var(--line), 0 30px 60px -40px #2c1f7a59;border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden}.card-copy{padding:4px 28px 28px}.card h3{letter-spacing:-.03em;margin:0 0 6px;font-size:22px;font-weight:620;line-height:1.2}.card h3 .serif{color:var(--violet-600);font-size:1.12em}.card p{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.55}.viz{background:linear-gradient(160deg, var(--violet-50), var(--paper-2));height:280px;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-sans);border-radius:20px;margin:10px 10px 18px;position:relative;overflow:hidden}.span-4 .viz{height:320px}.viz img{user-select:none;-webkit-user-drag:none}.viz,.viz *{animation-play-state:paused}.is-playing .viz,.is-playing .viz *{animation-play-state:running}.viz-drag{background:radial-gradient(60% 80% at 10% 0,#d6ccff,#0000 70%),radial-gradient(50% 70% at 100% 100%,#c6f5e2,#0000 70%),linear-gradient(160deg,#efeaff,#e4ddfb)}.d-panel{backdrop-filter:blur(10px);background:#fff9;border-radius:14px;width:29%;padding:10px;position:absolute;top:9%;left:5%;box-shadow:0 0 0 .5px #00000026,0 20px 40px -20px #15102c66}.d-head{margin:0 0 8px 4px;font-size:12px;font-weight:700;display:block}.d-thumb{border-radius:6px;width:100%;box-shadow:0 1px 3px #15102c33}.d-thumb+.d-thumb{margin-top:8px}.d-thumb.dim{opacity:.9}.d-win{background:#fff;border-radius:12px;position:absolute;inset:9% 5% 9% 42%;overflow:hidden;box-shadow:0 0 0 .5px #0000002e,0 24px 48px -20px #15102c73}.d-bar{background:#f5f3fa;border-bottom:1px solid #0000000f;align-items:center;gap:6px;height:26px;padding:0 10px;display:flex;position:relative}.d-bar i{background:#ff5f57;border-radius:50%;width:9px;height:9px}.d-bar i:nth-child(2){background:#febc2e}.d-bar i:nth-child(3){background:#28c840}.d-bar span{color:#6c6689;font-size:11px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.d-body{color:#2c2645;padding:12px 16px;font-size:12.5px}.d-body p{color:#2c2645;margin:0 0 8px;font-size:12.5px}.d-body p:first-child{color:#6c6689;border-bottom:1px solid #efedf5;padding-bottom:8px}.d-drop{opacity:0;transform-origin:0 0;width:58%;animation:drop-in 5s var(--ease-out) infinite;border-radius:8px;transform:scale(.9);box-shadow:0 0 0 1px #0000000f,0 6px 14px -6px #15102c4d}.d-ghost{opacity:0;width:24.6%;animation:ghost 5s var(--ease-in-out) infinite;border-radius:6px;position:absolute;top:21%;left:7.2%;box-shadow:0 20px 40px -10px #15102c80}.d-cursor{filter:drop-shadow(0 2px 3px #0000004d);width:22px;animation:drag-cursor 5s var(--ease-in-out) infinite;position:absolute;top:40%;left:20%}@keyframes ghost{0%,12%{opacity:0;transform:none}16%{opacity:.95;transform:translate(0)scale(1.03)rotate(-2deg)}52%{opacity:.95;transform:translate(200%,58%)scale(.75)rotate(2deg)}58%,to{opacity:0;transform:translate(200%,58%)scale(.72)}}@keyframes drag-cursor{0%{transform:translate(-40%,120%)}12%,16%{transform:translate(0)}52%,58%{transform:translate(415%,175%)}to{transform:translate(-40%,120%)}}@keyframes drop-in{0%,54%{opacity:0;transform:scale(.9)}62%,92%{opacity:1;transform:none}to{opacity:0;transform:none}}.viz-menu{place-items:center;display:grid}.m-thumb{border-radius:8px;width:50%;position:absolute;top:14%;left:10%;box-shadow:0 0 0 5px #fff9,0 16px 30px -12px #15102c66}.m-menu{backdrop-filter:blur(16px);color:#1b1636;background:#f6f4fce0;border-radius:10px;width:170px;margin:0;padding:5px;font-size:12.5px;list-style:none;position:absolute;top:26%;left:38%;box-shadow:0 0 0 .5px #0003,0 18px 40px -10px #15102c73}.m-menu li{border-radius:5px;justify-content:space-between;padding:3px 9px;display:flex}.m-menu li span{color:#8a84a6}.m-pin{animation:3.6s step-end infinite menu-hl}.m-sep{background:#0000001a;height:1px;margin:4px 8px;padding:0!important}.m-trash{color:#1b1636}@keyframes menu-hl{0%,30%{color:inherit;background:0 0}31%,to{color:#fff;background:#0a84ff}}.viz-search{padding:22px 18px}.s-field{color:#8a84a6;background:#fff;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 10px;font-size:14px;display:flex;box-shadow:0 0 0 3.5px #5b47d64d,0 0 0 1px #5b47d699}.s-field svg{flex:none;width:15px}.s-typed{color:#1b1636;clip-path:inset(0 100% 0 0);animation:5s steps(7,end) infinite type}.s-caret{background:var(--violet-600);width:1.5px;height:18px;margin-left:-6px;animation:1s step-end infinite caret}.s-kbd{margin-left:auto;font-size:12px}@keyframes type{0%,10%{clip-path:inset(0 100% 0 0)}40%,88%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes caret{50%{opacity:0}}.s-results{gap:6px;margin:16px 0 0;padding:0;list-style:none;display:grid}.s-results li{color:#4a4368;white-space:nowrap;text-overflow:ellipsis;background:#fff9;border-radius:10px;align-items:center;gap:10px;padding:6px;font-size:12.5px;display:flex;overflow:hidden}.s-results img{border-radius:4px;flex:none;width:52px;box-shadow:0 1px 2px #15102c33}.s-miss{animation:miss 5s var(--ease-out) infinite}.s-hit{animation:hit 5s var(--ease-out) infinite}.s-hit mark{color:inherit;background:#ffd60a8c;border-radius:3px}@keyframes miss{0%,30%{opacity:1}42%,88%{opacity:.18;filter:grayscale()}to{opacity:1}}@keyframes hit{0%,38%{box-shadow:none}46%,88%{box-shadow:0 0 0 2px var(--violet-600);background:#fff}to{box-shadow:none}}.viz-annotate{background:radial-gradient(70% 90% at 90% 10%,#d6ccff,#0000 70%),linear-gradient(160deg,#2a2346,#15102c);place-items:center;display:grid}.a-win{background:#1f1f22;border-radius:12px;width:92%;overflow:hidden;box-shadow:0 0 0 .5px #ffffff26,0 30px 60px -20px #0009}.a-bar{color:#d8d6e0;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}.a-tool{border-radius:6px;place-items:center;width:26px;height:22px;font-size:11px;font-weight:600;display:grid}.a-tool svg{width:14px;height:14px}.a-tool.on{color:#fff;background:#0a84ff}.a-divider{background:#ffffff26;width:1px;height:16px;margin:0 4px}.a-color{background:var(--c);border-radius:50%;width:13px;height:13px}.a-color:first-of-type{box-shadow:0 0 0 2px #1f1f22,0 0 0 3.5px #0a84ff}.a-note{color:#8e8c99;white-space:nowrap;margin-left:auto;font-size:11px}.a-canvas{place-items:center;padding:12px 18%;display:grid;position:relative}.a-canvas img{border-radius:2px;width:100%}.a-marks{fill:none;stroke:#ff453a;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;width:64%;height:calc(100% - 24px);position:absolute;inset:12px 18%;overflow:visible}.a-marks>*{stroke-dasharray:1;stroke-dashoffset:1px;vector-effect:non-scaling-stroke;stroke-width:3px}.a-rect{animation:draw 6s var(--ease-out) infinite}.a-arrow{animation:draw 6s var(--ease-out) infinite .25s}.a-head{animation:draw-head 6s var(--ease-out) infinite .25s}.a-scribble{stroke:#ffd60a;animation:draw 6s var(--ease-out) infinite .55s}.a-label{color:#fff;font-family:var(--font-serif);opacity:0;animation:label 6s var(--spring) infinite .9s;background:#ff453a;border-radius:4px;padding:2px 8px;font-size:clamp(14px,1.6vw,18px);font-style:italic;position:absolute;bottom:22%;left:27%;transform:rotate(-4deg)scale(.8)}@keyframes draw{0%,8%{stroke-dashoffset:1px}30%,90%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes draw-head{0%,26%{stroke-dashoffset:1px}34%,90%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes label{0%,20%{opacity:0;transform:rotate(-4deg)scale(.8)}30%,84%{opacity:1;transform:rotate(-4deg)scale(1)}94%,to{opacity:0}}.a-foot{color:#8e8c99;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:8px;height:38px;padding:0 10px;font-size:11px;display:flex}.a-foot>span:first-child{margin-right:auto}.a-btn{color:#eee;background:#3a3a3f;border-radius:6px;padding:4px 10px;font-weight:500}.a-btn.primary{color:#fff;background:#0a84ff}@media (width<=640px){.a-note,.a-foot>span:first-child,.a-color:nth-of-type(n+4){display:none}.a-canvas{padding-inline:8%}.a-marks{width:84%;inset:12px 8%}}.viz-ql{background:linear-gradient(160deg,#241a5c,#0d0920);place-items:center;display:grid}.q-img{width:34%;animation:ql 4.4s var(--spring) infinite;border-radius:6px;box-shadow:0 0 0 4px #ffffff1a}.q-key{font-size:15px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.q-key .kbd{--k-top:#3a3160;--k-bot:#2a2248;--k-edge:#120d2a;--k-fg:#fff;min-width:7em;animation:press 4.4s var(--ease-out) infinite}@keyframes ql{0%,22%{transform:none;box-shadow:0 0 0 4px #ffffff1a}32%,78%{transform:scale(2.35)translateY(-6%);box-shadow:0 30px 60px -10px #0009}92%,to{transform:none}}@keyframes press{18%,26%{box-shadow:0 0 0 1px #15102c14, 0 .02em 0 var(--k-edge);transform:translateY(.12em)}0%,16%,28%,to{transform:none}}.viz-clear{place-items:center;display:grid}.c-stack{aspect-ratio:16/10;width:54%;margin-top:-40px;position:relative}.c-stack img{width:100%;animation:clear-a 6s var(--ease-in-out) infinite;border-radius:7px;position:absolute;inset:0;box-shadow:0 0 0 4px #ffffffb3,0 14px 26px -12px #15102c73}.c-stack img:first-child{--r:-7deg;--x:-10%;animation-delay:.1s}.c-stack img:nth-child(2){--r:5deg;--x:8%;animation-delay:50ms}.c-stack img:nth-child(3){--r:0deg;--x:0%}@keyframes clear-a{0%,20%{transform:translateX(var(--x)) rotate(var(--r));opacity:1}34%,58%{transform:translate(calc(var(--x) + 30%), -40%) rotate(calc(var(--r) * 3)) scale(.6);opacity:0}74%,to{transform:translateX(var(--x)) rotate(var(--r));opacity:1}}.c-btn{color:var(--ink);white-space:nowrap;box-shadow:0 0 0 1px var(--line), 0 8px 18px -10px #15102c66;background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.c-clear{animation:6s step-end infinite btn-a}.c-restore{background:var(--violet-600);color:#fff;animation:6s step-end infinite btn-b}@keyframes btn-a{0%,40%{opacity:1}41%,94%{opacity:0}}@keyframes btn-b{0%,40%{opacity:0}41%,94%{opacity:1}95%{opacity:0}}.viz-keep{align-content:center;gap:18px;padding:24px;display:grid}.k-row{box-shadow:0 0 0 1px var(--line);color:#1b1636;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.k-select{background:var(--violet-50);box-shadow:0 0 0 1px var(--violet-200);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-weight:600;display:inline-flex}.k-select svg{width:10px}.k-line{grid-template-columns:repeat(12,1fr);gap:5px;display:grid}.k-line i{aspect-ratio:3/4;background:linear-gradient(160deg, var(--violet-300), var(--violet-500));border-radius:4px}.k-line i:nth-child(-n+5){animation:fade-old 5s var(--ease-out) infinite}.k-line i.k-pinned{background:linear-gradient(160deg, var(--mint), #4fcf9d);box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--mint)}@keyframes fade-old{0%,20%{opacity:1}40%,85%{opacity:.18;filter:grayscale()}to{opacity:1}}.k-legend{color:var(--ink-3);font-family:var(--font-mono);justify-content:space-between;margin-top:-10px;font-size:11px;display:flex}.k-note{align-items:center;gap:8px;font-weight:600;display:flex;color:var(--mint-ink)!important;margin:0!important;font-size:13px!important}.k-note .dot{background:var(--mint);border-radius:50%;flex:none;width:8px;height:8px}.final{padding:clamp(40px,6vw,80px) 0 clamp(88px,12vw,140px)}.final-card{color:#fff;text-align:center;isolation:isolate;perspective:900px;background:radial-gradient(60% 60% at 50% 0,#b7a9ff8c,#0000 70%),radial-gradient(40% 50% at 100% 100%,#8fe9c559,#0000 70%),linear-gradient(#2c1f7a 0%,#1a1250 60%,#0d0920 100%);border-radius:clamp(28px,4vw,44px);justify-items:center;padding:clamp(56px,8vw,104px) 24px clamp(48px,7vw,88px);display:grid;position:relative;overflow:hidden}.final-rays{z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 30%, #ffffff0d 0 6deg, transparent 6deg 18deg);height:140%;animation:80s linear infinite spin;position:absolute;inset:-40% -20% auto;mask-image:radial-gradient(50% 50% at 50% 30%,#000,#0000 75%)}@keyframes spin{to{transform:rotate(1turn)}}.final-icon{--rx:0deg;--ry:0deg;width:clamp(132px,16vw,188px);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease-out);animation:float 6s var(--ease-in-out) infinite}.final-icon img{filter:drop-shadow(0 30px 40px #00000073)drop-shadow(0 0 60px #b7a9ff59);width:100%;height:auto}@keyframes float{50%{translate:0 -10px}}.final-title{letter-spacing:-.055em;margin:36px 0 0;font-size:clamp(44px,7vw,96px);font-weight:640;line-height:.95}.final-title .serif{color:var(--mint);font-size:1.1em}.final-lede{color:#c9c2ec;max-width:460px;margin:20px 0 0;font-size:18px}.final-actions{margin-top:32px}.final .btn-primary{--btn-bg:linear-gradient(180deg, #fff, #e9e4ff);background:var(--btn-bg);color:var(--violet-800);box-shadow:inset 0 1px #fff,0 16px 40px -12px #8fe9c599,0 2px 6px #0000004d}.final-meta{color:#9d95c6;margin:22px 0 0;font-size:13px}.hero{isolation:isolate;padding-top:clamp(40px,7vw,96px);padding-bottom:clamp(64px,9vw,120px);position:relative}.hero-aura{z-index:-2;filter:blur(20px);pointer-events:none;background:radial-gradient(40% 36% at 22% 30%,#b7a9ff8c,#0000 70%),radial-gradient(34% 30% at 82% 22%,#8fe9c573,#0000 70%),radial-gradient(50% 40% at 55% 75%,#7b66f059,#0000 70%);height:1100px;position:absolute;inset:-120px 0 auto}.hero-grid{z-index:-1;pointer-events:none;background-image:radial-gradient(#2c1f7a29 1px,#0000 1.2px);background-size:26px 26px;height:900px;position:absolute;inset:-120px 0 auto;mask-image:radial-gradient(60% 55% at 50% 30%,#000 20%,#0000 75%)}.hero-copy{text-align:center;justify-items:center;display:grid}.hero-title{letter-spacing:-.058em;text-wrap:balance;margin:26px 0 0;font-size:clamp(50px,8.6vw,124px);font-weight:640;line-height:.93}.hero-title .serif{letter-spacing:-.03em;background:linear-gradient(95deg, var(--violet-800) 0%, var(--violet-600) 45%, #8c6bf2 70%, #3fae88 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .04em .06em;font-size:1.1em;display:inline-block}.hero-lede{max-width:620px;margin-top:28px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.hero-meta{color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin:26px 0 0;font-size:14px;display:flex}.hero-meta .sep{opacity:.5;background:currentColor;border-radius:50%;width:4px;height:4px}.hero-meta .kbd{font-size:13px}.stage-wrap{perspective:1800px;margin-top:clamp(56px,8vw,96px)}.stage-frame{transform-origin:50% 0;background:linear-gradient(#2a2346,#0f0b22);border-radius:clamp(20px,2.8vw,38px);padding:clamp(6px,.9vw,12px);box-shadow:inset 0 0 0 1px #ffffff14,0 80px 120px -50px #2c1f7a8c,0 30px 60px -30px #15102c80}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.stage-frame{animation:linear both stage-tilt view();animation-range:entry 10% cover 45%}}}@keyframes stage-tilt{0%{transform:rotateX(16deg)scale(.92)}to{transform:none}}.stage{--mb-h:30px;aspect-ratio:16/10;isolation:isolate;-webkit-user-select:none;user-select:none;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-sans);border-radius:clamp(14px,2vw,26px);position:relative;overflow:hidden;container-type:inline-size}.stage-wall{z-index:-1;background:radial-gradient(55% 70% at 12% 18%,#cbbfff 0%,#0000 62%),radial-gradient(45% 55% at 92% 12%,#a5f0d3 0%,#0000 60%),radial-gradient(60% 70% at 70% 100%,#4c38c9 0%,#0000 65%),radial-gradient(50% 60% at 0 100%,#2c1f7a 0%,#0000 70%),linear-gradient(160deg,#b9adff 0%,#7b66f0 55%,#3d2aa8 100%);position:absolute;inset:0}.stage-wall:after{content:"";opacity:.22;mix-blend-mode:overlay;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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.menubar{z-index:5;height:var(--mb-h);-webkit-backdrop-filter:blur(24px)saturate(1.6);color:#17122f;letter-spacing:-.005em;background:#ffffff4d;justify-content:space-between;align-items:center;padding:0 14px 0 18px;font-size:13px;font-weight:500;display:flex;position:absolute;inset:0 0 auto}.mb-left,.mb-right{white-space:nowrap;align-items:center;gap:18px;display:flex}.mb-left b{font-weight:700}.mb-right{gap:14px}.mb-ic{width:17px;height:17px}.mb-ic:nth-of-type(2){width:24px}.mb-caps{border-radius:6px;place-items:center;width:30px;height:22px;transition:background-color .2s;display:grid}.mb-caps.is-open{background:#ffffff73}.mb-clock{font-variant-numeric:tabular-nums}.win{background:#fff;border-radius:12px;width:54%;position:absolute;top:15%;left:6%;overflow:hidden;box-shadow:0 0 0 .5px #00000040,0 30px 60px -20px #15102c8c,0 10px 20px -10px #15102c4d}.win-bar{background:#f3f1f8;border-bottom:1px solid #00000012;align-items:center;gap:7px;height:28px;padding:0 12px;display:flex;position:relative}.win-bar i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.win-bar i:nth-child(2){background:#febc2e}.win-bar i:nth-child(3){background:#28c840}.win-bar span{color:#6c6689;font-size:12px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.win-body{aspect-ratio:16/10;background:#fff;position:relative}.win-body img{object-fit:cover;width:100%;height:100%;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.sel{z-index:6;opacity:0;pointer-events:none;background:#ffffff1f;width:0;height:0;transition:opacity .2s;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #fffffff2,0 0 0 9999px #0d092047}.sel.is-on{opacity:1}.sel-dims{color:#fff;font:500 11px/1.2 var(--font-mono);white-space:nowrap;background:#15102cc7;border-radius:5px;padding:3px 7px;position:absolute;bottom:-30px;right:-8px;transform:translate(100%)}.flash{z-index:7;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.flash.is-on{animation:flash .5s var(--ease-out)}@keyframes flash{0%{opacity:0}12%{opacity:.75}to{opacity:0}}.panel{--pw:clamp(210px, 25cqw, 300px);top:calc(var(--mb-h) + 6px);left:var(--panel-x,calc(100% - var(--pw) - 150px));z-index:8;width:var(--pw);-webkit-backdrop-filter:blur(30px)saturate(1.8);transform-origin:50% 0;opacity:0;visibility:hidden;transition:opacity .2s var(--ease-out), transform .35s var(--ease-out), visibility 0s .35s;background:#ece9f7b8;border-radius:16px;flex-direction:column;display:flex;position:absolute;bottom:18px;transform:scale(.96)translateY(-6px);box-shadow:0 0 0 .5px #0003,inset 0 0 0 1.5px #ffffff59,0 30px 60px -12px #15102c80}.panel.is-open{opacity:1;visibility:visible;transition:opacity .18s var(--ease-out), transform .45s var(--spring), visibility 0s;transform:none}.panel-head{flex:none;justify-content:space-between;align-items:center;gap:8px;height:44px;padding:0 12px 0 16px;display:flex}.panel-title{letter-spacing:-.01em;color:#1b1636;font-size:14px;font-weight:700}.panel-search{color:#6c6689;background:#ffffffb3;border-radius:8px;flex:1;align-items:center;gap:6px;height:28px;padding:0 8px;display:flex;box-shadow:0 0 0 3px #5b47d659}.panel-search[hidden]{display:none}.panel-search svg{flex:none;width:14px;height:14px}.panel-search input{color:#1b1636;width:100%;min-width:0;font:500 13px/1 -apple-system, BlinkMacSystemFont, var(--font-sans);background:0 0;border:0;outline:0}.panel-search input::-webkit-search-cancel-button{display:none}.panel-more{gap:3px;padding:6px;display:flex}.panel-more i{background:#4a4368;border-radius:50%;width:4px;height:4px}.panel-list{overscroll-behavior:contain;scrollbar-width:none;outline:none;flex:1;min-height:0;margin:0;padding:0 10px 10px;list-style:none;overflow-y:auto}.panel-list::-webkit-scrollbar{display:none}.panel-list:focus-visible{border-radius:0 0 16px 16px;box-shadow:inset 0 0 0 2px #5b47d680}.cap{transition:grid-template-rows .7s var(--spring);grid-template-rows:1fr;display:grid}.cap[hidden]{display:none}.cap>.cap-inner{min-height:0}.cap+.cap{margin-top:8px}.cap.is-entering{grid-template-rows:0fr;margin-top:0}.cap.is-entering+.cap{margin-top:0}.cap-inner{cursor:grab;transition:transform .6s var(--spring), opacity .4s var(--ease-out), box-shadow .2s, background-color .2s;background:#ffffff6b;border-radius:12px;padding:7px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6}.cap.is-entering .cap-inner{opacity:0;transform:scale(.85)}.cap-inner img{aspect-ratio:16/10;object-fit:contain;-webkit-user-drag:element;border-radius:6px;width:100%;height:auto;box-shadow:0 1px 3px #15102c33}.cap.is-selected .cap-inner{box-shadow:0 0 0 2px var(--violet-600), 0 6px 16px -8px #5b47d699;background:#ffffffb3}.cap.is-new .cap-inner{animation:new-glow 2.2s var(--ease-out)}@keyframes new-glow{0%,40%{box-shadow:0 0 0 2px var(--mint), 0 0 24px 2px #8fe9c5cc}}.cap-pin{background:var(--violet-600);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #15102c4d}.cap-pin svg{width:12px;height:12px}.cap-copy{backdrop-filter:blur(8px);color:#fff;font:600 12px/1.2 -apple-system, BlinkMacSystemFont, var(--font-sans);cursor:pointer;opacity:0;transition:opacity .2s, transform .3s var(--spring), background-color .2s;background:#15102cc7;border:0;border-radius:999px;padding:5px 14px;position:absolute;bottom:14px;left:50%;transform:translate(-50%,6px)}.cap-inner:hover .cap-copy,.cap.is-hover .cap-copy,.cap-copy:focus-visible{opacity:1;transform:translate(-50%)}.cap-copy:hover,.cap.is-pressed .cap-copy{background:var(--violet-600)}.cap.is-pressed .cap-copy{transform:translate(-50%)scale(.94)}.panel-empty{color:#6c6689;text-align:center;margin:24px 0;font-size:13px}.panel-toast{color:#fff;font:600 12.5px/1 -apple-system, BlinkMacSystemFont, var(--font-sans);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s, transform .4s var(--spring);background:#15102cdb;border-radius:999px;align-items:center;gap:7px;padding:8px 14px 8px 10px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,10px)scale(.9)}.panel-toast:before{content:"";background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%231d5a43' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;border-radius:50%;width:16px;height:16px}.panel-toast.is-on{opacity:1;transform:translate(-50%)scale(1)}.ql{inset:var(--mb-h) 0 0;z-index:9;-webkit-backdrop-filter:blur(6px);animation:ql-in .35s var(--ease-out);background:#0d092059;place-items:center;padding:5%;display:grid;position:absolute}.ql[hidden]{display:none}.ql figure{width:min(78%,900px);animation:ql-pop .5s var(--spring);justify-items:center;gap:10px;margin:0;display:grid}.ql img{border-radius:10px;width:100%;box-shadow:0 0 0 .5px #0000004d,0 40px 80px -20px #0009}.ql figcaption{color:#fff;background:#15102cb3;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}@keyframes ql-in{0%{opacity:0}}@keyframes ql-pop{0%{opacity:0;transform:scale(.6)}}.cursor{z-index:10;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 3px #0000004d);width:26px;height:26px;transition:transform var(--move,.8s) var(--ease-in-out), opacity .3s;margin:-4px 0 0 -6px;position:absolute;top:0;left:0}.cursor.is-on{opacity:1}.cursor-cross{opacity:0}.cursor.is-cross{margin:-14px 0 0 -14px}.cursor.is-cross .cursor-arrow{opacity:0}.cursor.is-cross .cursor-cross{opacity:1}.cursor.is-down .cursor-arrow{transform-origin:6px 4px;transform:scale(.9)}.stage-caption{color:var(--ink-3);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:22px 0 0;font-size:14px;display:flex}.stage-caption .kbd{font-size:12.5px}.live-dot{background:#3fcf8e;border-radius:50%;width:8px;height:8px;margin-right:4px;animation:2s infinite live;box-shadow:0 0 #3fcf8e99}@keyframes live{70%{box-shadow:0 0 0 8px #3fcf8e00}to{box-shadow:0 0 #3fcf8e00}}@media (width<=720px){.mb-x{display:none}.menubar{padding:0 10px 0 12px;font-size:11.5px}.mb-left{gap:12px}.mb-right{gap:10px}.mb-sm{display:none}.stage{aspect-ratio:3/4}.win{border-radius:8px;width:50%;top:14%;left:4%}.win-bar{gap:4px;height:18px;padding:0 7px}.win-bar i{width:6px;height:6px}.win-bar span{display:none}.panel{--pw:40cqw;border-radius:12px;left:auto;right:10px}.panel-title{font-size:12px}.cap-inner{border-radius:9px;padding:5px}.cap+.cap{margin-top:6px}.panel-list{padding:0 7px 7px}.panel-head{height:38px}}.for-touch{display:none}@media (hover:none){.for-pointer,.hero-meta .try,.hero-meta .sep{display:none}.for-touch{display:inline}}.keys{background:var(--night);color:#f1eeff;isolation:isolate;overflow:hidden}.keys-glow{z-index:-1;background:radial-gradient(40% 40% at 50% 38%,#5b47d673,#0000 70%),radial-gradient(30% 30% at 70% 60%,#8fe9c51f,#0000 70%);position:absolute;inset:0}.keys .eyebrow{color:var(--mint)}.keys .h2 .serif{color:var(--violet-300)}.keys .lede{color:#b9b2d8}.keys-hint{color:var(--mint);font-family:var(--font-mono);margin-top:6px;font-size:14px;display:block}@media (hover:none){.keys-hint{display:none}}.bigkeys{perspective:900px;justify-content:center;gap:clamp(12px,2.4vw,28px);margin:0 auto clamp(56px,8vw,96px);display:flex}.bigkey{--size:clamp(92px, 15vw, 176px);--edge:14px;width:var(--size);height:var(--size);box-shadow:0 var(--edge) 0 #07051a, 0 calc(var(--edge) + 20px) 40px -10px #000000b3, 0 0 0 1px #ffffff0f inset;transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out);background:linear-gradient(#2b2447,#120e27);border-radius:22%;position:relative;transform:rotateX(18deg)}.bk-top{background:linear-gradient(#3a3160 0%,#2a2249 100%);border-radius:18%;flex-direction:column;justify-content:space-between;padding:14% 16%;display:flex;position:absolute;inset:7% 7% 12%;box-shadow:inset 0 1px #ffffff1f,inset 0 -6px 12px #00000040}.bk-sym{color:#fff;font-size:calc(var(--size) * .3);font-weight:500;line-height:1}.bk-word{color:#a59dcc;font-size:calc(var(--size) * .1);letter-spacing:.02em;font-weight:500}.bigkey-c{box-shadow:0 var(--edge) 0 #22166b, 0 calc(var(--edge) + 20px) 50px -10px #5b47d6b3, 0 0 0 1px #ffffff1f inset;background:linear-gradient(#7b66f0,#3a27a6)}.bigkey-c .bk-top{background:linear-gradient(#9c8cf0 0%,#6a55e6 100%);box-shadow:inset 0 1px #fff6,inset 0 -6px 12px #2c1f7a59}.bk-glyph{width:calc(var(--size) * .18);height:auto;color:var(--mint);align-self:flex-end}.bigkey.is-down{transform:rotateX(18deg) translateY(calc(var(--edge) - 3px));box-shadow:0 3px #07051a,0 10px 20px -8px #000000b3,inset 0 0 0 1px #ffffff0f}.bigkey-c.is-down{box-shadow:0 3px #22166b,0 10px 40px -6px #8fe9c599,inset 0 0 0 1px #ffffff1f}.bigkeys.is-hit .bk-top{animation:key-glow .9s var(--ease-out)}@keyframes key-glow{30%{box-shadow:0 0 0 2px var(--mint), 0 0 40px 6px #8fe9c599}}.shortcut-list{grid-template-columns:repeat(2,1fr);gap:10px 32px;max-width:900px;margin:0 auto;padding:0;list-style:none;display:grid}.shortcut{background:#ffffff08;border-radius:16px;align-items:center;gap:18px;padding:14px 16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.shortcut.is-hit{animation:row-hit 1s var(--ease-out)}@keyframes row-hit{20%{background:#8fe9c524;box-shadow:inset 0 0 0 1px #8fe9c599}}.shortcut-keys{flex:none;justify-content:flex-end;width:110px;font-size:17px;display:flex}.shortcut .kbd{--k-top:#2f2752;--k-bot:#221b40;--k-edge:#0a0720;--k-fg:#fff;min-width:2em}.shortcut .kbd.is-down{--k-top:#9c8cf0;--k-bot:#6a55e6;--k-edge:#2c1f7a}.shortcut-label{color:#d6d0f2;font-size:15.5px}@media (width<=720px){.shortcut-list{grid-template-columns:1fr}.shortcut-keys{width:92px}}.privacy{padding-bottom:clamp(56px,8vw,96px)}.zeros{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.zero{background:var(--card);box-shadow:0 0 0 1px var(--line), 0 30px 60px -40px #2c1f7a59;border-radius:28px;padding:28px 28px 30px;position:relative;overflow:hidden}.zero-n{letter-spacing:-.08em;background:linear-gradient(180deg, var(--violet-500), var(--violet-200));color:#0000;-webkit-background-clip:text;background-clip:text;margin:-10px 0 4px -4px;font-size:clamp(120px,14vw,200px);font-weight:300;line-height:1;display:block}.zero h3{letter-spacing:-.03em;margin:0 0 8px;font-size:26px;font-weight:620}.zero p{color:var(--ink-2);margin:0;font-size:15.5px}.promises{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:40px 0 0;padding:0;font-size:15.5px;list-style:none;display:flex}.promises li{align-items:center;gap:10px;display:flex}.check{background:var(--mint-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%231d5a43' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;border-radius:50%;flex:none;width:20px;height:20px}@media (width<=860px){.zeros{grid-template-columns:1fr}.zero{grid-template-columns:auto 1fr;align-items:center;column-gap:20px;display:grid}.zero-n{grid-row:span 2;margin:0;font-size:110px}.promises{justify-content:flex-start}}.native{padding-top:clamp(56px,8vw,96px)}.native-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.native .lede{margin-top:20px}.native .h2{margin-top:18px}.specs{border-top:1px solid var(--line-strong);margin:0}.specs div{border-bottom:1px solid var(--line-strong);grid-template-columns:130px 1fr;gap:16px;padding:16px 0;display:grid}.specs dt{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.02em;padding-top:2px;font-size:13px}.specs dd{margin:0;font-weight:500}@media (width<=860px){.native-grid{grid-template-columns:1fr}.specs div{grid-template-columns:110px 1fr}}.steps{padding-block:8px clamp(24px,4vw,48px)}.steps-grid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:24px;display:grid}.step{border-top:1px solid var(--line-strong);padding-top:20px}.step-n{color:var(--violet-600);font-size:13px;font-weight:500}.step h3{letter-spacing:-.025em;margin:10px 0 6px;font-size:20px;font-weight:620}.step p{color:var(--ink-2);margin:0;font-size:15.5px}.step .kbd{font-size:14px}.step-arrow{width:40px;color:var(--violet-300);margin-top:58px}@media (width<=820px){.steps-grid{grid-template-columns:1fr;gap:28px}.step-arrow{display:none}}