:root{--bg:#08080a;--panel:#0e0e12;--fg:#f4f4f5;--muted:#9c9ca5;--faint:#232329;--ok:#6ee7a8;--fail:#f0a3a3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6}main{max-width:58rem;margin:0 auto;padding:5.5rem 1.5rem 4rem}h1,h2,h3{letter-spacing:-.018em;margin:0;font-weight:350}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;font-size:.71rem;display:block}.hero{text-align:center}.hero-mark{color:var(--fg);place-items:center;display:inline-grid;position:relative}.hero-mark:after{content:"";z-index:-1;background:radial-gradient(circle,#b4beff26,#0000 68%);border-radius:50%;position:absolute;inset:-30%}.hero h1{max-width:18ch;margin:2rem auto 1.1rem;font-size:clamp(2rem,5.4vw,3.1rem);line-height:1.12}.hero h1 em{color:var(--muted);font-style:normal}.lede{max-width:34rem;margin:0 auto;font-size:1.1rem}.sub{color:var(--muted);max-width:32rem;margin:.7rem auto 0;font-size:.98rem}.cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2.25rem;display:flex}.cta{background:var(--fg);color:var(--bg);border-radius:999px;padding:.7rem 1.6rem;font-size:.95rem;text-decoration:none;transition:transform .15s}.cta:hover{transform:translateY(-1px)}.cta-note{color:var(--muted);font-size:.85rem}.key{color:var(--fg);border:1px solid var(--faint);background:linear-gradient(#1c1c22,#131318);border-bottom-width:2px;border-radius:7px;justify-content:center;align-items:center;min-width:1.9rem;padding:.24rem .55rem;font-family:inherit;font-size:.82rem;display:inline-flex}.key.inline{margin:0 .12rem;transform:translateY(-1px)}.key.big{border-radius:10px;min-width:2.9rem;padding:.6rem .9rem;font-size:1rem}.key.big.wide{min-width:7rem}.surfaces{text-align:center;margin:5rem 0 4rem}.surfaces-row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.surface{border:1px solid var(--faint);border-radius:999px;align-items:center;gap:.55rem;padding:.5rem .95rem;font-size:.9rem;display:inline-flex}.surface.muted{color:var(--muted);border-style:dashed}.how{margin:5rem 0}.how-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step{border:1px solid var(--faint);background:linear-gradient(#ffffff05,#0000);border-radius:14px;padding:1.4rem}.step-n{letter-spacing:.1em;color:var(--muted);font-size:.71rem}.step h3{margin:.5rem 0 .45rem;font-size:1.05rem}.step p{color:var(--muted);margin:0;font-size:.9rem}.gesture{border:1px solid var(--faint);border-radius:14px;align-items:center;gap:1.6rem;margin-top:2rem;padding:1.6rem;display:flex;overflow:hidden}.gesture-keys{flex-shrink:0;gap:.5rem;display:flex}.gesture-track{flex:1;min-width:0;position:relative}.gesture-captions{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.88rem;display:flex;position:relative}.gesture-captions span:nth-child(2){font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gesture-captions span:last-child{color:var(--fg)}.cases{gap:2rem;margin:4.5rem 0;display:grid}.case{border:1px solid var(--faint);background:linear-gradient(#ffffff05,#0000);border-radius:18px;grid-template-columns:1fr 1.3fr;align-items:center;gap:2rem;padding:1.75rem;display:grid}.case:nth-child(2n) .case-copy{order:2}.case-copy h2{margin:0 0 .6rem;font-size:1.4rem}.case-copy p{color:var(--muted);margin:0;font-size:.95rem}@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.case-scene{border-radius:12px;position:relative}.case-scene:before{content:"";background:conic-gradient(from var(--glow-angle), transparent 0deg, #788cfff2 40deg, #cd8cffe6 78deg, #82d7ffd9 116deg, transparent 160deg, transparent 360deg);filter:blur(9px);opacity:0;z-index:0;border-radius:14px;transition:opacity .6s;position:absolute;inset:-3px}.reveal.shown .case-scene:before{opacity:.75;animation:3.6s linear infinite rotate-glow}.case-scene .scene{z-index:1;position:relative}@keyframes rotate-glow{to{--glow-angle:360deg}}.scene{border-radius:11px;width:100%;height:auto;display:block}.scene-chrome{fill:var(--muted);font-family:inherit;font-size:11.5px}.scene-label{fill:var(--muted);letter-spacing:.09em;font-family:inherit;font-size:9.5px}.scene-text{fill:var(--fg);font-family:inherit;font-size:12.5px}.scene-text.on{fill:var(--fg)}.scene-text.off{fill:var(--muted)}.scene-text.arrow{fill:#4a4a55}.scene-text.ok{fill:var(--ok)}.scene-text.fail{fill:var(--fail)}.scene-text.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.prompt{fill:var(--ok)}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(14px)}.reveal.shown{opacity:1;transform:none}.reveal .row-done,.reveal .row-todo,.reveal .attach-pop,.reveal .table-in,.reveal .table-row,.reveal .repair-in{opacity:0}.reveal.shown .row-done{animation:.4s forwards fade-in}.reveal.shown .row-todo{animation:.5s forwards slide-in}.reveal.shown .attach-pop{animation:.5s cubic-bezier(.2,1.3,.4,1) .7s forwards pop}.reveal.shown .table-in{animation:.4s .25s forwards fade-in}.reveal.shown .table-row{animation:.4s forwards slide-in}.reveal.shown .repair-in{animation:.5s 1s forwards fade-in}@keyframes fade-in{to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.marquee-wrap{text-align:center;margin:5rem 0}.marquee{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{gap:.6rem;width:max-content;animation:34s linear infinite scroll;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}.chip{border:1px solid var(--faint);color:var(--muted);white-space:nowrap;border-radius:8px;padding:.45rem .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.rule{margin:4.5rem 0}.rule h2{margin-bottom:.8rem;font-size:1.4rem}.rule p{color:var(--muted);margin:0}.two-up{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}footer{border-top:1px solid var(--faint);color:var(--muted);justify-content:space-between;align-items:center;margin-top:6rem;padding-top:1.5rem;font-size:.875rem;display:flex}footer a{color:var(--muted)}.footer-mark{align-items:center;gap:.6rem;display:inline-flex}@media (max-width:52rem){.how-grid{grid-template-columns:1fr}}@media (max-width:46rem){main{padding-top:3.5rem}.case{grid-template-columns:1fr}.case:nth-child(2n) .case-copy{order:0}.two-up{grid-template-columns:1fr;gap:2rem}.gesture{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.marquee-track,.case-scene:before{animation:none}.reveal{transition:none}.reveal *,.reveal.shown *{opacity:1!important;animation:none!important}}