/* Responsive Adjustments */

@media (max-width: 768px) {
  header nav {
    flex-direction: column;
  }
  .nav-links {
    flex-direction: column;
    margin-top: 10px;
  }
  .nav-links li {
    margin: 10px 0;
  }
  
  .features-list {
    grid-template-columns: 1fr 1fr;
  }
  
  .hero h2 {
    font-size: 2em;
  }
  
  .hero p {
    font-size: 1em;
  }
}

@media (max-width: 480px) {
  .features-list {
    grid-template-columns: 1fr;
  }
  
  .logo h1 {
    font-size: 1.5em;
  }
  
  .hero h2 {
    font-size: 1.8em;
  }
  
  .hero p {
    font-size: 0.9em;
  }
}