/* =========================================================
   CC ASSURANCE — Responsive
   ========================================================= */

@media (max-width: 980px){
  .hero-grid{ grid-template-columns: 1fr; gap: 36px; }
  .hero-visual{ order:-1; max-width: 420px; margin: 0 auto; }
  .grid-4{ grid-template-columns: repeat(2,1fr); }
  .grid-3{ grid-template-columns: repeat(2,1fr); }
  .people-grid{ grid-template-columns: 1fr; }
  .compare{ grid-template-columns: 1fr; }
  .calc{ grid-template-columns: 1fr; }
  .article-grid{ grid-template-columns: repeat(2,1fr); }
  .footer-grid{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px){
  .main-nav{
    position:fixed; top:74px; left:0; right:0; bottom:0;
    background:#fff; flex-direction:column; align-items:flex-start;
    padding: 24px var(--gutter); gap: 4px; transform: translateX(100%);
    transition: transform .2s ease; overflow-y:auto;
  }
  .main-nav.is-open{ transform: translateX(0); }
  .main-nav a{ padding: 12px 0; width:100%; border-bottom:1px solid var(--c-gray-line); }
  .nav-toggle{ display:flex; }
  .header-actions .btn-secondary{ display:none; }
  .grid-4, .grid-3, .grid-2{ grid-template-columns: 1fr; }
  .example-box{ grid-template-columns: 1fr; }
  .steps{ grid-template-columns: 1fr; }
  .cta-band{ flex-direction:column; align-items:flex-start; }
  .sticky-cta{ display:block; }
  body{ padding-bottom: 74px; }
  .article-grid{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: 1fr; gap: 24px; }
  .footer-bottom{ flex-direction:column; }
  .person-card{ flex-direction:column; }
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior:auto !important; }
}