@media(max-width:1024px){

  .hero-grid{
    grid-template-columns:1fr;
  }

  .hero h1{
    font-size:3rem;
  }

  .features-grid{
    grid-template-columns:1fr 1fr;
  }

  .stats{
    grid-template-columns:1fr 1fr;
  }

}

@media(max-width:768px){

  .nav-links{
    display:none;
  }

  .hero h1{
    font-size:2.4rem;
  }

  .section-title h2{
    font-size:2.2rem;
  }

  .features-grid{
    grid-template-columns:1fr;
  }

  .stats{
    grid-template-columns:1fr;
  }

  .cta h2{
    font-size:2.3rem;
  }

}