:root{--paper:#f1f2f0;--ink:#191a19;--accent:#2253dc;--white:#fff;--muted:#555a56;--tone:#e2e5df;--radius:0 0 64px 64px;--gutter:clamp(20px,4vw,64px);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a,button{transition:background .2s,color .2s,transform .2s}a:hover{color:var(--accent)}button:active,.button:active{transform:translateY(2px)}p{font-size:17px;line-height:1.75;text-wrap:pretty;margin:0}h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.055em}h2{font-size:clamp(34px,4.4vw,64px);line-height:1.15;font-weight:600}h3{font-size:27px;line-height:1.3;font-weight:600}section{scroll-margin-top:32px}.nav{padding:24px var(--gutter);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:29px;letter-spacing:-1.5px;font-weight:750}.brand img{object-fit:contain}.nav nav{display:flex;gap:32px;align-items:center;font-size:16px}.nav-download{font-weight:600}.hero{min-height:720px;height:calc(100svh - 90px);max-height:900px;position:relative;overflow:hidden;display:flex;align-items:center;padding:30px var(--gutter) 80px}.hero-copy{position:relative;z-index:1;width:50%}h1{font-size:clamp(54px,6.5vw,100px);font-weight:600;line-height:1.14;letter-spacing:-.065em}.hero-copy>p:first-of-type{margin-top:32px;font-size:19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 28px;border-radius:0 0 22px 22px;background:var(--accent);color:var(--white);font-size:17px;font-weight:550;min-height:54px}.button:hover{background:var(--ink);color:var(--white)}.hero .button{margin-top:30px}.hero .compat{margin-top:20px;font-size:14px;color:var(--muted)}.hero-object{position:absolute;left:52%;top:8%;width:700px;height:580px;background:#090a09;color:var(--white);border-radius:0 0 140px 140px;padding:50px 48px;transform:rotate(-6deg);transform-origin:center;animation:shutter 1.1s cubic-bezier(.2,.7,.2,1) both}.object-top{display:flex;justify-content:space-between;color:#a9ada8;font-size:15px;margin-bottom:96px}.record-row{display:flex;gap:28px;align-items:center}.album{width:150px;height:150px;background:#dce3d4;color:#263021;flex-shrink:0;padding:17px;font-size:32px;line-height:1.15;font-weight:600;display:flex;flex-direction:column;justify-content:space-between}.album-small{font-size:13px;font-weight:400}.track{min-width:0}.track p:first-child{font-size:26px;font-weight:550;white-space:nowrap}.track .artist{font-size:16px;color:#afb3ae;margin-top:8px}.track p:last-child{font-size:17px;margin-top:22px;white-space:nowrap;color:#dce3d4}.playback{display:flex;align-items:center;gap:20px;margin-top:38px}.playback button{padding:10px;background:transparent;color:white;min-height:44px;min-width:44px}.playback button:hover{background:#303330;border-radius:100%}.playback svg{display:block;width:24px;height:24px;fill:currentColor;stroke:currentColor;stroke-width:3;stroke-linejoin:round}.progress{height:5px;background:#404440;flex:1;border-radius:5px}.progress span{display:block;width:39%;height:100%;background:#dfe5d8}.duration{font-size:13px;color:#b5bab3;white-space:nowrap}.object-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:75px;color:#b5bab3;font-size:13px}.wave{display:flex;align-items:center;gap:4px;height:27px}.wave i{display:block;background:#dce3d4;width:4px;height:19px;border-radius:3px;animation:wave 1.2s ease-in-out infinite alternate}.wave i:nth-child(2){height:26px;animation-delay:-.4s}.wave i:nth-child(3){height:12px;animation-delay:-.8s}.wave i:nth-child(4){height:21px;animation-delay:-.2s}.wave i:nth-child(5){height:9px;animation-delay:-.6s}.paused .wave i{animation-play-state:paused}.experience{padding:88px var(--gutter) 72px;background:var(--tone)}.section-intro{display:flex;justify-content:space-between;gap:32px;align-items:start;margin-bottom:54px}.section-intro p{max-width:460px}.demo-stage{background:#c5cfc0;height:380px;position:relative;border-radius:var(--radius);overflow:hidden}.menu-bar{display:flex;justify-content:space-between;padding:15px 23px;font-size:13px;background:#b5c2b0}.island-line{position:absolute;top:0;width:100%;display:flex;justify-content:center;align-items:start}.mini-island{position:relative;width:280px;height:43px;background:#080908;color:white;border-radius:0 0 18px 18px;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:width .65s cubic-bezier(.22,.8,.2,1),height .65s cubic-bezier(.22,.8,.2,1),border-radius .65s}.mini-art{background:#dce3d4;color:#263021;display:grid;place-items:center;width:26px;height:26px;font-size:16px;flex-shrink:0}.mini-title{display:none;font-size:17px}.mini-island .wave{margin-left:auto}.lyric-capsule{position:absolute;right:calc(50% + 152px);top:8px;background:#080908;color:white;border-radius:20px;padding:5px 14px;font-size:13px;white-space:nowrap;transition:opacity .2s}.expanded-caption{display:none}.demo-stage.expanded .mini-island{width:440px;height:180px;border-radius:0 0 38px 38px;padding:28px;align-items:start}.demo-stage.expanded .mini-title{display:block}.demo-stage.expanded .lyric-capsule{opacity:0}.demo-stage.expanded .expanded-caption{display:block;position:absolute;left:64px;top:76px;font-size:16px;color:#b5bab3;line-height:2}.expanded-caption span{color:white}.stage-copy{position:absolute;bottom:32px;left:32px;font-size:48px;line-height:1.2;letter-spacing:-3px;font-weight:550;color:#354330}.demo-toolbar{display:flex;align-items:center;gap:24px;margin-top:24px}.demo-toolbar>span{font-size:15px}.dark{background:var(--ink)}.dark:hover{background:var(--accent)}.features{padding:110px var(--gutter)}.feature-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.feature-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature{padding:40px;overflow:hidden;border-radius:0 0 40px 40px;display:flex;flex-direction:column;min-height:390px}.feature h3{margin-top:32px}.feature>p{margin-top:14px;max-width:460px}.player-feature{background:#20251f;color:#f5f6f3;grid-row:span 2;justify-content:space-between}.player-list{display:flex;flex-direction:column;gap:30px;margin-top:20px}.player-list>div{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(23px,3vw,40px);letter-spacing:-1px}.player-list>div>span:last-child{font-size:14px;letter-spacing:0;color:#bac6b4}.player-feature h3{margin-top:auto;padding-top:60px}.lyrics-feature{background:#dce3d4}.lyrics-ui{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;font-size:16px}.lyrics-ui p{width:100%;background:#101410;color:white;padding:20px 24px;border-radius:40px;font-size:20px;white-space:nowrap}.switch{width:44px;height:26px;background:#394f36;border-radius:20px;position:relative}.switch:after{content:'';position:absolute;right:3px;top:3px;width:20px;height:20px;border-radius:50%;background:white}.size-feature{background:#e6e8e4}.size-ui{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.size-tabs{display:flex;gap:4px;background:#d3d6cf;padding:4px;border-radius:8px;justify-self:end;font-size:14px}.size-tabs span{padding:5px 15px}.size-tabs span:last-child{background:white;border-radius:5px}.size-value{font-size:40px;grid-column:span 2;letter-spacing:-1px}.size-value small{font-size:16px}.size-track{grid-column:span 2;height:5px;background:#c3c8bd}.size-track span{display:block;width:45%;height:5px;background:#3e4937}.look-feature{grid-column:span 2;background:#d6dce1;display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;min-height:280px;align-items:center}.look-ui{grid-row:span 2;display:flex;align-items:start;gap:12px;height:150px}.black-island,.light-island{width:50%;height:120px;padding-top:46px;text-align:center;border-radius:0 0 35px 35px;font-size:18px;background:#0d100c;color:white}.light-island{background:#eef1f3;color:#303830}.look-feature h3{margin:0;align-self:end}.look-feature p{align-self:start}.questions{padding:0 var(--gutter) 110px;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.questions h2{margin-bottom:28px}.questions>div>a{font-size:16px}.faq-list{display:flex;flex-direction:column;gap:8px}details{background:#e3e6df;padding:24px;border-radius:0 0 24px 24px}details:nth-child(even){background:#d8ded3}summary{font-size:19px;cursor:pointer;line-height:1.5;min-height:30px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}summary::after{content:'+';font-size:24px}details[open] summary::after{content:'−'}details p{margin-top:20px;font-size:16px}summary::-webkit-details-marker{display:none}.download{margin:0 var(--gutter);padding:52px 40px;background:var(--accent);color:white;border-radius:0 0 70px 70px}.download h2{font-size:32px}.big-download{display:flex;justify-content:space-between;align-items:center;font-size:clamp(40px,8.6vw,130px);font-weight:550;letter-spacing:-.06em;padding:24px 0}.big-download:hover{color:#d4e0ff;transform:translateY(-3px)}.download p{font-size:15px}footer{padding:80px var(--gutter) 30px}.footer-mark{font-size:clamp(100px,24.5vw,360px);font-weight:750;line-height:.9;letter-spacing:-.085em;margin-left:-.035em;margin-bottom:55px}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px}.footer-row>div{display:flex;gap:28px}.credits{font-size:13px;color:var(--muted);margin-top:28px}.enter{animation:enter .65s ease-out both}@keyframes enter{from{transform:translateY(18px)}to{transform:translateY(0)}}@keyframes wave{to{transform:scaleY(.4)}}@keyframes shutter{from{clip-path:inset(0 0 100% 0);transform:rotate(-3deg) translateY(20px)}to{clip-path:inset(0);transform:rotate(-6deg)}}
@media(min-width:1600px){.hero-object{width:800px}}
@media(max-width:1000px){.nav nav{gap:22px}.hero{height:auto;min-height:800px;align-items:start;padding-top:65px}.hero-copy{width:58%}.hero-object{left:60%;top:14%;width:620px;transform:rotate(-6deg)}.hero-copy h1{font-size:64px}.section-intro,.feature-heading{display:block}.section-intro p,.feature-heading p{margin-top:25px}.feature{padding:28px}.questions{gap:30px;grid-template-columns:1fr 1.3fr}.lyric-capsule{right:calc(50% + 100px);max-width:200px;overflow:hidden}.mini-island{width:180px}.lyrics-ui p{font-size:16px;padding:18px 14px}.look-feature{gap:20px}.size-value{font-size:32px}}
@media(max-width:600px){.nav{padding-top:20px;padding-bottom:16px}.brand{font-size:26px}.brand img{width:32px;height:32px}.nav nav>a:not(.nav-download){display:none}.nav-download{font-size:14px}.hero{display:block;min-height:910px;padding-top:36px;padding-bottom:0;max-height:none}.hero-copy{width:100%}.hero-copy h1{font-size:52px}.hero-copy>p:first-of-type{font-size:17px;margin-top:26px}.hero .button{margin-top:24px}.hero-object{top:465px;left:4%;width:480px;height:405px;padding:28px;border-radius:0 0 85px 85px}.object-top{margin-bottom:43px;font-size:13px;justify-content:start;gap:80px}.album{width:100px;height:110px;font-size:25px;padding:12px}.track p:first-child{font-size:18px}.track .artist{font-size:14px}.track p:last-child{font-size:14px;margin-top:14px}.record-row{gap:18px}.playback{gap:12px;margin-top:20px;max-width:310px}.duration{display:none}.object-bottom{margin-top:34px;max-width:310px;font-size:13px}.experience{padding:58px var(--gutter) 45px}.section-intro{margin-bottom:30px}.section-intro p{font-size:16px}.demo-stage{height:330px;border-radius:0 0 38px 38px}.menu-bar{padding:12px;font-size:13px}.menu-bar span:first-child{visibility:hidden}.menu-bar span:last-child{display:none}.island-line{padding-top:36px;justify-content:flex-end;padding-right:14px}.mini-island{width:140px}.lyric-capsule{top:44px;right:164px;max-width:170px;font-size:13px;padding:5px 10px}.demo-stage.expanded .mini-island{width:100%;height:175px;padding:24px 16px;border-radius:0 0 28px 28px}.demo-stage.expanded .island-line{padding-left:14px}.demo-stage.expanded .expanded-caption{left:24px;top:78px;font-size:14px}.mini-title{font-size:15px}.stage-copy{font-size:36px;left:22px;bottom:22px}.demo-toolbar{gap:14px}.demo-toolbar .button{padding:16px 20px;font-size:15px;flex-shrink:0}.demo-toolbar>span{font-size:13px}.features{padding:68px var(--gutter)}.feature-heading{margin-bottom:30px}.feature-heading p{font-size:16px}.feature-board{display:flex;flex-direction:column;gap:12px}.feature{padding:26px;min-height:0;border-radius:0 0 30px 30px}.player-list{gap:22px;margin:0}.player-list>div{font-size:27px}.player-feature h3{padding-top:44px}.feature h3{font-size:25px}.feature>p{font-size:16px}.lyrics-ui{gap:24px}.lyrics-ui p{font-size:14px}.size-ui{gap:20px}.size-tabs span{padding:4px 10px}.size-value{font-size:36px}.look-feature{display:flex;align-items:stretch}.look-ui{height:140px;flex-shrink:0}.look-feature h3,.look-feature p{align-self:auto}.questions{padding-bottom:68px;display:block}.questions h2 br{display:none}.questions h2{font-size:34px}.faq-list{margin-top:32px}details{padding:20px}summary{font-size:17px}.download{padding:32px 24px;border-radius:0 0 40px 40px}.download h2{font-size:26px}.big-download{font-size:40px;gap:8px;padding:28px 0}.download p{font-size:13px}footer{padding-top:60px}.footer-mark{margin-bottom:32px}.footer-row{display:block;font-size:15px}.footer-row>div{margin-top:24px;justify-content:space-between;gap:16px}.credits{font-size:13px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the tablet demonstration readable instead of cropping the track. */
@media(min-width:601px) and (max-width:1000px){.hero{min-height:1040px;padding-top:42px}.hero-copy{width:100%}.hero-copy h1{font-size:64px}.hero-object{top:470px;left:17%;width:620px;height:510px;padding:36px}.object-top{margin-bottom:62px}.object-bottom{margin-top:55px}}
.size-ui{min-height:210px;align-content:space-between;padding-bottom:12px}.size-range{display:flex;justify-content:space-between;font-size:13px;grid-column:span 2;color:var(--muted)}
.player-detection{margin-top:70px;padding:24px;background:#30382c;border-radius:0 0 24px 24px;font-size:16px;line-height:1.8}.player-detection strong{display:block;font-size:22px;font-weight:500}.player-detection p{font-size:16px;color:#d4ddcf;margin-top:12px}
@media(max-width:600px){.player-detection{margin-top:32px}.size-ui{min-height:200px}}
.player-detection .detection-title{font-size:20px;color:#f5f6f3;margin:0}