.hub-intro { background:#161618; color:#fff; }
.hub-intro .tools-breadcrumbs { color:#b6b7bd; padding-top:24px; }
.hub-intro .tools-breadcrumbs a:hover { color:#fff; }
.hub-hero { padding-block:32px 56px; }
.hub-hero h1 { font-size:clamp(48px,6.4vw,80px); font-weight:400; line-height:1.05; letter-spacing:-.04em; }
.hub-hero p { margin-top:24px; max-width:640px; color:#c5c6cb; font-size:24px; line-height:1.4; }
.catalog-region { background:#fff; }
.catalog { padding-block:64px 80px; }
.tool-category { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:56px; }
.tool-category + .tool-category { margin-top:72px; }
.tool-category > h2 { font-size:36px; font-weight:400; line-height:1.15; letter-spacing:-.025em; max-width:10em; }
.tool-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:40px 48px; margin:0; padding:0; list-style:none; }
.tool-entry { min-width:0; }
.tool-entry h3 { margin:0; font-size:26px; font-weight:400; line-height:1.25; letter-spacing:-.02em; }
.tool-entry a { color:#181818; text-decoration:underline; text-decoration-color:#b5bbc2; text-decoration-thickness:1px; text-underline-offset:5px; }
.tool-entry a:hover { color:#cf2c30; text-decoration-color:currentColor; }
.tool-entry a:focus-visible { outline:3px solid #e83535; outline-offset:6px; border-radius:2px; }
.tool-entry p { margin:12px 0 0; max-width:39ch; color:#56616d; font-size:17px; line-height:1.55; }
.site-footer { display:flex; align-items:center; justify-content:space-between; gap:32px; padding-block:40px; color:#56616d; font-size:13px; }
.site-footer div { display:flex; gap:24px; }
.site-footer img { display:block; width:126px; height:auto; }
.site-footer a:hover { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:1023px){
  :root { --page-gutter:32px; --header-height:110px; }
  .header-container { padding:16px 32px 20px; }
  .primary-nav,.header-actions,.solutions-nav { display:none; }
  .header-bar { justify-content:space-between; }
  .header-burger { display:flex; }
  .hub-hero { padding-bottom:48px; }
  .hub-hero h1 { font-size:64px; }
  .tool-category { grid-template-columns:1fr; gap:32px; }
  .tool-category > h2 { font-size:32px; max-width:none; }
  .tool-directory { column-gap:40px; }
  .site-footer { flex-wrap:wrap; }
}
@media(max-width:767px){
  :root { --page-gutter:20px; }
  .header-container { padding:12px 20px 16px; }
  .hub-intro .tools-breadcrumbs { padding-top:20px; }
  .hub-hero { padding-block:28px 40px; }
  .hub-hero h1 { font-size:48px; max-width:9em; }
  .hub-hero p { margin-top:20px; font-size:20px; max-width:30ch; }
  .catalog { padding-block:40px 48px; }
  .tool-category { gap:28px; }
  .tool-category + .tool-category { margin-top:48px; }
  .tool-category > h2 { font-size:30px; }
  .tool-directory { grid-template-columns:1fr; gap:28px; }
  .tool-entry h3 { font-size:24px; }
  .tool-entry p { font-size:16px; }
  .site-footer { padding-block:32px; gap:24px; font-size:12px; }
  .site-footer > div { width:100%; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}