.tool-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:64px 104px}
.tool-hero h1{font-size:clamp(42px,4.6vw,72px);line-height:1.04;letter-spacing:-.035em;font-weight:400;text-wrap:balance}
.tool-lead{max-width:640px;margin:28px 0;font-size:21px;line-height:1.45;color:#52676f}
.tool-hero .cta-note{font-size:14px;line-height:1.4;max-width:380px;color:#62757c;margin-top:14px}
.tool-visual{border:1px solid #173f4b;border-radius:32px;background:#0b2b35;overflow:hidden;margin:0}
.tool-visual img{width:100%;height:auto;aspect-ratio:560/520}
.tool-visual figcaption{margin:0;padding:20px 28px 24px;border-top:1px solid #34515a;color:#d2e6eb;font-size:16px;line-height:1.4}
.tool-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:100px;border-top:1px solid #dce4e7;padding-block:64px 100px}
.tool-intro h2,.tool-workflow>h2,.tool-details>h2{font-size:clamp(36px,3.5vw,54px);line-height:1.06;letter-spacing:-.025em;text-wrap:balance}
.tool-intro p{font-size:20px;line-height:1.5;margin-bottom:22px}
.tool-intro p:last-child{margin-bottom:0}
.source-link{color:#00727d;font-size:16px;text-decoration:underline;text-underline-offset:4px;line-height:1.4}
.source-link:hover{color:#034550}
.tool-workflow{padding-bottom:104px}
.tool-workflow>h2,.tool-details>h2{max-width:850px;margin-bottom:48px}
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0}
.steps li{border-top:1px solid #bdced3;padding-top:24px}
.step-number{display:block;color:#007c87;font-size:18px;line-height:1;margin-bottom:28px;font-variant-numeric:tabular-nums}
.steps h3{font-size:28px;line-height:1.15;margin-bottom:18px;letter-spacing:-.015em}
.steps p{font-size:18px;line-height:1.5}
.tool-details{padding-bottom:104px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.detail-grid article{background:#f4f7f8;border:1px solid #dce4e7;border-radius:28px;padding:40px}
.detail-grid h3{font-size:32px;line-height:1.1;letter-spacing:-.02em;margin-bottom:22px}
.detail-grid p{font-size:19px;line-height:1.5}
.audio-page .faq{padding-top:16px;padding-bottom:48px}
.audio-page .faq>.display{max-width:900px;margin-inline:auto;font-size:56px;line-height:1.06;text-wrap:balance}
.audio-page .final-cta{padding-bottom:88px}
@media(max-width:1200px){.tool-hero{gap:40px}.tool-intro{gap:56px}.tool-lead{font-size:20px}.steps{gap:28px}.steps h3{font-size:26px}.detail-grid article{padding:32px}}
@media(max-width:900px){.tool-hero{grid-template-columns:1fr;gap:40px;padding-block:48px 72px}.tool-hero-copy{max-width:740px}.tool-hero h1{font-size:60px;max-width:740px}.tool-visual{max-width:620px;width:100%;justify-self:center}.tool-intro{gap:36px;padding-block:48px 72px;grid-template-columns:1fr}.tool-intro h2{max-width:620px}.tool-workflow,.tool-details{padding-bottom:72px}.steps{gap:24px}.steps h3{font-size:24px}.steps p{font-size:17px}.detail-grid{gap:20px}.detail-grid article{padding:28px}.detail-grid h3{font-size:28px}.detail-grid p{font-size:18px}}
@media(max-width:650px){.tool-hero{padding-top:36px;gap:32px}.tool-hero h1{font-size:46px}.tool-lead{font-size:19px;margin-block:24px}.tool-hero .cta-note{font-size:14px}.tool-visual{border-radius:24px}.tool-visual figcaption{padding:18px 20px;font-size:15px}.tool-intro{padding-block:40px 64px;gap:24px}.tool-intro h2,.tool-workflow>h2,.tool-details>h2{font-size:36px}.tool-intro p{font-size:18px;line-height:1.5}.steps{grid-template-columns:1fr;gap:32px}.step-number{margin-bottom:18px}.steps h3{font-size:27px;max-width:420px;margin-bottom:16px}.steps p{font-size:18px}.tool-workflow>h2,.tool-details>h2{margin-bottom:32px}.detail-grid{grid-template-columns:1fr;gap:16px}.detail-grid article{padding:28px 24px;border-radius:24px}.detail-grid h3{font-size:28px}.audio-page .faq>.display{font-size:40px}.audio-page .faq-question{font-size:20px}.audio-page .final-cta{padding-bottom:64px}}
@media(max-width:420px){.tool-hero h1{font-size:40px}.tool-hero{padding-block:32px 56px}.tool-lead{font-size:18px}.tool-intro h2,.tool-workflow>h2,.tool-details>h2{font-size:34px}.audio-page .faq>.display{font-size:36px}.tool-workflow,.tool-details{padding-bottom:64px}.audio-page .faq-question{font-size:19px}}
@media(max-width:350px){.tool-hero h1{font-size:34px}.tool-lead{font-size:17px}.tool-intro h2,.tool-workflow>h2,.tool-details>h2{font-size:30px}.tool-intro p,.steps p,.detail-grid p{font-size:17px}.steps h3,.detail-grid h3{font-size:25px}.detail-grid article{padding:24px 20px}.audio-page .faq>.display{font-size:32px}.audio-page .faq-question{font-size:18px}.tool-visual figcaption{font-size:14px;padding:16px}}