@media (max-width: 1200px) {
  .hero-panel {
    flex-direction: column;
    min-height: auto;
  }

  .hero-visual {
    order: -1;
  }

  .stats-grid,
  .feature-grid,
  .detail-grid,
  .guest-grid,
  .speaker-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .research-card,
  .overview-section,
  .details-section,
  .contact-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .nav-bar {
    flex-wrap: wrap;
    padding: 1rem 1.5rem;
  }

  .nav-menu {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .nav-cta {
    width: 100%;
    justify-content: center;
  }

  .section-intro,
  .countdown-section,
  .stats-section,
  .overview-section,
  .research-section,
  .guests-section,
  .features-section,
  .details-section,
  .speakers-section,
  .agenda-section,
  .form-section,
  .faq-section,
  .contact-section {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .countdown-grid,
  .stats-grid,
  .feature-grid,
  .detail-grid,
  .guest-grid,
  .speaker-grid,
  .overview-section,
  .features-layout {
    grid-template-columns: 1fr;
  }

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

  .form-shell {
    padding: 1.5rem;
  }
}

@media (max-width: 640px) {
  .hero-header {
    padding-top: 3rem;
  }

  .hero-copy h1 {
    font-size: 2.6rem;
  }

  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-highlights {
    justify-content: flex-start;
  }

  .button {
    width: 100%;
  }

  .form-actions {
    flex-direction: column;
    align-items: stretch;
  }
}