/* Studio edition: bright editorial pages, tactile photography, precise audio graphics. */
:root{--ink:#142b2b;--muted:#526262;--line:#d9e3e1;--teal:#00766f;--cyan:#b7f2d1;--card:#f1f5f4;--studio:#102f30;--signal:#baf6ce;--accent:#baf6ce}
body{background:#fff;color:var(--ink)}
.site-header{border-bottom-color:#e3eae7}
.logo img{opacity:1}
.cta{background:#123d39;color:#fff;min-height:56px;padding:15px 28px;font-size:18px;letter-spacing:-.01em;box-shadow:0 2px 0 #051d1b;transition:background .2s,transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s}
.cta:hover{background:#006c60;color:#fff;transform:translateY(-2px);box-shadow:0 5px 0 #123d3917}
.cta:active{transform:translateY(0);box-shadow:none}
.cta-header{min-height:40px;padding:8px 21px;font-size:15px;box-shadow:none;background:#123d39;color:#fff}
.cta-header:hover{background:#006c60;color:#fff}
.language-switch{font-size:13px;gap:9px}
.hero{height:auto;min-height:0;padding-top:104px;padding-bottom:24px}
.hero-card{min-height:700px;border-radius:24px;border:0;background:#edf3f0;grid-template-columns:1fr 1.04fr}
.hero-content{padding:clamp(32px,4.3vw,72px)}
.hero h1{font-size:clamp(48px,5.1vw,80px);line-height:1.02;letter-spacing:-.055em}
.hero p{font-size:19px;line-height:1.55;margin:30px 0}
.hero-video{min-height:700px}
.hero-content .cta{margin-top:4px}
.feature-copy,.feature-image,.award-copy,.award-image,.testimonial{border-radius:24px}
.features{padding-top:96px}
.feature-copy{background:#eef4f1;border-color:transparent;padding:48px 48px 88px;gap:28px}
.feature-copy h2{font-size:clamp(38px,3.5vw,56px);letter-spacing:-.045em}
.feature-copy h3{font-size:26px;line-height:1.2}
.feature-copy p{font-weight:400;line-height:1.55}
.dots button span{height:6px;width:16px;border-radius:6px;background:#b3c5bd;transition:width .3s,background .3s}
.dots button[aria-pressed=true] span{width:24px;background:#163d34}
.dots button{width:30px}
.display-title{letter-spacing:-.055em}
.mixer{border-radius:24px;border-color:#c7dbd3;background:#eaf2ee;padding:20px}
.transport{border-radius:16px;background:#113331;border:0;color:#fff;padding:24px}
.play-mix{background:#baf6ce;color:#143b32}
.time{color:#d0e3dc}#audio-status{color:#d0e3dc}
.track{border-color:#dce5df;border-radius:15px}
.count{color:#163d34;letter-spacing:-.07em}
.testimonial-copy{background:#edf3f0}
.compact-footer{background:#f1f5f3;border-color:#e2eae5}
.compact-footer nav a{color:#51635a;transition:color .2s}
.compact-footer nav a:hover{color:#005a45}

/* A distinct audio surface for each topic, without adding product controls. */
.tool-speech{--accent:#d7eab0}.tool-convert{--accent:#f1d29f}.tool-voice{--accent:#d8d0f2}.tool-stems{--accent:#a8e5cf}.tool-noise{--accent:#b7deeb}.tool-clone{--accent:#efc4ad}
.tool-hero{padding-top:128px;padding-bottom:74px;gap:64px;min-height:740px;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}
.tool-hero-copy{padding:12px 0}
.tool-hero h1{font-size:clamp(48px,4.55vw,70px);letter-spacing:-.05em;line-height:1.055;text-wrap:balance}
.tool-hero-copy>p{font-size:20px;line-height:1.55;margin:28px 0 34px;max-width:570px}
.tool-hero-copy .cta{min-width:166px}
.tool-visual{position:relative;border-radius:24px;border:1px solid #173c3b;background:var(--studio);color:#fff;box-shadow:0 22px 48px -35px #052c3066;isolation:isolate}
.scene-top{padding:23px 28px;border-color:#31504e;font-size:21px;font-weight:500;position:relative;z-index:2;letter-spacing:-.03em}
.scene-top>span:first-child:before{content:'';display:inline-block;width:19px;height:21px;margin-right:10px;vertical-align:middle;background:var(--accent);mask:url('/assets/logo.svg') center/contain no-repeat}
.scene-top .scene-label{color:#b4c6bf;font-size:12px;letter-spacing:0;font-weight:400}
.scene-body{padding:32px;min-height:488px;gap:20px;position:relative}
.signal-card,.script-sheet,.noise-sheet{background:#193c3b;border:1px solid #3c5853;border-radius:14px;padding:22px}
.signal-line>span,.scene-baseline,.format-note{color:#c0d0c8}
.signal-wave{color:var(--accent);fill:currentColor;overflow:visible}
.signal-wave rect{transform-box:fill-box;transform-origin:center;--bar:0}
.signal-wave rect:nth-child(3n+1){--bar:1}.signal-wave rect:nth-child(3n+2){--bar:2}
.signal-card{position:relative;overflow:hidden}
.signal-card:after{content:'';position:absolute;inset:40px auto 24px 22px;width:1px;background:var(--accent);opacity:0}
.flow-arrow{color:var(--accent);font-size:25px}
.script-sheet{background:#f6f8f3;color:#253b2e;border:0;transform:rotate(-3deg);margin:0 13px 4px;box-shadow:6px 7px 0 #c9deae}
.script-sheet p{font-size:37px;margin:20px 0 24px;letter-spacing:-.035em}
.script-sheet em{color:#527427;box-shadow:0 4px 0 #c8e7a5}
.script-sheet .scene-label{color:#68835b}
.script-lines i{background:#d8e1ce;height:3px}
.scene-tags span{background:#2d4e45;color:#d1e3d4;border-radius:4px;font-size:12px;padding:6px 10px}
.scene-record{border-color:#d2dfdb;background:#eef2ef}
.scene-record .scene-top{background:#123a36;color:#fff}
.scene-record .scene-body{min-height:525px;padding:0;overflow:hidden}
.record-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:0}
.scene-record .record-disc{display:none}
.scene-record .record-time{position:absolute;top:24px;right:24px;background:#fff;color:#234239;border:1px solid #d6e0d9;border-radius:10px;font-size:22px;padding:10px 14px;letter-spacing:0;box-shadow:0 4px 16px #123d3910;z-index:1}
.record-time>span{background:#d66551;width:7px;height:7px}
.scene-record .signal-card{position:absolute;inset:auto 24px 24px;border:1px solid #31514a;background:#123a36;padding:18px 22px;box-shadow:0 14px 24px #092e2a24;z-index:2}
.scene-record .signal-wave{height:74px}
.scene-record .scene-baseline{margin-top:10px;color:#d9e7df;font-size:13px}
.format-source{width:174px;min-height:185px;background:#f8f4eb;color:#443a28;border-color:#ebd9b7;transform:rotate(-7deg);box-shadow:9px 9px 0 #42605a}
.format-source>strong{font-size:48px}
.format-source>span:not(.file-fold){color:#746449}
.file-fold{background:#d8c9ad;border-color:#c1ac86}
.format-options{gap:14px}
.format-option{border-radius:10px;background:#214743;border:1px solid #42625a;padding:22px;color:#fff}
.format-option.selected{background:var(--accent);border-color:var(--accent);color:#3d3526}
.format-option span{color:#c6d6cc}
.format-option.selected span{color:#6a583e}
.format-note{font-size:14px;margin-top:8px}
.voice-options{padding:18px 0;gap:16px}
.voice-options strong{color:#ded9ed;font-size:15px}
.voice-orb{width:78px;height:78px;background:#cec8e4;border-color:#a7a2bd}
.voice-one{border-color:#8c83af}.voice-two{border-color:#756a95;background:#e4deee}.voice-three{border-color:#c9bfdf;background:#463f60}
.stem-source{background:#254943;border:1px solid #42675b;border-radius:12px}
.stem-lanes{gap:10px}
.stem-lane{border:1px solid #3b5c50;background:#22473a;border-radius:8px;color:#dfede2;padding:13px}
.stem-lane:nth-child(3){background:#2c4938}.stem-lane:nth-child(4){background:#254544}
.stem-lane.muted{background:#163431;border-color:#2a4940;color:#8fa89c}
.stem-lane.muted .signal-wave{fill:#607d71}
.lane-state{color:#b8d2c0;font-size:11px}
.stem-divider{background:#6c9a80}
.noise-sheet{border:0;background:#254846;padding:26px}
.noise-sheet .scene-label{color:#cedddb;font-size:14px}
.noise-sheet .signal-line:last-child .signal-wave{fill:#729797}
.noise-routes>div{border-color:#3b6260;background:transparent;border-radius:10px;padding:20px}
.noise-routes strong{color:#e7f4f2}
.noise-routes span:last-child{color:#afc9c6;font-size:13px}
.route-number{color:#c6e5ee}
.voice-fingerprint{width:min(238px,100%);height:auto;aspect-ratio:1}
.voice-fingerprint i{border-color:#bc9177;border-width:1.5px}
.voice-fingerprint>span{background:#103031;color:#f1c9ac;font-size:25px;padding:13px}
.clone-route{color:#ddc4ae;font-size:14px;gap:20px}
.clone-route b{color:#859c8e}

/* Editorial rhythm: readable open columns alternate with a substantial studio panel. */
.page-section{padding-block:72px}
.page-intro{gap:72px;padding-top:30px;border-top:1px solid var(--line)}
.page-section h2{font-size:clamp(34px,3.5vw,52px);line-height:1.08;letter-spacing:-.04em}
.page-intro>p,.detail-prose>p{font-size:19px;line-height:1.6}
.page-points{gap:48px;margin-top:52px}
.page-points article{padding:25px 0 0;position:relative;border-color:#bed4c9}
.point-number{font-size:48px;line-height:1;letter-spacing:-.07em;color:#7da893;margin-bottom:24px}
.page-points h3{font-size:26px;line-height:1.15}
.page-points p,.page-steps p{font-size:18px;line-height:1.6}
.page-steps>h2{margin-bottom:45px;max-width:920px}
.page-steps ol{gap:0;border-top:1px solid #bbd4c5}
.page-steps li{border:0;border-right:1px solid #dce7df;border-radius:0;background:transparent;padding:32px 36px 12px;position:relative}
.page-steps li:first-child{padding-left:0}.page-steps li:last-child{border-right:0;padding-right:0}
.step-number{width:48px;height:48px;border-radius:13px;background:#193f35;color:#d4f4d8;margin-bottom:28px;font-size:22px}
.page-steps li:before{content:'';position:absolute;top:-2px;left:0;height:3px;width:100%;background:#417a5a;transform-origin:left;transform:scaleX(0)}
.page-detail{border:0;border-radius:22px;background:#edf3ef;gap:56px;padding:48px}
.page-detail h2{font-size:38px;line-height:1.12}
.page-detail dl>div{border-color:#cfded2}
.source-link{color:#166745;font-size:14px}
.insight-block{padding-block:68px}
.ib-copy h2{font-size:45px;line-height:1.1;letter-spacing:-.04em}
.ib-copy p{font-size:19px;line-height:1.6;color:#52665c}
.ib-visual{border-radius:18px;background:#edf4ee;border:1px solid #cfdfd2;padding:32px}
.ib-visual-label{font-size:14px;color:#3d6b50;margin-bottom:25px}
.ib-visual figcaption{color:#627a68}
.ib-node{border-radius:9px;border-color:#ccddcf;background:#fff}
.ib-node-index{color:#49805b}
.ib-node strong{font-weight:500}
.ib-node>span:last-child{color:#587060}
.ib-layout-band{padding:52px;margin-block:48px;background:#113b34;border-radius:24px;color:#fff}
.ib-layout-band .ib-copy{max-width:920px}
.ib-layout-band .ib-copy h2{color:#f0f8f2;max-width:850px}
.ib-layout-band .ib-copy p{color:#c2d5c8}
.ib-layout-band .ib-visual{border:1px solid #456359;background:#1b453b;border-radius:14px;padding:30px;margin-top:36px}
.ib-layout-band .ib-visual-label{color:#d1e5d5}
.ib-layout-band .ib-visual figcaption{color:#aac9b4}
.ib-layout-band .ib-node{background:#244e40;border-color:#486d53}
.ib-layout-band .ib-node strong,.ib-layout-band .ib-matrix-row>strong{color:#e6f3e8}
.ib-layout-band .ib-node>span:last-child,.ib-layout-band .ib-matrix-row>span{color:#c0d6c5}
.ib-layout-band .ib-node-index{color:#c1e5b6}
.ib-layout-band .ib-route .ib-node:after{color:#9bbb9e}
.ib-layout-band .ib-timeline:before{background:#628c6b}
.ib-layout-band .ib-timeline .ib-node:before{background:#c8ebb7;border-color:#1b453b}
.ib-layout-band .ib-matrix-row{border-color:#486658}
.ib-layout-ledger{gap:70px}
.ib-layout-ledger .ib-visual{padding:24px 0;border-color:#bad3bf}
.ib-layout-ledger .ib-copy h2{font-size:43px}
.ib-layout-compare .ib-visual{border-left:0;border-right:0;border-radius:0;background:#f4f7f4;padding:20px 32px}
.ib-layout-compare .ib-copy{gap:20px 64px}
.ib-matrix-row{border-color:#cbdcd0}
.ib-matrix-row>span{color:#526b5b}
.ib-sample-sheet{border-radius:10px;border-color:#d1e0d2;background:#fff}
.ib-sample-sheet:last-child{background:#dcebd5;border-color:#b8d2b2}
.faq{padding-top:86px;padding-bottom:48px}
.tool-page .faq>h2,.faq>h2{font-size:44px;line-height:1.1;letter-spacing:-.04em;text-align:left;max-width:896px;margin:0 auto 32px}
.faq-item{border-color:#d7e2d9}
.faq-item h3 button{padding:25px 0;font-size:20px;transition:color .2s}
.faq-icon{width:30px;height:30px;border-radius:50%;background:#eff4f0;transition:background .2s}
.faq-icon:before,.faq-icon:after{left:8px;top:14px;width:14px;height:1.5px;background:#244b36}
.faq-item.is-open .faq-icon{background:#cfe6c8}
.faq-answer p{color:#526b5b;line-height:1.6}

/* The closing action is a composed image-and-type scene, not a floating button. */
.final-cta,.tool-page .final-cta{padding:30px 0 80px;text-align:left}
.closing-studio{display:grid;grid-template-columns:1fr 1fr;background:#e8f0e9;border:1px solid #dce6dc;border-radius:24px;overflow:hidden;min-height:480px}
.closing-copy{padding:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;position:relative;z-index:1}
.closing-brand{font-size:18px;letter-spacing:-.03em;color:#52735c}
.closing-copy h2{font-size:clamp(36px,4vw,62px);line-height:1.07;letter-spacing:-.05em;text-wrap:balance;max-width:650px}
.closing-copy .cta{margin-top:8px}
.closing-art{position:relative;min-width:0;overflow:hidden;min-height:440px;background:#edf2ef}
.closing-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.closing-signal{position:absolute;bottom:26px;left:30px;right:30px;background:#133c34ed;color:#b7efc2;backdrop-filter:blur(8px);border:1px solid #51725a;padding:12px 24px;border-radius:12px;overflow:hidden;transform:rotate(-3deg)}
.closing-signal svg{display:block;width:100%;height:72px}
.closing-playhead{position:absolute;left:24px;top:15px;bottom:15px;width:1px;background:#efffec;opacity:0}

/* Motion is finite, activated only when its scene enters the viewport. */
@keyframes signalPulse{0%,100%{transform:scaleY(1)}35%{transform:scaleY(.55)}70%{transform:scaleY(.82)}}
@keyframes audioScan{0%{transform:translateX(0);opacity:0}10%{opacity:.7}85%{opacity:.7}100%{transform:translateX(360px);opacity:0}}
@keyframes sceneSettle{from{transform:translateY(22px) rotate(2deg);opacity:.4}to{transform:none;opacity:1}}
@keyframes paperSettle{from{transform:translateY(24px) rotate(-8deg)}to{transform:translateY(0) rotate(-3deg)}}
@keyframes imageMask{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@keyframes lineTrace{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes recordPulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes ringSettle{from{opacity:.1;scale:.84}to{opacity:1;scale:1}}
.motion-entered.tool-visual{animation:sceneSettle .85s cubic-bezier(.2,.7,.2,1) both}
.motion-entered .script-sheet{animation:paperSettle 1s cubic-bezier(.2,.7,.2,1) both}
.motion-entered .record-photo{animation:imageMask 1.05s cubic-bezier(.22,1,.36,1) both}
.motion-playing .signal-wave rect{animation:signalPulse 1.25s ease-in-out 4;animation-delay:calc(var(--bar)*110ms)}
.motion-playing .signal-card:after{animation:audioScan 3s ease-in-out 2}
.motion-playing .record-time>span{animation:recordPulse 1.5s ease-in-out 4}
.motion-entered .voice-fingerprint i{animation:ringSettle .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--ring)*80ms)}
.motion-entered.page-steps li:before{animation:lineTrace 1s cubic-bezier(.2,.7,.2,1) both}
.motion-entered.page-steps li:nth-child(2):before{animation-delay:.18s}.motion-entered.page-steps li:nth-child(3):before{animation-delay:.36s}
.motion-settled.page-steps li:before{transform:scaleX(1)}
.motion-entered .closing-art>img{animation:imageMask 1s cubic-bezier(.22,1,.36,1) both}
.motion-entered .closing-signal{animation:sceneSettle .9s .15s cubic-bezier(.2,.7,.2,1) both}
.motion-playing .closing-playhead{animation:audioScan 3s ease-in-out 2}
.motion-playing .closing-signal rect{transform-box:fill-box;transform-origin:center;animation:signalPulse 1.4s ease-in-out 4;animation-delay:calc(var(--bar)*-30ms)}
.motion-suspended *,.motion-suspended *:before,.motion-suspended *:after{animation-play-state:paused!important}
@media(hover:hover){.ib-node{transition:border-color .25s,background .25s}.ib-node:hover{border-color:#78a282}.page-points article:hover .point-number{color:#285e39}.point-number{transition:color .25s}}
@media(min-width:1700px){.tool-hero{min-height:820px}.scene-body{min-height:550px}.scene-record .scene-body{min-height:590px}}
@media(max-width:1199px){.tool-hero{gap:32px;min-height:720px}.tool-hero h1{font-size:52px}.tool-hero-copy>p{font-size:19px}.scene-body{padding:24px;min-height:460px}.scene-record .scene-body{min-height:490px}.scene-top{padding:20px}.scene-label{font-size:12px}.page-points{gap:28px}.page-detail{padding:36px;gap:32px}.page-detail h2{font-size:34px}.ib-copy h2,.ib-layout-ledger .ib-copy h2{font-size:38px}.ib-layout-band{padding:40px}.closing-copy{padding:36px}.closing-copy h2{font-size:44px}.closing-studio{min-height:420px}.closing-art{min-height:420px}.closing-signal{left:22px;right:22px;bottom:22px;padding:10px 18px}.hero-card,.hero-video{min-height:660px}.hero-content{padding:36px}.hero h1{font-size:56px}.page-steps li{padding:28px 26px 10px}}
@media(max-width:1023px){.tool-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:118px;gap:28px;min-height:0}.tool-hero h1{font-size:43px}.tool-hero-copy>p{font-size:18px}.tool-visual{max-width:none}.scene-body{width:100%;max-width:none;padding:22px;min-height:438px}.scene-top{gap:12px}.scene-top>span:first-child{font-size:19px}.scene-top .scene-label{font-size:11px;max-width:120px;text-align:right}.scene-record .scene-body{min-height:458px}.scene-record .signal-card{inset:auto 16px 16px;padding:15px}.scene-record .record-time{top:16px;right:16px;font-size:19px}.script-sheet{margin-inline:4px;padding:20px}.script-sheet p{font-size:29px}.signal-card{padding:18px}.voice-orb{width:58px;height:58px}.format-option{padding:17px}.noise-routes>div{padding:14px}.noise-routes strong{font-size:16px}.noise-sheet{padding:20px}.page-intro{grid-template-columns:1fr;gap:24px}.page-section{padding-block:56px}.page-steps ol{grid-template-columns:1fr;border:0;gap:0}.page-steps li,.page-steps li:first-child,.page-steps li:last-child{border-right:0;border-top:1px solid #c5d8cb;padding:28px 0;display:grid;grid-template-columns:48px 1fr;gap:24px}.step-number{margin:0}.page-steps li:before{width:48px}.page-detail{grid-template-columns:1fr;gap:32px}.page-detail h2{font-size:36px}.ib-layout-split,.ib-layout-ledger{grid-template-columns:1fr;gap:32px}.ib-layout-band{margin-block:32px}.ib-layout-compare .ib-copy{grid-template-columns:1fr;gap:20px}.insight-block{padding-block:52px}.ib-layout-band{padding:40px}.closing-copy h2{font-size:40px}.hero-card{min-height:640px}.hero-video{min-height:640px;grid-area:1/2;aspect-ratio:auto;height:100%}.hero h1{font-size:48px}.hero p{font-size:18px}.feature-copy{padding:32px 32px 80px}.feature-copy h2{font-size:40px}.feature-copy h3{font-size:25px}.feature-copy p{font-size:18px}}
@media(max-width:767px){.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px)}.site-header{height:72px}.hero{padding-top:88px}.hero-card{display:flex;flex-direction:column;min-height:0;border-radius:20px}.hero-content{padding:32px}.hero h1{font-size:48px}.hero p{font-size:18px;margin:24px 0}.hero-video{min-height:0;height:auto;aspect-ratio:4/3;order:1}.hero-content{order:0}.section{padding-block:64px}.features{padding-top:56px}.feature-copy{padding:32px;gap:24px}.feature-copy h2{font-size:40px}.feature-copy p{font-size:18px}.mixer{padding:12px}.transport{padding:16px}.tool-hero{grid-template-columns:1fr;padding-top:102px;padding-bottom:44px;gap:30px}.tool-hero h1{font-size:48px;max-width:650px;line-height:1.04}.tool-hero-copy>p{font-size:18px;line-height:1.6;margin:24px 0 28px}.tool-hero-copy{padding:0}.tool-visual{border-radius:20px}.scene-body{padding:28px;min-height:440px;max-width:550px;margin-inline:auto}.scene-top{padding:20px 24px}.scene-top .scene-label{max-width:none;font-size:12px}.scene-record .scene-body{min-height:490px;max-width:none}.scene-record .signal-card{inset:auto 20px 20px;padding:18px 22px}.scene-record .record-time{top:20px;right:20px}.script-sheet p{font-size:36px}.voice-orb{width:72px;height:72px}.format-option{padding:22px}.noise-sheet{padding:24px}.noise-routes>div{padding:20px}.noise-routes strong{font-size:18px}.page-section{padding-block:44px}.page-section h2{font-size:35px}.page-intro{gap:23px;padding-top:12px}.page-intro>p,.detail-prose>p{font-size:18px}.page-points{grid-template-columns:1fr;gap:28px;margin-top:36px}.page-points article{display:grid;grid-template-columns:42px 1fr;gap:10px 20px;padding-top:24px}.point-number{grid-row:1/3;font-size:34px;margin:0;line-height:1.1}.page-points h3{font-size:24px;margin:0}.page-points p{grid-column:2;font-size:17px}.page-steps>h2{margin-bottom:30px}.page-steps li,.page-steps li:first-child,.page-steps li:last-child{gap:18px}.page-steps h3{font-size:25px}.page-steps p{font-size:17px}.page-detail{padding:28px 24px;border-radius:18px;gap:28px}.page-detail h2{font-size:32px}.page-detail dl{margin-top:28px}.page-detail dl>div{grid-template-columns:74px 1fr}.insight-block{padding-block:44px}.ib-copy h2,.ib-layout-ledger .ib-copy h2{font-size:34px;margin-bottom:24px}.ib-copy p{font-size:18px}.ib-visual{padding:24px 20px;border-radius:16px}.ib-layout-band{padding:30px 24px;margin-block:28px;border-radius:20px}.ib-layout-band .ib-copy h2{font-size:33px}.ib-layout-band .ib-visual{padding:22px 18px;margin-top:28px}.ib-layout-band .ib-node{padding:18px}.ib-layout-compare .ib-visual{padding:10px 22px}.ib-layout-ledger .ib-visual{padding:12px 0}.faq,.tool-page .faq{padding-top:56px;padding-bottom:24px}.faq>h2,.tool-page .faq>h2{font-size:34px;margin-bottom:24px}.faq-item h3 button{font-size:18px;gap:18px;padding:23px 0}.faq-icon{width:28px;height:28px}.faq-icon:before,.faq-icon:after{left:7px;top:13px}.final-cta,.tool-page .final-cta{padding:24px 0 56px}.closing-studio{grid-template-columns:1fr;border-radius:20px;min-height:0}.closing-copy{padding:32px;gap:20px}.closing-copy h2{font-size:42px;max-width:540px}.closing-brand{font-size:16px}.closing-art{min-height:350px;aspect-ratio:1.35}.closing-signal{left:28px;right:28px;bottom:28px}.closing-copy .cta{margin-top:6px}.compact-footer nav a{font-size:14px}.scene-record .record-photo{object-position:center 45%}}
@media(max-width:389px){.container{width:calc(100% - 32px)}.cta{font-size:17px;padding:13px 23px;min-height:51px}.header-controls{gap:8px}.language-switch{font-size:11px;gap:5px}.cta-header{min-height:40px;padding:9px 13px;font-size:12px}.hero-content{padding:25px}.hero h1{font-size:39px}.tool-hero h1{font-size:40px}.tool-hero-copy>p{font-size:17px}.tool-hero{padding-top:96px}.clone-route{gap:7px;font-size:12px}.scene-top{padding:18px}.scene-top>span:first-child{font-size:18px}.scene-top .scene-label{font-size:11px;max-width:110px}.scene-body{padding:22px;min-height:410px}.scene-record .scene-body{min-height:430px}.scene-record .signal-card{inset:auto 14px 16px;padding:15px}.scene-baseline{font-size:12px!important}.script-sheet p{font-size:31px}.noise-routes{gap:9px}.noise-routes>div{padding:14px}.noise-routes strong{font-size:16px}.page-section h2,.ib-copy h2,.ib-layout-ledger .ib-copy h2{font-size:31px}.page-points article{gap:10px 14px;grid-template-columns:34px 1fr}.point-number{font-size:30px}.page-detail{padding:26px 20px}.page-detail h2{font-size:29px}.page-detail dl>div{grid-template-columns:66px 1fr;gap:12px}.ib-layout-band{padding:28px 20px}.ib-layout-band .ib-copy h2{font-size:29px}.ib-layout-band .ib-visual{padding:18px 14px}.closing-copy{padding:28px 24px}.closing-copy h2{font-size:35px}.closing-art{min-height:290px}.closing-signal{left:20px;right:20px;bottom:20px}.closing-signal svg{height:56px}.faq>h2,.tool-page .faq>h2{font-size:31px}.compact-footer nav{gap:4px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.tool-visual,.closing-art>img,.record-photo{clip-path:none!important;opacity:1!important;transform:none!important}.page-steps li:before{transform:scaleX(1)}.signal-card:after,.closing-playhead{display:none}.cta:hover{transform:none}}

@media(max-width:1199px){.stem-lane{grid-template-columns:80px minmax(0,1fr)}}