.intro{position:fixed;inset:0;z-index:900;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 50%,#120f35,#07061a 70%);cursor:pointer}.intro-mark{width:min(200px,44vw);height:auto;overflow:visible}.intro-skip{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);appearance:none;border:0;background:transparent;color:var(--text-3);font-size:13px;letter-spacing:.04em;cursor:pointer;padding:8px 12px}.gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#dfe6ff;color:#1c1c1e;font-family:var(--aa-font-ui)}.gate-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gate-panel{position:relative;width:min(520px,100%);padding:40px 36px 32px;border-radius:36px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#ffffff61;backdrop-filter:blur(40px) saturate(1.9);-webkit-backdrop-filter:blur(40px) saturate(1.9);box-shadow:inset 0 1px #fffffff2,inset 0 0 0 1px #ffffff8c,inset 0 -18px 40px -30px #505aa059,0 30px 80px -20px #28286e59,0 0 0 .5px #00000014}.gate-icon{filter:drop-shadow(0 12px 22px rgba(40,30,120,.3))}.gate-title{margin:18px 0 26px;font-family:var(--aa-font-display);font-weight:700;font-size:clamp(26px,5vw,34px);letter-spacing:-.03em;color:#0f0d2a}.gate-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.gate-option{position:relative;appearance:none;border:0;cursor:pointer;padding:22px 16px 20px;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#1c1c1e;background:#ffffff6b;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #ffffff80,0 4px 14px -6px #28286e33;transition:background .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}.gate-option:hover{background:#ffffff9e}.gate-option:active{transform:scale(.98)}.gate-option.is-selected{background:#ffffffdb;box-shadow:inset 0 1px #fff,0 0 0 2px #0a7aff,0 10px 26px -10px #0a7aff73}.gate-option:focus-visible{outline:3px solid rgba(10,122,255,.45);outline-offset:3px}.gate-hello{font-family:var(--aa-font-display);font-size:30px;font-weight:650;letter-spacing:-.03em;color:#0f0d2a}.gate-name{font-size:14px;color:#1c1c1e99}.gate-check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0a7aff;opacity:0;transform:scale(.6);transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}.gate-option.is-selected .gate-check{opacity:1;transform:none}.gate-sound{position:relative;margin-top:16px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:20px;text-align:left;cursor:pointer;background:#ffffff57;box-shadow:inset 0 0 0 1px #ffffff80}.gate-sound strong{display:block;font-size:15px;font-weight:600}.gate-sound small{display:block;font-size:12.5px;color:#1c1c1e94}.gate-sound input{position:absolute;opacity:0;width:1px;height:1px}.gate-sound i{flex-shrink:0;position:relative;width:46px;height:28px;border-radius:14px;background:#78788052;transition:background .25s}.gate-sound i:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .28s cubic-bezier(.34,1.4,.64,1)}.gate-sound input:checked+i{background:#34c759}.gate-sound input:checked+i:after{transform:translate(18px)}.gate-sound input:focus-visible+i{outline:3px solid rgba(10,122,255,.45);outline-offset:2px}.gate-continue{margin-top:22px;width:100%;height:50px;font-size:16px}@media(max-width:420px){.gate-panel{padding:32px 20px 22px;border-radius:30px}.gate-hello{font-size:25px}}.hero-stage{position:absolute;inset:0}.hero-scrim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 85% at 16% 44%,#f8f7ffd9,#f8f7ff73 55%,#f8f7ff00 80%),linear-gradient(180deg,#07061a47,#07061a00 14%)}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--header-h) + 10px);padding-bottom:90px;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-title{max-width:11ch;font-size:clamp(52px,8.6vw,132px);color:#0f0d2a}.hero-title .magic{font-size:1.12em;line-height:.8;background-image:linear-gradient(100deg,#564bc9,#8a4deb,#d43fa8 70%,#e0892c)}.hero-sub{max-width:34rem;margin-top:28px;color:#0f0d2ab8}.hero-sub strong{color:#0f0d2a;font-weight:600}.hero-cta{margin-top:30px}.hero-soon{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0 18px;font-size:14px;color:#0f0d2a9e}.hero-scroll{position:absolute;left:50%;bottom:118px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0f0d2a80;pointer-events:none;transition:opacity .4s}.hero-scroll i{width:1px;height:34px;background:linear-gradient(180deg,rgba(15,13,42,.5),transparent);animation:scroll-line 1.8s var(--ease) infinite;transform-origin:top}@keyframes scroll-line{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.hero-veil{position:absolute;inset:0;background:var(--bg);pointer-events:none}@media(max-width:760px){.hero-copy{justify-content:flex-start;padding-top:calc(var(--header-h) + 28px)}.hero-scrim{background:linear-gradient(180deg,#f8f7ffeb,#f8f7ffb3 50%,#f8f7ff00 72%)}.hero-title{font-size:clamp(44px,13.5vw,64px)}.hero-sub{margin-top:18px;font-size:16px}.hero-cta{margin-top:22px}.hero-soon{margin-left:4px}.hero-scroll{display:none}}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hero-buttons .btn{text-decoration:none}.hero-buy{color:#0f0d2a;background:#ffffff8c;box-shadow:inset 0 0 0 1px #0f0d2a24;backdrop-filter:blur(10px)}.hero-buy:hover{background:#fffc}
