@media (max-width: 1180px) {
  .grid, .routes-grid, .benefits-grid, .software-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-shell, .routes-layout { grid-template-columns: 1fr; }
  .hero-panel { min-height: 280px; }
}
@media (max-width: 880px) {
  .topbar-inner { min-height: auto; padding: 14px 0; align-items: flex-start; flex-direction: column; }
  .nav { width: 100%; }
  .launch-pill { width: 100%; text-align: center; }
  .section-head { align-items: flex-start; flex-direction: column; }
  .section-head p { max-width: none; }
  .hero { padding: 48px 0; }
  .hero-actions { width: 100%; }
  .hero-actions .button { flex: 1; min-width: 180px; }
}
@media (max-width: 760px) {
  .brand { font-size: 1.28rem; }
  .hero { padding-top: 34px; }
  .hero h1 { font-size: 2.65rem; }
  .hero p { font-size: 1rem; }
  .section-head h2 { font-size: 2rem; }
  .search-box { padding: 15px 16px; }
  .grid, .routes-grid, .benefits-grid, .software-grid { grid-template-columns: 1fr; }
  .course-card__top { grid-template-columns: 74px 1fr; }
  .course-avatar { width: 74px; height: 74px; }
  .course-logo { width: 74px; height: 74px; }
  .course-title { font-size: 1.52rem; }
  .container { width: min(var(--container), calc(100% - 20px)); }
  .panel-list { grid-template-columns: 1fr; }
  .panel-metric strong { font-size: 4.5rem; }
  .filters { gap: 10px; }
  .filter-btn { width: calc(50% - 5px); justify-content: space-between; padding: 12px; }
}