.tools-intro { padding: 8.5rem 0 3.5rem; background: var(--home-deep); color: white; }
.tools-back { display: inline-block; margin-bottom: 2rem; font-size: .8rem; color: #acc0d3; text-underline-offset: 5px; }
.tools-intro .eyebrow { color: var(--home-pale-cyan); }
.tools-intro h1 { max-width: 850px; margin: .6rem 0 1rem; font: 600 clamp(2.3rem,5vw,4.4rem)/1.08 var(--home-display); letter-spacing: -.05em; }
.tools-intro p { max-width: 650px; color: #c4cedb; }
.tools-intro p.tools-intro-note { font-size: .8rem; color: #a7b6c8; margin-top: 1.5rem; }
.tools-offers { padding-top: .5rem; padding-bottom: 3rem; }
.tool-feature { display: flex; align-items: center; gap: clamp(2rem,5vw,4rem); padding: 3.5rem 0; }
.tool-feature + .tool-feature { border-top: 1px solid var(--home-line); }
.tool-copy { flex: 1 1 52%; min-width: 0; }
.tool-category { font-size: .7rem; font-weight: 800; color: #456577; text-transform: uppercase; letter-spacing: .1em; }
.tool-logo { width: 145px; height: auto; max-height: 46px; object-fit: contain; object-position: left; margin: 1.2rem 0; }
.tool-logo-shippo { width: 145px; }
.tool-copy h2 { margin: 0 0 1rem; font: 600 clamp(1.6rem,2.8vw,2.25rem)/1.15 var(--home-display); letter-spacing: -.035em; }
.tool-copy > p:not(.tool-category) { max-width: 56ch; color: #4a596a; font-size: .95rem; line-height: 1.7; }
.tool-photo { width: 45%; height: auto; border-radius: 10px; }
.tool-button { display: inline-flex; align-items: center; min-height: 46px; margin: .5rem 0; padding: .75rem 1.15rem; background: var(--home-ink); border: 1px solid var(--home-ink); border-radius: 6px; color: white; text-decoration: none; font-weight: 800; font-size: .85rem; }
.tool-button:hover { background: #19334b; }
.tool-copy > p.tool-disclosure { font-size: .75rem; line-height: 1.6; }
.shipping-offer { flex: 0 1 40%; padding: clamp(1.5rem,3vw,2.5rem); border-left: 3px solid #167b65; background: #e6efeb; }
.shipping-value { margin: 1rem 0; color: #0a493d; font: 600 4.5rem/1 var(--home-display); letter-spacing: -.05em; }
.shipping-value span { display: block; margin-top: .7rem; font: 700 1rem/1.4 var(--home-body); letter-spacing: 0; }
.shipping-offer > p:not(.shipping-value):not(.tool-category) { font-size: .88rem; color: #32554a; line-height: 1.6; }
.shipping-offer a { font-size: .8rem; color: #0a493d; font-weight: 800; text-underline-offset: 4px; }
.tools-footnote { padding-top: 1rem; border-top: 1px solid var(--home-line); color: #667486; font-size: .75rem; }
#main-content .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#main-content a:focus-visible { outline-color: #087b9f; }
@media (max-width:700px) {
 .tools-intro { padding-top: 7rem; padding-bottom: 2rem; }
 .tool-feature { flex-direction: column; align-items: stretch; padding: 2.5rem 0; gap: 1.5rem; }
 .tool-photo { width: 100%; }
 .shipping-offer { flex-basis: auto; }
}
/* Keep navigation readable above both the dark intro and light offer sections. */
.site-topbar.home-topbar { background: #050a12; }