/* ============================================================
   22. RESPONSIVE (loaded after styles.css)
   ============================================================ */
@media (max-width:1080px){
  .taxgrid{grid-template-columns:repeat(2,1fr)}
  .statgrid{grid-template-columns:repeat(2,1fr)}
  .foot-top{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .nav-links{display:none}
  .burger{display:grid}
  .nav.menu-open .mobile-nav{display:block;max-height:70vh;max-height:70dvh;overscroll-behavior:contain;overflow-y:auto}
  .nav-cta .btn:not(.burger){display:none}
  .nav-phone{font-size:13.5px}
  .split,.chan,.cgrid,.founder{grid-template-columns:1fr}
  .split--rev .split-media{order:0}
  .split-media .duo{aspect-ratio:16/10}
  /* Keep the founder photo a true 4:5 portrait on mobile (matches the
     source image exactly, so object-fit:cover never crops it) instead of
     forcing it into a short landscape frame that cut the head off. */
  .founder-photo{max-width:none}
  .hero-strip{grid-template-columns:1fr 1fr}
  .hero-strip div{padding:20px 18px 22px 18px}
  
  
  .hero-strip div:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.13)}
  .hero-strip div:nth-child(4){border-top:1px solid rgba(255,255,255,.13)}
  /* the stat number and label are divs too: keep the cell rules off them */
  .hero-strip div div{padding:0;border:0}
  .float-card{position:static;margin-top:18px;max-width:none}
  .framed::before{display:none}
  .gaprow{grid-template-columns:1fr;gap:10px}
  /* "Start a conversation" / "Browse the coverage map" are fine mismatched
     side by side on desktop, but look off once they stack on mobile -- match them here only. */
  .ctaband-in .cta-row .btn{min-width:230px;justify-content:center}
}
/* topbar phone number is redundant with the mobile menu panel below this width,
   and collides with the logo once "Assurance Talent" stops wrapping -- drop it */
@media (max-width:480px){
  .nav-in .nav-phone{display:none}
}
@media (max-width:620px){
  body{font-size:16.2px}
  .taxgrid,.statgrid{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr}
  .step{grid-template-columns:1fr;gap:12px;padding:26px 0}
  .step-n{font-size:28px}
  .clog-row,.clist li,.cm-row{grid-template-columns:1fr;gap:6px}
  .hero-strip div{padding:18px 14px 20px}
  .hero-strip div div{padding:0}
  .lstep{grid-template-columns:1fr;gap:2px}
  .domdetail-in{padding:22px 20px 26px}
  .taxgrid .domdetail-item{border:0;border-radius:0}
  .foot ul{gap:2px}
  .foot ul a,.foot-legal a{display:inline-block;padding:8px 0}
}