@font-face{font-family:Outfit;src:url('/assets/fonts/outfit-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Chakra;src:url('/assets/fonts/chakra-latin.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
/* --lime e nome historico: hoje e o realce neutro sobre o escuro. --violet e o lilas da musica e da jornada.
   Ouro so no botao de acao e no "pro" da marca. */
:root{--ink:#18151f;--paper:#F4F3F8;--violet:#A89BE8;--violet-deep:#6951a0;--lime:#F4F3F8;--gold:#E8B352;--subtle:#B9BBC9;--line:rgba(255,255,255,.14);--ease:cubic-bezier(.2,.65,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Outfit,system-ui,sans-serif;font-size:20px;line-height:1.55;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;height:auto;display:block}figure,p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.07;font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(38px,4.2vw,62px)}h3{font-size:27px;letter-spacing:-.025em}p{font-weight:400}button:disabled{cursor:wait}::selection{background:var(--violet);color:var(--ink)}:focus-visible{outline:3px solid #A47200;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.light-section{background:var(--paper);color:var(--ink)}.eyebrow{font-size:16px;letter-spacing:.035em;display:flex;gap:10px;align-items:center;color:var(--violet);margin-bottom:24px;font-weight:500}.eyebrow.dark{color:#5A5E70}.live-dot{width:8px;height:8px;border-radius:2px;background:#B9BBC9;display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:58px;padding:14px 25px;border:1px solid transparent;border-radius:6px;font-size:18px;font-weight:550;line-height:1.35;transition:background .2s,transform .2s var(--ease),box-shadow .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.primary{color:#242631;background:#E8B352;box-shadow:none}.button.primary:hover{background:#D69C33;box-shadow:none}.button.small{min-height:44px;font-size:16px;padding:10px 18px;gap:15px;box-shadow:none}.button.ink-button{background:var(--ink);color:var(--paper);box-shadow:none}.button.ink-button:hover{background:#322940}.text-link{display:inline-flex;gap:16px;align-items:center;font-size:18px;font-weight:500;border-bottom:1px solid transparent;padding:8px 0;transition:color .2s,border-color .2s}.text-link:hover{color:var(--lime);border-color:currentColor}.dark-link:hover{color:var(--violet-deep)}.skip{position:fixed;top:-90px;left:20px;padding:12px 22px;background:var(--lime);color:var(--ink);z-index:100}.skip:focus{top:15px}
/* A broad, quiet editorial stage. The product provides the detail. */
.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-inline:40px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--ink)}.brand{display:flex;align-items:center;gap:var(--brand-gap);white-space:nowrap;line-height:1;--brand-size:23px;--brand-gap:10px}.brand>span,.brand>b{font-family:Chakra,Outfit,sans-serif;font-weight:700;font-size:var(--brand-size);line-height:1;letter-spacing:-.05em}.brand>span{color:#F4F3F8}.brand>b{color:#E8B352;margin-left:calc(.3em - var(--brand-gap))}.desktop-nav{display:flex;gap:28px;font-size:16px;color:#d6d0de}.desktop-nav a,.login-link{transition:color .2s}.desktop-nav a:hover,.login-link:hover{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:25px}.login-link{font-size:16px;color:#d6d0de}.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;padding:10px}.menu-toggle span{width:24px;height:2px;background:var(--paper);display:block;margin:6px 0}#mobile-menu{position:absolute;left:0;right:0;top:100%;padding:16px 24px 26px;background:var(--ink);border-bottom:1px solid var(--line)}#mobile-menu a{display:block;padding:12px 0}
.hero{position:relative;overflow:hidden;isolation:isolate}.hero-inner{display:grid;grid-template-columns:46% 54%;min-height:750px;align-items:center;padding:54px 0 65px}.hero-copy{z-index:4;position:relative}.hero h1{font-size:clamp(62px,6.4vw,94px);line-height:1.015;letter-spacing:-.055em;margin-left:-4px;font-weight:500}.handline{color:var(--violet);position:relative}.handline:after{content:'';position:absolute;height:6px;left:0;right:0;bottom:-9px;border-top:2px solid var(--violet);border-radius:50%;transform:rotate(-3deg);opacity:.6}.hero-description{max-width:410px;font-size:21px;color:#B9BBC9;line-height:1.5;margin-top:28px}.hero-ctas{display:flex;align-items:center;gap:30px;margin-top:29px}.hero-visual{position:relative;height:570px;isolation:isolate;margin-left:40px}.hero-screen.screen-button{position:absolute;top:40px;left:0;width:780px;max-width:none;transform:rotate(-3deg);border:1px solid #8e7aab66!important;border-radius:10px!important;box-shadow:0 40px 110px #07050b99;transition:transform .7s var(--ease)!important;overflow:hidden}.hero-screen.screen-button:hover{transform:rotate(-1deg) translateY(-5px)}.hero-screen.screen-button>img{width:100%;aspect-ratio:1440/870;object-fit:cover;object-position:top}.screen-button{padding:0;border:0;background:transparent;display:block;text-align:initial;position:relative;width:100%;overflow:hidden}.window-bar{display:flex;align-items:center;gap:6px;background:#2d263b;padding:12px 16px;height:37px}.window-bar>span{display:block;width:6px;height:6px;border-radius:50%;background:#6c607d}.window-bar>span:first-child{background:var(--subtle)}.window-bar b{font-size:11px;font-weight:400;letter-spacing:.05em;color:#b5a8c8;text-align:center;flex:1}.hero-phone{position:absolute;width:174px;right:-10px;bottom:-9px;border:7px solid #211c2b;border-radius:28px;box-shadow:0 28px 65px #0007;overflow:visible;z-index:5;transform:rotate(5deg);background:#211c2b}.hero-phone img{border-radius:20px;width:100%;aspect-ratio:390/844;object-fit:cover;object-position:top}.phone-speaker{position:absolute;top:5px;left:37%;width:26%;height:6px;background:#211c2b;border-radius:20px;z-index:1}.phone-label{position:absolute;top:calc(100% + 14px);left:-65px;font-size:16px;color:var(--violet);white-space:nowrap;transform:rotate(-5deg)}.hero-sticker{position:absolute;left:17px;bottom:24px;display:flex;gap:16px;align-items:center;background:var(--lime);padding:20px 25px;box-shadow:8px 8px 0 #08060f55;color:var(--ink);border-radius:3px;transform:rotate(-5deg);z-index:6;line-height:1.3;font-size:18px}.hero-sticker>span{font-size:36px}.hero-sticker strong{font-weight:550}.hero-caption{position:absolute;left:23px;bottom:-44px;font-size:14px;color:#b5aabe}.orbit-label{position:absolute;left:4px;top:-9px;display:flex;align-items:center;gap:12px;font-size:16px;color:var(--subtle)}.mini-wave{height:21px;display:flex;align-items:center;gap:3px}.mini-wave i{display:block;width:3px;height:8px;border-radius:3px;background:var(--violet)}.mini-wave i:nth-child(2),.mini-wave i:nth-child(4){height:15px}.mini-wave i:nth-child(3){height:21px}.hero-staves{position:absolute;inset:100px -80px 0;z-index:-1;opacity:.32;pointer-events:none}.hero-staves svg{width:100%;height:100%;fill:none;stroke:#8a6fb4;stroke-width:1}.hero-staves path{stroke-dasharray:1600;animation:staff-flow 40s linear infinite}.hero-staves path:nth-child(2n){stroke:#dac879;animation-delay:-12s}.hero-baseline{display:flex;justify-content:space-between;gap:26px;padding-block:28px;border-top:1px solid var(--line);color:#bfb7c9;font-size:17px}.hero-baseline a{color:var(--lime);font-size:24px;line-height:1}.hero-baseline span:before{content:'+';margin-right:13px;color:var(--violet)}
.connection{padding:100px 0 75px}.muted-heading{color:#8e8595}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:65px}.journey>div{position:relative;border-top:1px solid #d3cdd5;padding-top:28px}.journey>div:before{content:'';width:6px;height:6px;background:var(--violet-deep);position:absolute;top:-4px;left:0;transform:rotate(45deg)}.journey-mark{font-size:16px;color:#766985;display:block;margin-bottom:26px}.journey h3{font-size:28px}.journey p{font-size:18px;line-height:1.5;margin-top:13px;color:#6f6579;max-width:240px}.music-mark{font-size:24px;height:25px;line-height:1;color:var(--violet-deep)}
.platform{padding:50px 0 94px}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-intro>p{color:#6f6579;max-width:335px;line-height:1.55;font-size:20px;margin-bottom:6px}.product-tabs{display:flex;gap:8px;border-bottom:1px solid #cfc8d3;margin-top:45px;padding-bottom:12px;overflow-x:auto;scrollbar-width:thin}.product-tabs button{font-size:18px;border:1px solid transparent;background:transparent;color:#655c70;white-space:nowrap;min-height:48px;border-radius:5px;padding:10px 23px;transition:background .2s,color .2s}.product-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.product-tabs button:hover:not([aria-selected=true]){background:#e6e0eb}.product-panel{display:grid;grid-template-columns:32% 68%;gap:38px;padding:42px 0 30px;align-items:center;min-height:580px}.panel-copy{padding-right:18px}.panel-index{font-size:15px;letter-spacing:.03em;color:var(--violet-deep);display:block;margin-bottom:23px}.panel-copy h3{font-size:36px;line-height:1.11;margin-bottom:22px}.panel-copy>p{font-size:19px;color:#716678;line-height:1.55}.panel-copy ul{list-style:none;padding:0;margin:24px 0;font-size:17px;color:#564c61}.panel-copy li{padding-left:22px;position:relative;margin:12px 0}.panel-copy li:before{content:'+';color:var(--violet-deep);position:absolute;left:0}.panel-copy .feature-roadmap{padding:14px 0 0;border-top:1px solid #d7cfdb;font-size:16px;margin-top:20px}.feature-roadmap b{font-weight:500;color:#58486d}.product-panel figure{min-width:0;margin-right:38px}.product-screen{height:460px;border:1px solid #cdc5d5;border-radius:7px;box-shadow:0 20px 55px #55476817;background:#eeebf3;transition:box-shadow .3s}.product-screen:hover{box-shadow:0 20px 55px #55476833}.product-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.product-panel[data-flat] .product-screen img{object-fit:contain}.zoom-hint{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:16px;bottom:16px;background:var(--ink);color:var(--paper);border:1px solid #ffffff25;padding:9px 14px;border-radius:5px;font-size:15px;box-shadow:0 5px 20px #18151f22;transition:transform .25s}.screen-button:hover .zoom-hint{transform:translateY(-3px)}figcaption{font-size:14px;color:#6e617c;margin-top:12px;text-align:right}.more-tools{display:flex;align-items:start;gap:35px;border-top:1px solid #d6cfdc;padding-top:28px;font-size:17px;color:#72677e}.more-tools>span{color:#352d40;white-space:nowrap;font-weight:500}.more-tools i{font-style:normal;color:#a094ad;margin:0 9px}
.music-section{padding:105px 0 70px;position:relative;overflow:hidden;background:#17131f}.music-intro{position:relative;z-index:2;max-width:670px}.music-intro h2{font-size:clamp(48px,5.7vw,82px);line-height:1.05}.music-intro h2>span{color:#A89BE8}.music-intro .live-dot{background:#A89BE8}.music-intro>p:last-child{font-size:23px;color:#c2b9cd;line-height:1.5;margin-top:25px;max-width:540px}.music-proof{margin-top:56px;position:relative;padding:22px;background:linear-gradient(135deg,#8c6dc144,#4b3d6820 60%,#b9dc5b22);border:1px solid #b798df22;border-radius:12px}.stage-screen{border-radius:4px;box-shadow:0 20px 45px #0005}.stage-screen>img{width:100%;height:auto;max-height:660px;object-fit:cover;object-position:center}.music-note{position:absolute;right:28px;top:-84px;display:flex;gap:14px;align-items:center;transform:rotate(5deg);font-size:20px;color:var(--violet);line-height:1.3}.music-note>span{font-size:57px}.music-note strong{font-weight:500}.music-points{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin:44px 0 70px}.point-icon{display:block;color:#A89BE8;font-size:35px;margin-bottom:12px;height:42px}.music-points h3{font-size:25px;margin-bottom:14px;letter-spacing:-.01em}.music-points p{font-size:18px;color:#b8afc5;line-height:1.55}.listen-demo{display:grid;grid-template-columns:40% 60%;border-top:1px solid var(--line);padding:55px 0 25px;gap:45px}.listen-copy{max-width:355px}.listen-copy h3{font-size:37px;line-height:1.12;margin-bottom:20px}.listen-copy>p:not(.eyebrow){font-size:18px;color:#b9b0c3}.listen-copy .button{margin-top:26px}.listen-copy .audio-status{margin-top:16px;font-size:15px!important;min-height:48px}.mixer{margin-right:45px;padding:30px 32px 25px;background:#211a2d;border:1px solid #b798df30;border-radius:10px;align-self:center}.mixer-top{display:flex;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:.1em;color:#baa9cd}.mixer-top span:last-child{letter-spacing:0;color:#A89BE8;font-size:14px}#audio-wave{width:100%;height:170px;display:block;margin:12px 0}.stem-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stem-controls button{border:1px solid #746685;background:transparent;font-size:16px;border-radius:4px;min-height:44px;padding:9px 12px;color:#ded4e9;transition:background .2s}.stem-controls button:hover{border-color:var(--lime)}.stem-controls button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}.demo-credit{font-size:14px;color:#b8abc6;margin-top:18px}.music-availability{font-size:15px;color:#b6a9c3;border-top:1px solid #ffffff12;margin-top:25px;padding-top:24px;max-width:970px}
.teacher-section{padding:110px 0}.teacher-layout{display:grid;grid-template-columns:55% 45%;gap:70px;align-items:center}.teacher-image{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#e5deec;border:1px solid #d5c9e0;border-radius:6px;padding:28px 0;overflow:hidden}.teacher-image .screen-button{width:850px;max-width:none;transform:translateX(-47px) rotate(-3deg);box-shadow:0 20px 35px #4b2d6d33;border:1px solid #9e8aae;border-radius:5px}.teacher-image img{width:100%}.image-label{font-size:16px;line-height:1.4;color:#675277;padding:35px 30px 0;max-width:370px}.teacher-copy{margin-right:70px}.teacher-copy h2{font-size:53px}.teacher-copy>p:not(.eyebrow){font-size:20px;color:#766a7e;margin-top:24px}.teaching-flow{padding:0;margin:28px 0;list-style:none;counter-reset:step}.teaching-flow li{display:grid;grid-template-columns:100px 1fr;gap:15px;border-bottom:1px solid #dad1e0;padding:15px 0;line-height:1.4;font-size:17px}.teaching-flow b{font-size:19px;font-weight:500;color:var(--violet-deep)}.teaching-flow span{color:#74657e}.teacher-copy .text-link{font-size:17px}.decision-section{padding:5px 0 100px}.decision-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;border-top:1px solid #d8d0df;padding-top:90px}.decision-layout>div:first-child>p:last-child{font-size:20px;color:#73687a;line-height:1.55;max-width:450px;margin-top:25px}.decision-layout h2{font-size:45px}.decision-list>div{position:relative;padding:25px 0 27px 55px;border-bottom:1px solid #d8d0df}.decision-list>div:first-child{padding-top:0}.decision-list>div>span{position:absolute;left:0;font-size:16px;color:var(--violet-deep);padding-top:4px}.decision-list h3{font-size:25px}.decision-list p{font-size:18px;color:#73687a;margin-top:12px;line-height:1.5}
.faq-section{padding:20px 0 100px}.faq-layout{border-top:1px solid #d8d0df;padding-top:70px;display:grid;grid-template-columns:35% 65%;gap:40px}.faq-layout .text-link{margin-top:26px}.faqs{margin-right:40px}.faqs details{border-bottom:1px solid #cec5d7;padding:21px 0}.faqs details:first-child{padding-top:0}.faqs summary{display:flex;justify-content:space-between;align-items:start;gap:25px;cursor:pointer;list-style:none;font-size:22px;font-weight:450;line-height:1.35}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{color:var(--violet-deep);font-size:25px;transition:transform .25s}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details p{font-size:18px;color:#6e607b;margin-top:20px;max-width:650px;line-height:1.65}
.contact-section{padding:90px 0;background:#FAF9FC;color:#242631;position:relative;overflow:hidden;isolation:isolate}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact-layout h2{font-size:clamp(54px,5.8vw,82px);line-height:1.03}.contact-section .eyebrow{color:#5A5E70}.contact-copy>p:first-child{font-size:23px;max-width:430px;line-height:1.5}.contact-copy>.button{margin-top:30px}.contact-hint{font-size:15px;max-width:420px;margin-top:15px;color:#5A5E70}.email-row{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap}.email-row>a{font-size:19px;text-decoration:underline;text-underline-offset:4px}.email-row>button{background:transparent;border:1px solid #CBC9D6;color:#242631;font-size:14px;border-radius:3px;min-height:36px;padding:4px 9px}.email-row>button:hover{background:#EFEDF5}#copy-status{font-size:15px;min-height:24px;margin-top:7px}.contact-lines{position:absolute;z-index:-1;right:-150px;bottom:-280px;width:650px;height:570px;border:1px solid #8ca950;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 0 25px #dbef98,0 0 0 26px #8ca950,0 0 0 52px #dbef98,0 0 0 53px #8ca950,0 0 0 80px #dbef98,0 0 0 81px #8ca950;opacity:.35}
.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-block:55px 30px}.site-footer>div>p{font-size:17px;color:#b8aec4;margin-top:17px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;align-content:start;font-size:16px;color:#B9BBC9}.footer-links>button{border:0;background:none;padding:0;text-align:left;font-size:16px}.footer-links>a:hover,.footer-links>button:hover{color:var(--lime)}.footer-fine{border-top:1px solid var(--line);padding-top:25px;grid-column:1/-1;font-size:14px;color:#afa3bd}.image-dialog,.privacy-dialog{color:var(--ink);border:1px solid #b6a3cd;border-radius:8px;padding:0;background:var(--paper);box-shadow:0 30px 120px #0008}.image-dialog{width:min(1500px,96vw);max-width:96vw;max-height:92dvh}.image-dialog::backdrop,.privacy-dialog::backdrop{background:#100b1ee6;backdrop-filter:blur(8px)}.dialog-top{padding:16px 22px;display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid #d1c6dd}.dialog-top>p{font-size:19px;font-weight:500}.dialog-top>button{flex-shrink:0;width:44px;height:44px;border:1px solid #c1b6cb;background:transparent;font-size:21px;border-radius:5px}.image-scroll{max-height:calc(92dvh - 135px);overflow:auto;background:#ded7e5}.image-scroll img{max-width:none;height:auto;margin-inline:auto}.dialog-note{font-size:14px;padding:10px 20px;color:#756281}.privacy-dialog{width:min(600px,94vw);max-height:90dvh;padding:10px 24px 28px}.privacy-dialog .dialog-top{padding:10px 0 18px}.privacy-dialog h2{font-size:29px}.privacy-dialog>p{font-size:18px;margin-top:20px;color:#695975}.privacy-dialog>p a{color:var(--ink);text-decoration:underline}.privacy-dialog>.button{margin-top:25px}
@keyframes staff-flow{0%{stroke-dashoffset:0;opacity:.65}50%{opacity:1}100%{stroke-dashoffset:-3200;opacity:.65}}
@media(min-width:1600px){.hero-inner{grid-template-columns:46% 54%;min-height:820px}.hero-visual{margin-left:22px}.hero-screen.screen-button{width:840px}.hero-phone{right:-25px}.hero-sticker{bottom:0}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:30px;gap:20px}.desktop-nav{gap:20px}.brand{--brand-size:20px}.hero-inner{grid-template-columns:48% 52%;min-height:700px}.hero h1{font-size:78px}.hero-visual{margin-left:5px;height:500px}.hero-screen.screen-button{width:650px;top:50px}.hero-phone{right:-15px;width:148px;bottom:0}.hero-sticker{left:5px;bottom:0;font-size:16px;padding:17px}.hero-caption{bottom:-59px;font-size:13px;left:6px}.hero-description{font-size:20px;max-width:370px}.hero-ctas{gap:22px}.hero-ctas .button{padding-inline:19px}.hero-baseline{font-size:16px}.product-panel{grid-template-columns:34% 66%;gap:25px}.product-panel figure{margin-right:25px}.panel-copy{padding-right:0}.product-screen{height:410px}.teacher-layout{grid-template-columns:50% 50%;gap:45px}.teacher-copy{margin-right:45px}.teacher-copy h2{font-size:45px}.decision-layout{gap:60px}.contact-layout{gap:65px}.listen-demo{gap:30px}.mixer{margin-right:30px;padding:24px}.hero-staves{inset:0 -100px}.music-points{gap:40px}}
@media(max-width:940px){.desktop-nav{display:none}.menu-toggle{display:block}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:50px 0 80px}.hero-copy{max-width:660px}.hero h1{font-size:clamp(58px,8.6vw,82px)}.hero h1 br:nth-child(2){display:none}.handline{display:block}.handline br{display:none}.hero-description{max-width:550px;font-size:22px}.hero-visual{margin:65px auto 0;width:100%;height:500px}.hero-screen.screen-button{width:90%;top:18px;left:0;transform:rotate(-2deg)}.hero-phone{right:3%;width:168px;bottom:14px}.hero-sticker{bottom:0;left:30px}.orbit-label{top:-27px;left:16px}.hero-caption{bottom:-50px;left:25px}.hero-baseline span:before{display:none}.connection{padding-top:75px}.journey{gap:22px;margin-top:45px}.section-intro{align-items:start}.section-intro>p{max-width:280px}.product-tabs button{padding-inline:17px}.product-panel{grid-template-columns:1fr;gap:25px;padding-top:30px}.panel-copy{display:block;max-width:620px}.panel-copy h3 br{display:none}.panel-copy h3{font-size:36px;margin-bottom:15px}.panel-index{margin-bottom:13px}.panel-copy ul{display:flex;gap:25px;margin-block:12px}.panel-copy .text-link{margin-top:0}.product-panel figure{margin:0}.product-screen{height:460px}.more-tools{display:block}.more-tools p{margin-top:12px}.music-points{gap:28px}.music-points h3{font-size:23px}.listen-demo{grid-template-columns:1fr}.listen-copy{max-width:100%}.listen-copy>p:not(.eyebrow){max-width:530px}.listen-copy .audio-status{min-height:0}.mixer{margin-right:0}.teacher-layout{grid-template-columns:1fr;gap:40px}.teacher-image{max-height:500px;order:2}.teacher-image .screen-button{width:105%;transform:translateX(-15px) rotate(-2deg)}.teacher-copy{margin:0}.teacher-copy h2 br:nth-child(2){display:none}.teaching-flow{max-width:650px}.teacher-image .image-label{position:relative}.decision-layout{gap:40px}.decision-layout h2{font-size:38px}.faq-layout{grid-template-columns:1fr;gap:35px}.faqs{margin:0}.contact-layout{gap:35px}.contact-copy .button{padding-inline:18px;gap:12px;font-size:17px}.site-footer{gap:30px}.footer-links{grid-template-columns:1fr}.music-note{top:-63px;font-size:17px;right:8px}}
@media(max-width:600px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.site-header{height:76px;padding-inline:18px;gap:10px}.brand{--brand-gap:6px}.brand img{width:32px;height:32px;flex-shrink:0}.brand{--brand-size:19px}.header-actions{gap:5px}.header-actions .small{display:none}.login-link{font-size:15px;margin-right:4px}.hero-inner{padding:36px 0 58px}.hero .eyebrow{font-size:15px;margin-bottom:23px}.hero h1{font-size:clamp(54px,13vw,76px);line-height:1.02;letter-spacing:-.048em;margin-left:0}.hero h1 br:nth-child(2){display:block}.handline br{display:block}.hero-description{font-size:20px;line-height:1.5;margin-top:28px;max-width:360px}.hero-ctas{gap:24px;margin-top:25px}.hero-ctas .button{font-size:17px;min-height:55px;padding-inline:18px;gap:18px}.hero-ctas .text-link{font-size:17px;gap:10px}.hero-visual{height:360px;margin-top:72px}.hero-screen.screen-button{width:calc(100% + 85px);left:4px;top:10px}.hero-phone{width:116px;right:2px;bottom:9px;border-width:5px;border-radius:20px}.hero-phone img{border-radius:14px}.phone-label{top:calc(100% + 11px);left:-31px;font-size:13px}.phone-speaker{height:4px}.hero-sticker{left:8px;bottom:5px;padding:12px 14px;gap:8px;font-size:14px;max-width:210px}.hero-sticker>span{font-size:27px}.hero-caption{bottom:-50px;left:6px;font-size:13px;max-width:210px;line-height:1.4}.orbit-label{font-size:14px;left:5px;top:-28px}.hero-baseline{display:grid;grid-template-columns:1fr auto;gap:7px;padding-block:24px;font-size:16px}.hero-baseline span{grid-column:1}.hero-baseline a{grid-column:2;grid-row:1/4;align-self:center;font-size:30px;padding:10px}.hero-baseline span:before{display:inline-block;margin-right:10px}.hero-staves{inset:300px -100px 0;opacity:.25}.connection{padding:62px 0 45px}.eyebrow{font-size:15px;margin-bottom:20px}h2{font-size:38px;line-height:1.11}.connection h2 br{display:none}.connection h2 .muted-heading{display:block;margin-top:7px}.journey{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:35px}.journey>div{padding-top:17px}.journey-mark{margin-bottom:17px}.journey h3{font-size:26px}.journey p{font-size:18px;margin-top:12px;line-height:1.45}.platform{padding:25px 0 55px}.section-intro{display:block}.section-intro>p{max-width:350px;font-size:19px;margin-top:23px}.product-tabs{margin-top:27px;gap:4px;margin-right:-20px;padding-right:20px}.product-tabs button{font-size:17px;padding:10px 16px}.product-panel{padding-top:28px;gap:23px;min-height:0}.panel-copy h3{font-size:32px}.panel-copy>p{font-size:19px}.panel-copy ul{display:block;font-size:17px;margin-block:20px}.panel-copy .feature-roadmap{font-size:16px}.panel-copy .text-link{font-size:17px}.product-screen{height:330px;overflow:hidden}.product-screen>img{width:700px;max-width:none;object-fit:cover;object-position:top left;height:auto}.product-panel[data-flat] .product-screen{height:auto;min-height:160px}.product-panel[data-flat] .product-screen img{width:100%;height:auto}.zoom-hint{right:10px;bottom:10px;font-size:14px;padding:8px 11px}.product-panel figcaption{font-size:13px;text-align:left;line-height:1.4;max-width:285px}.more-tools{padding-top:22px;font-size:17px}.more-tools p{font-size:17px;line-height:1.8}.more-tools i{margin-inline:5px}.music-section{padding:65px 0 40px}.music-intro h2{font-size:47px}.music-intro>p:last-child{font-size:20px;margin-top:24px}.music-proof{margin-top:35px;padding:8px;border-radius:6px}.stage-screen>img{min-width:690px;height:365px;object-fit:cover;object-position:left center}.stage-screen .zoom-hint{font-size:14px}.music-note{position:relative;top:auto;right:auto;justify-content:center;transform:none;padding:20px 5px 15px;gap:10px;font-size:18px}.music-note>span{font-size:34px}.music-points{grid-template-columns:1fr;gap:30px;margin:30px 0 40px}.music-points>div{padding-left:50px;position:relative}.point-icon{position:absolute;left:0;top:-7px;width:30px;font-size:30px}.music-points h3{font-size:25px;margin-bottom:10px}.music-points p{font-size:18px}.listen-demo{padding-top:35px;gap:22px}.listen-copy h3{font-size:33px}.listen-copy .button{margin-top:24px}.listen-copy>p:not(.eyebrow){font-size:19px}.mixer{padding:21px 17px;border-radius:6px}.mixer-top{font-size:11px;gap:8px}.mixer-top span:last-child{font-size:12px}.stem-controls{gap:8px}.stem-controls button{font-size:15px;padding:9px 5px;min-height:47px}.demo-credit{font-size:14px;line-height:1.5}#audio-wave{height:125px;margin:10px 0 20px}.music-availability{font-size:15px;line-height:1.6;margin-top:15px}.teacher-section{padding:60px 0}.teacher-copy h2{font-size:40px}.teacher-copy>p:not(.eyebrow){font-size:19px}.teaching-flow li{grid-template-columns:100px 1fr;gap:10px;font-size:17px}.teacher-copy .text-link{font-size:17px;line-height:1.4}.teacher-image{min-height:350px;max-height:470px;padding:20px 0}.teacher-image .screen-button{width:660px}.image-label{font-size:16px;padding:27px 21px 0}.decision-section{padding:0 0 55px}.decision-layout{grid-template-columns:1fr;gap:32px;padding-top:50px}.decision-layout h2{font-size:37px}.decision-layout>div:first-child>p:last-child{font-size:19px}.decision-list>div{padding-left:43px}.decision-list h3{font-size:24px}.decision-list p{font-size:18px}.faq-section{padding:0 0 55px}.faq-layout{padding-top:45px;gap:35px}.faq-layout h2 br{display:none}.faq-layout .text-link{margin-top:15px}.faqs summary{font-size:21px;gap:16px}.faqs details{padding-block:20px}.faqs details p{font-size:18px;line-height:1.6}.contact-section{padding:60px 0 45px}.contact-layout{grid-template-columns:1fr;gap:28px}.contact-layout h2{font-size:57px}.contact-copy>p:first-child{font-size:21px}.contact-copy .button{font-size:17px;padding-inline:20px;gap:15px;width:100%;max-width:380px;margin-top:26px}.contact-hint{font-size:15px;line-height:1.5}.email-row{gap:13px}.email-row>a{font-size:18px}.site-footer{grid-template-columns:1fr;padding-block:40px 25px;gap:28px}.site-footer .brand{--brand-size:23px}.site-footer .brand img{width:40px;height:40px}.footer-links{font-size:17px;gap:17px}.footer-links>button{font-size:17px}.footer-fine{font-size:14px;line-height:1.5;padding-top:23px}.image-dialog{width:96vw;max-width:96vw;max-height:90dvh}.dialog-top{padding:10px 12px;gap:12px}.dialog-top>p{font-size:16px;line-height:1.4}.image-scroll{max-height:calc(90dvh - 150px)}.image-scroll img{min-width:0}.dialog-note{font-size:13px;padding:10px 12px}.privacy-dialog{padding:10px 18px 24px}.privacy-dialog h2{font-size:25px}.privacy-dialog .dialog-top button{width:42px;height:42px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.site-header{padding-inline:12px}.brand{--brand-size:18px}.hero h1{font-size:53px}.hero-ctas{gap:19px}.hero-ctas .button{font-size:16px;padding-inline:15px;gap:12px}.hero-ctas .text-link{font-size:16px}.hero-visual{height:338px}.hero-phone{width:108px;right:0}.hero-sticker{font-size:13px;max-width:192px}.contact-layout h2{font-size:53px}.contact-copy .button{padding-inline:12px;gap:10px}}
.product-panel[data-flat] .product-screen{height:auto;min-height:0}
.product-panel[data-flat] .product-screen img{width:100%;height:auto;object-fit:contain}
.product-panel[data-flat] .zoom-hint{position:static;display:flex;justify-content:flex-end;margin:0;border:0;border-radius:0;padding:10px 15px;background:#e7e0ef;color:var(--ink);box-shadow:none;transform:none}
@media(max-width:600px){.stage-screen>img{transform:translateX(-220px)}.more-tools p{font-size:18px}.teacher-image .screen-button{transform:translateX(-160px) rotate(-2deg)}#panel-agenda .product-screen{height:300px}#panel-agenda .product-screen img{width:750px;transform:translate(-160px,-195px)}}
@media(max-width:370px){.product-tabs{margin-right:-16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-screen.screen-button,.hero-screen.screen-button:hover{transform:rotate(-2deg)}}

/* Keep the listening action and every mix choice in one clear, responsive player. */
.listen-demo{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,64px);align-items:center}
.listen-copy>p:not(.eyebrow){font-size:20px;line-height:1.5}
.mixer{margin-right:0;min-width:0;width:100%;padding:28px 30px}
.mixer-top{flex-wrap:wrap;align-items:center;gap:8px 20px}
.mixer-top span:last-child{font-size:15px}
.mixer #audio-play{width:100%;min-height:64px;font-size:21px;gap:13px;margin:0}
.mixer #audio-play:disabled{opacity:.78;transform:none;box-shadow:0 4px 0 #a6bc62}
.mixer .audio-play-icon{width:22px;flex:none;text-align:center;font-size:20px}
.mixer .audio-status{margin-top:16px;min-height:3em;font-size:18px;line-height:1.5;color:#cfc4de}
.mixer[data-audio-state=error] .audio-status{color:#ffc0bb}
.mixer-hint{font-size:18px;line-height:1.4;margin:17px 0 12px;color:#f1e9f7}
.mixer .stem-controls{gap:10px}
.mixer .stem-controls button{font-size:18px;min-height:52px;line-height:1.3;padding:10px 8px}
.mixer .demo-credit{font-size:15px;line-height:1.5;margin-top:21px}
@media(max-width:940px){.listen-demo{grid-template-columns:1fr;gap:28px}.listen-copy{max-width:610px}.listen-copy>p:not(.eyebrow){max-width:610px}}
@media(max-width:600px){.listen-demo{gap:24px}.listen-copy>p:not(.eyebrow){font-size:19px}.mixer{padding:22px 17px}.mixer #audio-play{font-size:20px;min-height:62px}.mixer .audio-status{min-height:4.5em}.mixer .stem-controls{gap:8px}.mixer .stem-controls button{font-size:17px;min-height:54px}.mixer-top span:last-child{font-size:14px}#audio-wave{height:128px;margin:5px 0 14px}}

/* Portal: true desktop/mobile captures, never an enlarged phone screenshot. */
#panel-familia .product-screen picture{display:block;width:100%;height:100%}#panel-familia .product-screen picture img{width:100%;height:100%;object-fit:cover;object-position:top}@media(max-width:600px){#panel-familia .product-screen picture img{height:auto;width:100%;max-width:100%}}
