@media(max-width:1280px){
  :root{--section-space:clamp(4rem,8vw,6rem)}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:1024px){
  .split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem)}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:768px){
  :root{--gutter:1.25rem;--section-space:clamp(3.5rem,9vw,5rem)}
  .split-grid,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}
  .h-scroll{grid-auto-columns:minmax(82vw,420px)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}
  .footer-bottom{flex-direction:column}
}

@media(max-width:600px){
  .steps{grid-template-columns:minmax(0,1fr)}
  .hero{min-height: min(100svh, 900px);padding-block:7rem 3rem}
  .page-hero{padding:7.5rem 0 3rem}
  .hero-meta{gap:1.25rem}
  .final-cta{margin-inline:var(--gutter);border-radius:var(--radius-lg)}
  .fee-table th,.fee-table td{padding:.7rem .6rem}
}

@media(max-width:480px){
  :root{--gutter:1rem;--fs-body:1.125rem;--fs-small:.9375rem;--fs-caption:.75rem}
  .hero-actions .btn{width:100%;justify-content:center}
  .card-body{padding:1.25rem}
  .newsletter-form input{min-width:0}
  .footer .newsletter-form .btn{width:auto;flex:0 0 auto}
}