@font-face{font-family:Inter;src:url('/assets/Inter-Regular.ttf')}@font-face{font-family:Inter;src:url('/assets/Inter-Semibold.ttf');font-weight:600}:root{--bg:#f5f5f3;--ink:#111;--muted:#626875;--blue:#006fff;--deep:#00367d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img,video{max-width:100%;display:block}.shell{max-width:1200px;margin:auto;padding:24px}.nav{display:flex;align-items:center;justify-content:space-between;background:white;border-radius:100px;padding:18px 26px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600}.brand img{width:40px;height:40px}.navlinks{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}.pill{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:100px;background:var(--ink);color:white;font-weight:600;border:0}.pill.blue{background:var(--deep)}.hero{text-align:center;padding:96px 0 48px}.eyebrow{color:var(--deep);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,7.2vw,88px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:20px 0 24px}h1 span{color:var(--blue)}.intro{max-width:580px;margin:0 auto 28px;font-size:19px;color:var(--muted);line-height:1.6}.subtle{color:var(--muted);font-size:13px;margin-top:16px}.hero-art{margin:48px auto 0;max-width:960px;padding:64px 8%;background:#d3e6ff;border-radius:32px;overflow:hidden;position:relative}.player-demo{background:#101b2c;color:white;box-shadow:0 22px 55px #00367d30;display:flex;align-items:center;gap:32px;padding:32px;border:1px solid #ffffff22;border-radius:20px;text-align:left}.cover{width:160px;aspect-ratio:1;flex:none;background:linear-gradient(140deg,#4fc8ff,#006fff 45%,#00367d);border-radius:10px;display:grid;place-items:center;font-size:72px}.song{font-size:28px;letter-spacing:-.04em;font-weight:600}.artist{font-size:15px;color:#bacbdd}.progress{height:3px;background:#ffffff30;border-radius:8px;margin:22px 0}.progress:before{content:'';display:block;width:38%;height:100%;background:white}.controls{display:flex;gap:28px;align-items:center;font-size:22px}.controls button{background:none;color:white;border:0;cursor:pointer;font-size:24px}.compat{text-align:center;max-width:760px;margin:0 auto;color:var(--muted);padding:18px 0 50px;font-size:14px}.section{padding:70px 0}.section-head{text-align:center;max-width:700px;margin:0 auto 40px}h2{font-size:clamp(34px,4.4vw,52px);line-height:1.12;letter-spacing:-.045em;font-weight:600}.section-head p{color:var(--muted);font-size:18px;margin-top:20px}.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 24px}.tab{border:1px solid #ccc;background:transparent;padding:12px 25px;border-radius:12px;cursor:pointer;font-weight:600}.tab[aria-selected=true]{color:white;background:#111;border-color:#111}.showcase{border-radius:24px;background:white;padding:36px;min-height:350px;display:grid;place-items:center}.showcase .player-demo{width:min(100%,740px)}.showcase.compact .cover{width:100px}.showcase.compact .player-demo{max-width:500px;gap:20px;padding:24px}.caption{text-align:center;margin-top:24px}.caption h3{font-size:24px;letter-spacing:-.03em}.caption p{margin:8px auto 0;color:var(--muted);max-width:620px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:white;border-radius:24px;overflow:hidden}.swatch{aspect-ratio:1.65;display:grid;place-items:center;padding:28px;background:#e8edf3}.mini{width:100%;height:120px;border-radius:14px;box-shadow:0 10px 20px #0002;background:#080b10;color:white;padding:20px;display:flex;gap:16px;align-items:center}.mini img{width:60px;height:60px}.glass{background:linear-gradient(140deg,#d3e6ff,#006fff)}.glass .mini{background:#ffffff40;border:1px solid #fff9;backdrop-filter:blur(16px);color:#111}.tinted{background:linear-gradient(140deg,#668db0,#00367d)}.tinted .mini{background:#101b2cb0;border:1px solid #fff4}.feature-copy{padding:26px}.feature h3{font-size:21px;line-height:1.3;letter-spacing:-.03em}.feature p{color:var(--muted);margin-top:12px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{background:white;border-radius:28px;padding:40px;display:flex;flex-direction:column;align-items:flex-start}.price-card.pro{background:var(--deep);color:white}.price{font-size:64px;line-height:1.1;letter-spacing:-.06em;font-weight:600;margin:28px 0 10px}.price small{font-size:16px;letter-spacing:0;font-weight:400}.price-card ul{list-style:none;padding:0;margin:24px 0 32px;width:100%}.price-card li{padding:9px 0}.price-card li:before{content:'✓';display:inline-block;margin-right:12px}.price-card button{margin-top:auto;width:100%;border:1px solid #ccc;padding:15px;border-radius:14px;background:#eee;color:#626875}.pro button{background:white;color:var(--deep)}.faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:64px}.faq-layout h2{max-width:400px}.faq-box{background:white;border-radius:24px;padding:10px 28px}.faq-item{border-bottom:1px solid #e4e4e4}.faq-item:last-child{border:0}.faq-trigger{display:flex;gap:16px;justify-content:space-between;align-items:center;width:100%;padding:24px 0;text-align:left;border:0;background:none;font-weight:600;cursor:pointer}.plus{font-size:24px;transition:transform .25s}.faq-trigger[aria-expanded=true] .plus{transform:rotate(45deg)}.answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.answer>div{overflow:hidden;visibility:hidden}.faq-trigger[aria-expanded=true]+.answer{grid-template-rows:1fr}.faq-trigger[aria-expanded=true]+.answer>div{visibility:visible}.answer p{padding-bottom:24px;color:var(--muted)}footer{border-top:1px solid #ddd;margin-top:60px;padding:28px 0;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px}.footerlinks{display:flex;gap:24px}.legal{max-width:900px;margin:64px auto}.legal h1{font-size:48px;text-align:center}.legal .intro{text-align:center}.legal-nav{display:flex;justify-content:center;gap:20px;margin:32px 0 64px}.legal article h2{font-size:23px;margin:40px 0 14px;letter-spacing:-.02em}.legal article p{margin:14px 0}.notice{padding:18px 22px;background:#d3e6ff;border-radius:14px;color:var(--deep);font-size:14px;margin:24px 0}.skip{position:absolute;left:20px;top:-80px;background:white;padding:12px;z-index:4}.skip:focus{top:12px}video{width:100%;border-radius:16px}.preview-note{padding:12px 20px;background:#fff0c7;text-align:center;font-size:13px}.private-video{margin:24px 0}.private-video p{font-size:13px;color:var(--muted)}@media(max-width:700px){.shell{padding:16px}.nav{padding:15px 18px;gap:12px}.navlinks>a:not(.pill){display:none}.navlinks .pill{padding:10px 16px}.brand{font-size:18px}.brand img{width:32px;height:32px}.hero{padding-top:65px}.intro{font-size:17px}.hero-art{padding:36px 16px;border-radius:20px}.player-demo{padding:20px;gap:16px;border-radius:12px}.cover{width:88px;font-size:40px}.song{font-size:19px}.controls{gap:16px}.section{padding:48px 0}.showcase{padding:20px 14px;min-height:260px;border-radius:12px}.showcase .cover{width:74px}.showcase.compact .cover{width:64px}.showcase .player-demo{padding:16px;gap:12px}.showcase .song{font-size:17px}.grid,.pricing,.faq-layout{grid-template-columns:1fr}.faq-layout{gap:32px}.feature{border-radius:20px}.price-card{padding:28px}.faq-box{padding:6px 22px}footer{flex-direction:column}.legal{margin:48px auto}.legal h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}