:root{--bg: #0a0c12;--bg-2: #0e111a;--card: #12161f;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--ink: #f2f4f8;--dim: #a4adbe;--faint: #6f7889;--accent: #4d8dff;--accent-2: #7b6bff;--ok: #35d39a;--radius: 14px;--font: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;--display: Syne, "Segoe UI", system-ui, sans-serif;--max: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--display);letter-spacing:-.02em;line-height:1.1}.landing{position:relative;height:320svh;background:radial-gradient(120% 60% at 50% 8%,#0d1424,#070a12 46%,#04060b)}.world,.hud,.pins,.landing-note{position:fixed}.world{inset:0;z-index:0}.landing.is-offscreen .world,.landing.is-passed .hud,.landing.is-passed .pins,.landing.is-passed .landing-note{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}.world-canvas{display:block;touch-action:pan-y}body.locked{overflow:hidden}.nav.hidden{opacity:0;pointer-events:none}.hud{inset:0;z-index:2;pointer-events:none;transition:opacity .5s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.hud-top{transition:opacity .25s linear}.sound{position:fixed;bottom:30px;left:clamp(16px,4vw,40px);display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#080c1480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f0f4fcdb;font-family:var(--font);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;pointer-events:auto}.sound i{width:2px;height:8px;border-radius:2px;background:currentColor;opacity:.5}.sound.on i{opacity:1;animation:bars 1s ease-in-out infinite}.sound.on i:nth-child(2){animation-delay:.16s}.sound.on i:nth-child(3){animation-delay:.32s}@keyframes bars{0%,to{height:6px}50%{height:13px}}.hud.flying{opacity:0;transform:scale(1.35)}.pins.flying{opacity:0;transition:opacity .35s ease;pointer-events:none}.site{position:relative;z-index:4;background:var(--bg)}.wordmark{position:fixed;left:50%;top:26%;transform:translate(-50%,-50%);margin:0;width:100%;text-align:center;font-family:var(--display);font-weight:800;font-size:min(11.4vw,196px);line-height:.82;white-space:nowrap;letter-spacing:-.045em;text-transform:lowercase;color:#fff;pointer-events:none;text-shadow:0 6px 34px rgba(4,8,16,.75),0 1px 3px rgba(4,8,16,.6)}.wordmark span+span{color:#9fb4e8}.drop-hint{position:fixed;left:50%;top:calc(26% + 5.2vw);transform:translate(-50%);margin:0;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#f0f4fce6;text-shadow:0 2px 6px rgba(4,8,16,.95),0 0 18px rgba(4,8,16,.8)}.continue{position:fixed;left:50%;bottom:12%;transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;padding:14px 26px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#080c148c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;pointer-events:auto;transition:background .25s ease,border-color .25s ease,transform .25s ease}.continue:hover{background:#101624cc;border-color:#ffffff6b;transform:translate(-50%) translateY(-2px)}.continue i{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);animation:nudge 1.9s ease-in-out infinite}@keyframes nudge{0%,to{transform:rotate(45deg) translate(0);opacity:.65}50%{transform:rotate(45deg) translate(2px,2px);opacity:1}}.landing-note{left:50%;bottom:30px;transform:translate(-50%);margin:0;z-index:2;text-align:center;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--faint);pointer-events:none}.pins{inset:0;z-index:3;pointer-events:none}.pin{position:absolute;top:0;left:0;display:block;width:0;height:0;padding:0;border:0;background:none;opacity:0;visibility:hidden;cursor:pointer;font-family:var(--font);transition:opacity .45s ease;will-change:transform}.pin.on{opacity:1;visibility:visible;pointer-events:auto}.pin .dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 0 4px #ff4d4d2e;transition:transform .25s ease,box-shadow .25s ease}.pin .leader{position:absolute;left:4px;top:-28px;width:1px;height:28px;background:linear-gradient(180deg,#ffffff80,#ffffff14);opacity:0;transition:opacity .35s ease}.pin.near .leader,.pin:hover .leader{opacity:1}.pin .label{position:absolute;left:10px;top:-48px;white-space:nowrap;padding:5px 9px;border-radius:5px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#eef2fb;background:#060910b8;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease,background .25s ease,border-color .25s ease}.pin.near .label,.pin:hover .label{opacity:1;transform:none}.pin.flip .label{left:auto;right:10px;transform:translateY(4px)}.pin.flip.near .label,.pin.flip:hover .label{transform:none}.pin.flip .leader{left:auto;right:4px}.pin:hover .label{background:#0a0e18eb;border-color:#ff4d4d80}.pin:hover .dot{transform:scale(1.5);box-shadow:0 0 0 7px #ff4d4d38}.pin:hover .label{color:#fff}.intro{max-width:var(--max);margin:0 auto;padding:clamp(56px,9vh,96px) clamp(16px,4vw,40px) 0}.intro h2{max-width:22ch;font-size:clamp(24px,3.4vw,40px);font-weight:700;letter-spacing:-.03em}p{margin:0}a{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.btn.lg{padding:14px 24px;font-size:15px}.btn.small{padding:8px 14px;font-size:13px}.btn.primary{background:linear-gradient(180deg,var(--accent),#3a76e8);color:#fff;box-shadow:0 6px 20px #4d8dff47}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #4d8dff66}.btn.ghost{border-color:var(--line-strong);color:var(--ink);background:#ffffff08}.btn.ghost:hover{border-color:#ffffff52;background:#ffffff12}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:26px;padding:14px clamp(16px,4vw,40px);transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;border-bottom:1px solid transparent}.nav.solid{background:#0a0c12d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.logo{font-weight:800;font-size:16px;letter-spacing:-.02em;text-decoration:none}.logo span{color:var(--accent)}.nav nav{display:flex;gap:22px;margin-left:auto}.nav nav a{font-size:14px;color:var(--dim);text-decoration:none;transition:color .2s ease}.nav nav a:hover{color:var(--ink)}.hero{position:relative;padding:clamp(116px,17vh,176px) clamp(16px,4vw,40px) clamp(48px,6vh,68px);overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(90% 120% at 50% -10%,rgba(77,141,255,.14),transparent 60%),var(--bg)}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 92%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 92%)}.hero-canvas{display:block}.hero-inner{position:relative;z-index:1;max-width:var(--max);margin:0 auto;text-align:center}.kicker{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;letter-spacing:.06em;color:var(--dim);background:#ffffff08}.hero h1{margin:22px 0 0;font-size:clamp(34px,6vw,62px);font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin:20px auto 0;max-width:60ch;color:var(--dim);font-size:clamp(15px,1.5vw,17px)}.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(28px,6vw,64px);margin:52px 0 0;padding:24px 0 0;border-top:1px solid var(--line)}.stats div{text-align:center}.stats dt{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.02em}.stats dd{margin:4px 0 0;font-size:13px;color:var(--faint)}.section{max-width:var(--max);margin:0 auto;padding:clamp(56px,8vh,84px) clamp(16px,4vw,40px);scroll-margin-top:70px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.shown{opacity:1;transform:none}.section-head{max-width:640px;margin-bottom:40px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.section h2{margin-top:12px;font-size:clamp(26px,3.6vw,38px);font-weight:800}.lead{margin-top:14px;color:var(--dim);font-size:15.5px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px}.card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--card),var(--bg-2));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 18px 44px #00000073}.card.featured{border-color:#4d8dff6b;box-shadow:0 0 0 1px #4d8dff1f,0 18px 44px #0006}.card-top{display:flex;align-items:center;gap:8px;margin-bottom:16px}.tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:5px 10px;border:1px solid var(--line);border-radius:999px}.badge{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--accent);padding:5px 10px;border-radius:999px;background:#4d8dff1f}.card h3{font-size:21px;font-weight:800}.card-summary{margin-top:10px;color:var(--dim);font-size:14.5px}.includes{list-style:none;margin:20px 0 24px;padding:0;display:grid;gap:10px}.includes li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink)}.includes svg{flex:none;margin-top:3px;color:var(--ok)}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.price{font-size:20px;font-weight:800;letter-spacing:-.02em}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.panel{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease}.panel:hover{transform:translateY(-3px);border-color:var(--line-strong);background:var(--card)}.panel h3{font-size:18px;font-weight:700}.panel p{margin-top:8px;color:var(--dim);font-size:14px}.panel-link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;font-size:13px;font-weight:700;color:var(--accent)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.chev{flex:none;width:10px;height:10px;border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);transform:rotate(45deg);transition:transform .25s ease}.faq details[open] .chev{transform:rotate(-135deg)}.faq details p{padding:0 4px 22px;color:var(--dim);font-size:15px;max-width:70ch}.cta-band{max-width:var(--max);margin:0 auto clamp(64px,10vh,100px);padding:clamp(40px,7vw,64px) clamp(20px,4vw,48px);text-align:center;border:1px solid var(--line);border-radius:20px;background:radial-gradient(80% 140% at 50% 0%,rgba(77,141,255,.16),transparent 62%),var(--bg-2)}.cta-band h2{font-size:clamp(24px,3.2vw,34px);font-weight:800}.cta-band p{margin:12px auto 26px;max-width:52ch;color:var(--dim)}.footer{max-width:var(--max);margin:0 auto;padding:26px clamp(16px,4vw,40px) 40px;border-top:1px solid var(--line);font-size:13px;color:var(--faint)}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.credit{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:#e2e8f66b}.credit a,.credit strong{color:#e2e8f6b8;font-weight:600;text-decoration:none}.credit a:hover{color:var(--ink);text-decoration:underline}.footer nav{display:flex;gap:20px}.footer a{text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--ink)}@media(max-width:820px){.landing{height:300svh}.wordmark{top:20%;font-size:min(15.5vw,92px);line-height:.9;white-space:normal}.wordmark span{display:block}.drop-hint{top:calc(20% + 22vw);font-size:10px;letter-spacing:.28em}.pin .dot{left:-7px;top:-7px;width:14px;height:14px;box-shadow:0 0 0 5px #ff4d4d29}.pin .label{left:13px;top:-42px;padding:6px 8px;font-size:9.5px;letter-spacing:.1em}.continue{bottom:7%;padding:15px 22px;font-size:10.5px;letter-spacing:.16em;white-space:nowrap}.sound{bottom:16px;padding:10px 13px;font-size:9px}.sound span{display:none}.landing-note{bottom:18px;font-size:9px}}@media(max-width:640px){.nav nav{display:none}.nav .btn{margin-left:auto}.hero-cta .btn{width:100%}.stats{gap:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}