* { box-sizing: border-box; }
html, body { height: 100%; }
.launch-page { background: #020c09; margin: 0; overflow: hidden; }
.launch-stage { align-items: center; background: radial-gradient(circle at 50% 46%, #145345 0, #082d26 28%, #031713 64%, #010806 100%); color: white; display: flex; height: 100svh; isolation: isolate; justify-content: center; overflow: hidden; position: relative; width: 100%; }
.launch-grain { background-image: radial-gradient(rgba(255,255,255,.3) .55px, transparent .65px); background-size: 7px 7px; inset: 0; opacity: .06; pointer-events: none; position: absolute; z-index: -1; }
.launch-beams { inset: -30%; opacity: .26; pointer-events: none; position: absolute; z-index: -1; }
.launch-beams i { background: linear-gradient(90deg, transparent, rgba(232,206,125,.12), transparent); height: 160%; left: 50%; position: absolute; top: -30%; transform-origin: 50% 50%; width: 12%; }
.launch-beams i:nth-child(1) { transform: rotate(26deg); }.launch-beams i:nth-child(2) { transform: rotate(78deg); }.launch-beams i:nth-child(3) { transform: rotate(132deg); }.launch-beams i:nth-child(4) { transform: rotate(168deg); }
.launch-orbits { inset: 0; pointer-events: none; position: absolute; z-index: -1; }
.launch-orbits i { border: 1px solid rgba(216,183,91,.12); border-radius: 50%; left: 50%; position: absolute; top: 50%; translate: -50% -50%; }
.launch-orbits i:nth-child(1) { height: min(72vw, 850px); width: min(72vw, 850px); }.launch-orbits i:nth-child(2) { height: min(92vw, 1100px); width: min(92vw, 1100px); }.launch-orbits i:nth-child(3) { height: min(118vw, 1380px); width: min(118vw, 1380px); }
.launch-particles { inset: 0; pointer-events: none; position: absolute; z-index: 0; }
.launch-particles i { animation: ambient-dot 5s ease-in-out infinite; background: radial-gradient(circle, #fff4c9 0 8%, #d7b65b 32%, transparent 72%); border-radius: 50%; height: 34px; opacity: .36; position: absolute; width: 34px; }
.launch-particles i:nth-child(1){left:7%;top:15%;transform:scale(.25)}.launch-particles i:nth-child(2){left:15%;top:67%;transform:scale(.5);animation-delay:-2s}.launch-particles i:nth-child(3){left:23%;top:31%;transform:scale(.18);animation-delay:-4s}.launch-particles i:nth-child(4){left:31%;top:83%;transform:scale(.34);animation-delay:-1s}.launch-particles i:nth-child(5){left:41%;top:12%;transform:scale(.2);animation-delay:-3s}.launch-particles i:nth-child(6){left:48%;top:74%;transform:scale(.14);animation-delay:-2.4s}.launch-particles i:nth-child(7){left:59%;top:21%;transform:scale(.42);animation-delay:-.8s}.launch-particles i:nth-child(8){left:67%;top:88%;transform:scale(.2);animation-delay:-3.2s}.launch-particles i:nth-child(9){left:76%;top:35%;transform:scale(.28);animation-delay:-1.6s}.launch-particles i:nth-child(10){left:84%;top:72%;transform:scale(.46);animation-delay:-4.3s}.launch-particles i:nth-child(11){left:92%;top:18%;transform:scale(.2);animation-delay:-2.7s}.launch-particles i:nth-child(12){left:95%;top:88%;transform:scale(.15);animation-delay:-.5s}
.launch-frame { border: 1px solid rgba(218,186,96,.28); inset: 22px; pointer-events: none; position: absolute; z-index: 20; }
.launch-frame > i { border-color: #dabc63; border-style: solid; height: 42px; position: absolute; width: 42px; }.launch-frame > i:nth-child(1){border-width:2px 2px 0 0;right:-4px;top:-4px}.launch-frame > i:nth-child(2){border-width:2px 0 0 2px;left:-4px;top:-4px}.launch-frame > i:nth-child(3){border-width:0 2px 2px 0;bottom:-4px;right:-4px}.launch-frame > i:nth-child(4){border-width:0 0 2px 2px;bottom:-4px;left:-4px}
.launch-back { align-items: center; color: rgba(255,255,255,.42); display: flex; font-size: 9px; gap: 7px; position: absolute; right: 48px; top: 40px; z-index: 30; }.launch-back span { border: 1px solid rgba(255,255,255,.2); border-radius: 50%; display: grid; font-size: 14px; height: 28px; place-items: center; width: 28px; }
.launch-mark { align-items: center; color: rgba(255,255,255,.35); display: flex; font-size: 8px; gap: 10px; left: 48px; position: absolute; top: 45px; z-index: 21; }.launch-mark i { background: rgba(255,255,255,.2); height: 1px; width: 48px; }.launch-mark b { color: #dfc572; font-weight: 500; }
.launch-intro { align-items: center; display: flex; flex-direction: column; max-width: 900px; padding: 70px 24px 30px; position: relative; text-align: center; z-index: 5; }
.launch-kicker, .reveal-crown { align-items: center; color: #e7cd7b; display: flex; font-size: 10px; gap: 13px; justify-content: center; letter-spacing: 0; }.launch-kicker i, .reveal-crown i { background: linear-gradient(90deg, transparent, #d7b65b); height: 1px; width: 70px; }.launch-kicker i:last-child, .reveal-crown i:last-child { transform: scaleX(-1); }
.launch-intro h1 { font-size: clamp(76px, 11vw, 160px); font-weight: 800; letter-spacing: 0; line-height: 1.08; margin: 24px 0 20px; overflow: visible; text-shadow: 0 20px 70px rgba(0,0,0,.3); }.launch-intro h1 b { background: linear-gradient(100deg, #a8791c, #f5dfa2 48%, #bd8d2b); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; font-weight: 800; line-height: 1.15; margin-top: .02em; overflow: visible; padding: 0 .05em .08em; }
.launch-intro > p { color: rgba(255,255,255,.55); font-size: clamp(12px, 1.25vw, 18px); letter-spacing: 0; line-height: 1.8; margin: 0 0 36px; }