/* Studio edition: clear ink, open space, precise motion and an audible visual rhythm. */
:root{--text:#132b31;--muted:#53676d;--line:#d5e1e2;--cyan:#05cad3;--accent:#006d76;--studio-ease:cubic-bezier(.22,.68,.18,1)}
.container{max-width:1320px}
.header{height:76px;background:#fff;border-color:#e3eaea}
.header-inner{gap:0}
.brand{transition:opacity .2s}.brand:hover{opacity:.65}
.button{min-height:54px;padding:14px 28px;font-weight:500;gap:12px;transition:background .2s,color .2s,transform .3s var(--studio-ease),box-shadow .3s}
.button-small{min-height:42px;padding:9px 20px;gap:9px}
.button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #12323b16}
.button:active{transform:translateY(0);box-shadow:none}
.button-signal{display:flex;align-items:center;justify-content:center;gap:2px;width:17px;height:18px;flex:none}
.button-signal i{display:block;width:2px;background:currentColor;border-radius:1px;transform-origin:center}
.button-signal i:nth-child(1),.button-signal i:nth-child(5){height:5px}.button-signal i:nth-child(2){height:12px}.button-signal i:nth-child(3){height:17px}.button-signal i:nth-child(4){height:9px}
.button-small .button-signal{width:14px;gap:1.5px;height:16px}.button-small .button-signal i{width:1.5px}
.hero{padding-top:24px}
.hero-frame{height:min(780px,calc(100svh - 112px));min-height:620px;border-radius:20px;border:0;align-items:flex-end}
.hero-copy{padding:64px;max-width:1060px}
.hero h1{font-size:clamp(52px,6.1vw,88px);line-height:.99;letter-spacing:-.047em;font-weight:500;max-width:950px;text-wrap:balance}
.hero-copy p{font-weight:400;font-size:21px;line-height:1.48;max-width:610px;color:#f2f6f6;margin:28px 0 30px}
.hero-shade{background:linear-gradient(90deg,#03161ee8 0%,#03161e87 50%,#03161e14 100%)}
.section{padding-block:108px}
.display{font-size:clamp(48px,5.4vw,76px);line-height:1.04;letter-spacing:-.04em}
.section-heading{max-width:920px;margin-bottom:52px}
.section-heading p{font-weight:400;line-height:1.5;max-width:760px;margin-top:24px}
.feature-slide{gap:24px}
.feature-copy{border-radius:20px;border:0;background:#edf5f5;padding:48px;min-height:550px}
.feature-copy h2{font-size:50px;line-height:1.04;letter-spacing:-.035em}
.feature-copy h3{font-size:27px;line-height:1.2}.feature-copy p{font-weight:400;line-height:1.5}
.feature-media{border:0;border-radius:20px}.feature-media img{transition:transform 1s var(--studio-ease)}
.feature-slide.active .feature-media img{transform:scale(1.015)}
.feature-carousel .dots{left:44px}.dot:before{width:7px;height:7px;transition:width .3s,background .3s}.dot.active:before{width:26px;border-radius:5px}
.device-frame{border-radius:20px}.mixer{border-radius:20px;box-shadow:0 16px 48px #12383d0b;padding:20px}
.track{border-radius:12px}.wave-row{border-radius:12px}.play-button{transition:background .2s,transform .25s}.play-button:hover{transform:scale(1.045)}
.quote-slides,.creator-card,.award-copy,.award-photo{border-radius:20px}
.creator-card>img{transition:transform .75s var(--studio-ease)}.creator-card:hover>img{transform:scale(1.045)}
.watch{transition:transform .25s,background .25s}.creator-card:hover .watch{transform:translateY(-3px)}
.tool-hero{padding-block:76px 88px;gap:clamp(36px,5vw,80px);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);position:relative}
.tool-hero h1{font-size:clamp(46px,4.65vw,68px);line-height:1.035;letter-spacing:-.044em;text-wrap:balance}
.tool-lead{font-size:20px;line-height:1.55;max-width:610px;margin:26px 0 30px}
.tool-hero .cta-note{font-size:14px;line-height:1.5;margin-top:18px;color:#53676d;max-width:440px}
.tool-visual{position:relative;border-radius:18px;border:0;box-shadow:12px 12px 0 #d9f2f2;justify-self:stretch;overflow:hidden}
.tool-visual img{display:block;width:100%;height:auto}
.tool-visual figcaption{padding:20px 28px;font-size:15px;line-height:1.5;border-color:#33545c;color:#d7e9ed;background:#0c303b}
.tool-intro{padding-block:64px 80px;gap:80px;grid-template-columns:1fr 1.2fr;border-top:1px solid #b7d0d2}
.tool-intro h2,.tool-workflow>h2,.tool-details>h2{font-size:clamp(36px,3.5vw,50px);line-height:1.09;letter-spacing:-.034em}
.tool-intro p{font-size:19px;line-height:1.6}
.tool-workflow,.tool-details{padding-bottom:88px}
.steps{gap:36px;counter-reset:none}
.steps li{border-color:#b3ced0;padding-top:22px}
.step-number{font-size:38px;line-height:1;font-weight:400;letter-spacing:-.055em;color:#00717c;margin-bottom:32px}
.steps h3{font-size:28px;line-height:1.17;letter-spacing:-.022em;max-width:360px}
.steps p{font-size:18px;line-height:1.55}
.detail-grid{gap:24px}.detail-grid article{background:#eff6f6;border:0;border-radius:16px;padding:40px}
.detail-grid article:nth-child(2){background:#e2f1f1}.detail-grid h3{font-size:31px;line-height:1.15;letter-spacing:-.025em}.detail-grid p{font-size:18px;line-height:1.58}
.content-expansion{padding-top:0}.content-block{padding-block:72px;column-gap:72px}
.cb-heading h2{letter-spacing:-.035em;line-height:1.1;max-width:900px}
.cb-lead{font-size:19px;line-height:1.55;max-width:820px}.cb-item h3{font-size:25px;letter-spacing:-.02em;line-height:1.2}.cb-item p{font-size:18px;line-height:1.6}
.cb-index{font-size:16px}.cb-image{border-radius:16px;border-color:#d3e3e4;background:#edf6f6}
.cb-image img{transition:transform .7s var(--studio-ease)}
.cb-note{padding:48px;background:#eef7f7;border:0;border-radius:18px;margin-block:24px 64px}
.cb-legend b{font-variant-numeric:tabular-nums}.cb-legend{gap:10px 22px}
.faq{padding-block:24px 64px}.faq>.display,.audio-page .faq>.display{font-size:clamp(36px,4.3vw,58px);letter-spacing:-.035em;max-width:800px;margin-inline:auto}
.faq-list{max-width:1000px}.faq-question{padding:26px 0;font-size:22px;line-height:1.35}
.faq-plus{width:34px;height:34px;border-radius:50%;background:#edf4f4;transition:background .25s,transform .35s}
.faq-plus:before,.faq-plus:after{left:9px;top:16px;background:#184149}
.faq-question[aria-expanded=true] .faq-plus{background:#ccf0f1;transform:rotate(180deg)}
.faq-answer p{font-size:18px;line-height:1.6;max-width:900px}
.final-cta,.audio-page .final-cta{padding:24px 0 80px;text-align:left}
.cta-stage{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:#bfeff0;border-radius:20px;overflow:hidden;isolation:isolate}
.cta-copy{padding:56px;align-self:center;min-width:0}
.cta-copy h2{font-size:clamp(38px,4.2vw,62px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance;max-width:560px}
.cta-copy p{font-size:19px;line-height:1.5;color:#2c535a;margin:24px 0 30px;max-width:430px}
.cta-copy .button{background:#12323a;color:#fff;min-width:174px}.cta-copy .button:hover{background:#22535c}
.cta-photo{min-width:0;overflow:hidden;background:#b9e8eb;position:relative}
.cta-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;min-height:430px}
.cta-score{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;background:#10343d;color:#effafb;padding:44px 48px;overflow:hidden}
.score-ruler{display:flex;justify-content:space-between;position:absolute;left:48px;right:48px;top:26px;height:9px;border-top:1px solid #49666e}
.score-ruler i{height:5px;width:1px;background:#6a858b}.score-ruler i:nth-child(3n+1){height:9px}
.score-body{position:relative;margin-top:16px}
.cta-score figcaption{font-size:16px;line-height:1.5;color:#c0d9df;padding-top:24px;margin-top:12px;border-top:1px solid #3c5e67}
.sound-row{position:relative;border-bottom:1px solid #33575e;padding-top:12px;min-width:0}.sound-row:last-child{border:0}
.sound-row>span{font-size:15px;line-height:1.4;color:#d8ebee;display:block}
.sound-wave{display:block;width:100%;height:auto;max-height:100px;overflow:visible;fill:none}
.wave-axis{stroke:#40646d;stroke-width:1}.wave-signal{stroke:#30d8db;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sound-row-quiet .wave-signal{stroke:#a5bec3}.sound-row:nth-child(2) .wave-signal{stroke:#ecfbfa}
.script-line{display:flex;flex-wrap:wrap;gap:10px 8px;max-width:360px;margin:14px 0 28px}.script-line span{flex-basis:100%;font-size:15px;margin-bottom:10px}.script-line i{height:8px;border-radius:1px;background:#c3f6f4;width:42%}.script-line i:nth-child(3){width:26%}.script-line i:nth-child(4){width:55%}
.script-pause{display:flex;gap:10px;align-items:center;margin-bottom:14px}.script-pause span{font-size:15px;margin-right:auto}.script-pause i{width:3px;height:18px;background:#68ced2}
.take-timeline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-block:30px;font-size:15px}.take-timeline i{height:1px;background:#7ca9b0;flex:1;position:relative}.take-timeline i:before,.take-timeline i:after{content:'';position:absolute;top:-4px;width:1px;height:9px;background:#7ca9b0}.take-timeline i:after{right:0}
.format-source{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4c7179;padding:12px 0 28px;gap:16px}.format-source span{font-size:16px}.format-source strong{font-size:34px;font-weight:400;letter-spacing:-.02em}
.format-branches{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0 16px}.format-branches>div{display:flex;flex-direction:column;gap:10px;border-left:2px solid #35cccf;padding:5px 0 5px 20px;min-width:0}.format-branches strong{font-size:48px;line-height:1;font-weight:400;letter-spacing:-.04em}.format-branches span{font-size:16px;color:#c2dfe3}
.sample-strips .sound-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:16px;padding-block:8px}.sample-strips .sound-row span{font-size:14px}.sample-strips .sound-wave{height:70px}
.compact-footer{background:#f5f8f8;padding-block:32px}.compact-footer-name{font-size:30px;color:#173239}.compact-footer a{color:#435e66;font-size:15px;line-height:1.45}
@media(hover:hover){.cb-image:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:no-preference){
 .button:hover .button-signal i{animation:signal-tap .6s var(--studio-ease) both}.button:hover .button-signal i:nth-child(2){animation-delay:.045s}.button:hover .button-signal i:nth-child(3){animation-delay:.09s}.button:hover .button-signal i:nth-child(4){animation-delay:.135s}
 .motion-ready .hero-copy,.motion-ready .tool-hero-copy{animation:studio-copy .75s var(--studio-ease) both}
 .motion-ready .tool-visual{animation:studio-panel .9s var(--studio-ease) both}
 .studio-enter.tool-intro h2,.studio-enter.tool-workflow>h2,.studio-enter.tool-details>h2{animation:studio-title .65s var(--studio-ease) both}
 .studio-enter .steps li{animation:studio-rule .7s var(--studio-ease) both}.studio-enter .steps li:nth-child(2){animation-delay:.1s}.studio-enter .steps li:nth-child(3){animation-delay:.2s}
 .studio-enter .cta-copy{animation:studio-copy .75s var(--studio-ease) both}
 .studio-enter .cta-photo img{animation:studio-photo 1.15s var(--studio-ease) both}
 .studio-enter .wave-signal{animation:studio-wave 1.2s var(--studio-ease) both}.studio-enter .sound-row:nth-child(2) .wave-signal{animation-delay:.16s}.studio-enter .sound-row:nth-child(3) .wave-signal{animation-delay:.32s}
 .studio-enter .format-branches>div,.studio-enter .script-line i{animation:studio-rule .7s var(--studio-ease) both}.studio-enter .format-branches>div:nth-child(2){animation-delay:.14s}
 .tool-visual.studio-enter:after{content:'';position:absolute;top:0;bottom:70px;left:0;width:1px;background:#90edf2;animation:studio-scan 1.8s var(--studio-ease) both;pointer-events:none}
}
@keyframes signal-tap{0%,100%{transform:scaleY(1)}35%{transform:scaleY(.35)}65%{transform:scaleY(1.2)}}
@keyframes studio-copy{from{opacity:.25;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes studio-panel{from{opacity:.6;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes studio-title{from{clip-path:inset(0 0 100% 0);transform:translateY(8px)}to{clip-path:inset(0);transform:none}}
@keyframes studio-rule{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes studio-photo{from{transform:scale(1.08);clip-path:inset(0 0 0 12%)}to{transform:scale(1);clip-path:inset(0)}}
@keyframes studio-wave{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes studio-scan{0%{left:0;opacity:0}12%{opacity:.8}85%{opacity:.8}100%{left:100%;opacity:0}}
@media(max-width:1100px){.hero-copy{padding:48px}.hero h1{font-size:68px}.tool-hero{gap:40px;padding-block:60px 80px}.tool-hero h1{font-size:54px}.tool-lead{font-size:19px}.cta-copy{padding:40px}.cta-score{padding:40px 32px}.score-ruler{left:32px;right:32px}.cta-copy h2{font-size:48px}.cta-copy p{font-size:18px}.content-block{column-gap:40px}.cb-note{padding:36px}.tool-intro{gap:48px}.feature-copy{padding:36px}.feature-copy h2{font-size:42px}}
@media(max-width:900px){.tool-hero{grid-template-columns:1fr;gap:44px;padding-block:48px 64px}.tool-hero-copy{max-width:760px}.tool-hero h1{font-size:60px;max-width:760px}.tool-visual{width:100%;max-width:620px;justify-self:center;box-shadow:8px 8px 0 #d9f2f2}.tool-intro{grid-template-columns:1fr;gap:30px;padding-block:48px 64px}.tool-workflow,.tool-details{padding-bottom:64px}.steps{gap:24px}.steps h3{font-size:25px}.steps p{font-size:17px}.detail-grid article{padding:30px}.detail-grid h3{font-size:28px}.cta-stage{grid-template-columns:1fr 1fr}.cta-copy{padding:32px}.cta-copy h2{font-size:40px}.cta-score{padding:40px 26px}.score-ruler{left:26px;right:26px}.format-branches{gap:16px}.format-branches strong{font-size:38px}.cta-copy p{font-size:17px}}
@media(max-width:767px){.header{height:72px}.hero{padding-top:16px}.hero-frame{min-height:650px;max-height:780px;border-radius:16px}.hero-copy{padding:36px 28px}.hero h1{font-size:52px;line-height:1.04;letter-spacing:-.04em}.hero-copy p{font-size:18px;line-height:1.5;margin-block:24px}.hero-shade{background:linear-gradient(0deg,#03171cf5 0%,#03171ca6 55%,#03171c14 100%)}.section{padding-block:64px}.display{font-size:46px}.section-heading p{font-size:18px}.feature-copy{padding:32px;min-height:465px}.feature-copy h2{font-size:38px}.feature-copy p{font-size:18px}.feature-carousel .dots{left:28px;top:calc(var(--feature-copy-height,520px) - 60px)}.feature-media,.feature-copy,.device-frame,.quote-slides,.creator-card{border-radius:16px}.feature-copy{padding-bottom:76px}.mixer{padding:12px}.content-block{padding-block:48px;gap:28px}.cb-note{padding:32px}.cta-stage{grid-template-columns:1fr;min-height:0;border-radius:16px}.cta-copy{padding:36px;max-width:640px}.cta-copy h2{font-size:46px;max-width:520px}.cta-copy p{font-size:18px;max-width:500px;margin-block:22px 28px}.cta-photo{aspect-ratio:1.5/1}.cta-photo img{min-height:0;height:100%;object-position:center}.cta-score{min-height:320px;padding:40px 36px 28px}.score-ruler{left:36px;right:36px}.cta-score figcaption{margin-top:6px;padding-top:20px}.final-cta,.audio-page .final-cta{padding-block:8px 56px}.faq{padding-bottom:40px}.faq-question{font-size:20px}.faq-answer p{font-size:17px}.faq-plus{width:30px;height:30px}.faq-plus:before,.faq-plus:after{top:14px;left:7px}.format-branches strong{font-size:46px}}
@media(max-width:650px){.tool-hero h1{font-size:46px;line-height:1.07}.tool-hero{padding-block:38px 60px;gap:36px}.tool-lead{font-size:19px;line-height:1.5;margin-block:24px}.tool-visual{box-shadow:6px 6px 0 #d9f2f2;width:calc(100% - 6px);justify-self:start}.tool-visual figcaption{padding:18px 22px;font-size:15px}.tool-intro h2,.tool-workflow>h2,.tool-details>h2{font-size:36px}.tool-intro p{font-size:18px}.steps{grid-template-columns:1fr;gap:32px}.steps li{padding-left:64px;position:relative;padding-top:24px}.step-number{position:absolute;left:0;top:24px;font-size:32px;margin:0}.steps h3{font-size:26px;max-width:none}.steps p{font-size:18px}.detail-grid{grid-template-columns:1fr}.detail-grid article{padding:30px 26px}.detail-grid h3{font-size:28px}.cb-heading h2{font-size:36px}.cb-lead{font-size:18px}.cb-item h3{font-size:24px}.cb-item p{font-size:17px}.cb-note{padding:28px 24px}.cb-note .cb-heading h2{font-size:34px}}
@media(max-width:420px){.hero-frame{min-height:620px}.hero-copy{padding:32px 24px}.hero h1{font-size:43px}.hero-copy p{font-size:17px}.tool-hero h1{font-size:40px}.tool-lead{font-size:18px}.button{min-height:50px;font-size:16px;padding:12px 22px}.button-small{min-height:40px}.header .button-signal{display:none}.tool-intro h2,.tool-workflow>h2,.tool-details>h2{font-size:33px}.cta-copy{padding:32px 26px}.cta-copy h2{font-size:39px}.cta-copy p{font-size:17px}.cta-score{padding-inline:26px}.score-ruler{left:26px;right:26px}.cta-score figcaption{font-size:15px}.feature-copy{min-height:520px;padding:28px 24px 76px}.feature-copy h2{font-size:34px}.feature-copy p{font-size:17px}.cb-heading h2{font-size:32px}.cb-note .cb-heading h2{font-size:30px}.cb-note{padding:26px 20px}.cb-item h3{font-size:23px}.faq-question{font-size:19px}.faq>.display,.audio-page .faq>.display{font-size:36px}.steps li{padding-left:52px}.step-number{font-size:29px}.tool-visual{border-radius:14px}.compact-footer a{font-size:15px}}
@media(max-width:350px){.hero h1{font-size:36px}.hero-copy{padding:28px 20px}.hero-frame{min-height:600px}.hero-copy p{font-size:16px}.tool-hero h1{font-size:34px}.tool-lead{font-size:17px}.tool-hero .cta-note{font-size:14px}.tool-intro h2,.tool-workflow>h2,.tool-details>h2{font-size:30px}.steps li{padding-left:44px}.steps h3{font-size:24px}.steps p,.detail-grid p,.tool-intro p{font-size:17px}.detail-grid article{padding:26px 22px}.detail-grid h3{font-size:26px}.cta-copy{padding:28px 22px}.cta-copy h2{font-size:34px}.cta-score{padding-inline:22px}.score-ruler{left:22px;right:22px}.take-timeline{font-size:14px;gap:10px}.format-branches strong{font-size:38px}.format-branches>div{padding-left:14px}.sample-strips .sound-row{grid-template-columns:75px 1fr;gap:10px}.cb-heading h2{font-size:29px}.cb-note{padding:26px 18px}.cb-note .cb-heading h2{font-size:28px}.feature-copy{min-height:565px}.feature-copy h2{font-size:30px}.feature-copy p{font-size:16px}.faq-question{font-size:18px}.faq>.display,.audio-page .faq>.display{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.play-button,.creator-card>img,.watch,.cb-image img,.feature-media img{transform:none!important}.studio-enter *,.motion-ready .hero-copy,.motion-ready .tool-hero-copy,.motion-ready .tool-visual{animation:none!important;clip-path:none!important}.tool-visual:after{display:none!important}}