@media (max-width: 768px) {
  .navbar {
    padding: 1rem 1.5rem;
  }
  .nav-links {
    gap: 1rem;
  }
  .nav-links a {
    font-size: 0.8rem;
  }
  .logo-text {
    font-size: 3rem;
  }
  .services-grid {
    grid-template-columns: 1fr;
    padding: 0 1rem;
  }
  .services, .about, .contact {
    padding: 4rem 1.5rem;
  }
  .stats {
    flex-direction: column;
    gap: 2rem;
  }
}

@media (max-width: 480px) {
  .logo-text {
    font-size: 2.2rem;
  }
  .tagline {
    font-size: 0.85rem;
    letter-spacing: 0.15em;
  }
  .hero-description {
    font-size: 0.95rem;
  }
}