:root{--bg:#07070c;--fg:#ecebf5;--mut:#9a98b0;--a:#8b5cf6;--b:#22d3ee;--g:#f5c76b;--glass:rgba(255,255,255,.05);--bd:rgba(255,255,255,.1);color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:radial-gradient(1200px 700px at 80% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(900px 600px at -10% 40%,rgba(34,211,238,.09),transparent 60%),var(--bg);color:var(--fg);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,.disp{font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-.02em}
.grad{background:linear-gradient(110deg,#fff,#c4b5fd 40%,var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.glass{background:var(--glass);border:1px solid var(--bd);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 60px -25px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08);border-radius:20px}
.sk{position:absolute;left:8px;top:-60px;background:#fff;color:#000;padding:8px 14px;border-radius:8px;z-index:100}.sk:focus{top:8px}
nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px}
nav .in{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-radius:999px}
nav a{color:var(--mut);text-decoration:none;font-size:14px;padding:6px 10px;border-radius:8px;transition:.2s}nav a:hover,nav a:focus-visible{color:#fff}
.menu{display:none}
@media(max-width:820px){.links{display:none;position:absolute;top:calc(env(safe-area-inset-top,0px) + 72px);left:16px;right:16px;flex-direction:column;padding:12px;border-radius:20px;background:rgba(12,12,20,.92);border:1px solid var(--bd)}.links.open{display:flex}.menu{display:block;background:none;border:1px solid var(--bd);color:#fff;border-radius:10px;padding:6px 12px}}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .3s;font-size:15px}
.btn:hover,.btn:focus-visible{transform:translateY(-3px)}
.p{background:linear-gradient(120deg,var(--a),#6366f1 55%,var(--b));color:#fff;box-shadow:0 12px 40px -8px rgba(139,92,246,.7)}
.s{border:1px solid var(--bd);color:#fff;background:var(--glass)}
:focus-visible{outline:2px solid var(--b);outline-offset:3px}
section{max-width:1120px;margin:auto;padding:110px 20px 20px}
.eyebrow{color:var(--b);font-size:13px;letter-spacing:.2em;text-transform:uppercase}
#stage{position:relative;height:min(62vh,540px);min-height:340px}
#stage canvas{width:100%;height:100%;display:block}
#stage.nogl::after{content:"";position:absolute;inset:15% 12%;border-radius:22px;background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(34,211,238,.2));box-shadow:0 0 80px rgba(139,92,246,.4)}
.orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.25;pointer-events:none;z-index:-1}
.tw{perspective:1000px}
.tilt{transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .3s;position:relative;will-change:transform}
.tilt>*{transform:translateZ(30px)}
.tilt::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.14),transparent 60%);opacity:0;transition:.3s;transform:translateZ(1px);pointer-events:none}
.tilt:hover::before{opacity:1}.tilt:hover{box-shadow:0 40px 80px -30px rgba(139,92,246,.45)}
.prev{height:190px;border-radius:14px;position:relative;overflow:hidden;margin-bottom:16px;border:1px solid var(--bd);transform:translateZ(50px)}
.prev i{position:absolute;display:block;border-radius:6px;background:rgba(255,255,255,.22)}
.prev b{position:absolute;left:16px;bottom:12px;font:600 13px 'Space Grotesk';color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.rv{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
.tl{position:relative;padding-left:34px;border-left:1px solid var(--bd);margin-left:10px}
.tl .it{position:relative;margin-bottom:26px}
.tl .it::before{content:"";position:absolute;left:-42px;top:22px;width:15px;height:15px;border-radius:50%;background:var(--a);box-shadow:0 0 0 5px rgba(139,92,246,.2),0 0 22px var(--a)}
.tl .line{position:absolute;left:-1px;top:0;width:2px;background:linear-gradient(var(--a),var(--b));height:var(--h,0%);box-shadow:0 0 14px var(--a)}
.tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid var(--bd);color:var(--mut);margin:2px 4px 0 0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}.tilt{transition:none}}