.intro-overlay{position:fixed;inset:0;z-index:150;background:#fff;color:#161823;display:flex;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,'PingFang TC',sans-serif}.intro-overlay[hidden]{display:none}.intro-shell{width:100%;max-width:480px;height:100dvh;display:flex;flex-direction:column;padding:24px 24px max(24px,env(safe-area-inset-bottom));overflow:auto}.intro-top{display:flex;align-items:center;justify-content:space-between;min-height:32px}.intro-wordmark{font-weight:750;font-size:15px;letter-spacing:-.3px}.intro-skip{border:0;background:none;color:#85858e;font-size:13px;padding:8px}.intro-visual{flex:1;min-height:230px;max-height:420px;display:grid;place-items:center;position:relative;margin:12px 0}.intro-scene{width:290px;height:260px;position:relative;display:grid;place-items:center}.intro-halo{position:absolute;width:210px;height:210px;border-radius:50%;background:#fff0f4}.intro-orbit{position:absolute;inset:20px;border:1px dashed #f4dce3;border-radius:50%;animation:introRotate 30s linear infinite}.intro-card{position:absolute;width:100px;height:130px;background:#fff;border:1px solid #e8e8ed;border-radius:17px;box-shadow:0 14px 28px #16182309;display:grid;place-items:center;overflow:hidden}.intro-card svg{width:90px;height:100px}.intro-card.left{left:0;transform:rotate(-12deg);animation:introFloat 4s ease-in-out infinite}.intro-card.right{right:0;transform:rotate(12deg);animation:introFloat 4s ease-in-out 1s infinite}.intro-object{position:relative;width:125px;height:145px;background:#fff;border:1px solid #f1c5d0;border-radius:22px;display:grid;place-items:center;box-shadow:0 18px 38px #fe2c5515;animation:introLift 3s ease-in-out infinite;z-index:2}.intro-object>svg{width:95px;height:100px}.intro-seal{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:30px;background:#161823;color:#fff;font-size:11px;padding:8px 13px}.intro-spark{position:absolute;color:#fe2c55;font-size:23px;animation:introTwinkle 2s ease-in-out infinite}.intro-spark.one{left:45px;top:20px}.intro-spark.two{right:30px;bottom:25px;animation-delay:.8s}.intro-copy{text-align:center;min-height:180px;padding:0 5px}.intro-kicker{color:#fe2c55;font-size:10px;font-weight:650;letter-spacing:2px}.intro-copy h1{font-family:inherit;font-size:28px;letter-spacing:-.8px;line-height:1.35;margin:14px 0}.intro-copy p{font-size:13px;color:#86868f;line-height:1.9;margin:0 auto;max-width:340px}.intro-foot{padding-top:16px}.intro-dots{display:flex;gap:7px;justify-content:center;margin:0 0 22px}.intro-dots button{width:7px;height:7px;border-radius:10px;background:#e7e7eb;border:0;padding:0;transition:width .2s}.intro-dots button[aria-current=true]{width:24px;background:#161823}.intro-next{width:100%;background:#161823;color:#fff;border:0;border-radius:14px;padding:17px;font-size:15px;font-weight:650}.intro-prev{display:block;margin:12px auto 0;border:0;background:none;color:#96969e;font-size:11px;padding:5px}.intro-splash{position:absolute;inset:0;background:#fff;z-index:5;display:grid;place-content:center;text-align:center;gap:17px}.intro-splash[hidden]{display:none}.intro-logo{width:76px;height:76px;margin:auto;animation:introBreathe 1.5s ease-in-out infinite}.intro-splash strong{font-size:22px;letter-spacing:2px}.intro-splash small{font-size:9px;letter-spacing:3px;color:#9a9aa2}.intro-loading{width:72px;height:3px;background:#f0f0f3;margin:8px auto;border-radius:4px;overflow:hidden}.intro-loading:after{content:'';display:block;width:40%;height:100%;background:#fe2c55;animation:introLoad 1s ease-in-out infinite}.intro-people{display:flex;gap:8px;position:absolute;top:45px;z-index:3}.intro-person{width:45px;height:45px;border:3px solid #fff;background:#e9f9fa;border-radius:50%;display:grid;place-items:center;color:#09a4ae}.intro-person:nth-child(2){background:#fff0f4;color:#fe2c55;transform:translateY(-16px)}.intro-person:nth-child(3){background:#f1efff;color:#7974da}.intro-person svg{width:28px;height:28px}.intro-price{font-size:30px;font-weight:750;color:#fe2c55}.intro-price small{font-size:11px}.intro-price-note{font-size:9px;color:#94949b;margin-top:6px}.intro-replay{border:0;background:none;color:inherit;font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:8px}
@keyframes introFloat{50%{translate:0 -10px}}@keyframes introLift{50%{translate:0 -8px;rotate:2deg}}@keyframes introTwinkle{50%{opacity:.3;scale:.75}}@keyframes introRotate{to{transform:rotate(360deg)}}@keyframes introBreathe{50%{transform:scale(.94);opacity:.75}}@keyframes introLoad{to{transform:translateX(190%)}}
@media(min-width:761px){.intro-overlay{background:#f3f4f6}.intro-shell{background:#fff;border-left:1px solid #eee;border-right:1px solid #eee}.intro-copy h1{font-size:30px}}
@media(max-height:700px){.intro-shell{padding-top:12px;padding-bottom:12px}.intro-visual{min-height:190px;margin:0}.intro-scene{scale:.8}.intro-copy{min-height:140px}.intro-copy h1{font-size:24px;margin:10px 0}.intro-copy p{font-size:12px}.intro-dots{margin-bottom:12px}.intro-next{padding:14px}.intro-foot{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.intro-overlay *,.intro-overlay *:after{animation:none!important}}
/* Reference onboarding typography and spacing: 22/30 heading, 14/24 body. */
.intro-shell{padding:10px 20px max(14px,env(safe-area-inset-bottom))}.intro-top{min-height:30px}.intro-skip{font-size:14px;line-height:20px;font-weight:400;padding:0;color:#161823}.intro-wordmark{font-size:13px;font-weight:600}.intro-visual{flex:0 0 calc(52.5dvh - 40px);min-height:190px;max-height:none;margin:0}.intro-copy{min-height:0;padding:0 6px}.intro-kicker{display:none}.intro-copy h1{font-size:22px!important;line-height:30px;font-weight:600;letter-spacing:0;margin:0 0 13px;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}.intro-copy p{font-size:14px;line-height:24px;font-weight:400;max-width:100%;color:#777783}.intro-foot{margin-top:auto;padding-top:24px}.intro-next{height:48px;padding:14px;font-size:15px;line-height:20px;font-weight:500;border-radius:12px;background:#1d1d1f}.intro-dots{margin-bottom:14px}.intro-prev{height:20px;line-height:20px;padding:0;margin-top:8px}.intro-scene{scale:1}.intro-overlay{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}.intro-shell .intro-foot>div:last-child:not(.intro-dots){height:0!important}
@media(max-height:650px){.intro-visual{flex-basis:calc(49dvh - 40px);min-height:150px}.intro-scene{scale:.8}.intro-foot{padding-top:16px}}