/* Outcome-led scenes. Extend the existing cinematic palette, not a second theme. */
.hero-copy>p{max-width:790px}.hero-explainer{max-width:660px;margin:20px auto 0;padding:0 22px;font-size:14px;color:var(--muted)}
h2{letter-spacing:-.045em}.hero h1{letter-spacing:-.05em}.premium-word{letter-spacing:-.045em}.story-copy h2,.section-heading h2{font-weight:700}.hero-copy>.hero-note{font-size:12px;margin-top:16px;letter-spacing:0;color:var(--muted)}
.collections .section-heading,.premium .section-heading{grid-template-columns:1.12fr .88fr;gap:60px}.collections .section-heading h2,.premium .section-heading h2,.library .section-heading h2{font-size:clamp(44px,5.5vw,78px);letter-spacing:-.045em}
.collection-demo{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-top:70px}.collection-art{position:relative;min-width:0;height:430px;perspective:1200px}.collection-art>img{position:absolute;top:30px;left:16%;width:72%;height:auto;aspect-ratio:1;box-shadow:0 20px 45px #19112826;border-radius:12px;transition:transform 1.1s var(--ease)}.collection-art>img:nth-child(1){transform:translate(-20px,-10px) rotate(-9deg)}.collection-art>img:nth-child(2){transform:translate(20px,-4px) rotate(8deg)}.collection-art>img:nth-child(3){transform:translateY(18px) rotate(-2deg)}.collection-demo[data-mode=playlist] .collection-art>img:nth-child(1){transform:translate(-80px,-10px) rotate(-15deg) scale(.88)}.collection-demo[data-mode=playlist] .collection-art>img:nth-child(2){transform:translate(65px,-14px) rotate(14deg) scale(.9)}.collection-stamp{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);background:#fff;padding:12px 20px;border-radius:99px;box-shadow:0 10px 28px #0001;font-size:13px;white-space:nowrap;z-index:2}.collection-stamp:before{content:'+';color:var(--pink);margin-right:8px;font-size:20px}
.choice-tabs{display:flex;gap:28px;border-bottom:1px solid #dddde2;margin-bottom:30px}.choice-tabs button{border:0;border-bottom:2px solid transparent;background:none;font-size:15px;font-weight:550;padding:12px 0;color:var(--muted)}.choice-tabs button[aria-selected=true]{color:var(--pink);border-color:var(--pink)}.collection-content h3{font-size:35px;line-height:1.1;letter-spacing:-.035em}.collection-content #collection-copy{color:var(--muted);font-size:16px;line-height:1.5;margin:16px 0 22px;min-height:72px}.collection-file{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9e9ee;padding:10px 0}.collection-file>span{font-size:11px;color:var(--muted)}.collection-file img{border-radius:5px}.collection-file>div{flex:1}.collection-file strong{font-size:14px;font-weight:550}.collection-file small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.collection-file>svg{color:#259c51;width:19px;height:19px}.collection-bottom{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin-top:22px}.collection-bottom svg{color:var(--pink);width:19px}.benefit-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:75px 0 30px}.benefit-rail h3{font-size:23px;letter-spacing:-.025em;margin-bottom:12px}.benefit-rail p{font-size:15px;color:var(--muted)}
.formats{border-top:1px solid #e9e9ee}.extras .section-heading{grid-template-columns:1.1fr .9fr}.extras .section-heading h2{font-size:clamp(44px,5.5vw,78px);letter-spacing:-.045em}.extras-stage{margin-top:55px}.detail-tabs{width:46%;margin-bottom:25px}.extras-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}.extras-art{position:relative;border-radius:12px;box-shadow:0 20px 45px #1616291a;transition:transform .8s var(--ease),filter .8s;overflow:hidden;transform:rotate(-2deg)}.extras-art>img{width:100%;height:auto;aspect-ratio:1}.extras-art-title{position:absolute;top:10%;left:10%;color:white;font-weight:650;letter-spacing:.16em;font-size:22px}.extras-art-title small{display:block;font-size:11px;margin-top:14px;letter-spacing:.3em}.resolution-tag{position:absolute;bottom:22px;left:22px;background:#ffffffe6;color:var(--ink);padding:10px 15px;border-radius:99px;font-size:12px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(16px)}.resolution-tag svg{width:14px;height:14px}.metadata-panel{background:#fff;border:1px solid #e5e5e9;border-radius:18px;box-shadow:0 18px 42px #15152f0c;padding:23px;transition:transform .7s,box-shadow .7s}.inspect-head{display:flex;gap:12px;align-items:center}.inspect-head strong{font-size:15px;font-weight:600;letter-spacing:-.4px}.inspect-head>svg{margin-left:auto;color:#28a858;width:19px}.metadata-panel dl{margin:18px 0 0}.metadata-panel dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ededf1;padding:12px 0;font-size:13px}.metadata-panel dt{color:var(--muted)}.metadata-panel dd{margin:0;font-weight:500}.lrc-file{background:#f5f5f7;padding:18px 22px;border-radius:14px;margin-top:15px;transition:transform .7s,box-shadow .7s}.lrc-file>div{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:13px}.lrc-file svg{width:19px;color:var(--pink)}.lrc-file p{display:flex;gap:14px;font-size:11px;line-height:1.9;color:var(--muted)}.lrc-file time{font-variant-numeric:tabular-nums;color:var(--pink)}#detail-panel{margin-top:28px;min-height:107px}#detail-title{font-size:25px;letter-spacing:-.035em}#detail-copy{font-size:15px;color:var(--muted);line-height:1.55;margin-top:10px}.extras-stage[data-detail=metadata] .metadata-panel{transform:translateX(-12px);box-shadow:0 18px 45px #ff2d551c;border-color:#ff2d5560}.extras-stage[data-detail=lyrics] .lrc-file{transform:translateX(-12px);box-shadow:0 12px 35px #ff2d5520;background:#fff1f5}.extras-stage:not([data-detail=artwork]) .extras-art{transform:rotate(0) scale(.95)}.extras>.fineprint{margin-top:35px;max-width:840px}
.comparison{gap:40px;border-top:1px solid #e4e4ea;margin-top:65px;padding-top:50px}.comparison h3{letter-spacing:-.035em}.compare-file{display:flex;align-items:center;gap:15px;margin:25px 0;border-radius:15px;padding:18px;background:#f5f5f7}.compare-file img{width:60px;height:60px;border-radius:7px}.compare-file>svg{width:60px;height:60px;padding:17px;background:#e5e5e9;border-radius:7px;color:#888}.compare-file strong{font-size:14px;display:block;overflow-wrap:anywhere}.compare-file small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.compare-points{list-style:none;padding:0;margin:25px 0 0}.compare-points li{display:flex;align-items:start;gap:12px;border-top:1px solid #e9e9ee;padding:14px 0;font-size:14px;line-height:1.5;color:#55555c}.compare-points svg{width:17px;height:17px;margin-top:2px;color:var(--pink)}
.start-section{background:#f5f5f7}.start-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.start-flow article{min-width:0}.start-visual{height:180px;display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:30px}.install-visual img{box-shadow:0 20px 28px #ff2d5518;border-radius:18px;transition:transform 1s var(--ease)}.install-visual>svg{color:#c1c1c6;width:22px}.app-folder{background:linear-gradient(145deg,#72ccff,#398de9);width:95px;height:77px;border-radius:10px;display:grid;place-items:center;transform:rotate(-5deg)}.app-folder svg{color:white;width:44px;height:44px;stroke-width:1.3}.access-visual{flex-direction:column;gap:12px}.access-visual>div{display:flex;align-items:center;gap:12px;background:#fff;border-radius:13px;padding:15px;width:100%;box-shadow:0 10px 24px #00000004}.access-visual span{font-size:13px;flex:1;font-weight:550}.access-visual small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.access-visual>div>svg:first-child{color:var(--pink);width:32px;height:32px}.access-visual>div>svg:last-child{color:#289e53;width:17px}.ready-visual{background:#fff;border-radius:20px;height:110px;margin:35px 0 65px;box-shadow:0 18px 35px #00000006;gap:15px;transform:rotate(-3deg)}.ready-visual img{border-radius:8px}.ready-visual strong{font-size:15px}.ready-visual small{display:block;font-size:12px;color:var(--muted);margin:5px 0}.ready-visual span{display:flex;align-items:center;gap:5px;color:#289e53;font-size:11px}.ready-visual svg{width:13px;height:13px}.step-number{color:var(--pink);font-size:12px;font-weight:650;letter-spacing:.05em}.start-flow h3{font-size:25px;letter-spacing:-.03em;margin:14px 0}.start-flow p{font-size:15px;line-height:1.65;color:var(--muted)}.start-links{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:50px;border-top:1px solid #dedee3;padding-top:25px}.start-links p{font-size:11px;color:var(--muted)}.start-links a{font-size:13px;white-space:nowrap}
.premium-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;margin-top:70px;align-items:center}.premium-word{font-size:64px;letter-spacing:-.065em;font-weight:700;background:linear-gradient(110deg,#ff2d55,#b62879);color:transparent;background-clip:text;display:block}.premium-word>span{display:block;font-size:13px;letter-spacing:0;color:var(--muted);margin:8px 0 32px}.premium-value ul{list-style:none;padding:0;margin:0 0 22px}.premium-value li{display:flex;gap:12px;align-items:center;font-size:15px;padding:12px 0}.premium-value li svg{color:var(--pink);width:18px;height:18px}.premium-value>.text-link{font-size:13px}.price-options{display:grid;gap:18px}.price-option{display:grid;grid-template-columns:1fr auto;gap:20px;border:1px solid #e5e5ea;border-radius:20px;padding:28px}.price-option h3{font-size:24px;letter-spacing:-.035em}.price-option>div>p{font-size:13px;color:var(--muted);margin-top:7px;max-width:220px}.price{font-size:31px;font-weight:650;letter-spacing:-.045em;white-space:nowrap}.price small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);text-align:right}.plan-link{display:flex;align-items:center;gap:8px;color:var(--pink);font-size:13px;grid-column:1/-1}.plan-link svg{width:15px;height:15px}.annual{background:#fff8fa;border-color:#ff2d5550}.annual .button{grid-column:1/-1;font-size:14px;min-height:45px}.annual-equivalent{grid-column:1/-1;font-size:12px;color:var(--muted);margin-top:-8px}.saving{grid-column:1/-1;color:#a8234b;font-size:12px;font-weight:550;margin-top:-10px}.pricing-disclosure{max-width:850px;margin-top:35px}
.finder-scene{padding:24px 30px 0;overflow:hidden}.finder-content{display:grid;grid-template-columns:220px 1fr;margin-top:24px;border-top:1px solid #e2e2e8;gap:35px}.finder-sidebar{padding:30px 0}.finder-sidebar>small{font-size:11px;color:var(--muted);display:block;margin-bottom:18px}.finder-sidebar>div{display:flex;align-items:center;gap:10px;font-size:13px;padding:12px 10px}.finder-sidebar svg{color:#5a9be7;width:19px;height:19px}.finder-sidebar strong{font-weight:550}.finder-selected{background:#e6e6ed;border-radius:8px;margin-left:15px}.finder-other{color:#74747b}.finder-sidebar>img{margin:26px auto 0;border-radius:8px;box-shadow:0 12px 28px #0001;transform:rotate(-4deg)}.finder-files{background:#fff;padding:20px 28px 0;border-radius:0 0 14px 0;min-width:0}.finder-columns{display:flex;justify-content:space-between;padding:0 0 12px;font-size:11px;color:var(--muted)}.finder-file{display:flex;align-items:center;gap:14px;border-top:1px solid #ededf1;padding:16px 0;transition:transform .8s var(--ease),opacity .8s;transition-delay:var(--file-delay)}.finder-file img{border-radius:6px}.finder-file>div{flex:1;min-width:0}.finder-file strong{font-size:14px;font-weight:550;overflow-wrap:anywhere;display:block}.finder-file small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.finder-file>span{font-size:10px;color:var(--pink);background:#fff0f4;padding:5px 8px;border-radius:6px}.lyric-sidecar>svg{width:43px;height:43px;padding:10px;border-radius:6px;background:#f3effb;color:#8e69c7}.finder-bottom{display:flex;gap:10px;align-items:center;padding:25px 0;font-size:12px;color:var(--muted)}.finder-bottom svg{color:#2c9b54;width:18px;height:18px}.js .finder-scene:not(.shown) .finder-file{opacity:0;transform:translateY(24px)}
@media(max-width:760px){.finder-scene{padding:18px 15px 0}.finder-content{grid-template-columns:1fr;margin-top:16px;gap:0}.finder-sidebar{display:none}.finder-files{padding:17px 14px 0;border-radius:0}.finder-file{gap:10px;padding:13px 0}.finder-file strong{font-size:11px}.finder-file small{font-size:9px}.finder-file img,.lyric-sidecar>svg{width:33px;height:33px}.finder-file>span{font-size:8px;padding:4px 5px}.finder-bottom{font-size:10px;line-height:1.5;padding:20px 0}.finder-columns{font-size:10px}}
@media(prefers-reduced-motion:reduce){.finder-file{opacity:1!important;transform:none!important}}
/* Motion tells the story of arriving files; it never blocks normal scrolling. */
.js .collection-demo:not(.shown) .collection-art>img{transform:translateY(45px) rotate(0) scale(.9)}.js .start-flow:not(.shown) .install-visual img{transform:translateX(-35px) rotate(-12deg)}.start-flow article{transition:opacity .9s var(--ease),transform .9s var(--ease)}.js .start-flow:not(.shown) article{opacity:0;transform:translateY(28px)}.start-flow article:nth-child(2){transition-delay:.13s}.start-flow article:nth-child(3){transition-delay:.26s}.lyric-line.active{color:#ffdae6;background:linear-gradient(90deg,#fff var(--word-progress,0%),#ffdae6 var(--word-progress,0%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:1050px){.collection-art{height:350px}.collection-demo{gap:45px}.collection-content h3{font-size:29px}.start-flow{gap:26px}.start-visual{gap:14px}.start-flow h3{font-size:22px}.premium-layout{gap:45px}.price-option{padding:22px}.premium-word{font-size:56px}.extras-grid{gap:40px}.extras-art-title{font-size:17px}.inspect-head strong{font-size:12px}.metadata-panel{padding:18px}}
@media(max-width:760px){.collections .section-heading,.premium .section-heading,.extras .section-heading{display:block}.collections .section-heading h2,.premium .section-heading h2,.library .section-heading h2,.extras .section-heading h2{font-size:46px}.collection-demo{grid-template-columns:1fr;gap:35px;margin-top:35px}.collection-art{height:340px;max-width:450px;width:100%;margin:auto}.collection-art>img{width:65%;left:17.5%}.collection-demo[data-mode=playlist] .collection-art>img:nth-child(1){transform:translate(-42px,-5px) rotate(-13deg) scale(.9)}.collection-demo[data-mode=playlist] .collection-art>img:nth-child(2){transform:translate(42px,-5px) rotate(13deg) scale(.9)}.collection-stamp{bottom:0}.collection-content h3{font-size:30px}.collection-content #collection-copy{min-height:0}.choice-tabs{gap:28px}.choice-tabs button{font-size:14px}.benefit-rail{grid-template-columns:1fr;gap:25px;margin:40px 0 25px}.benefit-rail h3{font-size:22px;margin-bottom:7px}.benefit-rail>div{border-top:1px solid #e9e9ee;padding-top:23px}.extras-stage{margin-top:32px}.detail-tabs{width:100%;gap:25px}.extras-grid{grid-template-columns:1fr;gap:28px}.extras-art{width:85%;max-width:400px;margin:0 auto}.extras-art-title{font-size:18px}.resolution-tag{font-size:10px;bottom:17px;left:17px}.metadata-panel{padding:20px}.inspect-head strong{font-size:13px}.extras-stage[data-detail=metadata] .metadata-panel,.extras-stage[data-detail=lyrics] .lrc-file{transform:translateY(-5px)}#detail-panel{min-height:112px}.lrc-file p{font-size:10px;gap:9px}.comparison{margin-top:40px;gap:28px;padding-top:30px}.compare-file{padding:14px;gap:12px}.compare-file strong{font-size:12px}.compare-file small{font-size:10px}.compare-file img,.compare-file>svg{width:48px;height:48px}.compare-points li{font-size:13px}.start-flow{grid-template-columns:1fr;gap:35px;margin-top:25px}.start-flow article{max-width:490px;width:100%;margin:auto}.start-visual{height:150px;margin-bottom:20px}.ready-visual{height:105px;margin:20px 0 35px}.access-visual{max-width:370px;margin-inline:auto}.start-flow h3{font-size:27px}.start-links{display:block;margin-top:35px}.start-links a{margin-top:12px}.premium-layout{grid-template-columns:1fr;gap:30px;margin-top:40px}.premium-word{font-size:57px}.premium-value li{font-size:14px}.price-option{padding:22px;gap:18px}.price-option h3{font-size:24px}.price{font-size:30px}.price-option>div>p{font-size:12px}.hero-explainer{font-size:12px;max-width:360px}.collections .fineprint{font-size:10px}}
@media(max-width:380px){.collection-art{height:290px}.collections .section-heading h2,.premium .section-heading h2,.library .section-heading h2,.extras .section-heading h2{font-size:39px}.price-option{padding:18px;grid-template-columns:1fr}.price small{text-align:left;display:inline;font-size:12px}.price{font-size:32px}.detail-tabs{gap:20px}.detail-tabs button{font-size:12px}.inspect-head{gap:7px}.inspect-head strong{font-size:11px}.metadata-panel dl>div{font-size:12px}.lrc-file{padding:16px}.lrc-file p{font-size:9px;gap:7px}.resolution-tag{left:12px;bottom:12px;padding:8px 10px}.extras-art-title{font-size:15px}}
@media(prefers-reduced-motion:reduce){.start-flow article{opacity:1!important;transform:none!important}.install-visual img,.collection-art>img{transition:none!important}.lyric-line.active{background:none;-webkit-text-fill-color:white}}