/* Tool index: a clear home for released GaTwork applications. */
.nav a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.tools-hero{overflow:hidden;background:linear-gradient(125deg,#f7f6f1,#e8f0ed);border-bottom:1px solid var(--line)}
.tools-hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:clamp(30px,5vw,80px);align-items:center;padding:72px 0 85px}
.tools-hero h1{font-size:clamp(40px,4.7vw,66px);line-height:1.3;color:var(--ink-1);margin-bottom:22px}
.tools-hero h1 em{font-style:normal;color:var(--accent)}
.tools-lead{font-size:clamp(17px,1.7vw,21px);line-height:1.9;color:var(--ink-2);max-width:620px;margin-bottom:28px}
.tools-hero-art{position:relative;padding:36px;border:1px solid #d5e0df;background:rgba(255,255,255,.85);border-radius:6px 84px 6px 6px;box-shadow:0 24px 52px rgba(24,47,65,.09)}
.tools-hero-art::before{content:"";position:absolute;inset:19px auto 19px 58px;width:2px;background:linear-gradient(var(--accent),#a6c0b7)}
.tools-art-line{position:relative;display:flex;align-items:center;gap:22px;padding:17px 0;border-bottom:1px solid #e0e8e7}
.tools-art-line:last-child{border-bottom:0}
.tools-art-line span{z-index:1;display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:50%;background:#e8f0ed;color:var(--accent);font:800 13px Outfit,system-ui,sans-serif}
.tools-art-line strong{color:var(--ink-1);font-size:16px;line-height:1.5}
.tools-section{padding:82px 0 96px}
.tools-section-head{margin-bottom:33px}
.tools-section-head h2{font-size:clamp(29px,3.5vw,44px);margin-bottom:10px}
.tools-section-head p:last-child{color:var(--muted);margin:0}
.tool-feature{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);background:#fff;border:1px solid #dce2e4;box-shadow:0 16px 40px rgba(24,47,65,.07);overflow:hidden;border-radius:6px}
.tool-image{min-height:480px;position:relative;overflow:hidden;background:#e9e9e2}
.tool-image img{width:100%;height:100%;object-fit:cover;object-position:60% center;display:block;transition:transform .55s ease}
.tool-feature:hover .tool-image img{transform:scale(1.035)}
.tool-image span{position:absolute;right:16px;bottom:16px;background:rgba(255,255,255,.9);padding:3px 9px;font-size:12px;color:var(--muted)}
.tool-copy{padding:clamp(28px,4vw,54px);align-self:center}
.tool-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}
.tool-badges span{border:1px solid #b9cfcc;background:#f2f7f5;color:var(--accent);padding:4px 10px;font-size:12px;font-weight:700}
.tool-copy h3{font-size:clamp(30px,3.2vw,43px);line-height:1.25;color:var(--ink-1);margin-bottom:20px}
.tool-copy h3 small{display:block;font-size:18px;font-weight:600;margin-top:6px;color:var(--ink-2)}
.tool-copy p{color:var(--ink-2);line-height:1.9}
.tool-copy ul{padding-left:1.25em;margin:20px 0}
.tool-copy li{margin:7px 0;color:var(--ink-1);font-weight:600}
.tool-copy .tool-requirements{border-top:1px solid #dce2e4;padding-top:17px;font-size:14px;color:var(--muted)}
.tools-support{padding:64px 0;background:#edf2f0;border-top:1px solid #dce2e4}
.tools-support-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}
.tools-support-inner>div{max-width:780px}
.tools-support h2{font-size:clamp(28px,3vw,39px);margin-bottom:12px}
.tools-support p:last-child{color:var(--ink-2);line-height:1.9;margin:0}
.tools-support .btn{flex:0 0 auto}
@media(max-width:800px){.tools-hero-inner{grid-template-columns:1fr;padding:50px 0 62px}.tools-hero-art{max-width:540px}.tool-feature{grid-template-columns:1fr}.tool-image{min-height:320px;height:38vw}.tools-support-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.tools-hero-inner{padding:38px 0 48px}.tools-hero h1{font-size:clamp(34px,9vw,46px)}.tools-hero-art{padding:20px;border-radius:6px 56px 6px 6px}.tools-hero-art::before{left:42px}.tools-art-line{gap:14px}.tools-art-line span{flex-basis:43px;height:43px}.tools-art-line strong{font-size:14px}.tools-section{padding:57px 0 65px}.tool-image{height:260px;min-height:0}.tool-copy{padding:25px 22px 30px}.tools-support{padding:52px 0}}
@media(prefers-reduced-motion:reduce){.tool-image img{transition:none}}