.stage{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,#3a3142,#221b29);padding:0}.device{position:relative;width:100%;max-width:393px;height:100%;max-height:852px;background:#fff;overflow:hidden}@media (min-width: 440px){.device{border-radius:44px;box-shadow:0 40px 120px #0000008c;height:852px}.stage{padding:24px}}.slide{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.bg-white{background:#fff}.statusbar{position:relative;z-index:5;height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 30px}.sb-time{font-size:15px;font-weight:700;letter-spacing:-.3px}.sb-right{display:flex;align-items:center;gap:6px}.top-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:6px 30px 0}.dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#d4d8dd;transition:all .25s}.dot-on{background:#5b33f0;width:8px}.dot-dark{background:#ffffff73}.dot-dark.dot-on{background:#fff}.skip{font-size:14px;font-weight:600;color:var(--muted)}.title{font-size:33px;font-weight:700;line-height:1.18;letter-spacing:-.6px;color:var(--ink);text-align:center}.title-left{text-align:left}.title-white{color:#fff}.subtitle{margin-top:14px;font-size:16px;font-weight:500;line-height:1.45;color:var(--muted);text-align:center}.subtitle-left{text-align:left}.subtitle-white{color:#ffffffeb}.subtitle-wide{max-width:320px;margin-left:auto;margin-right:auto}.bottom-btn{margin-top:auto;padding:0 30px 38px}.gbtn{width:100%;height:62px;border-radius:40px;color:#fff;font-size:16px;font-weight:600;letter-spacing:.2px;box-shadow:0 16px 34px #5b33f066;transition:transform .12s}.gbtn:active{transform:scale(.97)}.gbtn-blue{background:var(--grad-btn)}.outline-btn{width:100%;height:60px;border-radius:40px;border:1.6px solid rgba(255,255,255,.85);color:#fff;font-size:16px;font-weight:600;background:transparent;transition:transform .12s}.outline-btn:active{transform:scale(.97)}.fab{position:absolute;left:30px;bottom:40px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--grad-arrow);box-shadow:0 14px 30px #a833f073;transition:transform .12s}.fab:active{transform:scale(.92)}.s1-illu{flex:1;display:flex;align-items:center;justify-content:center;padding:18px 0 0;min-height:0}.phone-mock{position:relative;width:250px;height:330px;background:#fff;border-radius:26px;border:7px solid #1c1c20;box-shadow:0 30px 60px #14142838;overflow:hidden;padding:14px 14px 0}.pm-bar{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--ink);padding:2px 2px 12px}.pm-back{font-size:19px;color:var(--ink)}.pm-icons{font-size:15px;color:var(--ink)}.pm-card{display:flex;align-items:center;gap:10px;margin-bottom:14px}.pm-shoe{width:96px;height:80px;flex:none;background:#f3f4f6;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:44px;transform:rotate(-12deg)}.pm-shoe-b{background:transparent;opacity:.5}.pm-info{flex:1}.pm-info-left{text-align:left}.pm-like{font-size:11px;color:var(--muted);margin-bottom:4px}.pm-name{font-size:15px;font-weight:700;color:var(--ink);line-height:1.25}.pm-faded{color:#c2c7cc}.pm-fade{position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(to bottom,#fff0,#fff)}.s1-text{padding:4px 30px 0}.s2-illu{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.s2-orb{position:relative;width:150px;height:150px;border-radius:50%;background:linear-gradient(150deg,#a02ef0,#5b33f0 60%,#3a23ec);display:flex;align-items:center;justify-content:center;box-shadow:0 24px 50px #5b33f066}.ripple{position:absolute;border-radius:50%;border:1px solid #eef0f3;background:radial-gradient(circle,#f4f5f8b3,#fff0 72%)}.ripple-1{width:230px;height:230px;box-shadow:0 20px 40px #78808712}.ripple-2{width:320px;height:320px}.ripple-3{width:410px;height:410px}.s2-text{padding:0 30px;text-align:center}.s2-text .title{margin-bottom:0}.s3-marquee{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden;min-height:0}.mq-row{font-size:64px;font-weight:800;letter-spacing:-2px;white-space:nowrap;line-height:1.15}.mq-faded{color:#dfe3e8;transform:translate(-40px)}.mq-solid{color:#171f24;transform:translate(-70px)}.s3-text{padding:10px 30px 0}.bg-music{background:var(--grad-music)}.s4-text{padding:26px 30px 0}.s4-text .title{text-align:left;font-size:34px}.s4-text .subtitle{text-align:left;margin-left:0}.outline-btn{margin-top:26px}.s4-illu{flex:1;display:flex;justify-content:center;align-items:flex-end;min-height:0;margin-top:18px}.phone-music{width:268px;height:300px;border-bottom:none;border-radius:30px 30px 0 0;padding:16px 18px 0}.pm-bar-music{color:var(--ink);font-size:14px}.vinyl{position:relative;width:150px;height:150px;margin:16px auto 0;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ff8a8a,#e23b4f 55%,#c5263b);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px #c828464d}.vinyl-art{font-size:40px;position:absolute;top:16px}.vinyl-hole{width:30px;height:30px;border-radius:50%;background:#fff}.track{text-align:center;margin-top:14px}.track-name{font-size:17px;font-weight:700;color:var(--ink)}.track-artist{font-size:12px;color:var(--muted);margin-top:2px}.wave{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:34px;margin-top:14px}.wave span{width:3px;border-radius:2px}.bg-cherry{background:radial-gradient(130% 80% at 50% 0%,#ff6b6b,#f0454f 45%,#d8344a)}.s5-cherries{flex:1;position:relative;min-height:0}.cloud{position:absolute;top:36px;left:50%;transform:translate(-30%);font-size:120px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.18))}.cherry{position:absolute;font-size:56px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.25))}.cherry-1{top:120px;right:36px;font-size:72px}.cherry-2{top:210px;right:96px}.cherry-3{top:250px;left:70px}.s5-sheet{position:relative;padding:0 22px 36px}.s5-card{background:#fff;border-radius:26px;padding:34px 24px 38px;text-align:center;box-shadow:0 -10px 40px #9614282e}.s5-chat{display:flex;justify-content:center;margin-bottom:16px}.s5-card .title{font-size:32px}.s5-btn{margin-top:0;padding:22px 8px 0}:root{--ink: #171f24;--muted: #778087;--line: #e8eaed;--grad-btn: linear-gradient(101deg, #8b2fef 0%, #5b33f0 48%, #3a23ec 100%);--grad-music: linear-gradient(168deg, #c724e8 0%, #9810fa 55%, #7a13f5 100%);--grad-arrow: linear-gradient(135deg, #b833f0 0%, #8b2fef 100%);font-synthesis:none}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Urbanist,system-ui,-apple-system,sans-serif;background:#2a2230;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none}