@font-face{font-family:VR;src:local('Inter'),local('Arial');font-display:swap}
:root{--bg:#0c0a11;--surface:#15111d;--text:#f6f3fa;--muted:#b4adbf;--purple:#c2a2ff;--pink:#ee8bcb;--line:#ffffff17;--radius:28px;color-scheme:dark;font-family:VR,Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible,audio:focus-visible{outline:3px solid var(--purple);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.05;font-weight:600}h1{font-size:clamp(48px,6.4vw,88px)}h2{font-size:clamp(36px,4.3vw,60px)}h3{font-size:28px}p{color:var(--muted)}.wrap{max-width:1240px;width:calc(100% - 96px);margin-inline:auto}.section{padding:100px 0}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--purple);margin-bottom:24px}.muted{color:var(--muted)}.small{font-size:13px}.skip{position:fixed;left:20px;top:-100px;padding:14px 20px;background:#fff;color:#141019;z-index:100}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:#0c0a11eb;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-row{height:90px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:inline-flex;gap:12px;align-items:center;font-size:18px;font-weight:700;letter-spacing:-.035em;white-space:nowrap}.brand img{border-radius:11px;width:36px;height:36px;object-fit:cover}nav{display:flex;align-items:center;gap:28px}nav a{font-size:13px;color:#d6d0df;transition:color .2s}nav a:hover{color:white}.nav-download{padding:11px 18px;color:#fff;border:1px solid #ffffff35;border-radius:9px}.nav-download span{margin-left:20px}.menu-toggle{display:none}.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 88% 35%,#441b6330,transparent 57%)}.hero-grid{min-height:730px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-top:64px;padding-bottom:64px}.hero-copy{position:relative;z-index:2}.hero-copy h1{line-height:1.01;margin-bottom:26px}.hero-copy h1 span,.final-cta h2 span,.use-section h2 span,.article-hero h1 span{color:var(--purple)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--purple);box-shadow:0 0 14px #ba91ff;margin-right:8px;vertical-align:2px}.hero-lead{font-size:17px;line-height:1.75;max-width:455px}.actions{display:flex;align-items:center;gap:26px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #ffffff30;border-radius:11px;padding:15px 22px;line-height:1.4;color:white;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--purple);color:#211332;border-color:var(--purple);box-shadow:0 8px 35px #8d5cea1c}.primary:hover{background:#d0b8ff}.text-link{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:9px;color:#e5dceF;line-height:1.6}.text-link:hover{color:var(--purple)}.play-small{font-size:10px;width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid #ffffff30;border-radius:50%}.download-note{font-size:11px;margin-top:14px;color:#a49bab}.rating{display:flex;align-items:center;gap:11px;font-size:11px;margin-top:36px;color:#a69fae;flex-wrap:wrap}.rating strong{color:#eee8f5;font-size:12px}.stars{font-size:16px;letter-spacing:2px;color:#d0b1f5}.stars>span{opacity:.6}.hero-art{position:relative;height:580px;display:flex;align-items:center;justify-content:center}.phone{border:6px solid #24212b;border-radius:40px;background:#221530;overflow:hidden;box-shadow:0 28px 80px #0006;flex:none}.phone img{width:100%;height:auto}.hero-phone{width:258px;transform:rotate(7deg);z-index:2;box-shadow:0 22px 80px #0008,0 0 80px #9e50ff12}.orbit{position:absolute;border:1px solid #ac70db22;border-radius:50%;width:520px;height:520px;transform:rotate(-30deg) scaleY(.8)}.orbit-two{width:650px;height:650px;opacity:.5}.floating-label{position:absolute;display:flex;align-items:center;gap:12px;padding:15px 18px;background:#251a2eeF;border:1px solid #cda9ff30;border-radius:14px;box-shadow:0 15px 45px #0006;z-index:4;white-space:nowrap}.floating-label strong{display:block;line-height:1.5;font-size:12px;font-weight:600}.floating-label small{font-size:10px;color:#aaa0b5}.label-top{top:120px;left:-8px;transform:rotate(-5deg)}.label-bottom{bottom:105px;right:-5px;transform:rotate(4deg)}.tiny-wave{color:#cf9bff;letter-spacing:2px;font-size:24px}.check{border:1px solid #a4e6be40;background:#73bc9130;color:#a9e8c4;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.art-caption{position:absolute;bottom:0;color:#87768f;font-size:8px;letter-spacing:.22em}.hero-wave{display:flex;gap:5px;align-items:center;position:absolute;width:600px;height:280px;opacity:.14;transform:rotate(-9deg)}.bar{display:block;width:5px;border-radius:4px;background:var(--purple);height:30px;flex:1}.bar-0{height:28%}.bar-1{height:40%}.bar-2{height:25%}.bar-3{height:76%}.bar-4{height:95%}.bar-5{height:52%}.bar-6{height:67%}.bar-7{height:36%}.bar-8{height:20%}.feature-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-ribbon .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;font-size:13px;color:#cac2d2}.feature-ribbon b{color:#725881;font-size:12px}.demo-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.demo-grid h2{font-size:clamp(34px,3.6vw,48px);margin-bottom:22px}.demo-grid p{font-size:15px}.demo-grid .text-link{margin-top:26px}.demo-card{padding:30px;background:linear-gradient(130deg,#211628,#15101a);border:1px solid #dbc4f023;border-radius:22px}.demo-top{display:flex;align-items:center;gap:13px}.demo-top strong{display:block;font-size:13px;font-weight:600}.demo-top div>span{display:block;font-size:10px;color:var(--muted)}.demo-icon{display:grid;place-items:center;width:43px;height:43px;background:#40244d;color:var(--purple);font-size:22px;border-radius:9px}.sample-tag{font-size:8px;margin-left:auto;letter-spacing:.18em;color:#ad9eb6;border:1px solid #a58daf36;border-radius:5px;padding:4px 7px}.wave{height:78px;display:flex;align-items:center;gap:4px;margin:28px 0 24px}.wave .bar{background:linear-gradient(#c394fc,#8c4cbb);opacity:.75}.demo-card.is-playing .wave .bar{animation:wave .8s alternate infinite ease-in-out}.demo-card.is-playing .wave .bar:nth-child(3n){animation-delay:-.3s}.demo-card.is-playing .wave .bar:nth-child(4n){animation-delay:-.6s}@keyframes wave{from{transform:scaleY(.4)}to{transform:scaleY(1)}}.stem-options{border:0;padding:0;margin:0 0 18px;display:flex;gap:7px;flex-wrap:wrap}.stem-options legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stem-options button{border:1px solid #b291c52c;background:transparent;border-radius:7px;color:#bbb1c4;padding:8px 11px;font-size:11px}.stem-options button[aria-pressed=true]{color:#241631;background:var(--purple);border-color:var(--purple);font-weight:700}audio{width:100%;height:42px;display:block}.audio-status{font-size:10px!important;margin-top:12px;min-height:17px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}.section-heading>p{font-size:14px;margin-bottom:5px}.features-section{padding-top:30px}.feature-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.feature-card{position:relative;border:1px solid #d3b1fb21;border-radius:var(--radius);background:#16101f;overflow:hidden;min-height:510px}.feature-copy{position:relative;z-index:3;padding:38px}.feature-copy h3{font-size:38px;margin-top:17px;margin-bottom:18px}.feature-copy p{font-size:14px;max-width:280px;line-height:1.75}.feature-number{font-size:9px;letter-spacing:.15em;color:#b39acc}.feature-copy .text-link{margin-top:23px;font-size:11px}.mix-card{background:radial-gradient(ellipse at 100% 100%,#382052,#18121f 70%);min-height:550px}.mix-card .feature-copy{max-width:62%}.mix-card .feature-copy p{max-width:240px}.mix-phones{position:absolute;bottom:-140px;right:-27px;transform:rotate(-10deg);width:235px}.mix-phones .phone{width:100%;border-radius:32px;border-width:4px}.pitch-card{background:radial-gradient(ellipse at 55% 100%,#422255,#17101f 70%)}.pitch-card .feature-copy h3{font-size:37px}.pitch-card .feature-copy p{max-width:330px}.pitch-phones{display:flex;gap:16px;transform:rotate(-9deg);position:absolute;bottom:-260px;right:12px}.pitch-phones .phone{width:180px;border-radius:27px;border-width:4px}.pitch-phones .phone+ .phone{transform:translateY(46px)}.lyrics-card{min-height:405px;background:linear-gradient(115deg,#201626,#17101e)}.lyrics-card .feature-copy{max-width:58%}.lyrics-image{position:absolute;right:2%;width:200px;top:42px;transform:rotate(8deg);border-radius:25px;border:4px solid #292030;box-shadow:0 25px 40px #0004}.export-card{min-height:405px;background:radial-gradient(ellipse at 100% 100%,#242438,#16121e)}.format-art{position:absolute;right:22px;bottom:10px;display:flex;gap:8px;transform:rotate(-9deg)}.format-art span{width:84px;height:100px;border:1px solid #cdb8e430;border-radius:10px;background:linear-gradient(135deg,#2b223d,#1b1726);display:grid;place-items:center;font-size:13px;color:#c9b4e4;box-shadow:0 10px 20px #0004}.format-art span:nth-child(2){transform:translateY(-15px)}.format-art span:nth-child(3){transform:translateY(-30px)}.format-art span:nth-child(4){transform:translateY(-45px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;list-style:none;gap:42px}.steps li{border-top:1px solid #ffffff26;padding-top:24px}.steps li>span{font-size:11px;color:var(--purple);font-weight:700}.steps h3{font-size:22px;margin-top:25px;margin-bottom:14px;letter-spacing:-.035em}.steps p{font-size:14px}.use-section{padding:95px 0;background:radial-gradient(ellipse at 70% 20%,#54206644,transparent 70%),#141017;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.use-section h2{font-size:clamp(42px,5.7vw,76px);line-height:1.06}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:58px}.use-grid h3{font-size:19px;margin-bottom:12px}.use-grid p{font-size:14px}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-grid>div:first-child p:not(.eyebrow){margin:24px 0;font-size:14px;max-width:280px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{list-style:none;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:400;color:var(--purple);flex:none}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;line-height:1.8;margin:14px 34px 0 0}.final-section{padding-top:10px}.final-cta{text-align:center;border-radius:32px;border:1px solid #c192e128;background:radial-gradient(ellipse at 50% 100%,#50265366,transparent 75%),#1b1223;padding:75px 30px}.final-cta h2{font-size:clamp(45px,5.8vw,76px);margin:25px 0 30px}.final-cta .eyebrow{font-size:9px}.final-cta .button{padding:17px 24px}.footer{border-top:1px solid var(--line);padding:60px 0 25px}.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1.3fr 1fr;gap:30px}.footer-top>div>a:not(.brand){display:block;font-size:12px;color:var(--muted);margin:9px 0}.footer-top>div>a:hover{color:white}.footer-top h2{font-size:11px;font-weight:600;letter-spacing:.04em;margin:8px 0 18px}.footer-top p{font-size:12px;margin-top:15px}.footer-top .small{font-size:10px;margin-top:7px}.footer-bottom{margin-top:50px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#918899}.footer-bottom>div{display:flex;gap:24px}.article-hero{padding-top:55px;padding-bottom:55px;max-width:1120px}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:45px}.article-hero h1{font-size:clamp(48px,6.5vw,82px);max-width:900px}.article-intro{font-size:19px;max-width:720px;margin-top:30px;line-height:1.75}.article-meta{font-size:11px;margin-top:24px;color:#897b95}.article-layout{display:grid;grid-template-columns:minmax(0,730px) 290px;gap:90px;padding-bottom:95px;max-width:1120px}.article-body section{padding:27px 0;border-top:1px solid var(--line)}.article-body h2{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin-bottom:15px}.article-body p{line-height:1.9;font-size:16px}.article-aside{background:#1b1223;border:1px solid #ae8dc727;border-radius:24px;padding:25px;height:fit-content;text-align:center}.article-aside .phone{max-width:200px;margin:0 auto 25px;border-radius:30px;border-width:4px}.article-aside h2{font-size:24px;margin-bottom:20px}.article-aside .button{font-size:11px;padding:14px;gap:8px}.article-resources{padding:30px;background:#17111e;border-radius:16px;margin-top:24px}.article-resources a{display:block;font-size:13px;color:var(--purple);margin-top:12px}.faq-page{max-width:850px;padding-bottom:90px}.help-note{margin-top:55px;text-align:center}.help-note h2{font-size:32px;margin-bottom:25px}
@media(min-width:1450px){.hero-grid{min-height:780px}.hero-art{height:600px}.hero-phone{width:270px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}nav{gap:20px}.hero-grid{gap:25px}.hero-copy h1{font-size:clamp(50px,6vw,70px)}.hero-lead{font-size:15px}.hero-phone{width:235px}.hero-art{height:550px}.label-top{left:-10px;top:110px}.label-bottom{right:-15px;bottom:80px}.floating-label{padding:12px}.floating-label strong{font-size:10px}.floating-label small{font-size:9px}.hero-grid{min-height:680px}.actions{gap:17px}.actions .button{font-size:11px;padding:14px}.demo-grid{gap:50px}.feature-copy{padding:30px}.feature-copy h3{font-size:33px}.mix-phones{width:205px;right:-50px;bottom:-80px}.pitch-phones{bottom:-260px;right:-20px}.lyrics-image{right:-35px}.feature-ribbon{font-size:12px}.faq-grid{gap:50px}.article-layout{gap:40px}.footer-top{gap:20px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav-row{height:74px}.brand{font-size:16px}.menu-toggle{display:flex;border:1px solid #ffffff30;width:42px;height:38px;background:transparent;border-radius:8px;flex-direction:column;gap:6px;align-items:center;justify-content:center}.menu-toggle span{height:1px;width:18px;background:#eee}nav{display:none;position:absolute;top:74px;left:0;right:0;padding:25px;background:#151019;border-bottom:1px solid #ffffff30;flex-direction:column;align-items:stretch;gap:20px}nav[data-open=true]{display:flex}nav a{font-size:16px}.nav-download{display:flex;justify-content:space-between}.hero-grid{grid-template-columns:1fr;gap:20px;padding-top:55px;padding-bottom:35px}.hero-copy{max-width:600px}.hero-copy h1{font-size:clamp(48px,8.8vw,72px)}.hero-lead{font-size:16px;max-width:490px}.actions .button{font-size:12px;padding:16px}.rating{margin-top:27px}.hero-art{height:535px;width:100%;max-width:520px;margin:0 auto}.hero-phone{width:223px}.label-top{left:0;top:105px}.label-bottom{right:0;bottom:95px}.hero-wave{width:520px}.feature-ribbon .wrap{gap:16px;padding:20px 0;justify-content:center;flex-wrap:wrap;font-size:11px}.feature-ribbon b{font-size:9px}.feature-ribbon span:last-child,.feature-ribbon b:last-of-type{display:none}.section{padding:70px 0}.demo-grid{grid-template-columns:1fr;gap:35px}.demo-grid>div:first-child{max-width:500px}.demo-card{padding:25px}.demo-grid h2{font-size:40px}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:30px}.section-heading>p{font-size:14px}.features-section{padding-top:15px}.feature-grid{gap:18px;grid-template-columns:1fr 1fr}.feature-card{min-height:470px}.feature-copy{padding:27px}.feature-copy h3{font-size:31px}.feature-copy p{font-size:13px}.mix-card .feature-copy{max-width:100%}.mix-card .feature-copy p{max-width:260px}.mix-phones{width:170px;bottom:-230px;right:6px}.mix-card .text-link{display:none}.pitch-card .feature-copy h3{font-size:31px}.pitch-phones{right:-70px;bottom:-270px}.pitch-phones .phone{width:160px}.lyrics-card .feature-copy{max-width:100%}.lyrics-image{width:175px;top:240px;right:15px}.export-card .feature-copy p{max-width:230px}.format-art{right:-15px;bottom:35px;gap:7px}.format-art span{width:62px;height:80px;font-size:11px}.steps{gap:22px}.steps h3{font-size:20px}.steps p{font-size:13px}.use-grid{gap:30px}.use-section{padding:70px 0}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid>div:first-child p:not(.eyebrow){max-width:420px;margin:15px 0}.final-cta{padding:55px 25px}.footer-top{grid-template-columns:repeat(3,1fr)}.footer-top>div:first-child{grid-column:1/-1;margin-bottom:20px}.footer-bottom{flex-wrap:wrap;justify-content:flex-start}.footer-bottom>span:last-child{margin-left:auto}.article-layout{grid-template-columns:1fr}.article-aside{display:none}.article-hero{padding-top:30px;padding-bottom:35px}.article-hero h1{font-size:54px}.article-intro{font-size:17px}.article-body p{font-size:15px}.faq-page{padding-bottom:70px}}
@media(max-width:480px){.hero-grid{padding-top:42px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:24px}.hero-copy h1{font-size:48px;letter-spacing:-.06em}.hero-lead{font-size:14px;max-width:355px;line-height:1.8}.actions{gap:18px;margin-top:25px}.actions .text-link{font-size:11px}.actions .button{font-size:11px;padding:15px;gap:16px}.play-small{display:none}.download-note{font-size:10px}.hero-art{height:500px}.hero-phone{width:207px}.floating-label strong{font-size:9px}.floating-label small{font-size:8px}.floating-label{gap:9px;padding:10px}.label-top{top:100px;left:0}.label-bottom{bottom:90px;right:-3px}.tiny-wave{font-size:18px}.check{width:22px;height:22px;font-size:12px}.feature-ribbon .wrap{gap:12px;font-size:10px}.feature-ribbon b{font-size:8px}.demo-grid h2{font-size:35px}.demo-card{padding:22px 18px}.stem-options{gap:6px}.stem-options button{padding:8px 10px;font-size:10px}.section{padding:60px 0}.features-section{padding-top:0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:470px}.mix-card{min-height:470px}.mix-card .feature-copy{max-width:76%}.mix-card .feature-copy p{max-width:190px}.mix-phones{width:190px;right:-24px;bottom:-240px}.pitch-phones{right:-4px;bottom:-265px}.pitch-phones .phone{width:165px}.lyrics-card{min-height:375px}.lyrics-card .feature-copy{max-width:64%}.lyrics-image{top:95px;right:-36px;width:185px}.export-card{min-height:335px}.format-art{bottom:14px;right:15px}.feature-copy h3{font-size:34px}.feature-copy p{font-size:13px}.steps{grid-template-columns:1fr;gap:28px}.steps li{padding-top:16px}.steps h3{margin-top:16px}.steps p{max-width:330px;font-size:14px}.use-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.use-grid p{max-width:340px}.use-section h2{font-size:41px}.use-section .eyebrow{font-size:9px}.faq-grid{gap:32px}summary{font-size:14px}.final-cta{padding:47px 20px}.final-cta h2{font-size:46px}.final-section{padding-top:0}.footer{padding-top:45px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{margin-top:30px;gap:15px}.footer-bottom>div{gap:18px}.footer-bottom>span:last-child{display:none}.article-hero h1{font-size:46px}.back-link{margin-bottom:30px}.article-hero .eyebrow{font-size:9px}.article-intro{font-size:16px}.article-body h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the real pitch and BPM controls visible in the feature composition. */
.pitch-phones{bottom:-25px;right:25px}
.pitch-phones .phone{height:280px}
.pitch-phones .phone img{height:100%;object-fit:cover;object-position:bottom}
@media(max-width:1100px){.pitch-phones{right:8px}}
@media(max-width:800px){.pitch-phones{right:-28px;bottom:-25px}.pitch-phones .phone{height:250px}}
@media(max-width:480px){.pitch-phones{right:10px;bottom:-35px}.pitch-phones .phone{height:240px}}
/* Allow the audio waveform and native controls to fit narrow screens. */
.demo-grid>*{min-width:0}.demo-card .bar{min-width:0}.stem-options{min-inline-size:0}.demo-card audio{min-width:0;max-width:100%}
@media(max-width:480px){.stem-options button{flex:1 0 calc(33.333% - 7px)}}