*{box-sizing:border-box} :root{color-scheme:dark;--bg:#08080b;--text:#f8f7fb}
html,body{margin:0;min-height:100%;background:var(--bg)}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}
.page{min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,rgba(117,40,180,.13),transparent 42%),#08080b}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;padding:25px 18px 0;color:#c9c5d4;font-size:12px;letter-spacing:.035em}
.status-dot{width:7px;height:7px;border-radius:50%;background:#40e39a;box-shadow:0 0 12px rgba(64,227,154,.65)}
.hero{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:42px 22px 52px}
.content{position:relative;z-index:1;width:100%;max-width:520px;text-align:center}
.brand-mark{display:flex;justify-content:center;align-items:center;gap:5px;height:22px;margin-bottom:20px}
.brand-mark span{display:block;width:7px;border-radius:7px;background:linear-gradient(180deg,#e879f9,#8b5cf6)}
.brand-mark span:first-child,.brand-mark span:last-child{height:12px;opacity:.75}.brand-mark span:nth-child(2){height:20px}
.overline{margin:0 0 14px;color:#c4a3ff;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.22em}
h1{margin:0;font-size:clamp(35px,8vw,54px);line-height:1.09;letter-spacing:-.055em;font-weight:800}h1 span{color:#c084fc}
.intro{max-width:390px;margin:22px auto 0;color:#b9b5c4;font-size:15px;line-height:1.75}
.activity{display:flex;align-items:center;justify-content:center;gap:13px;margin:29px auto 28px}
.avatars{display:flex;padding-left:5px}.avatar{width:29px;height:29px;margin-left:-5px;display:grid;place-items:center;border:2px solid #0b0a10;border-radius:50%;color:#fff;font-size:10px;font-weight:800}
.avatar-a{background:linear-gradient(135deg,#f59e0b,#be185d)}.avatar-b{background:linear-gradient(135deg,#fb7185,#7c3aed)}.avatar-c{background:linear-gradient(135deg,#22d3ee,#2563eb)}.avatar-d{background:#292432;color:#d8c9ef}
.activity p{margin:0;color:#bcb7c8;font-size:12px;line-height:1.55;text-align:left}.activity strong{color:#fff;font-weight:700}.mobile-break{display:none}
.cta{min-height:58px;width:min(100%,355px);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:13px;border-radius:13px;background:linear-gradient(100deg,#9333ea,#c026d3 55%,#db2777);box-shadow:0 9px 30px rgba(168,85,247,.22),inset 0 1px 0 rgba(255,255,255,.2);color:#fff;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.08em;transition:transform .15s ease,filter .15s ease}
.cta:hover{transform:translateY(-1px);filter:brightness(1.08)}.arrow{font-size:19px;line-height:1}.microcopy{margin:13px 0 0;color:#777181;font-size:11px}
.footer{display:flex;align-items:center;justify-content:center;gap:11px;padding:0 18px 25px;color:#777281;font-size:10px}.footer i{width:3px;height:3px;border-radius:50%;background:#655d70}
.glow{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(80px);opacity:.12;pointer-events:none}.glow-one{background:#a855f7;top:22%;left:-140px}.glow-two{background:#db2777;bottom:10%;right:-150px}
@media(max-width:480px){.eyebrow{padding-top:24px;font-size:11px}.hero{padding:36px 24px 43px}.brand-mark{margin-bottom:19px}h1{font-size:clamp(34px,9vw,42px)}.intro{font-size:14px;line-height:1.75;margin-top:19px}.activity{margin:27px auto 26px;gap:10px}.activity p{font-size:11px}.mobile-break{display:initial}.cta{min-height:56px}.footer{gap:8px;font-size:9px;padding-bottom:23px}}