/* PAGE: TOOLS */
.nav-active{color:var(--teal)!important;position:relative}.nav-active::after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:2px;background:var(--mint)}
.tools-page__hero,.tools-directory{max-width:1362px;margin:0 auto}.tools-page__topline{display:flex;justify-content:space-between;padding:28px 0 17px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.08em}.tools-page__hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end;padding:58px 0 88px}.tools-page__hero h1{margin:0;font-family:var(--display);font-size:clamp(70px,7vw,102px);line-height:.86;letter-spacing:-.075em}.tools-page__hero h1 em,.tools-directory h2 em,.tools-note h2 em{color:var(--teal);font-style:normal}.tools-page__intro{max-width:420px;padding-bottom:6px}.tools-page__intro p{margin:0 0 15px;color:var(--muted);font-size:13px;line-height:1.6}
.tools-directory{display:grid;grid-template-columns:35% 65%;gap:80px;padding:0 0 115px}.tools-directory__intro h2{margin:20px 0 24px;font-family:var(--display);font-size:clamp(50px,5vw,72px);line-height:.9;letter-spacing:-.065em}.tools-directory__intro p{max-width:290px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.tools-directory__list{border-top:1px solid var(--ink)}
.tool-row{min-height:174px;display:grid;grid-template-columns:45px 1fr 90px;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:.2s ease}.tool-row:hover{padding-left:8px;background:#F0F8F6}.tool-row--main{background:var(--teal);color:#fff;padding-left:25px;padding-right:25px;border-bottom:0}.tool-row--main:hover{background:#10443F;padding-left:33px}.tool-row__num{color:var(--teal);font-size:10px}.tool-row--main .tool-row__num,.tool-row--main .tool-row__meta,.tool-row--main b{color:var(--mint)}.tool-row__meta{color:var(--muted);font-size:8px;font-weight:600;letter-spacing:.09em}.tool-row h2{margin:9px 0 8px;font-family:var(--display);font-size:29px;line-height:1;letter-spacing:-.045em}.tool-row p{max-width:470px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.tool-row--main p{color:#C9DEDA}.tool-row b{color:var(--teal);font-size:9px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tool-row b i{margin-left:5px;font-size:16px;font-style:normal}
.tools-note{padding:95px max(44px,calc((100vw - 1362px)/2));display:grid;grid-template-columns:1fr 390px;gap:100px;align-items:end;background:#EAF7F4}.tools-note h2{margin:22px 0 0;font-family:var(--display);font-size:clamp(48px,5vw,72px);line-height:.9;letter-spacing:-.065em}.tools-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.tools-question{max-width:900px;margin:0 auto;padding:105px 20px 115px;text-align:center}.tools-question h2{margin:20px 0 17px;font-family:var(--display);font-size:clamp(45px,5vw,68px);line-height:.95;letter-spacing:-.06em}.tools-question p{max-width:510px;margin:0 auto 26px;color:var(--muted);font-size:13px;line-height:1.6}.tools-question a{color:var(--teal);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tools-question a span{font-size:17px}
@media(max-width:900px){.tools-page__hero,.tools-directory{margin-left:20px;margin-right:20px}.tools-page__hero-grid{grid-template-columns:1fr;gap:35px}.tools-directory{grid-template-columns:1fr;gap:45px}.tools-directory__intro p{max-width:420px}.tools-note{padding-left:44px;padding-right:44px;gap:50px}}@media(max-width:650px){.tools-page__topline{display:block;line-height:1.6}.tools-page__topline span:last-child{display:block;margin-top:7px}.tools-page__hero-grid{padding-top:40px;padding-bottom:60px}.tools-page__hero h1{font-size:54px}.tools-directory{padding-bottom:75px}.tool-row{min-height:140px;grid-template-columns:30px 1fr 20px;gap:12px}.tool-row--main{padding-left:18px;padding-right:18px}.tool-row--main:hover{padding-left:22px}.tool-row h2{font-size:24px}.tool-row p{display:none}.tool-row b{font-size:0}.tool-row b i{font-size:18px}.tools-note{display:block;padding:75px 20px}.tools-note p{margin-top:30px}.tools-question{padding-top:75px}}
