:root{color-scheme:dark;--launch-bg:#09080b;--launch-panel:rgba(24,20,29,.84);--launch-line:rgba(240,227,239,.14);--launch-text:#f8f2f7;--launch-muted:#b9afbd;--launch-ruby:#e65b68;--launch-ruby-light:#ff9d9d;--launch-plum:#a979d0}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.launch-gate{min-height:100vh;overflow:hidden;background:var(--launch-bg);color:var(--launch-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.launch-screen{position:relative;isolation:isolate;display:flex;min-height:100vh;flex-direction:column;overflow:hidden;padding:0 clamp(22px,6vw,96px);background:radial-gradient(ellipse at 78% 35%,rgba(136,55,91,.22),transparent 42%),radial-gradient(ellipse at 8% 82%,rgba(77,57,123,.22),transparent 40%),linear-gradient(135deg,#0a090d 0%,#100d14 54%,#0c0a10 100%);z-index:2}
.launch-screen:before{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,241,248,.58) .8px,transparent 1px),radial-gradient(rgba(230,91,104,.48) 1px,transparent 1.5px);background-size:86px 86px,157px 157px;background-position:0 0,34px 67px;content:"";opacity:.2;mask-image:linear-gradient(90deg,transparent,#000 26%,#000 100%)}
.launch-header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--launch-line)}
.launch-brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.launch-monogram{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(230,91,104,.45);border-radius:50%;color:var(--launch-ruby-light);font-family:Georgia,serif;font-size:17px;letter-spacing:-3px;text-shadow:0 0 18px rgba(230,91,104,.45)}
.launch-wordmark{font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.05}
.launch-date-pill{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(230,91,104,.25);border-radius:999px;background:rgba(17,13,19,.6);color:#eadce6;font-size:9px;font-weight:750;letter-spacing:.16em}
.launch-date-pill i{width:7px;height:7px;border-radius:50%;background:var(--launch-ruby-light);box-shadow:0 0 14px 3px rgba(230,91,104,.75);animation:beacon 1.8s ease-in-out infinite}
.launch-content{position:relative;z-index:1;display:grid;width:min(1180px,100%);flex:1;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);align-items:center;gap:clamp(46px,8vw,120px);margin:0 auto;padding:clamp(48px,8vh,94px) 0}
.launch-copy{max-width:690px}
.launch-eyebrow,.access-kicker{margin:0;color:var(--launch-ruby-light);font-size:10px;font-weight:800;letter-spacing:.19em}
.launch-eyebrow span{display:inline-block;margin-right:8px;color:#f4a0a1;font-size:15px;vertical-align:-1px}
.launch-copy h1{margin:26px 0 20px;font-size:clamp(54px,7.4vw,100px);font-weight:650;letter-spacing:-.085em;line-height:.93}
.launch-copy h1 em{display:inline-block;margin-top:7px;background:linear-gradient(100deg,#ffd6d1 4%,#eb788b 48%,#bd85d9 96%);background-clip:text;color:transparent;font-family:Georgia,"Times New Roman",serif;font-size:.9em;font-weight:400;letter-spacing:-.075em}
.launch-description{max-width:510px;margin:0;color:#c8bdc8;font-size:15px;line-height:1.8}
.launch-countdown{display:grid;max-width:570px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:36px}
.countdown-unit{display:flex;min-height:96px;flex-direction:column;justify-content:center;padding:15px 18px;border:1px solid rgba(244,225,240,.12);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(8px)}
.countdown-unit strong{font-size:clamp(28px,4vw,42px);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.06em;line-height:1}
.countdown-unit span{margin-top:8px;color:#aa9eae;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.countdown-seconds strong{color:#f294a2;text-shadow:0 0 20px rgba(226,86,115,.22)}
.launch-release-note{margin:15px 0 0;color:#a79baa;font-size:10px;letter-spacing:.035em}
.launch-release-note span{margin-right:6px;color:var(--launch-ruby-light)}
.launch-access{position:relative;overflow:hidden;padding:clamp(26px,3.3vw,42px);border:1px solid rgba(236,214,236,.17);border-radius:24px;background:linear-gradient(150deg,rgba(43,32,46,.88),var(--launch-panel));box-shadow:0 30px 100px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08)}
.launch-access:before{position:absolute;top:-100px;right:-110px;width:220px;height:220px;border-radius:50%;background:rgba(180,75,118,.17);filter:blur(50px);content:"";pointer-events:none}
.access-star{display:grid;width:42px;height:42px;place-items:center;margin-bottom:27px;border:1px solid rgba(236,136,159,.3);border-radius:13px;background:rgba(230,91,104,.1);color:#ff9b9e;font-size:21px;box-shadow:0 0 28px rgba(230,91,104,.12)}
.access-kicker{color:#d3a5d8;font-size:9px}
.launch-access h2{margin:11px 0 10px;font-size:30px;font-weight:600;letter-spacing:-.055em}
.access-copy{margin:0 0 25px;color:#bdb1c1;font-size:12px;line-height:1.7}
#launch-form label{display:block;margin:0 0 9px;color:#e7dfe7;font-size:10px;font-weight:700}
.launch-input-row{display:flex;gap:8px}
.launch-input-row input{width:0;min-width:0;flex:1;border:1px solid rgba(235,217,236,.2);border-radius:10px;outline:none;background:rgba(7,6,9,.56);padding:0 15px;color:#fff;font-family:inherit;font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:.3em;transition:border-color .2s,box-shadow .2s}
.launch-input-row input::placeholder{color:#736b79;letter-spacing:.35em}
.launch-input-row input:focus{border-color:#df8294;box-shadow:0 0 0 3px rgba(230,91,104,.14)}
.launch-input-row button{display:flex;min-height:52px;align-items:center;justify-content:center;gap:19px;border:0;border-radius:10px;background:linear-gradient(120deg,#f18d94,#c34d68 58%,#80539b);padding:0 17px;color:#170e16;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(191,73,104,.2);transition:transform .2s,filter .2s}
.launch-input-row button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.launch-input-row button:disabled{cursor:wait;opacity:.7}
.launch-message{min-height:18px;margin:11px 0 0;color:#ff9caa;font-size:10px;line-height:1.5}
.access-footer{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding-top:18px;border-top:1px solid var(--launch-line);color:#a99ead;font-size:9px;line-height:1.6}
.access-lock{color:#d9b2da;font-size:16px;line-height:1}
.launch-footer{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--launch-line);color:#938895;font-size:8px;font-weight:700;letter-spacing:.12em}
.launch-footer b{margin-left:6px;color:var(--launch-ruby-light)}
.launch-orbit{position:absolute;z-index:0;width:390px;height:390px;border:1px solid rgba(213,131,170,.08);border-radius:50%;pointer-events:none}
.launch-orbit:before,.launch-orbit:after{position:absolute;inset:30px;border:1px solid rgba(213,131,170,.055);border-radius:50%;content:""}
.launch-orbit:after{inset:77px}
.launch-orbit-one{top:10%;right:-210px;animation:orbit-drift 24s ease-in-out infinite alternate}
.launch-orbit-two{bottom:-300px;left:-210px;width:470px;height:470px;animation:orbit-drift 29s ease-in-out infinite alternate-reverse}
#launch-store-reveal{position:fixed;inset:0;z-index:1;width:100%;height:100%;border:0;background:#08070b;opacity:0;visibility:hidden;transition:opacity .35s ease}
#launch-store-reveal.is-ready{opacity:1;visibility:visible}
.launch-screen.is-dropping{animation:curtain-drop 1.5s cubic-bezier(.72,0,.18,1) forwards;transform-origin:top center;pointer-events:none}
.launch-screen.is-dropping:after{position:absolute;inset:0;z-index:5;border-bottom:4px solid #f58c9b;background:linear-gradient(180deg,rgba(255,194,201,.34),transparent 17%);box-shadow:0 24px 80px rgba(224,82,115,.35);content:"";pointer-events:none}
@keyframes beacon{0%,100%{opacity:.65;box-shadow:0 0 10px 2px rgba(230,91,104,.55)}50%{opacity:1;box-shadow:0 0 19px 5px rgba(230,91,104,.9)}}
@keyframes orbit-drift{from{transform:translate3d(0,-12px,0) rotate(-8deg)}to{transform:translate3d(0,18px,0) rotate(9deg)}}
@keyframes curtain-drop{to{transform:translate3d(0,110%,0);opacity:.85}}
@media(max-width:800px){.launch-content{grid-template-columns:1fr;gap:36px;max-width:620px;padding:48px 0}.launch-copy h1{font-size:clamp(56px,11vw,84px)}.launch-access{max-width:540px}.launch-footer span:nth-child(2){display:none}}
@media(max-width:480px){.launch-header{height:72px}.launch-date-pill{padding:9px 10px;font-size:7px;letter-spacing:.1em}.launch-monogram{width:35px;height:35px}.launch-content{gap:27px;padding:38px 0}.launch-eyebrow{font-size:8px}.launch-copy h1{font-size:54px}.launch-description{font-size:13px}.launch-countdown{gap:6px;margin-top:25px}.countdown-unit{min-height:78px;padding:11px 10px;border-radius:11px}.countdown-unit strong{font-size:29px}.countdown-unit span{font-size:7px}.launch-access{padding:24px 20px;border-radius:19px}.launch-access h2{font-size:27px}.launch-input-row{gap:6px}.launch-input-row input{padding:0 10px;font-size:17px}.launch-input-row button{gap:10px;padding:0 12px}.launch-footer{min-height:48px;font-size:7px}.launch-footer span:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
