.tools-page [hidden]{display:none!important}
.tools-page main h1{font-size:clamp(42px,4.6vw,66px);line-height:1.08;max-width:620px}
.tools-page main h2{font-size:clamp(32px,3.1vw,45px);line-height:1.15}
.tools-page main h3{font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.35}
.tools-page main p{font-size:14px;line-height:1.85}
.tools-page main section[id]{scroll-margin-top:120px}
.tools-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding-top:25px;color:var(--muted);font-size:11px}
.tools-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.tools-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center;padding-block:58px 65px}
.tools-hero>div>p{max-width:500px;margin-top:26px}
.tools-page .hero-actions{gap:24px;margin-top:29px}
.tools-page .hero-actions .button,.tools-page .hero-actions .text-link{font-size:12px}
.tools-hero-image{min-width:0;margin:0}
.tools-hero-image>img{display:block;width:100%;height:350px;object-fit:cover;border-radius:3px}
.tools-hero-image figcaption{display:flex;justify-content:space-between;gap:18px;font-size:11px;line-height:1.7;margin-top:14px}
.tools-hero-image figcaption>span:last-child{color:var(--muted)}
.tools-section{padding-block:70px}
.tools-levers{border-top:1px solid var(--line);padding-top:46px}
.tools-levers h2{max-width:780px}
.tools-lever-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:33px}
.tools-number{display:block;color:#526f75;font-size:11px;margin-bottom:18px}
.tools-lever-grid p{margin-top:13px;max-width:360px}
.tools-flow-wrap{background:#f3f5f6;border-block:1px solid var(--line)}
.tools-flow-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8%;align-items:center}
.tools-flow-section>div>p{margin-top:25px;max-width:470px}
.tools-workflows{border:1px solid var(--line);border-radius:4px;background:white;padding:26px;min-width:0}
.tools-tabs{display:flex;border-bottom:1px solid var(--line);gap:23px;margin-bottom:27px}
.tools-tabs>button{position:relative;min-height:44px;padding:4px 0 15px;font-size:12px;color:var(--muted)}
.tools-tabs>button[aria-selected=true]{color:var(--ink)}
.tools-tabs>button[aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink)}
.tools-flow-panel{min-width:0;padding:0}
.tools-flow-panel+.tools-flow-panel{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}
.tools-flow-panel[role=tabpanel]{min-height:278px;border:0;margin:0;padding:0}
.tools-flow-panel:focus-visible{outline:2px solid #4374b5;outline-offset:6px}
.tools-flow-client>img{width:112px;height:31px;object-fit:contain;object-position:left center;filter:grayscale(1);margin-bottom:20px}
.tools-page main .tools-flow-client h3{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.035em;line-height:1.18}
.tools-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:26px 0 23px;padding:0;gap:20px}
.tools-flow li{position:relative;min-width:0}
.tools-flow li>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #8da8ab;border-radius:50%;color:#476c72;font-size:10px;background:white;position:relative;z-index:1;margin-bottom:13px}
.tools-flow li:not(:last-child)::before{content:'';position:absolute;top:13px;left:27px;right:-20px;height:1px;background:#bccbcc}
.tools-flow li:not(:last-child)::after{content:'›';position:absolute;top:0;left:calc(50% + 12px);color:#476c72;font-size:20px;line-height:25px;background:white;padding-inline:3px}
.tools-flow strong{display:block;font-size:11px;line-height:1.6;font-weight:500;max-width:150px}
.tools-page main .tools-flow-panel>p{font-size:12px;line-height:1.8}
.tools-flow-note{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:17px}
.tools-flow-panel.is-selected .tools-flow li:not(:last-child)::after{animation:tools-flow-arrow 1.1s ease-out both}
.tools-flow-panel.is-selected .tools-flow li:nth-child(2)::after{animation-delay:.15s}
@keyframes tools-flow-arrow{from{transform:translateX(-12px);opacity:.4}to{transform:translateX(0);opacity:1}}
.tools-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:start;margin-bottom:35px}
.tools-section-heading>p{max-width:420px;padding-top:4px}
.tools-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.tools-case-grid>article{min-width:0;border:1px solid var(--line);border-radius:3px;padding:28px 25px}
.tools-case-grid>article>img{width:120px;height:34px;object-fit:contain;object-position:left center;filter:grayscale(1);margin-bottom:27px}
.tools-case-grid h3{max-width:300px}
.tools-case-grid p{margin-top:17px}
.tools-method{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line)}
.tools-method h2{max-width:530px}
.tools-method>div>p{max-width:490px;margin-top:25px}
.tools-method .text-link{margin-top:24px}
.tools-method ol{list-style:none;padding:0;margin:0}
.tools-method li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:17px;border-top:1px solid var(--line);padding-block:24px}
.tools-method li:first-child{padding-top:18px}
.tools-method li:last-child{padding-bottom:0}
.tools-method li>span{font-size:10px;color:#526f75;padding-top:4px}
.tools-page main .tools-method h3{font-size:21px}
.tools-page main .tools-method li p{font-size:13px;margin-top:9px}
.tools-faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;border-top:1px solid var(--line)}
.tools-faq details{border-top:1px solid var(--line)}
.tools-faq details:last-child{border-bottom:1px solid var(--line)}
.tools-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;cursor:pointer;min-height:70px;padding-block:20px;font-size:14px;font-weight:500;line-height:1.6}
.tools-faq summary::-webkit-details-marker{display:none}
.tools-faq summary::after{content:'+';font-size:22px;font-weight:400;flex:0 0 14px}
.tools-faq details[open]>summary::after{content:'−'}
.tools-faq details>p{padding:0 25px 24px 0}
.tools-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:center;border-top:1px solid var(--ink);padding-block:45px 65px}
.tools-cta h2{max-width:720px}
.tools-cta p{max-width:610px;margin-top:18px}
@media(max-width:1000px){.tools-hero{gap:5%}.tools-hero-image>img{height:325px}.tools-flow-section{gap:6%;grid-template-columns:.85fr 1.15fr}.tools-workflows{padding:23px}.tools-flow{gap:14px}.tools-flow li:not(:last-child)::before{right:-14px}.tools-case-grid{gap:18px}.tools-case-grid>article{padding:25px 21px}}
@media(max-width:760px){.tools-page main h1{font-size:clamp(39px,7.9vw,58px)}.tools-hero{grid-template-columns:1fr;gap:33px;padding-block:43px 48px}.tools-hero>div>p{max-width:570px}.tools-hero-image{width:100%;max-width:600px;justify-self:center}.tools-hero-image>img{height:auto;aspect-ratio:1.5;object-fit:cover}.tools-hero-image figcaption{font-size:10px}.tools-section{padding-block:52px}.tools-levers{padding-top:42px}.tools-lever-grid{grid-template-columns:1fr;gap:27px;margin-top:29px}.tools-number{margin-bottom:10px}.tools-lever-grid p{max-width:570px;margin-top:10px}.tools-flow-section{grid-template-columns:1fr;gap:29px}.tools-flow-section>div>p{max-width:570px}.tools-workflows{width:100%;max-width:570px;justify-self:center;padding:24px}.tools-tabs{gap:25px;margin-bottom:24px}.tools-flow-panel[role=tabpanel]{min-height:365px}.tools-flow-client>img{margin-bottom:18px}.tools-page main .tools-flow-client h3{font-size:26px}.tools-flow{grid-template-columns:1fr;gap:0;margin:23px 0 20px}.tools-flow li{display:flex;align-items:center;gap:14px;min-height:53px}.tools-flow li>span{margin:0;flex:none}.tools-flow strong{max-width:none;font-size:12px}.tools-flow li:not(:last-child)::before{left:13px;top:40px;right:auto;width:1px;height:27px}.tools-flow li:not(:last-child)::after{content:'↓';left:5px;top:39px;font-size:13px;line-height:18px;background:white;padding:0 3px}.tools-flow-panel.is-selected .tools-flow li:not(:last-child)::after{animation:none}.tools-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:29px}.tools-section-heading>p{padding:0;max-width:570px}.tools-case-grid{grid-template-columns:1fr;gap:17px}.tools-case-grid>article{padding:25px}.tools-case-grid>article>img{margin-bottom:20px}.tools-case-grid h3,.tools-case-grid p{max-width:570px}.tools-case-grid p{margin-top:13px}.tools-method{grid-template-columns:1fr;gap:29px}.tools-method h2,.tools-method>div>p{max-width:570px}.tools-faq-section{grid-template-columns:1fr;gap:27px}.tools-cta{grid-template-columns:1fr;justify-items:start;gap:25px;padding-block:35px 50px}}
@media(max-width:380px){.tools-workflows{padding:20px}.tools-tabs{gap:23px}.tools-flow-panel[role=tabpanel]{min-height:410px}.tools-page main .tools-flow-client h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.tools-flow-panel.is-selected .tools-flow li:not(:last-child)::after{animation:none;transform:none;opacity:1}}