/* MyCoverMap V10 — tighter home hero, responsive polish, clean live presentation */
html{scroll-padding-top:70px}
.nav-wrap{height:62px}
.brand-lockup img{width:190px}
.site-nav>a:not(.nav-cta){padding:21px 0 18px}
.home-hero,.home-hero-v6,.home-hero-v8{padding:26px 0 30px}
.home-hero-grid{grid-template-columns:minmax(0,1.16fr) minmax(340px,.72fr);gap:38px;align-items:center}
.home-hero-copy{padding:0}
.home-hero-copy h1{font-size:clamp(44px,4.25vw,62px);line-height:.98}
.home-hero-copy .lede{max-width:660px;margin:14px 0 18px}
.home-hero-visual{width:100%;max-width:500px;justify-self:end;display:block}
.home-hero-image{display:block;width:100%;height:320px;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center 48%;box-shadow:0 14px 36px rgba(24,20,16,.08)}
.offerings-section,.offerings-v8{padding:42px 0 48px}
.compact-intro{margin-bottom:20px}
.conversion-steps>div{padding:20px 24px}
.compact-cta-band{padding:34px 0}
.support-visual-section{padding:34px 0}
.legal-content .legal-note{display:none}
@media(max-width:980px){
  .home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:30px}
  .home-hero-visual{max-width:440px}
  .home-hero-image{height:280px}
}
@media(max-width:820px){
  .home-hero-grid{grid-template-columns:1fr;gap:20px}
  .home-hero-visual{max-width:none;justify-self:stretch}
  .home-hero-image{height:280px;object-position:center 44%}
}
@media(max-width:760px){
  html{scroll-padding-top:62px}
  .nav-wrap{height:60px}
  .brand-lockup img{width:164px}
  .site-nav{top:60px}
  .home-hero,.home-hero-v6,.home-hero-v8{padding:20px 0 24px}
  .home-hero-grid{gap:18px}
  .home-hero-copy h1{font-size:36px;line-height:1}
  .home-hero-copy .lede{font-size:15px;line-height:1.5;margin:12px 0 16px}
  .hero-proof-row{margin-top:14px;padding-top:10px}
  .home-hero-image{height:210px;aspect-ratio:auto;object-position:center 46%}
  .offerings-section,.offerings-v8{padding:32px 0 36px}
  .offering-image-link{aspect-ratio:16/8.5}
  .compact-intro h2{font-size:32px}
  .conversion-steps>div{padding:14px 2px}
  .support-visual-section{padding:26px 0}
  .legal-page{padding-top:28px}
  .legal-layout{gap:22px}
  .legal-content h1{font-size:40px}
  .cookie-banner{left:10px;right:10px;bottom:76px}
}
@media(max-width:420px){
  .shell{width:min(calc(100% - 24px),var(--max))}
  .home-hero-copy h1{font-size:34px}
  .home-hero-image{height:190px}
  .visual-offering-body{padding:16px}
  .funnel-card,.calc-card{padding-left:13px;padding-right:13px}
  .button,.nav-cta{min-height:46px}
}