/* Spotify-inspired independent preview. Original brand and real app screenshots. */
@import url('apple.css');
:root{--ink:#fff;--muted:#a7a7a7;--blue:#1ed760;--surface:#181818}body{background:#090909;color:#fff}header{background:#090909f0;border-color:#ffffff14}nav{max-width:1240px;height:76px}.brand{font-weight:800;letter-spacing:-.5px}.pill{color:#07150c;font-weight:750;background:#1ed760}.pill:hover{background:#3be477}.hero{background:#152f22;text-align:left;padding:72px max(30px,calc((100% - 1180px)/2)) 0;position:relative;min-height:760px;isolation:isolate}.hero:before{content:"";width:670px;height:670px;border:90px solid #1ed76016;position:absolute;right:-190px;top:10px;border-radius:50%;z-index:-1}.hero .eyebrow{color:#7cf5a8;text-transform:uppercase;font-size:15px;letter-spacing:2px}h1{font-size:clamp(70px,8.2vw,116px);font-weight:850;line-height:1.04;letter-spacing:-5px}.hero .lead{font-size:18px;color:#b5c8bd;margin-top:28px;line-height:1.8;max-width:520px}.actions{justify-content:flex-start;margin-top:30px;gap:25px}.link{color:#fff}.devices{position:absolute;right:max(25px,calc((100% - 1220px)/2));top:135px;width:490px;height:520px;margin:0;transform:rotate(8deg)}.devices .center{width:216px}.devices .side{width:178px;top:65px}.devices .left{left:0;transform:rotate(-12deg)}.devices .right{right:0;transform:rotate(12deg)}.phone{background:#343434;border-color:#666;box-shadow:0 25px 60px #0008}.hero-caption{position:absolute;bottom:0;left:0;right:0;padding:23px 30px;background:#1ed760;color:#092716;text-align:center;font-size:13px;font-weight:700;letter-spacing:5px}.section{max-width:1240px;padding:95px 30px}.section .eyebrow{color:#1ed760;font-size:13px;letter-spacing:2px}h2{font-size:clamp(38px,4.8vw,66px);font-weight:750;letter-spacing:-2px}h2 span{color:#939393}.showcase{border-radius:16px;background:#181818;padding:32px 60px 0}.feature-tabs{border:0;background:#090909;padding:5px}.feature-tabs button{color:#b3b3b3;padding:10px 28px}.feature-tabs button[aria-selected=true]{background:#1ed760;color:#062111;box-shadow:none;font-weight:700}.showcase-content{height:510px}.showcase-copy h3{font-weight:750;font-size:42px}.showcase-copy p{color:#a7a7a7}.lyrics{padding-top:5px;gap:90px}.lyrics-visual{background:#202c21;border-radius:16px;padding:50px 0;position:relative;overflow:hidden}.lyrics-visual:before{content:"LYRICS";position:absolute;font-size:120px;font-weight:900;letter-spacing:-9px;color:#1ed76017;transform:rotate(-90deg)}.lyrics-copy h2 span{color:#1ed760}.lyrics-visual .phone{position:relative}.control-grid{gap:18px}.control-grid article{background:#181818;border-radius:16px}.mini-label{color:#1ed760}.timer-art>span{color:#c6d9cb}.clock-face{border-color:#1ed760;color:#1ed760}.speed-art{color:#747474}.speed-art span{color:#1ed760}.queue-art{border-color:#393939}.queue-art b{background:#282828;color:#fff;box-shadow:none}.queue-art span{color:#a7a7a7}.outro{background:#1ed760;color:#092716;padding:85px 24px}.outro .eyebrow{font-size:15px}.outro h2{font-size:clamp(40px,5.7vw,78px);font-weight:800}.outro>p:not(.eyebrow),.outro small{color:#174b2a}.outro .pill{background:#090909;color:#fff}.outro .pill:hover{background:#252525}footer{max-width:1240px;color:#a7a7a7}a:focus-visible,button:focus-visible{outline-color:#1ed760}.outro a:focus-visible{outline-color:#090909}@media(min-width:768px) and (max-width:1100px){h1{font-size:76px}.devices{right:-90px;top:160px;transform:rotate(8deg) scale(.85)}.hero .lead{max-width:420px;font-size:16px}}@media(max-width:767px){nav{height:62px}.hero{padding:45px 24px 0;min-height:800px}.hero .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:22px}h1{font-size:clamp(52px,16vw,66px);letter-spacing:-3px}.hero .lead{font-size:14px;margin-top:22px}.actions{gap:25px;margin-top:25px}.devices{position:relative;inset:auto;width:310px;height:350px;max-width:100%;margin:40px auto 62px;transform:rotate(5deg)}.devices .center{width:150px}.devices .side{width:121px;top:32px}.devices .left{left:0}.devices .right{right:0}.hero-caption{font-size:10px;padding:20px 15px;letter-spacing:2px}.section{padding:65px 22px}.section .eyebrow{font-size:11px}h2{font-size:39px}.showcase{padding:23px 20px 0}.feature-tabs button{padding:9px 16px;font-size:12px}.showcase-copy{text-align:left}.showcase-copy h3{font-size:31px}.showcase-copy p{font-size:14px}.showcase-content{height:660px}.lyrics{padding-top:0;gap:35px}.lyrics-visual{padding:38px 0}.lyrics-visual:before{font-size:92px}.controls{padding-top:0}.control-grid article{padding:28px}.outro{padding:65px 22px}.outro h2{font-size:40px}footer{padding:25px 22px}}@media(prefers-reduced-transparency:reduce){header{background:#090909}}