:root{--bg:#0a0c14;--bg-soft:#12141d;--ink:#f4f4f6;--ink-dim:#ceced0;--ink-mute:#7f8084;--yellow:#febd14;--red:#ec4d37;--green:#4abb87;--yellow-soft:#ffe08f;--red-soft:#f6aa9f;--green-soft:#a9dfc6;--border:#ffffff14;--border-strong:#ffffff29}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Quicksand,sans-serif;font-weight:400;overflow-x:hidden}.bg-video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.bg-video-tint{pointer-events:none;z-index:1;background:linear-gradient(#0a0c148c 0%,#0a0c14b3 60%,#0a0c14d9 100%);position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:2;background:radial-gradient(60% 50% at 15% 10%,#4abb871a,#0000 60%),radial-gradient(50% 45% at 90% 20%,#ec4d3714,#0000 60%),radial-gradient(70% 60% at 50% 110%,#febd1412,#0000 60%);position:fixed;inset:0}body:after{content:"";opacity:.6;mix-blend-mode:overlay;pointer-events:none;z-index:3;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.shell{z-index:4;flex-direction:column;min-height:100vh;padding:28px clamp(20px,5vw,56px);display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{object-fit:contain;width:40px;height:40px}.brand-name{letter-spacing:.24em;text-transform:uppercase;color:var(--ink);font-size:14px;font-weight:700}.badge{border:1px solid var(--border-strong);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);background:#ffffff05;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge .dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 #4abb8780}@keyframes pulse{0%{box-shadow:0 0 #4abb878c}70%{box-shadow:0 0 0 8px #4abb8700}to{box-shadow:0 0 #4abb8700}}main{flex:1;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);width:100%;max-width:1280px;margin:0 auto;padding:clamp(40px,8vh,96px) 0 40px;display:grid}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:10px;margin-bottom:28px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow .bars{align-items:flex-end;gap:3px;height:14px;display:inline-flex}.eyebrow .bars span{background:var(--yellow);border-radius:1px;width:3px;animation:1.1s ease-in-out infinite eq;display:block}.eyebrow .bars span:first-child{background:var(--green);height:40%;animation-delay:0s}.eyebrow .bars span:nth-child(2){background:var(--yellow);height:80%;animation-delay:.15s}.eyebrow .bars span:nth-child(3){background:var(--red);height:55%;animation-delay:.3s}.eyebrow .bars span:nth-child(4){background:var(--yellow);height:95%;animation-delay:.45s}@keyframes eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.35)}}h1{letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin-bottom:24px;font-family:Quicksand,sans-serif;font-size:clamp(48px,7vw,80px);font-weight:700;line-height:.98}h1 .accent-y{color:var(--yellow)}h1 .accent-r{color:var(--red)}h1 .accent-g{color:var(--green)}h1 .script{font-family:Quicksand,sans-serif;font-style:italic;font-weight:500;display:inline-block}.genre-cycle{vertical-align:baseline;min-width:1ch;display:inline-block;position:relative}.genre-cycle .genre-word{opacity:0;background:linear-gradient(90deg, var(--red) 0%, var(--yellow) 50%, var(--green) 100%);color:#0000;will-change:opacity, transform;background-clip:text;transition:opacity .45s,transform .45s cubic-bezier(.2,.9,.3,1.1);display:inline-block;transform:translateY(.4em)}.genre-cycle .genre-word.is-active{opacity:1;transform:translateY(0)}.genre-cycle .genre-word.is-leaving{opacity:0;position:absolute;top:0;left:0;transform:translateY(-.4em)}.lede{color:var(--ink-dim);text-wrap:pretty;max-width:48ch;margin-bottom:40px;font-size:clamp(15px,1.3vw,17px);line-height:1.55}.form-wrap{max-width:480px}.form-label{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px;font-size:11px;font-weight:600;display:block}form.waitlist{border:1px solid var(--border-strong);background:#ffffff0a;border-radius:14px;gap:8px;padding:6px;transition:border-color .2s,background .2s;display:flex}form.waitlist:focus-within{background:#febd140a;border-color:#febd148c}form.waitlist input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:12px 14px;font-family:Quicksand,sans-serif;font-size:15px;font-weight:500}form.waitlist input::placeholder{color:var(--ink-mute)}form.waitlist button{appearance:none;background:var(--yellow);color:#0a0c14;letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 22px;font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex}form.waitlist button:hover{background:#ffca3a;box-shadow:0 8px 24px -10px #febd1499}form.waitlist button:active{transform:translateY(1px)}form.waitlist button:disabled{opacity:.65;cursor:progress}form.waitlist button svg{transition:transform .2s}form.waitlist button:hover svg{transform:translate(3px)}.form-meta{color:var(--ink-mute);align-items:center;gap:14px;margin-top:14px;font-size:12px;display:flex}.avatars{display:inline-flex}.avatars span{border:2px solid var(--bg);background:var(--yellow);border-radius:50%;width:22px;height:22px;margin-left:-8px}.avatars span:first-child{margin-left:0}.avatars span:nth-child(2){background:var(--red)}.avatars span:nth-child(3){background:var(--green)}.avatars span:nth-child(4){background:var(--yellow-soft)}.error-msg{color:var(--red);opacity:0;min-height:18px;margin-top:10px;font-size:13px;transition:opacity .2s,transform .2s;transform:translateY(-4px)}.error-msg.show{opacity:1;transform:translateY(0)}.success-card{background:linear-gradient(#4abb8714,#4abb8705);border:1px solid #4abb8747;border-radius:18px;max-width:480px;padding:28px;animation:.45s cubic-bezier(.2,.9,.3,1.2) popIn;display:none}.success-card.show{display:block}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.success-card .check{background:var(--green);color:#0a0c14;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid}.success-card h3{margin-bottom:8px;font-size:22px;font-weight:700}.success-card p{color:var(--ink-dim);margin-bottom:18px;font-size:14px;line-height:1.55}.success-card .position{border:1px solid var(--border);background:#00000047;border-radius:12px;align-items:baseline;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.success-card .position .num{color:var(--yellow);font-family:JetBrains Mono,monospace;font-size:26px;font-weight:500}.success-card .position .label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-size:11px}.share-row{flex-wrap:wrap;gap:8px;display:flex}.share-btn{border:1px solid var(--border-strong);min-width:120px;color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.share-btn:hover{background:#ffffff17;border-color:#ffffff47}.share-btn.copied{color:var(--green);background:#4abb8726;border-color:#4abb8780}.visual{aspect-ratio:1;place-items:center;width:100%;max-width:520px;margin:0 auto;display:grid;position:relative}.visual .ring-glow{filter:blur(60px);opacity:.35;background:conic-gradient(#4abb8773 0deg 120deg,#ec4d3766 120deg 240deg,#febd1473 240deg 360deg);border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.visual .plate{aspect-ratio:1;border:1px solid var(--border);background:linear-gradient(160deg,#1a1d28,#0c0e16 65%);border-radius:28px;place-items:center;width:82%;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -20px #0009,inset 0 1px #ffffff0a}.visual .eq-bg{opacity:.14;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 12%;display:flex;position:absolute;inset:0}.visual .eq-bg span{background:var(--ink);transform-origin:bottom;border-radius:2px 2px 0 0;width:4%;animation:1.8s ease-in-out infinite eqBig;display:block}.visual .eq-bg span:first-child{background:var(--green);height:30%;animation-delay:0s}.visual .eq-bg span:nth-child(2){height:55%;animation-delay:.1s}.visual .eq-bg span:nth-child(3){background:var(--yellow);height:80%;animation-delay:.2s}.visual .eq-bg span:nth-child(4){height:45%;animation-delay:.3s}.visual .eq-bg span:nth-child(5){background:var(--red);height:70%;animation-delay:.15s}.visual .eq-bg span:nth-child(6){height:90%;animation-delay:.25s}.visual .eq-bg span:nth-child(7){background:var(--yellow);height:50%;animation-delay:.35s}.visual .eq-bg span:nth-child(8){background:var(--green);height:35%;animation-delay:.4s}@keyframes eqBig{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}.visual .icon{z-index:2;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 20px 40px #00000080);width:60%;height:auto;animation:4s ease-in-out infinite bob;position:absolute;top:50%;left:50%}@keyframes bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}.chip{backdrop-filter:blur(12px);border:1px solid var(--border-strong);color:var(--ink);z-index:3;background:#12141dd9;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;box-shadow:0 10px 30px -10px #0009}.chip .tag{border-radius:50%;width:6px;height:6px}.chip-1{animation:6s ease-in-out infinite float;top:10%;left:-4%}.chip-2{animation:7s ease-in-out .5s infinite float;top:45%;right:-6%}.chip-3{animation:5.5s ease-in-out 1s infinite float;bottom:12%;left:2%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bottom{border-top:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;width:100%;max-width:1280px;margin:0 auto;padding-top:28px;display:grid}.countdown{gap:18px;display:flex}.countdown .unit{text-align:left}.countdown .num{color:var(--ink);letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:500;line-height:1}.countdown .lbl{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-mute);margin-top:6px;font-size:10px;font-weight:600}.tagline{text-align:center;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-mute);font-size:12px;font-weight:600}.tagline .sep{color:var(--yellow);margin:0 6px}.socials{justify-content:flex-end;gap:10px;display:flex}.socials a{border:1px solid var(--border-strong);width:36px;height:36px;color:var(--ink-dim);background:#ffffff05;border-radius:10px;place-items:center;transition:all .2s;display:grid}.socials a:hover{color:var(--ink);border-color:var(--yellow);background:#febd1414;transform:translateY(-2px)}@media (width<=900px){main{grid-template-columns:1fr;gap:48px;padding:32px 0}.visual{order:-1;max-width:360px}.bottom{text-align:center;grid-template-columns:1fr;gap:20px}.countdown,.socials{justify-content:center}.chip-1{left:0}.chip-2{right:0}}@media (width<=520px){form.waitlist{flex-direction:column}form.waitlist button{justify-content:center;padding:14px}.form-meta{flex-direction:column;align-items:flex-start;gap:10px}}
