:root{--bg:#000;--fg:#fff;--fg-dim:rgba(255,255,255,.56);--fg-faint:rgba(255,255,255,.34);--fg-ghost:rgba(255,255,255,.16);--line:rgba(255,255,255,.14);--line-soft:rgba(255,255,255,.07);--surface:rgba(255,255,255,.05);--accent:oklch(.74 .13 233);--accent-line:oklch(.74 .13 233 / .42);--accent-glow:oklch(.74 .13 233 / .5);--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",system-ui,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ambient:after{content:"";position:absolute;left:50%;bottom:-30%;width:120vw;height:80vh;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.05),transparent 70%)}.dot{position:absolute;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.08);animation:drift var(--d,9s) ease-in-out var(--delay,0s) infinite}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(var(--dx,8px),var(--dy,-10px))}}.top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:26px clamp(20px,5vw,52px)}.mark{display:flex;align-items:center;gap:11px}.mark .name{font-size:17px;font-weight:600;letter-spacing:.3px}.topnav{display:flex;align-items:center;gap:26px}.topnav a{color:var(--fg-dim);text-decoration:none;font-size:14.5px;transition:color .18s}.topnav a:hover{color:var(--fg)}@media (max-width:620px){.topnav{display:none}}.wrap{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 24px 56px;gap:0}.content{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center}.content>*{animation:rise .8s var(--ease) both}.content>*:nth-child(2){animation-delay:.06s}.content>*:nth-child(3){animation-delay:.12s}.content>*:nth-child(4){animation-delay:.18s}.content>*:nth-child(5){animation-delay:.24s}@keyframes rise{0%{transform:translateY(18px)}to{transform:translateY(0)}}.stage{position:relative;width:min(380px,80vw);aspect-ratio:1;margin-bottom:30px;display:flex;align-items:center;justify-content:center}.peer{position:absolute;border-radius:50%;background:radial-gradient(120% 120% at 38% 30%,#ffffff2b,#ffffff0d 60%,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff1f;animation:drift var(--pd,12s) ease-in-out var(--pdl,0s) infinite}.peer.p1{width:44px;height:44px;top:3%;left:9%;opacity:.9;--dx:6px;--dy:-7px}.peer.p2{width:30px;height:30px;top:1%;right:18%;opacity:.7;--dx:-5px;--dy:-6px;--pdl:.6s}.peer.p3{width:34px;height:34px;top:21%;left:-1%;opacity:.78;--dx:7px;--dy:5px;--pdl:1.1s}.peer.p4{width:38px;height:38px;top:16%;right:0%;opacity:.85;--dx:-6px;--dy:6px;--pdl:.4s}.peer.p5{width:28px;height:28px;bottom:18%;left:1%;opacity:.62;--dx:5px;--dy:-5px;--pdl:1.4s}.peer.p6{width:24px;height:24px;bottom:6%;left:28%;opacity:.55;--dx:-4px;--dy:-6px;--pdl:.9s}.peer.p7{width:40px;height:40px;bottom:4%;right:20%;opacity:.82;--dx:6px;--dy:6px;--pdl:.2s}.peer.p8{width:30px;height:30px;bottom:21%;right:1%;opacity:.7;--dx:-6px;--dy:5px;--pdl:1.6s}.ringwrap{position:relative;width:66%;aspect-ratio:1;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 82%);mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 82%)}.ringwrap svg{display:block;width:100%;height:100%;overflow:visible}.ringtext{font-weight:700;letter-spacing:1px;fill:var(--accent);paint-order:stroke;stroke:#0000008c;stroke-width:.7px;stroke-linejoin:round;font-family:var(--font);text-transform:lowercase}.avatar{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(120% 120% at 38% 30%,#ffffff2e,#ffffff0d 58%,#ffffff05);box-shadow:inset 0 0 0 1.5px var(--accent-line),0 0 46px -6px var(--accent-glow);display:flex;align-items:center;justify-content:center}.avatar:after{content:"you";font-size:15px;letter-spacing:.3px;color:var(--fg-faint)}.livedot{position:absolute;right:13%;bottom:13%;width:13%;aspect-ratio:1;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #000,0 0 16px -1px var(--accent-glow);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.75;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}h1{font-size:clamp(38px,7.4vw,62px);line-height:1.02;font-weight:600;letter-spacing:-1.6px;text-wrap:balance}.lead{margin-top:22px;font-size:clamp(15.5px,3.4vw,18px);line-height:1.55;color:var(--fg-dim);max-width:452px;text-wrap:pretty}.lead b{color:var(--fg);font-weight:500}form{margin-top:38px;width:100%;max-width:430px;display:flex;gap:10px}.field{flex:1;height:54px;border-radius:27px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;padding:0 20px;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-glow, transparent)}.field input{flex:1;background:none;border:none;outline:none;color:var(--fg);font-family:var(--font);font-size:16px}.field input::placeholder{color:var(--fg-faint)}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}button.notify{height:54px;padding:0 26px;border-radius:27px;border:none;cursor:pointer;background:var(--fg);color:#000;font-family:var(--font);font-size:16px;font-weight:600;letter-spacing:.1px;white-space:nowrap;transition:transform .14s var(--ease),opacity .14s}button.notify:active{transform:scale(.96);opacity:.92}button.notify[disabled]{opacity:.6;cursor:progress}.hint{margin-top:14px;font-size:13px;color:var(--fg-faint)}.done{margin-top:38px;width:100%;max-width:430px;display:none;flex-direction:column;align-items:center;gap:14px;animation:rise .5s var(--ease) both}.done.show{display:flex}.check{width:52px;height:52px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px -4px var(--accent-glow)}.done .t{font-size:19px;font-weight:600;letter-spacing:-.3px}.done .s{font-size:14.5px;color:var(--fg-dim);line-height:1.5;text-wrap:pretty;max-width:360px}.beta-cta{margin-top:8px;height:52px;padding:0 28px;border-radius:26px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#04141c;text-decoration:none;font-size:16px;font-weight:600;letter-spacing:.1px;white-space:nowrap;box-shadow:0 0 34px -6px var(--accent-glow);transition:transform .14s var(--ease),opacity .14s}.beta-cta:active{transform:scale(.96);opacity:.92}.beta-note{font-size:12.5px;color:var(--fg-faint);line-height:1.5;text-wrap:pretty;max-width:340px}.how{position:relative;z-index:1;display:flex;justify-content:center;gap:clamp(20px,5vw,64px);flex-wrap:wrap;padding:8px 24px 60px;max-width:880px;margin:0 auto;animation:rise .8s var(--ease) .3s both}.step{flex:1 1 200px;max-width:240px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:11px}.step .ic{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--fg)}.step .st{font-size:15.5px;font-weight:600;letter-spacing:-.2px}.step .sd{font-size:13.5px;line-height:1.5;color:var(--fg-faint);text-wrap:pretty}footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--fg-faint);font-size:12.5px;flex-wrap:wrap;border-top:1px solid var(--line-soft, rgba(255,255,255,.07))}footer a{color:var(--fg-faint);text-decoration:none}footer a:hover{color:var(--fg-dim)}@media (max-width:480px){form{flex-direction:column}button.notify{width:100%}}@media (prefers-reduced-motion: reduce){.dot,.livedot{animation:none}.content>*,.done,.how{animation:none}.ringtext-anim{display:none}}