@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Outfit:wght@500;600&display=swap";
:root{--cream:#fff9f0;--ink:#241b32;--lime:#d8ff65;--muted:#655c6c;--font-heading:Outfit, sans-serif;--font-body:"DM Sans", sans-serif;--weight-heading:600;--weight-label:600}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #8a5cad}.skip{z-index:10;background:var(--lime);padding:14px;position:fixed;top:-80px;left:15px}.skip:focus{top:15px}header{justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:30px 56px;display:flex}.logo{font-family:var(--font-heading);letter-spacing:-1.6px;align-items:center;gap:7px;font-size:31px;font-weight:600;display:flex}.brand-icon{font-size:34px}.period{margin-left:-7px}nav{gap:34px;font-size:14px;display:flex}.nav-cta{border:1px solid #241b3240;border-radius:40px;gap:22px;padding:13px 23px;font-size:14px;font-weight:600;display:flex}.nav-cta:hover{background:var(--lime)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:28px;max-width:1320px;margin:auto;padding:60px 56px 88px;display:grid}.eyebrow{font-size:10px;font-weight:var(--weight-label);letter-spacing:1.9px;line-height:1.7;display:block}.eyebrow i{background:#8eaa45;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:var(--weight-heading)}h1{letter-spacing:-5px;margin:25px 0;font-size:clamp(58px,6.5vw,88px);font-weight:600;line-height:1.04}em{font-style:normal;position:relative}h1 em{background:linear-gradient(transparent 69%,var(--lime) 69%,var(--lime) 94%,transparent 94%)}.hero-copy>p{max-width:400px;color:var(--muted);font-size:17px;line-height:1.8}.button{background:var(--ink);color:var(--cream);border-radius:40px;align-items:center;gap:46px;margin-top:30px;padding:19px 25px;font-size:15px;font-weight:600;display:inline-flex}.button:hover{background:#483653;transform:translateY(-2px)}.button span{font-size:23px}.under-cta{color:var(--muted);margin-top:16px;font-size:11px;display:block}.hero-art{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.mascot-disc{background:#e9ddf5;border-radius:50%;place-items:center;width:410px;height:410px;display:grid;transform:rotate(-7deg)}.mascot-disc img{filter:drop-shadow(0 18px 12px #553f5112);width:115%;max-width:480px;transform:rotate(7deg)}.orbit{border:1px solid #b5a7b84a;border-radius:50%;width:95%;height:65%;position:absolute;transform:rotate(-28deg)}.orbit-two{width:90%;height:75%;transform:rotate(27deg)}.handwritten{font-family:Georgia,serif;font-size:21px;font-style:italic;position:absolute;top:20px;right:18px;transform:rotate(-9deg)}.note{z-index:2;font-size:70px;position:absolute}.note-one{top:64px;left:17px;transform:rotate(-20deg)}.note-two{color:#8064a0;top:235px;right:0;transform:rotate(15deg)}.audio-chip{background:#fffdfa;border:1px solid #e8dfd5;border-radius:18px;align-items:center;gap:14px;padding:19px 23px;display:flex;position:absolute;bottom:15px;left:5px;right:8px;transform:rotate(-3deg);box-shadow:0 16px 40px #241b3209}.audio-chip small{letter-spacing:1.5px;color:var(--muted);margin-bottom:6px;font-size:8px;display:block}.audio-chip strong{font-size:12px;font-weight:500}.record-dot{background:#e97868;border-radius:50%;width:12px;height:12px}.wave{align-items:center;gap:3px;height:50px;margin-left:auto;display:flex}.wave i{background:#9c7bc1;border-radius:4px;width:3px}.art-label{letter-spacing:1px;color:var(--muted);font-size:10px;position:absolute;bottom:-20px;right:26px}.ticker{background:var(--lime);white-space:nowrap;letter-spacing:1px;justify-content:center;align-items:center;gap:45px;padding:22px 0;font-size:18px;font-weight:600;display:flex;overflow:hidden}.ticker b{font-size:29px;font-weight:400}.section{max-width:1320px;margin:auto;padding:105px 56px}.section-head{justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px;display:flex}h2{letter-spacing:-2.4px;margin-top:18px;font-size:49px;font-weight:500;line-height:1.15}.section-head>p{max-width:270px;color:var(--muted);font-size:15px;line-height:1.8}.steps{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.mini{border-radius:16px;height:230px;padding:25px;position:relative;overflow:hidden}.record-mini{background:#e9ddf5}.small-label{letter-spacing:1.2px;font-size:8px;font-weight:600}.big-wave{justify-content:center;align-items:center;gap:4px;height:107px;display:flex}.big-wave i{background:#8b66ac;border-radius:5px;width:5px}.mini-pill{text-align:center;background:#ffffff80;border-radius:30px;padding:10px;font-size:10px;display:block}.chord-mini{background:#e6eddb}.chords{gap:8px;margin:22px 0;display:flex}.chords>span{background:#fff9f0;border-radius:8px;padding:10px 14px;font-size:23px;line-height:1}.chords small{margin-top:4px;font-size:8px;display:block}.track{align-items:center;gap:5px;margin-top:10px;font-size:8px;display:flex}.track>span{width:87px}.track i{background:#afc283;border-radius:3px;flex:1;height:14px}.track:last-child i{background:#c9b2df;height:10px}.export-mini{background:#ffe4ca;justify-content:center;display:flex}.export-mini img{height:220px;position:absolute;top:-9px}.export-pill{background:var(--cream);border-radius:30px;justify-content:space-between;padding:13px 16px;font-size:10px;display:flex;position:absolute;bottom:22px;left:23px;right:23px}.step-no{letter-spacing:1.5px;color:var(--muted);margin:25px 0 13px;font-size:9px;display:block}h3{letter-spacing:-.6px;font-size:20px;font-weight:600}.steps p{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.8}.illustration-note{color:var(--muted);margin-top:25px;font-size:10px}.why{border-top:1px solid #e6ddd4;grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.why-art{background:#e9ddf5;border-radius:47% 47% 30% 30%;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.why-art img{width:100%;max-width:450px}.why-art .handwritten{line-height:1.3;top:auto;bottom:28px;right:25px}.benefit{gap:22px;margin-top:29px;display:flex}.benefit>span{flex-shrink:0;width:28px;font-size:26px}.benefit h3{font-size:17px}.benefit p{color:var(--muted);margin-top:7px;font-size:14px;line-height:1.8}.faq{border-top:1px solid #e6ddd4;grid-template-columns:1fr 1.2fr;column-gap:70px;display:grid}.faq>.eyebrow{grid-column:1}.faq h2{grid-column:1;font-size:38px}.faq>div{grid-area:1/2/4}details{border-bottom:1px solid #ded5cb;padding:22px 0}details:first-child{padding-top:0}summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:15px;font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);padding:15px 30px 0 0;font-size:14px;line-height:1.8}.waitlist{background:var(--lime);text-align:center;max-width:none;padding:85px 24px 60px}.waitlist h2{letter-spacing:-4px;margin-top:22px;font-size:72px;line-height:1.05}.waitlist h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400}.waitlist h2>span{font-size:64px;display:inline-block;transform:rotate(5deg)}.waitlist>p{margin-top:26px;font-size:15px;line-height:1.9}.signup{max-width:540px;margin:32px auto 0}.signup label{text-align:left;margin:0 0 9px 5px;font-size:12px;display:block}.input-row{background:#fffdfa;border:1px solid #241b3225;border-radius:40px;padding:6px;display:flex;position:relative}.input-row input{background:0 0;border:0;border-radius:30px;width:100%;min-width:0;padding:12px 17px;font-size:14px}.input-row button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:30px;flex-shrink:0;padding:16px 22px;font-size:13px}.input-row button span{margin-left:15px}.input-row button:disabled{opacity:.75;cursor:default}.input-row .honeypot{width:1px;height:1px;position:absolute;left:-10000px}.form-note{min-height:38px;margin-top:13px;font-size:11px;line-height:1.7}.bottom-note{letter-spacing:.5px;margin-top:35px;font-size:10px}footer{justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:35px 56px;display:flex}footer .logo{font-size:24px}footer>span,footer small{color:var(--muted);font-size:11px}@media (min-width:1500px){.hero{padding-top:80px;padding-bottom:110px}}@media (max-width:1000px){header{padding:25px 30px}.hero{gap:0;padding:40px 30px 70px}h1{letter-spacing:-3.5px;font-size:65px}.hero-art{min-height:450px}.mascot-disc{width:320px;height:320px}.wave{display:none}.section{padding:75px 30px}.why{gap:45px}h2{font-size:41px}.mini{padding:20px}.chords{gap:5px}.chords>span{padding:10px}.steps{gap:20px}.why-art{min-height:400px}}@media (max-width:700px){header{padding:22px}.logo{font-size:27px}nav{display:none}.nav-cta{gap:15px;padding:11px 16px;font-size:11px}.hero{grid-template-columns:1fr;padding:35px 24px 55px}.hero .eyebrow{letter-spacing:1.4px;font-size:8px}h1{letter-spacing:-3.8px;font-size:66px}.hero-copy>p{max-width:360px;font-size:16px}.hero-art{justify-self:center;width:100%;max-width:440px;min-height:410px;margin-top:40px}.mascot-disc{width:300px;height:300px}.handwritten{font-size:18px;top:0}.audio-chip{padding:16px 20px;bottom:10px}.wave{display:flex}.note-one{font-size:50px;top:40px}.note-two{font-size:55px;top:180px}.ticker{gap:25px;padding:15px 0;font-size:13px}.ticker b{font-size:24px}.section{padding:65px 24px}.section-head{margin-bottom:30px;display:block}h2{letter-spacing:-1.9px;font-size:38px}.section-head>p{max-width:340px;margin-top:22px}.steps{grid-template-columns:1fr;gap:40px}.mini{height:240px}.big-wave{height:120px}.chords{justify-content:center;gap:14px}.chords>span{padding:10px 18px}.steps p{max-width:380px}.step-no{margin-top:19px}.why{grid-template-columns:1fr;gap:40px}.why-art{justify-self:center;width:100%;max-width:380px;min-height:340px}.why-art img{width:320px}.why-art .handwritten{bottom:15px}.why>div:last-child{grid-row:1}.faq{display:block}.faq h2{margin-bottom:32px;font-size:34px}.waitlist h2{letter-spacing:-2.8px;font-size:50px}.waitlist h2>span{font-size:39px}.waitlist>p{font-size:13px}.input-row{border-radius:20px;flex-direction:column;padding:8px}.input-row input{padding:16px 12px}.input-row button{border-radius:13px}footer{flex-wrap:wrap;gap:22px;padding:28px 24px}footer>span{order:3;width:100%}footer small{margin-left:auto}.under-cta{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.hero-line{width:fit-content;max-width:100%;display:block}@media (max-width:700px){.hero h1{letter-spacing:-.055em;font-size:clamp(44px,14vw,66px);line-height:1.06}}.why .benefit{margin-top:34px}.why .benefit h3{font-size:21px;line-height:1.4}.why .benefit p{max-width:380px;font-size:15px;line-height:1.8}.why-art{min-height:430px}.process{padding-top:60px;padding-bottom:70px}.process .section-head{margin-bottom:20px}.process .section-head h2{max-width:none;margin-top:10px;font-size:clamp(30px,3.4vw,49px)}.music-story{width:100%}.story-panel{border-radius:25px;min-width:0;padding:24px 20px}.story-panel h3{letter-spacing:-.3px;font-family:DM Sans,sans-serif;font-size:22px;font-weight:500;line-height:1.35}.story-hum{background:#e7d9f7}.story-panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.story-mic svg{width:23px;height:23px}.story-wave{width:100%;height:145px;margin-top:28px;display:block}.story-bridge{color:var(--muted);justify-content:center;align-items:center;gap:18px;padding:18px 12px;font-size:18px;line-height:1.4;display:flex}.story-bridge>span:first-child{color:var(--ink);font-size:29px;font-weight:400;line-height:1}.story-accompaniment{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.story-chords{background:#fbd8e8}.story-beats{background:#d8efd9}.story-chord-blocks{gap:7px;margin-top:17px;display:flex}.story-chord-blocks span{background:var(--cream);border-radius:14px;flex:1;justify-content:center;align-items:center;min-width:0;height:39px;font-size:18px;display:flex}.story-beat-bars{align-items:flex-end;gap:5px;height:39px;margin-top:17px;display:flex}.story-beat{border-radius:999px;flex:1;min-width:0;display:block}.story-beat--kick{background:#f8a168;height:37px}.story-beat--snare{background:#ee9fc8;height:27px}.story-beat--hihat{background:#81b99c;height:16px}.story-down{place-items:center;height:60px;display:grid}.story-down svg{width:24px;height:24px}.story-result{background:#ffe1bf}.story-result p{color:var(--muted);margin-top:11px;font-size:18px;line-height:1.5}.story-result-icon{background:var(--lime);border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;margin-top:4px;display:grid}.story-result-icon svg{width:25px;height:25px}.story-result .story-wave{height:155px;margin-top:18px}@media (min-width:701px) and (max-width:1000px){.why .benefit h3{font-size:19px}.why .benefit p{font-size:14px}}@media (max-width:700px){.process{padding-top:45px;padding-bottom:50px}.process .section-head{margin-bottom:18px}.process .section-head h2{letter-spacing:-1.4px;font-size:32px;line-height:1.17}.story-panel{border-radius:21px;padding:18px 16px}.story-panel h3{font-size:18px}.story-wave{height:94px;margin-top:20px}.story-bridge{gap:12px;padding:16px 0;font-size:14px}.story-bridge>span:first-child{font-size:25px}.story-accompaniment{gap:10px}.story-accompaniment .story-panel{border-radius:19px;padding:16px 12px}.story-chord-blocks{gap:4px;margin-top:16px}.story-chord-blocks span{border-radius:9px;height:32px;font-size:14px}.story-beat-bars{gap:3px;height:32px;margin-top:16px}.story-beat--kick{height:32px}.story-beat--snare{height:24px}.story-beat--hihat{height:13px}.story-down{height:45px}.story-result p{margin-top:7px;font-size:13px;line-height:1.5}.story-result-icon{width:40px;height:40px;margin-top:0}.story-result-icon svg{width:22px;height:22px}.story-result .story-wave{height:104px;margin-top:18px}.why .benefit{margin-top:28px}.why .benefit h3{font-size:20px}.why .benefit p{font-size:14px}.why-art{min-height:320px}}.why-showcase{padding-top:42px;padding-bottom:65px;position:relative}.legacy-anchor{position:absolute;top:0}.showcase-heading{text-align:center;margin-bottom:18px}.showcase-heading h2{font-size:44px}.showcase-row{border-bottom:1px solid #e5ddd480;grid-template-columns:1fr 1fr;align-items:center;gap:65px;min-height:280px;padding:35px 0;display:grid}.showcase-row:last-child{border-bottom:0}.showcase-copy{align-items:flex-start;gap:22px;display:flex}.showcase-number{border-radius:50%;flex-shrink:0;place-items:center;width:53px;height:53px;font-size:17px;font-weight:600;display:grid}.showcase-number-lavender{background:#ece0fc}.showcase-number-mint{background:#d8f0d4}.showcase-number-pink{background:#ffd8e9}.showcase-copy h3{letter-spacing:-1.3px;font-size:29px;line-height:1.13}.showcase-copy p{color:var(--muted);margin-top:16px;font-size:14px;line-height:1.6}.showcase-row-2 .showcase-copy{grid-area:1/1}.showcase-row-2 .showcase-art{grid-column:2}.showcase-art{min-width:0;height:220px;position:relative;overflow:hidden}.showcase-art-phone{background:#eee5f7;border-radius:50% 50% 40% 40%/55% 55% 45% 45%;justify-content:center;align-items:flex-start;width:100%;max-width:500px;padding-top:6px;display:flex}.showcase-phone{background:var(--cream);border:6px solid #19181c;border-radius:34px;flex-shrink:0;width:246px;min-height:330px;padding:7px 15px 20px;position:relative;box-shadow:0 0 0 2px #b3afb2,0 5px 15px #241b3220}.showcase-phone:before{content:"";background:#121115;border-radius:30px;width:72px;height:17px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.phone-status{justify-content:space-between;margin:0 0 12px;font-size:7px;font-weight:700;display:flex}.phone-brand{letter-spacing:-.8px;font-size:17px;font-weight:800}.showcase-phone h4{letter-spacing:-1px;margin:12px 0 9px;font-family:Manrope,sans-serif;font-size:20px;font-weight:600;line-height:1.06}.phone-key>span{color:#80669d;background:#e7d9ff;border-radius:7px;margin-left:6px;padding:3px 5px}.phone-chords{gap:7px;margin-top:7px;display:flex}.phone-chords>span{text-align:center;background:#e7d9ff;border-radius:8px;flex:1;padding:11px 0;font-size:11px}.phone-chords>span:nth-child(2){background:#ffe0bf}.phone-chords>span:nth-child(3){background:#ffd8e9}.phone-chords>span:nth-child(4){background:#d8f0d4}.showcase-art-melody{justify-content:center;align-items:center;display:flex}.melody-preview{background:#f5eee8;border-radius:25px;width:100%;padding:12px}.melody-original{background:#e7d9ff;border-radius:15px;padding:12px 14px}.melody-preview span{font-size:10px;display:block}.melody-original svg{width:100%;height:40px;margin-top:10px;display:block}.melody-additions{grid-template-columns:1fr 1fr;gap:9px;margin-top:8px;display:grid}.melody-additions>div{background:#ffd8e9;border-radius:12px;min-width:0;padding:10px}.melody-additions>div:last-child{background:#d8f0d4}.showcase-chords{gap:5px;margin-top:8px;display:flex}.showcase-chords>span{text-align:center;background:var(--cream);border-radius:7px;flex:1;padding:4px 0;font-size:10px}.showcase-beats{align-items:flex-end;gap:4px;height:22px;margin-top:7px;display:flex}.showcase-hit{border-radius:20px;flex:1;min-width:0}.hit-kick{background:#f8a168;height:22px}.hit-snare{background:#ee9fc8;height:16px}.hit-hat{background:#81b99c;height:9px}.showcase-art-editor{background:#fff0db;border-radius:44% 45% 28% 32%;justify-content:center;align-items:flex-start;padding-top:13px;display:flex}.editor-preview{background:#fffdfa;border:1px solid #ece3d9;border-radius:25px;align-items:stretch;gap:10px;width:90%;min-height:228px;padding:15px 14px;display:flex;position:relative;box-shadow:0 3px 13px #241b3210}.editor-rail{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:22px;padding-top:9px;display:flex}.editor-rail>span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.editor-rail>i{background:#9e8f9f;width:1px;height:120px;position:relative}.editor-rail>i:before{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;top:2px;left:-2px}.editor-tracks{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.editor-track{background:#e7d9ff;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.editor-track-1{background:#ffd8e9}.editor-track-2{background:#d8f0d4}.editor-track>span{white-space:nowrap;flex-shrink:0;width:40px;font-size:9px}.editor-track svg{flex:1;min-width:0;height:27px}.editor-tools{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:30px;font-size:16px;display:flex}.editor-tools span{text-align:center;line-height:1.2}.editor-tools small{margin-top:1px;font-size:6px;display:block}.showcase-sparks{color:#fa9e57;z-index:1;font-size:20px;line-height:.75;position:absolute;top:30px;left:20px;transform:rotate(10deg)}@media (max-width:1000px){.showcase-row{gap:30px}.showcase-copy{gap:15px}.showcase-copy h3{font-size:25px}.showcase-copy p{font-size:13px}.showcase-copy p br{display:none}.showcase-number{width:45px;height:45px}.editor-preview{gap:6px;width:95%;padding:13px 9px}.showcase-sparks{left:4px}.showcase-heading h2{font-size:38px}}@media (max-width:700px){.why-showcase{padding-top:25px;padding-bottom:35px}.showcase-heading{text-align:left;margin-bottom:12px}.showcase-heading h2{font-size:34px;line-height:1.16}.showcase-row{grid-template-columns:1fr;gap:22px;min-height:0;padding:30px 0}.showcase-row .showcase-copy{grid-area:1/1}.showcase-row .showcase-art{grid-area:2/1}.showcase-copy h3{letter-spacing:-1px;font-size:26px}.showcase-copy p{margin-top:13px;font-size:14px}.showcase-number{width:43px;height:43px;font-size:15px}.showcase-art{justify-self:center;width:100%;max-width:440px;height:195px}.showcase-art-melody{height:175px}.showcase-art-editor{height:185px}.showcase-phone{width:232px}.editor-preview{min-height:210px}.editor-track{gap:6px;padding:9px 7px}.editor-track>span{width:34px;font-size:8px}.editor-tools{width:25px}.melody-original svg{height:34px}.melody-preview{border-radius:20px;padding:9px}.melody-original{padding:10px}.showcase-sparks{font-size:17px;left:8px}}.why-showcase{isolation:isolate;padding-top:45px;padding-bottom:55px;overflow:hidden}.showcase-heading{z-index:2;margin-bottom:30px;position:relative}.showcase-trails{z-index:-1;pointer-events:none;stroke-width:1.2px;width:100%;height:calc(100% - 150px);position:absolute;inset:130px 0 0}.showcase-row{border:0;gap:55px;min-height:310px;padding:14px 0;position:relative}.showcase-row-2{grid-template-columns:.9fr 1.1fr}.showcase-row-3{grid-template-columns:1.13fr 1fr}.showcase-copy{z-index:2;gap:26px;position:relative}.showcase-copy h3{letter-spacing:-1.4px;font-size:32px}.showcase-copy p{margin-top:19px;font-size:15px;line-height:1.65}.showcase-number{width:59px;height:59px;font-size:19px}.showcase-art{isolation:isolate;background:0 0;border-radius:0;min-width:0;max-width:none;height:290px;overflow:visible}.showcase-art:before{content:"";z-index:-1;pointer-events:none;position:absolute}.showcase-art-phone{padding-top:0;display:block}.showcase-art-phone:before{background:#eee1fb;border-radius:43% 55% 41%/48% 55% 44%;inset:45px -5px 16px;transform:rotate(10deg)}.phone-stage{z-index:1;border-radius:0 0 42% 35%/0 0 18% 20%;position:absolute;inset:-3px 0 0;overflow:hidden}.showcase-phone{transform-origin:50% 60%;border-width:6px;border-radius:36px;width:283px;min-height:380px;padding:12px 18px 22px;position:absolute;top:15px;left:50%;transform:translate(-50%)rotate(-9deg);box-shadow:0 0 0 2px #aaa7a8,0 9px 18px #241b3218}.phone-status{margin-bottom:20px;font-size:8px}.phone-brand{font-size:20px}.showcase-phone h4{margin-top:17px;margin-bottom:13px;font-size:24px}.phone-key{font-size:11px}.showcase-phone p{margin-top:18px;font-size:11px}.phone-chords{gap:7px;margin-top:9px}.phone-chords>span{border-radius:9px;padding:13px 0;font-size:13px}.art-note{pointer-events:none;z-index:2;font-size:47px;line-height:1;position:absolute}.phone-note{color:#aa7bdd;top:151px;left:26px;transform:rotate(-12deg)}.art-rays{pointer-events:none;z-index:2;display:block;position:absolute}.art-rays i{transform-origin:0;background:currentColor;border-radius:9px;width:39px;height:5px;display:block;position:absolute}.phone-rays{color:#a47ae0;top:57px;right:39px;transform:rotate(-17deg)}.phone-rays i:first-child{transform:rotate(-40deg)}.phone-rays i:nth-child(2){transform:translate(6px,15px)rotate(-15deg)}.phone-rays i:nth-child(3){width:29px;transform:translate(12px,30px)rotate(10deg)}.showcase-art-melody:before{background:#fde6f1;border-radius:52% 41% 44% 47%/51% 46% 51% 44%;inset:13px -7px 14px;transform:rotate(-9deg)}.floating-tracks{width:100%;padding:20px 0 0;position:relative;transform:rotate(7deg)}.floating-track{background:#eee3fc;border:5px solid #fff6;border-radius:21px;align-items:center;gap:19px;min-width:0;padding:14px;display:flex;position:relative;box-shadow:0 8px 16px #80617e0b}.floating-track>span{flex-shrink:0;width:66px;font-size:12px}.floating-track>svg{flex:1;min-width:0;height:43px}.floating-hum{z-index:3;width:95%;margin-left:0}.floating-chords{z-index:2;background:#ffedf5;width:96%;margin-top:-2px;margin-left:5%}.floating-beats{z-index:3;background:#e2f3e1;width:94%;margin-top:-1px;margin-left:-2%}.floating-beats .showcase-beats{flex:1;align-items:center;gap:6px;min-width:0;height:33px;margin:0}.floating-beats .hit-kick{height:30px}.floating-beats .hit-snare{height:19px}.floating-beats .hit-hat{height:11px}.melody-note{color:#f099c7;top:-4px;right:-9px;transform:rotate(17deg)}.melody-rays{color:#f2a0c9;top:135px;right:-8px}.melody-rays i:first-child{width:28px;transform:rotate(-40deg)}.melody-rays i:nth-child(2){width:28px;transform:translate(10px,16px)rotate(-15deg)}.showcase-art-editor{align-items:center;padding-top:24px}.showcase-art-editor:before{background:#ffecd4;border-radius:42% 47% 38% 41%/46% 42% 51% 40%;inset:5px -5px 11px;transform:rotate(5deg)}.editor-preview{border:1px solid #fff8ed;border-radius:28px;align-items:stretch;width:96%;min-height:221px;padding:17px 16px 20px;transform:rotate(-8deg);box-shadow:0 8px 18px #b691770b}.editor-track{border-radius:10px;gap:11px;padding:12px 9px}.editor-track>span{width:43px;font-size:10px}.editor-track svg{height:33px}.editor-tracks{gap:8px}.editor-tools{justify-content:space-between;width:36px;font-size:20px}.editor-tools small{font-size:8px}.editor-rail{width:28px;padding-top:13px}.editor-rail>span{width:29px;height:29px;font-size:11px}.editor-rail>i{height:133px}.editor-rays{color:#fa9b53;top:45px;left:-7px;transform:rotate(20deg)}.editor-rays i:first-child{width:30px;transform:rotate(28deg)}.editor-rays i:nth-child(2){width:32px;transform:translate(-4px,21px)rotate(0)}@media (min-width:701px) and (max-width:1000px){.showcase-row{gap:30px;min-height:280px}.showcase-copy{gap:17px}.showcase-copy h3{font-size:26px}.showcase-copy p{font-size:13px}.showcase-number{width:47px;height:47px;font-size:16px}.showcase-art{height:260px}.showcase-phone{width:244px}.showcase-phone h4{font-size:21px}.phone-brand{font-size:18px}.phone-key{font-size:9px}.phone-chords>span{font-size:11px}.phone-note{font-size:35px;top:160px;left:3px}.phone-rays{top:43px;right:5px}.floating-track{border-width:4px;border-radius:17px;gap:9px;padding:11px 8px}.floating-track>span{width:47px;font-size:10px}.floating-track>svg{height:37px}.editor-preview{gap:7px;min-height:205px;padding:13px 9px}.editor-track{gap:7px;padding:10px 7px}.editor-track>span{width:34px;font-size:8px}.editor-track svg{height:30px}.editor-tools{width:26px;font-size:16px}.editor-tools small{font-size:6px}.editor-rail{width:22px}.editor-rail>span{width:24px;height:24px}.editor-rail>i{height:115px}}@media (max-width:700px){.why-showcase{padding-top:28px;padding-bottom:40px}.showcase-heading{margin-bottom:20px}.showcase-trails{display:none}.showcase-row,.showcase-row-2,.showcase-row-3{grid-template-columns:minmax(0,1fr);gap:25px;min-height:0;padding:25px 0}.showcase-copy{gap:17px}.showcase-copy h3{font-size:27px}.showcase-copy p{margin-top:14px;font-size:14px;line-height:1.6}.showcase-number{width:45px;height:45px;font-size:16px}.showcase-art{justify-self:center;width:calc(100% - 16px);max-width:440px;height:265px}.showcase-phone{width:254px;top:18px}.showcase-phone h4{font-size:22px}.phone-brand{font-size:18px}.phone-key{font-size:10px}.phone-status{margin-bottom:16px}.phone-chords>span{padding:11px 0;font-size:12px}.phone-note{font-size:34px;top:160px;left:3px}.phone-rays{top:50px;right:4px;transform:scale(.75)rotate(-17deg)}.showcase-art-melody{height:250px}.floating-tracks{padding-top:24px;transform:rotate(5deg)}.floating-track{border-width:4px;border-radius:17px;gap:9px;padding:11px 9px}.floating-track>span{width:50px;font-size:10px}.floating-track>svg{height:37px}.floating-beats .showcase-beats{gap:4px;height:27px}.floating-beats .hit-kick{height:26px}.floating-beats .hit-snare{height:16px}.floating-beats .hit-hat{height:9px}.melody-note{font-size:36px;top:8px;right:-3px}.melody-rays{top:135px;right:-2px;transform:scale(.7)}.showcase-art-editor{height:235px;padding-top:16px}.editor-preview{border-radius:22px;gap:7px;width:98%;min-height:195px;padding:13px 9px;transform:rotate(-6deg)}.editor-track{gap:6px;padding:9px 6px}.editor-track>span{width:34px;font-size:8px}.editor-track svg{height:29px}.editor-tools{width:25px;font-size:16px}.editor-tools small{font-size:6px}.editor-rail{width:22px}.editor-rail>span{width:23px;height:23px;font-size:9px}.editor-rail>i{height:112px}.editor-rays{top:30px;left:-4px;transform:scale(.8)rotate(20deg)}}.showcase-art-editor:has(.editor-preview-selection){padding-top:49px}.editor-preview-selection{gap:13px;width:97%;min-height:224px;padding:18px 15px 19px;overflow:visible}.editor-preview-selection .editor-tracks{isolation:isolate;gap:9px;position:relative}.editor-preview-selection .editor-track{gap:13px;padding:12px 10px}.editor-preview-selection .editor-track svg{height:35px}.editor-preview-selection .editor-track>span{width:48px;font-size:10px}.editor-floating-toolbar{color:var(--ink);white-space:nowrap;z-index:5;background:#fffefa;border:1px solid #f5eee5;border-radius:15px;align-items:center;gap:13px;padding:12px 15px;display:flex;position:absolute;top:-53px;left:31%;box-shadow:0 7px 16px #533b4516}.editor-floating-toolbar:after{content:"";border-top:8px solid #fffefa;border-left:7px solid #0000;border-right:7px solid #0000;position:absolute;bottom:-7px;left:43%}.editor-floating-toolbar>span{align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.editor-floating-toolbar svg{width:19px;height:19px}.editor-floating-toolbar>i{background:#e8e0dc;width:1px;height:19px}.editor-selected-region{z-index:2;pointer-events:none;background:#a47cdb17;border-radius:5px;width:44%;height:59px;position:absolute;top:0;left:33%}.editor-selected-region>i{border:3px solid #a477e1;width:8px;position:absolute;top:-3px;bottom:-3px}.editor-selected-region>i:first-child{border-right:0;border-radius:6px 0 0 6px;left:-2px}.editor-selected-region>i:last-child{border-left:0;border-radius:0 6px 6px 0;right:-2px}.editor-playhead{z-index:3;pointer-events:none;background:#ef8879;width:1.5px;position:absolute;top:-9px;bottom:0;left:49%}.editor-playhead:before{content:"";border-top:7px solid #ef8879;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;top:-4px;left:-3.5px}.editor-preview-selection .editor-rail>span{width:34px;height:34px;font-size:14px}.editor-preview-selection .editor-rail{width:30px}.editor-preview-selection .editor-rail>i{height:130px}@media (min-width:701px) and (max-width:1000px){.editor-preview-selection{gap:9px;min-height:207px;padding:15px 10px}.editor-floating-toolbar{border-radius:12px;gap:9px;padding:10px 11px;top:-45px;left:25%}.editor-floating-toolbar>span{gap:5px;font-size:9px}.editor-floating-toolbar svg{width:16px;height:16px}.editor-floating-toolbar>i{height:15px}.editor-preview-selection .editor-track{gap:8px;padding:10px 7px}.editor-preview-selection .editor-track svg{height:31px}.editor-preview-selection .editor-track>span{width:36px;font-size:8px}.editor-selected-region{width:43%;height:51px;left:35%}.editor-preview-selection .editor-rail{width:24px}.editor-preview-selection .editor-rail>span{width:27px;height:27px;font-size:11px}.editor-preview-selection .editor-rail>i{height:116px}}@media (max-width:700px){.showcase-art-editor:has(.editor-preview-selection){height:255px;padding-top:52px}.editor-preview-selection{gap:8px;min-height:201px;padding:15px 10px}.editor-floating-toolbar{border-radius:12px;gap:8px;padding:10px 11px;top:-44px;left:22%}.editor-floating-toolbar>span{gap:5px;font-size:9px}.editor-floating-toolbar svg{width:16px;height:16px}.editor-floating-toolbar>i{height:15px}.editor-preview-selection .editor-track{gap:7px;padding:10px 7px}.editor-preview-selection .editor-track>span{width:34px;font-size:8px}.editor-preview-selection .editor-track svg{height:29px}.editor-selected-region{width:44%;height:49px;left:34%}.editor-selected-region>i{border-width:2.5px;width:7px}.editor-preview-selection .editor-rail{width:23px}.editor-preview-selection .editor-rail>span{width:27px;height:27px;font-size:11px}.editor-preview-selection .editor-rail>i{height:110px}.editor-preview-selection .editor-playhead{top:-7px}}.hero-copy .signup{text-align:left;max-width:460px;margin:28px 0 0;scroll-margin-top:35px}.hero-copy .signup label{margin-left:3px;font-size:12px}.hero-copy .signup .input-row{background:#fffdfa;border-color:#241b3225}.hero-copy .signup .input-row button{padding:15px 18px;font-size:12px}.hero-copy .signup .input-row button span{margin-left:10px}.hero-copy .signup .form-note{min-height:30px;color:var(--muted);margin-top:12px;font-size:10px}.editor-preview-selection .editor-track-0{background:#eee2ff}.editor-preview-selection .editor-track-1{opacity:.35}.editor-preview-selection .editor-track-2{opacity:.28}.editor-preview-selection .editor-playhead{height:68px;bottom:auto}.editor-preview-selection .editor-rail>i{opacity:.25}.editor-preview-selection .editor-track-2 .showcase-beats{flex:1;align-items:center;gap:5px;min-width:0;height:35px;margin:0}.editor-preview-selection .editor-track-2 .hit-kick{height:24px}.editor-preview-selection .editor-track-2 .hit-snare{height:15px}.editor-preview-selection .editor-track-2 .hit-hat{height:8px}.editor-preview-selection:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fffaf47a);border-radius:0 0 25px 25px;height:40px;position:absolute;bottom:-1px;left:0;right:0}@media (min-width:701px) and (max-width:1000px){.hero-copy .signup .input-row{border-radius:19px;flex-direction:column;padding:7px}.hero-copy .signup .input-row button{border-radius:13px;min-height:46px}.hero-copy .signup .input-row input{padding:13px 12px}.editor-preview-selection .editor-playhead{height:60px}.editor-preview-selection .editor-track-2 .showcase-beats{height:31px}}@media (max-width:700px){.hero-copy .signup{max-width:420px;margin-top:25px}.hero-copy .signup .input-row button{min-height:48px;font-size:14px}.hero-copy .signup .form-note{font-size:11px;line-height:1.6}.editor-preview-selection .editor-playhead{height:58px}.editor-preview-selection .editor-track-2 .showcase-beats{height:29px}}.faq{grid-template-rows:auto auto 1fr;align-items:start}.faq h2{grid-row:2}.faq-mascot{grid-area:3/1;width:min(300px,100%);margin:24px 0 0}.faq-mascot img{width:100%;height:auto;display:block}@media (max-width:700px){.faq-mascot{width:190px;margin:-10px 0 28px}.faq h2{margin-bottom:24px}}.hero-copy .signup .input-row input[type=email]:focus-visible{outline-offset:-2px;outline:2px solid #8a5cad}body{-moz-text-size-adjust:100%;text-size-adjust:100%}button,nav{font-family:var(--font-body);font-weight:500}.hero-copy,.showcase-copy,.showcase-copy>div{min-width:0}summary{line-height:1.4}summary span{flex-shrink:0}@media (min-width:701px) and (max-width:1000px){.hero h1{letter-spacing:-.035em;font-size:clamp(44px,6vw,60px)}}@media (max-width:700px){:root{--page-gutter:clamp(20px,5.6vw,24px);--text-hero:clamp(48px,13vw,56px);--text-section:clamp(32px,8.8vw,38px);--text-feature:clamp(26px,7vw,29px);--text-body:16px}header{padding:20px var(--page-gutter)}.hero{padding:24px var(--page-gutter) 44px;grid-template-columns:minmax(0,1fr)}.hero .eyebrow,.eyebrow{letter-spacing:.12em;font-size:11px;line-height:1.3;font-weight:var(--weight-label)}.hero h1{font-size:var(--text-hero);font-weight:var(--weight-heading);letter-spacing:-.035em;margin:20px 0 18px;line-height:1.08}.hero-copy>p{font-size:var(--text-body);max-width:36ch;line-height:1.6}.hero-copy .signup{margin-top:22px}.hero-copy .signup label{font-size:12px}.input-row input{min-height:48px;font-size:16px}.hero-copy .signup .input-row button{min-height:48px;padding:13px 18px;font-size:15px;font-weight:600}.hero-copy .signup .form-note{min-height:18px;margin-top:10px;font-size:12px;line-height:1.5}.hero-art{min-height:360px;margin-top:28px}.mascot-disc{aspect-ratio:1;width:min(280px,90%);height:auto}.audio-chip{gap:10px;padding:14px}.audio-chip strong{font-size:11px}.wave{gap:2px}.wave i{width:2px}.section{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.why-showcase{padding-top:24px;padding-bottom:36px}.showcase-heading{margin-bottom:12px}.showcase-heading h2,.faq h2{font-size:var(--text-section);letter-spacing:-.025em;margin-top:14px;font-weight:500;line-height:1.13}.showcase-heading h2{max-width:17ch;margin-left:auto;margin-right:auto}.showcase-row,.showcase-row-2,.showcase-row-3{gap:20px;padding:24px 0}.showcase-copy{flex-wrap:wrap;align-items:center;gap:12px}.showcase-number{width:38px;height:38px;font-size:13px}.showcase-copy>div{display:contents}.showcase-copy h3{font-size:var(--text-feature);letter-spacing:-.025em;line-height:1.16;font-weight:var(--weight-heading);flex:1}.showcase-copy p{font-size:var(--text-body);flex-basis:100%;max-width:38ch;margin-top:0;line-height:1.6}.faq{padding-top:44px;padding-bottom:44px}.faq h2{max-width:14ch;margin-bottom:28px}summary{gap:16px;font-size:17px;font-weight:500;line-height:1.4}details{padding:20px 0}details p{font-size:var(--text-body);padding:12px 0 0;line-height:1.6}}.hero-copy .signup .input-row button .waitlist-button-content{vertical-align:middle;justify-content:center;align-items:center;gap:10px;margin-left:0;display:inline-flex}.hero-copy .signup .input-row button .waitlist-button-icon{flex-shrink:0;width:18px;height:1em;margin-left:0;display:inline-block;position:relative}.waitlist-button-icon svg{display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}