.tools-hub .hub-heading{padding:32px 0 40px}.tools-hub .hub-heading .tool-breadcrumb{margin-bottom:25px}.seo-tools .tools-hub h1{letter-spacing:-.04em;font-size:3.6rem;font-weight:650;line-height:1.06}.hub-heading h1 span{color:var(--tool-copper)}.hub-heading>p{max-width:610px;color:var(--tool-muted);margin-top:20px;font-size:1rem;line-height:1.7}.hub-tool-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;display:grid}.hub-tool{border:1px solid var(--tool-line);background:#fff;border-radius:6px;flex-direction:column;grid-column:span 7;min-width:0;padding:25px 28px 0;text-decoration:none;transition:border-color .2s ease-out;display:flex}.hub-tool:nth-child(2),.hub-tool:nth-child(3){grid-column:span 5}.hub-tool-intro{justify-content:space-between;align-items:center;gap:15px;display:flex}.seo-tools .hub-tool h2{letter-spacing:-.02em;text-wrap:initial;font-size:1.15rem;font-weight:600}.hub-tool-arrow{border:1px solid var(--tool-line);width:35px;height:35px;color:var(--tool-copper);border-radius:50%;flex:none;place-items:center;transition:background .2s,color .2s;display:grid}.hub-preview{background:var(--tool-paper);padding:22px 28px 12px;overflow:hidden;margin:22px -28px 0!important}.hub-tool-serp-snippet-generator .hub-preview,.hub-tool-heading-checker .hub-preview{background:#f8f7f5}.hub-preview-image{height:175px;transition:transform .25s ease-out;position:relative}.hub-preview-image img{object-fit:contain;object-position:left center}.hub-tool-keyword-checker .hub-preview-image img{object-fit:cover;object-position:left top}.hub-preview figcaption{color:#68615a;margin-top:10px;font-size:.68rem}.hub-tool-copy{flex:1;padding-top:23px}.seo-tools .hub-tool-copy h3{max-width:380px;font-size:1.5rem;font-weight:600;line-height:1.2}.hub-tool-copy p{color:var(--tool-muted);max-width:49ch;margin-top:10px;font-size:.9rem;line-height:1.65}.hub-tool-bottom{border-top:1px solid var(--tool-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:18px 0;display:flex}.hub-tool-bottom>span:first-child{color:var(--tool-muted);font-size:.75rem}.hub-tool-action{color:var(--tool-copper);white-space:nowrap;align-items:center;gap:7px;min-height:24px;font-size:.85rem;font-weight:600;display:inline-flex}.hub-tool:hover,.hub-tool:focus-visible{border-color:var(--tool-copper)}.hub-tool:hover .hub-tool-arrow,.hub-tool:focus-visible .hub-tool-arrow{background:var(--tool-copper);color:#fff;border-color:var(--tool-copper)}.hub-tool:hover .hub-preview-image{transform:translateY(-3px)}.hub-roi{border-block:1px solid var(--tool-line);grid-template-columns:auto 1fr auto;align-items:center;gap:25px;margin-top:45px;padding:32px 0;display:grid}.hub-roi-icon{background:var(--tool-paper);width:66px;height:66px;color:var(--tool-copper);border-radius:6px;place-items:center;display:grid}.seo-tools .hub-roi h2{font-size:1.35rem}.hub-roi p{color:var(--tool-muted);margin-top:6px;font-size:.9rem}.hub-roi a{text-underline-offset:5px;min-height:46px;color:var(--tool-copper);align-items:center;gap:12px;font-size:.9rem;font-weight:600;text-decoration:underline;display:inline-flex}.tools-hub ::selection{color:var(--tool-ink);background:#eee0cf}@media (max-width:1000px){.hub-tool{padding:22px 22px 0}.hub-preview{padding-inline:22px;margin-inline:-22px!important}.hub-tool-grid{gap:20px}.hub-tool,.hub-tool:nth-child(2),.hub-tool:nth-child(3){grid-column:span 6}.hub-tool-intro{gap:8px}.hub-tool-arrow{width:30px;height:30px}.seo-tools .hub-tool h2{font-size:1rem}.hub-preview-image{height:155px}.hub-roi{gap:18px}.hub-roi-icon{width:52px;height:52px}}@media (max-width:700px){.tools-hub .hub-heading{padding:24px 0 28px}.seo-tools .tools-hub h1{font-size:2.25rem;line-height:1.1}.hub-heading>p{margin-top:16px;font-size:.93rem}.hub-tool-grid{grid-template-columns:minmax(0,1fr);gap:22px}.hub-tool,.hub-tool:nth-child(2),.hub-tool:nth-child(3){grid-column:auto}.hub-preview-image{height:145px}.hub-tool-copy{padding-top:20px}.seo-tools .hub-tool-copy h3{font-size:1.35rem}.hub-tool-bottom{margin-top:20px;padding-block:14px}.hub-roi{grid-template-columns:44px 1fr;gap:14px;margin-top:30px;padding-block:25px}.hub-roi-icon{width:44px;height:50px}.hub-roi a{grid-column:2}.seo-tools .hub-roi h2{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.hub-tool:hover .hub-preview-image{transform:none}}