/* Editorial music direction. White, ink and a single clear audio accent. */
:root{--text:#102b30;--muted:#4e656a;--panel:#f1f5f4;--border:#d8e2df;--cyan:#5de4cf;--accent:#006c61;--ease-out:cubic-bezier(.2,.75,.2,1)}
::selection{background:#99eddf;color:#082f2c}
.container{max-width:1440px}
.site-header{height:88px;border-bottom:0}
.brand{gap:10px}.brand::after{content:'Moises';font-size:27px;line-height:1;font-weight:600;letter-spacing:-1px}.brand img{width:34px;height:36px}
.language-switcher{font-size:14px}.language-switcher a{transition:color .2s}.language-switcher a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--cyan);text-underline-offset:5px}
.button{border-radius:10px;font-size:18px;padding:17px 30px;min-height:56px;font-weight:600;transition:background .25s,color .25s,transform .25s var(--ease-out),box-shadow .25s;position:relative}
.button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #102b3015}.button:active{transform:translateY(0);box-shadow:none}
.button-primary{background:var(--cyan);color:#092f2a}.button-primary:hover,.site-header .button:hover{background:#89eddc}.button-small{font-size:16px;padding:11px 22px;min-height:44px}.site-header .button{background:#133b3c;color:#fff}.site-header .button:hover{color:#102b30}
h1,.topic-hero h1{font-weight:500;letter-spacing:-.043em}.hero{padding-top:0}.hero-frame{border:0;border-radius:20px;min-height:670px;max-height:820px;height:calc(100svh - 116px);align-items:flex-end}.hero-copy{padding:64px;max-width:1180px}.hero-copy h1{font-size:clamp(60px,6.9vw,106px);line-height:.99;max-width:1020px}.hero-copy p{max-width:625px;font-weight:400;font-size:21px;line-height:1.5;margin:28px 0 32px}.hero-shade{background:linear-gradient(90deg,#071a20ba,#071a2060 64%,#071a2014),linear-gradient(0deg,#071a2099,transparent 70%)}
.section{padding-block:108px}.feature-slide{gap:0;overflow:hidden;border-radius:20px;border:1px solid var(--border)}.feature-copy{border:0;border-radius:0;background:#edf4f1;padding:56px 56px 100px;min-height:590px}.feature-copy h2{font-size:58px;font-weight:500;letter-spacing:-.045em;margin-bottom:34px}.feature-copy h3{font-size:29px;line-height:1.18;letter-spacing:-.015em}.feature-copy p{font-size:19px;line-height:1.55;font-weight:400;max-width:520px}.feature-image{border-radius:0}.feature-image img{transition:transform 1.1s var(--ease-out)}.feature-slide.active .feature-image img{transform:scale(1)}.feature-slide:not(.active) .feature-image img{transform:scale(1.035)}
.feature-carousel .carousel-dots{bottom:146px;left:56px}.dot{width:9px;height:9px;transition:width .35s var(--ease-out),background .3s;border-radius:20px}.dot.active{width:32px}.artist-carousel .dot.active{width:28px}.devices h2,.section-heading h2{font-weight:500;font-size:clamp(42px,5vw,74px);letter-spacing:-.04em;max-width:990px;margin-inline:auto}.devices h2{margin-bottom:40px}.device-frame{border-radius:20px;border:0}.section-heading p{font-weight:400;line-height:1.55;max-width:740px;margin:24px auto 0}.mixer-section{background:#f0f5f3}.mixer{border-radius:16px;padding:22px;box-shadow:0 20px 55px #163e3610}.transport{border-radius:12px;border:0;background:#f5f8f6}.track{border-radius:10px;border:1px solid #e2eae6;background:#fff}.track input{height:3px}.track-buttons button{border-radius:4px}.trust h2{font-size:32px;line-height:1.25;max-width:900px}.trust-number{color:#0c6d5f;font-weight:500;letter-spacing:-.065em}.artist-carousel{border-radius:20px}.artist-copy h2{font-weight:500;letter-spacing:-.04em}.award-copy,.award-scene{border-radius:20px}.award-copy{background:#eef5f1}.award-copy h2{font-weight:500;letter-spacing:-.035em}.story{border-radius:14px}.story>img{transition:transform .65s var(--ease-out)}.story:hover>img{transform:scale(1.035)}
.topic-hero{gap:64px;padding-block:36px 64px;min-height:720px}.topic-hero h1{font-size:clamp(48px,4.55vw,76px);line-height:1.045;text-wrap:pretty}.topic-hero-copy{padding-block:30px}.topic-hero-copy p{max-width:560px;font-size:20px;line-height:1.6;margin:30px 0 34px}.topic-hero-media{min-height:620px;border-radius:18px;border:0}.topic-hero-media::after{content:'';position:absolute;bottom:0;left:0;right:0;height:8px;background:var(--cyan)}.topic-hero-media img{will-change:transform;transform:scale(1.04)}
.topic-section{padding-block:88px}.topic-intro{border-top:1px solid var(--border);gap:110px}.topic-section h2,.ex-heading h2{font-weight:500;letter-spacing:-.032em;line-height:1.1}.topic-section h2{font-size:46px}.topic-prose p{line-height:1.65}.topic-use-grid{counter-reset:use;gap:40px}.topic-use-card{counter-increment:use;border:0;border-top:2px solid #173f3f;border-radius:0;padding:28px 0 0;background:none;position:relative}.topic-use-card::before{content:'0' counter(use);display:block;font-size:14px;color:var(--accent);margin-bottom:40px;font-variant-numeric:tabular-nums}.topic-use-card h3{font-size:26px;letter-spacing:-.025em}.topic-use-card p{font-size:18px;line-height:1.6}.topic-steps{gap:44px 72px}.topic-step{grid-template-columns:58px 1fr;border-top-color:#c7d5d1;padding-top:26px;gap:22px}.topic-step-number{font-size:38px;line-height:1.1;font-weight:500;letter-spacing:-.04em;color:#087c6a}.topic-step h3{font-size:25px}.topic-detail-panel{background:#eaf2ef;border:0;border-radius:18px;padding:56px;gap:64px}.topic-detail h3{letter-spacing:-.02em}.ex-block{padding-block:88px}.ex-scene{border:0;border-radius:16px;background:#eef4f1;padding:40px}.ex-block--aside .ex-shell{border:0;border-radius:18px;background:#edf4f0;padding:52px}.ex-block--aside .ex-scene{background:#fff}.ex-block--wide .ex-scene{background:#e8f3ed;color:var(--text)}.ex-block--wide .ex-scene .ex-small-label,.ex-block--wide .ex-scene .ex-row-label,.ex-block--wide .ex-scene .ex-diagram-note,.ex-block--wide .ex-scene .ex-column p,.ex-block--wide .ex-scene .ex-echo-labels,.ex-block--wide .ex-scene .ex-cue-beats span{color:var(--muted)}.ex-block--wide .ex-scene .ex-pill{color:var(--text)}.ex-block--wide .ex-scene .ex-ink{color:var(--accent)}.ex-block--wide .ex-scene .ex-stroke{stroke:var(--accent)}.ex-block--wide .ex-scene .ex-part{border-color:var(--border)}
.faq{max-width:1000px;padding-top:110px}.faq>h2{font-size:48px;line-height:1.1;font-weight:500;letter-spacing:-.035em;text-align:left;margin-bottom:44px;max-width:670px}.faq-item{padding-block:27px;transition:border-color .3s}.faq-item h3{font-size:21px;line-height:1.45}.faq-item h3 button{gap:40px}.faq-item h3 svg{width:32px;height:32px;padding:7px;border:1px solid var(--border);border-radius:50%;transition:transform .3s,background .3s}.faq-item.is-open h3 svg{background:var(--cyan);border-color:var(--cyan)}.faq-answer p{font-size:17px;line-height:1.65;max-width:840px;padding-right:50px}.compact-footer{background:#fff;padding-top:36px}.compact-footer a{color:#3f5a5d}.compact-brand{font-weight:500}
/* The existing final CTA becomes a complete, distinct sound composition. */
.final-cta,.topic-page .final-cta{display:block;padding-block:80px 64px}.studio-finale{display:grid;grid-template-columns:1fr 1fr;background:#103739;color:#fff;border-radius:20px;overflow:hidden;min-height:530px}.finale-copy{padding:56px 36px 56px 56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}.finale-brand{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.04em;color:#89dfcf;margin-bottom:48px}.finale-copy h2{font-size:clamp(40px,4.2vw,64px);line-height:1.05;letter-spacing:-.044em;font-weight:500;text-wrap:pretty;overflow-wrap:break-word}.finale-copy p{font-size:18px;line-height:1.6;max-width:440px;margin:24px 0 30px;color:#c3d9d5}.finale-copy .button{background:#79edcf;color:#10332c;box-shadow:none}.finale-copy .button:hover{background:#a4f3df}.finale-art{margin:0;display:flex;flex-direction:column;min-width:0;position:relative;align-self:stretch;justify-content:center;padding:52px 38px 36px 20px}.finale-art figcaption{font-size:14px;line-height:1.5;color:#b5d0ca;margin-top:24px;position:relative;z-index:1}.sound-scene{height:320px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:24px;overflow:hidden;width:100%;border-bottom:1px solid #50706b;padding-bottom:25px}.sound-wave{width:100%;height:74px;display:block;overflow:visible;fill:#8cf2d8}.sound-wave rect{transform-box:fill-box;transform-origin:center}.sound-lane{min-width:0}.sound-lane>span,.sound-topline,.sound-bottomline,.sound-script>span,.format-origin>span{display:block;font-size:14px;line-height:1.4;color:#d7e8e3;letter-spacing:.01em}.sound-lane>span{margin-bottom:7px}.sound-lane .sound-wave{height:54px}.sound-playhead{height:calc(100% - 40px);position:absolute;top:0;left:0;width:1px;background:#dcfff2;opacity:0;pointer-events:none}.sound-scene--studio{height:100%;border:0;min-height:480px;padding:0;overflow:hidden;border-radius:0}.studio-finale[data-finale=studio] .finale-art{padding:0}.studio-finale[data-finale=studio] figcaption{position:absolute;bottom:28px;left:32px;right:32px;color:#f0f8f2;font-size:14px;margin:0;text-shadow:0 1px 4px #000}.finale-photo{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:center 58%;transform:scale(1.04);filter:brightness(.85)}.studio-score{position:absolute;left:30px;right:30px;bottom:75px;display:flex;gap:22px;align-items:center;padding:22px 26px;background:#102e2deb;border:1px solid #b6ede24d;border-radius:10px}.studio-score .sound-wave{height:58px;flex:1;min-width:0}.studio-score>span{font-size:24px;font-weight:500;letter-spacing:-.035em}.sound-scene--studio .sound-playhead{display:none}
.sound-script{width:80%;padding:24px;border:1px solid #688f85;border-radius:9px;align-self:flex-end}.sound-script>span{margin-bottom:16px}.sound-script i{display:block;height:3px;background:#bbded3;margin-top:10px;width:92%;transform-origin:left}.sound-script i:nth-child(3){width:80%}.sound-script i:nth-child(4){width:87%}.sound-script i:nth-child(5){width:48%}.speech-output{padding-right:40px}.sound-scene--speech{gap:30px}.record-wave{position:relative;padding-block:35px}.record-wave .sound-wave{height:105px}.record-wave .wave-secondary{position:absolute;left:0;top:40px;opacity:.25;transform:scaleY(.52);fill:#dcfff5}.sound-scene--record .sound-bottomline{color:#88b4a7}.sound-scene--format{gap:34px}.format-origin .sound-wave{margin-top:14px;height:82px}.format-choices{display:flex;gap:14px}.format-choices b{font-weight:500;letter-spacing:-.03em;border:1px solid #5d8c80;border-radius:7px;padding:15px 19px;font-size:24px}.format-choices b:first-child{background:#88ebcf;color:#0b3630;border-color:#88ebcf}.sound-scene--timbre{gap:35px}.timbre-source{margin-right:44px}.timbre-source .sound-wave{fill:#b8d8cf}.timbre-target{margin-left:44px;background:#24554d;border-radius:10px;padding:16px}.lane-muted{opacity:.28}.sound-scene--stems{gap:20px}.focus-background{opacity:.3;transform:scaleY(.75)}.focus-foreground{padding:18px 22px;background:#21564b;border:1px solid #72d0af;border-radius:9px}.identity-waves{display:flex;flex-direction:column;gap:10px}.identity-waves .sound-wave{height:56px}.identity-waves .sound-wave:nth-child(2){fill:#b5efdd;opacity:.6;transform:scaleX(.92)}.identity-waves .sound-wave:nth-child(3){fill:#cfefe1;opacity:.3;transform:scaleX(.84)}
.finale-copy{min-width:0}
.lane-muted,.focus-background{opacity:1;transform:none}
.lane-muted .sound-wave{opacity:.28}
.focus-background .sound-wave{opacity:.3;transform:scaleY(.75)}
.finale-copy .button:focus-visible,.hero-copy .button:focus-visible{outline:2px solid #f0fff9;outline-offset:6px}
.sound-scene:not(.sound-scene--studio){height:auto;min-height:320px}
.sound-scene>.sound-topline,.sound-scene>.sound-bottomline,.sound-scene>.sound-lane,.sound-scene>.identity-waves{flex-shrink:0}
/* Motion only plays once on entry. Hover responses follow intentional interaction. */
@keyframes studio-heading{from{clip-path:inset(0 0 100% 0);transform:translateY(15px)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes studio-photo{from{clip-path:inset(0 12% 0 0);transform:scale(1.035)}to{clip-path:inset(0);transform:scale(1)}}
@keyframes studio-bars{from{transform:scaleY(.12);opacity:.35}to{transform:scaleY(1);opacity:1}}
@keyframes studio-scan{0%{left:0;opacity:0}8%{opacity:.65}90%{opacity:.65}100%{left:100%;opacity:0}}
@keyframes studio-line{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
.motion-title.is-seen{animation:studio-heading .85s var(--ease-out) both}.motion-image.is-seen{animation:studio-photo 1s var(--ease-out) both}.studio-finale.is-seen .sound-wave rect,.studio-finale.sound-replay .sound-wave rect{animation:studio-bars .8s var(--ease-out) both;animation-delay:calc(var(--bar)*4ms)}.studio-finale.is-seen .sound-playhead{animation:studio-scan 2.4s .25s ease-in-out both}.studio-finale.is-seen .sound-script i{animation:studio-line .8s var(--ease-out) both}.studio-finale.is-seen .finale-photo{transition:transform 1.4s var(--ease-out);transform:scale(1)}
@media(hover:hover) and (pointer:fine){.topic-use-card:hover{border-color:#14a68d}.topic-use-card:hover::before{color:#005347}.finale-art:hover .studio-score{border-color:#b6ede2}.format-choices b{transition:transform .35s var(--ease-out)}.finale-art:hover .format-choices b:nth-child(2){transform:translateY(-5px)}.finale-art:hover .format-choices b:nth-child(3){transform:translateY(-9px)}}
@media(min-width:1600px){.hero-copy h1{font-size:108px}}
@media(max-width:1200px){.hero-copy{padding:48px}.feature-copy{padding:40px 40px 86px}.feature-copy h2{font-size:48px}.feature-carousel .carousel-dots{left:40px;bottom:145px}.topic-hero{gap:40px;min-height:640px}.topic-hero h1{font-size:56px}.topic-hero-media{min-height:570px}.topic-intro{gap:56px}.topic-use-grid{gap:28px}.topic-use-card h3{font-size:24px}.topic-detail-panel{padding:42px;gap:44px}.finale-copy{padding:42px 28px 42px 42px}.finale-copy h2{font-size:46px}.finale-art{padding:44px 28px 30px 12px}.finale-brand{margin-bottom:36px}.studio-finale{min-height:510px}.ex-heading h2{font-size:40px}}
@media(max-width:1023px){.hero-frame{min-height:650px;max-height:820px}.hero-copy h1{font-size:68px}.hero-copy p{max-width:570px;font-size:19px}.section{padding-block:80px}.feature-copy{padding:32px 32px 85px}.feature-copy h2{font-size:39px}.feature-copy h3{font-size:25px}.feature-copy p{font-size:18px}.feature-carousel .carousel-dots{left:32px;bottom:116px}.topic-hero{gap:30px;padding-block:24px 56px;min-height:0}.topic-hero h1{font-size:46px}.topic-hero-copy p{font-size:18px}.topic-hero-media{min-height:560px}.topic-section{padding-block:64px}.topic-section h2{font-size:38px}.topic-use-card::before{margin-bottom:24px}.topic-use-grid{gap:36px}.topic-detail-panel{padding:32px}.topic-intro{gap:36px}.ex-block{padding-block:64px}.ex-block--aside .ex-shell{padding:36px}.finale-copy h2{font-size:38px}.finale-copy{padding:34px 20px 34px 32px}.finale-copy p{font-size:17px}.finale-art{padding:34px 22px 26px 12px}.sound-scene{height:290px}.sound-scene--studio{height:100%;min-height:500px}.finale-brand{margin-bottom:30px}.studio-score{left:16px;right:16px;padding:18px;gap:12px}.studio-score>span{font-size:21px}.format-choices{gap:8px}.format-choices b{font-size:19px;padding:13px}.final-cta,.topic-page .final-cta{padding-block:64px 48px}.faq>h2{font-size:42px}}
@media(max-width:767px){.site-header{height:80px}.brand::after{font-size:24px}.brand img{width:30px;height:32px}.hero-frame{border-radius:14px;min-height:640px;height:calc(100svh - 104px);max-height:820px}.hero-copy{padding:40px 30px}.hero-copy h1{font-size:56px;line-height:1.035}.hero-copy p{font-size:18px;line-height:1.55;max-width:480px}.section{padding-block:64px}.feature-slide{border-radius:14px;gap:0}.feature-copy{padding:34px 30px 36px;min-height:0}.feature-copy h2{font-size:44px;margin-bottom:24px}.feature-copy p{font-size:18px}.feature-image{aspect-ratio:4/3}.feature-carousel .carousel-dots{position:relative;left:auto;bottom:auto;margin-top:24px}.devices h2,.section-heading h2{font-size:46px}.device-frame{border-radius:14px}.mixer{padding:12px;border-radius:14px}.track{padding:16px}.trust h2{font-size:27px}.artist-carousel{border-radius:14px}.topic-hero{grid-template-columns:1fr;gap:22px;padding-top:20px;padding-bottom:44px}.topic-hero-copy{padding:10px 0 8px}.topic-hero h1{font-size:50px;max-width:630px}.topic-hero-copy p{margin:24px 0 28px}.topic-hero-media{min-height:0;aspect-ratio:4/3;border-radius:14px}.topic-section{padding-block:50px}.topic-intro{gap:24px}.topic-section h2,.ex-heading h2{font-size:35px}.topic-use-card h3{font-size:25px}.topic-use-card p{font-size:18px}.topic-steps{gap:34px}.topic-step{grid-template-columns:42px 1fr;gap:18px}.topic-step-number{font-size:31px}.topic-step h3{font-size:24px}.topic-detail-panel{border-radius:14px;padding:28px;gap:32px}.ex-block{padding-block:52px}.ex-block--aside .ex-shell{padding:28px;border-radius:14px}.ex-scene{border-radius:12px;padding:28px}.faq{padding-top:64px}.faq>h2{font-size:38px;margin-bottom:32px}.faq-item{padding-block:23px}.faq-item h3{font-size:19px}.faq-item h3 button{gap:24px}.faq-answer p{font-size:17px;padding-right:0}.studio-finale{grid-template-columns:1fr;border-radius:16px;min-height:0}.finale-copy{padding:38px 32px 34px}.finale-brand{margin-bottom:28px}.finale-copy h2{font-size:49px;max-width:620px}.finale-copy p{max-width:500px;font-size:18px;margin:22px 0 26px}.finale-art{padding:8px 32px 30px}.sound-scene{height:290px}.sound-scene--studio{height:350px;min-height:0}.studio-score{left:28px;right:28px;bottom:70px}.studio-finale[data-finale=studio] figcaption{left:28px;bottom:24px;right:28px}.finale-photo{object-position:50% 53%}.finale-art figcaption{font-size:14px}.format-choices b{font-size:25px;padding:15px 24px}.record-wave{padding-block:25px}.sound-scene--identity{height:300px}.final-cta,.topic-page .final-cta{padding-block:56px 44px}.compact-footer-inner{gap:20px}}
@media(max-width:480px){.site-header{height:96px}.header-actions{gap:0}.brand{gap:7px}.brand::after{font-size:23px}.brand img{width:29px}.language-switcher{font-size:14px}.button{font-size:17px;min-height:53px;padding:16px 25px}.button-small{font-size:15px;min-height:41px;padding:10px 17px}.hero-frame{min-height:620px;height:calc(100svh - 112px);max-height:760px}.hero-copy{padding:36px 23px}.hero-copy h1{font-size:46px;letter-spacing:-.04em}.hero-copy p{font-size:17px;margin:24px 0 28px}.hero-shade{background:linear-gradient(0deg,#071a20e0,#071a2075 70%,#071a2030)}.hero-video{object-position:58% center}.feature-copy{padding:30px 24px}.feature-copy h2{font-size:37px}.feature-copy h3{font-size:25px}.feature-copy p{font-size:17px}.devices h2,.section-heading h2{font-size:39px}.topic-hero h1{font-size:41px}.topic-hero-media{aspect-ratio:1.1}.topic-hero-copy p{font-size:18px}.topic-section h2,.ex-heading h2{font-size:32px}.topic-use-card h3{font-size:24px}.topic-step{grid-template-columns:35px 1fr;gap:14px}.topic-step-number{font-size:28px}.topic-detail-panel{padding:25px}.ex-block--aside .ex-shell{padding:24px}.ex-scene{padding:24px}.faq>h2{font-size:34px}.faq-item h3{font-size:18px}.finale-copy{padding:32px 25px}.finale-copy h2{font-size:41px}.finale-brand{font-size:17px;margin-bottom:24px}.finale-copy p{font-size:17px}.finale-art{padding:4px 25px 26px}.sound-scene{height:265px}.sound-scene--studio{height:310px}.studio-score{left:20px;right:20px;padding:18px 20px}.studio-score>span{font-size:24px}.sound-script{padding:20px;width:86%}.sound-lane>span,.sound-topline,.sound-bottomline,.sound-script>span,.format-origin>span{font-size:14px}.format-choices b{font-size:21px;padding:14px 17px}.timbre-source{margin-right:22px}.timbre-target{margin-left:22px}.sound-scene--stems{gap:14px}.sound-scene--identity{height:280px}.finale-art figcaption{margin-top:18px}.final-cta,.topic-page .final-cta{padding-block:48px 36px}}
@media(max-width:350px){.brand::after{font-size:21px}.brand img{width:26px}.header-actions{max-width:163px}.hero-copy{padding:30px 20px}.hero-copy h1{font-size:39px}.hero-copy p{font-size:16px}.hero-frame{min-height:580px}.topic-hero h1{font-size:35px}.topic-hero-copy p{font-size:17px}.topic-section h2,.ex-heading h2{font-size:29px}.finale-copy{padding:30px 22px}.finale-copy h2{font-size:35px}.finale-copy p{font-size:16px}.finale-art{padding-inline:22px}.format-choices b{font-size:18px;padding:13px 14px}.studio-score{left:16px;right:16px;padding:15px}.studio-score>span{font-size:21px}.faq>h2{font-size:31px}.topic-use-card p{font-size:17px}.topic-step h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-title,.motion-image,.studio-finale *,.studio-finale *::before,.studio-finale *::after{animation:none!important;transition:none!important;clip-path:none!important}.topic-hero-media img{transform:none!important}.sound-playhead{display:none!important}.button,.feature-image img,.story>img,.dot,.faq-item h3 svg{transition:none!important}.button:hover,.story:hover>img{transform:none}.finale-photo{transform:none!important}}