.launch-onboarding{--rose:#ffc8df;--paper:#fff3f8;--ink:#701a42;--action:#931647;box-sizing:border-box;color:var(--ink);background:var(--rose);width:min(100%,406px);min-height:740px;min-height:max(740px,calc(100svh - 44px));margin:22px auto;border-radius:30px;display:flex;flex-direction:column;overflow:hidden;font-family:Outfit,sans-serif}
.launch-onboarding *{box-sizing:border-box}.launch-onboarding.step-2{background:var(--paper)}
.launch-onboarding .onboarding-top{height:94px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:20px 24px 10px;gap:12px}
.launch-onboarding .onboarding-logo{width:53px;height:47px;object-fit:contain}.launch-onboarding .onboarding-logo.festival{width:79px;height:60px}
.launch-onboarding .date{font-size:13px;line-height:1.35;text-align:right;font-weight:550;margin:0}
.launch-onboarding .progress{display:flex;gap:5px}.launch-onboarding .progress i{width:6px;height:6px;border-radius:99px;background:#701a422b}.launch-onboarding .progress .current{width:23px;background:var(--ink)}
.launch-onboarding .onboarding-content{padding:12px 24px 0;flex:1 0 auto;display:flex;flex-direction:column;min-height:0}
.launch-onboarding h1{font-size:43px;font-weight:720;line-height:1.015;letter-spacing:-1.65px;margin:0;text-align:left;max-width:none}
.launch-onboarding .intro{font-size:18px;line-height:1.4;margin:12px 0 0}
.launch-onboarding .onboarding-footer{padding:17px 24px 24px;margin-top:24px;flex:none}
.launch-onboarding .onboarding-cta{min-height:56px;padding:14px 20px;border-radius:99px;background:var(--action);color:var(--paper);display:flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;font-size:18px;font-weight:560;line-height:1.4;text-align:center}
.launch-onboarding .onboarding-cta svg{width:18px;height:18px;flex:none}.launch-onboarding .icon-only svg{width:27px;height:27px}.launch-onboarding .onboarding-cta:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.launch-onboarding .living-collage{position:relative;height:275px;margin-top:28px;flex:none;isolation:isolate}
.launch-onboarding .floating-bubble{position:absolute;border:5px solid var(--paper);border-radius:50%;overflow:hidden;box-shadow:0 8px 20px #701a4210}
.launch-onboarding .floating-bubble img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1100ms ease,transform 6s ease}
.launch-onboarding .floating-bubble img.visible{opacity:1;transform:scale(1)}
.launch-onboarding .one{width:241px;height:241px;top:12px;left:50%;transform:translateX(-50%);animation:launch-main 7s ease-in-out infinite}.launch-onboarding .two{width:112px;height:112px;top:0;left:-5px;animation:launch-left 8s ease-in-out infinite}.launch-onboarding .three{width:120px;height:120px;right:-4px;bottom:0;animation:launch-right 6.5s ease-in-out infinite}
.launch-onboarding .price-strip{display:flex;justify-content:space-between;gap:7px;margin-top:26px}.launch-onboarding .price-strip b{font-size:43px;letter-spacing:-2px;font-weight:680;line-height:1}.launch-onboarding .price-strip small{font-size:15px;margin-left:3px;letter-spacing:0;font-weight:450}
.launch-onboarding .kicker{font-size:13px;letter-spacing:.11em;text-transform:uppercase;font-weight:620;margin:0 0 12px}.launch-onboarding .steps{display:flex;flex-direction:column;gap:38px;margin-top:53px}.launch-onboarding .step{display:flex;align-items:center;gap:14px}.launch-onboarding .n{width:42px;height:42px;flex:none;background:var(--rose);border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:650}.launch-onboarding .step h2{font-size:21px;line-height:1.2;letter-spacing:-.4px;font-weight:650;margin:0}.launch-onboarding .step p{font-size:17px;line-height:1.4;margin:9px 0 0}
.launch-onboarding .final-title{font-size:42px;line-height:1.065;letter-spacing:-1.5px}.launch-onboarding .emojis{display:block;font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:35px;line-height:1.3;letter-spacing:1px;margin-top:8px}
.launch-onboarding .finale-art{height:386px;position:relative;flex:none;margin:23px 0 0;pointer-events:none;user-select:none;isolation:isolate}.launch-onboarding .circle-composition{position:relative;width:100%;height:100%}.launch-onboarding .orb{position:absolute;border-radius:50%;border:3px solid var(--paper);overflow:hidden}.launch-onboarding .orb img{display:block;width:100%;height:100%;object-fit:cover}.launch-onboarding .orb-a{width:31%;aspect-ratio:1;left:1%;top:1%}.launch-onboarding .orb-b{width:36%;aspect-ratio:1;right:0;top:0}.launch-onboarding .orb-main{width:61%;aspect-ratio:1;left:19.5%;top:24%;z-index:2;border-width:4px}.launch-onboarding .orb-c{width:37%;aspect-ratio:1;left:0;bottom:1%;z-index:3}.launch-onboarding .orb-d{width:33%;aspect-ratio:1;right:0;bottom:0;z-index:3}
@keyframes launch-main{0%,100%{transform:translate(-50%,0) rotate(-2deg)}50%{transform:translate(calc(-50% + 3px),-7px) rotate(1deg)}}@keyframes launch-left{0%,100%{transform:translate(0,0) rotate(-7deg)}50%{transform:translate(3px,7px) rotate(-3deg)}}@keyframes launch-right{0%,100%{transform:translate(0,0) rotate(5deg)}50%{transform:translate(-3px,-9px) rotate(2deg)}}
.launch-onboarding.motion-paused .floating-bubble{animation-play-state:paused}.launch-onboarding.motion-paused img{transition:none}
@media(max-width:520px){.launch-onboarding{width:100%;margin:0;border-radius:0;min-height:max(690px,100svh)}.launch-onboarding .onboarding-top{padding-top:max(20px,env(safe-area-inset-top))}.launch-onboarding .onboarding-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(max-width:350px){.launch-onboarding .onboarding-content{padding-inline:20px}.launch-onboarding h1{font-size:38px}.launch-onboarding .final-title{font-size:36px}.launch-onboarding .intro{font-size:17px}.launch-onboarding .living-collage{height:245px}.launch-onboarding .one{width:213px;height:213px}.launch-onboarding .two{width:96px;height:96px}.launch-onboarding .three{width:104px;height:104px}.launch-onboarding .step h2{font-size:20px}.launch-onboarding .steps{gap:32px;margin-top:43px}.launch-onboarding .finale-art{height:350px}}
@media(prefers-reduced-motion:reduce){.launch-onboarding .floating-bubble{animation:none!important}.launch-onboarding .floating-bubble img{transition:none;transform:none}}
