@media (max-width: 991px) {
  .nav-container {
    flex-wrap: wrap;
  }
  .nav > ul {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
  }
  .nav {
    width: 100%;
    display: none;
  }
  .nav.is-open {
    display: block;
  }
  .nav-cta {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .nav.is-collapsed {
    display: none;
  }
  .hero-content {
    grid-template-columns: 1fr;
  }
  .news-card {
    grid-template-columns: 1fr;
  }
  .course-card {
    flex: 0 0 calc(50% - var(--space-4));
  }
}

@media (max-width: 767px) {
  .hero-actions {
    flex-direction: column;
  }
  .metrics-grid,
  .service-grid,
  .story-grid,
  .case-grid {
    grid-template-columns: 1fr;
  }
  .course-card {
    flex: 0 0 100%;
  }
  .slider-controls {
    position: static;
    justify-content: flex-end;
    margin-bottom: var(--space-3);
  }
  .footer-bottom {
    flex-direction: column;
  }
  .announcement-bar {
    padding: var(--space-2) var(--space-3);
  }
}

@media (max-width: 575px) {
  .hero-home {
    text-align: center;
  }
  .hero-data {
    justify-content: center;
  }
  .teacher-track {
    animation-duration: 40s;
  }
}