.ai-tools-page .tools-eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}
.ai-tools-page .tools-hero{padding-top:76px;padding-bottom:70px}
.ai-tools-page .tools-hero h1{font-size:clamp(2.6rem,5.4vw,5.2rem);max-width:1000px;line-height:1.08}
.ai-tools-page .tools-hero-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;margin-top:36px}
.ai-tools-page .tools-hero-bottom>p{font-size:17px;max-width:60ch;color:var(--text)}
.ai-tools-page .tools-hero-bottom .hero-actions{margin:0;justify-content:flex-end}
.ai-tools-page .tools-directory{background:var(--white);padding:64px 0 40px;scroll-margin-top:20px}
.ai-tools-page .tools-section-heading{margin-bottom:32px}
.ai-tools-page .tools-section-heading>p{color:var(--text);font-size:clamp(18px,1.6vw,22px);line-height:1.65;max-width:88ch}
.ai-tools-page .tools-widget{container-type:inline-size;background:var(--canvas);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ai-tools-page .tools-widget iframe{display:block;width:100%;height:650px;border:0;border-radius:12px}
.ai-tools-page .tools-widget-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:16px}
.ai-tools-page .tools-widget-footer p{font-size:12px;color:var(--muted);max-width:65ch}
.ai-tools-page .tools-widget-footer a{flex-shrink:0}
.ai-tools-page .tools-usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}
.ai-tools-page .tools-usecase-grid article{border-top:1px solid var(--line);padding-top:22px}
.ai-tools-page .tools-number{font-size:13px;color:var(--accent)}
.ai-tools-page .tools-usecase-grid h3{font-size:25px;margin:24px 0 18px}
.ai-tools-page .tools-usecase-grid p{color:var(--text);font-size:15px}
.ai-tools-page .tools-usecase-grid .tools-example{font-size:13px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.ai-tools-page .tools-selection{background:var(--paper)}
.ai-tools-page .tools-selection-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}
.ai-tools-page .tools-selection-intro{max-width:42ch;margin-top:28px;color:var(--text)}
.ai-tools-page .tools-criteria{list-style:none;padding:0;margin:0}
.ai-tools-page .tools-criteria li{display:flex;gap:22px;padding:26px 0;border-top:1px solid var(--line)}
.ai-tools-page .tools-criteria li>span{color:var(--accent);font-size:13px;padding-top:3px}
.ai-tools-page .tools-criteria h3{font-size:23px;margin-bottom:12px}
.ai-tools-page .tools-criteria p{font-size:15px;color:var(--text)}
.ai-tools-page .tools-consulting{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.ai-tools-page .tools-consulting figure{align-self:end}
.ai-tools-page .tools-consulting img{width:100%;max-width:380px;margin:auto}
.ai-tools-page .tools-consulting figcaption{border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}
.ai-tools-page .tools-consulting p:not(.tools-eyebrow){margin-top:22px;color:var(--text)}
.ai-tools-page .tools-consulting .tools-consulting-lead{font-size:20px}
.ai-tools-page .tools-consulting .button{margin-top:30px}
.ai-tools-page .tools-faq{background:var(--white)}
.ai-tools-page .tools-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.ai-tools-page .tools-faq details{border-top:1px solid var(--line);padding:22px 0}
.ai-tools-page .tools-faq details:last-child{border-bottom:1px solid var(--line)}
.ai-tools-page .tools-faq summary{cursor:pointer;font-weight:600;font-size:16px;min-height:28px}
.ai-tools-page .tools-faq details p{font-size:15px;margin-top:18px;color:var(--text)}
.ai-tools-page .desktop-nav [aria-current="page"]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
.ai-tools-page .related-pages{display:flex;gap:28px;margin-bottom:25px;flex-wrap:wrap}
.ai-tools-page .related-pages a{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none}
.ai-tools-page .related-pages a:hover{text-decoration:underline}
@media(max-width:900px){
 .ai-tools-page .tools-hero-bottom,.ai-tools-page .tools-section-heading{gap:28px}
 .ai-tools-page .tools-hero-bottom .hero-actions{justify-content:flex-start}
 .ai-tools-page .tools-usecase-grid{gap:24px}
 .ai-tools-page .tools-selection-grid,.ai-tools-page .tools-consulting,.ai-tools-page .tools-faq-grid{gap:36px}
 .ai-tools-page .tools-widget-footer{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:700px){
 .ai-tools-page .tools-hero{padding-top:44px;padding-bottom:44px}
 .ai-tools-page .tools-hero-bottom,.ai-tools-page .tools-section-heading,.ai-tools-page .tools-usecase-grid,.ai-tools-page .tools-selection-grid,.ai-tools-page .tools-consulting,.ai-tools-page .tools-faq-grid{grid-template-columns:1fr}
 .ai-tools-page .tools-hero-bottom{margin-top:26px}
 .ai-tools-page .tools-hero-bottom .hero-actions{gap:14px}
 .ai-tools-page .tools-directory{padding:44px 0 28px}
 .ai-tools-page .tools-usecase-grid{margin-top:30px;gap:30px}
 .ai-tools-page .tools-consulting figure{order:2;max-width:330px;margin:auto}
 .ai-tools-page .tools-eyebrow{margin-bottom:16px;font-size:11px}
}

/* Compact desktop frame; smaller viewports retain an internal scroll area. */
@container(min-width:1024px){.ai-tools-page .tools-widget iframe{height:460px}}