/* responsive.css - mobile-first breakpoints */

@media(max-width:1024px){
  .hero__inner{grid-template-columns:1fr;gap:32px}
  .hero__visual{min-height:300px}
  .hero__title{font-size:36px}
}

@media(max-width:768px){
  .navbar__nav{display:none}
  .navbar__toggle{display:flex}
  .utility-bar__inner{justify-content:center;text-align:center}
  .hero{padding:32px 0 28px}
  .hero__title{font-size:30px}
  .hero__desc{font-size:15px}
  .section-title{font-size:26px}
  .form-grid{grid-template-columns:1fr}
  .cta__inner{flex-direction:column;text-align:center}
}

@media(max-width:390px){
  .container{padding-inline:16px}
  .hero__title{font-size:26px}
  .btn--lg{padding:12px 20px;font-size:14px}
}

/* Ensure no horizontal overflow */
html,body{max-width:100%;overflow-x:hidden}
img,video{max-width:100%}