/* ===== 1200px ===== */
@media (max-width:1200px){
  .hero-inner{gap:var(--sp-9);}
  .stat-item .num{font-size:44px;}
}

/* ===== 1024px ===== */
@media (max-width:1024px){
  .nav-links{gap:var(--sp-5);}
  .hero-inner{grid-template-columns:1fr;}
  .hero-visual{order:-1;max-width:420px;margin:0 auto;}
  .intro-split{grid-template-columns:1fr;}
  .intro-image{order:-1;}
  .faculty-grid{grid-template-columns:1fr;}
  .testimonial{grid-template-columns:1fr;}
  .testimonial-photo{max-width:280px;order:-1;}
  .featured-panel{max-width:90%;}
}

/* ===== 768px ===== */
@media (max-width:768px){
  .navbar-inner{height:70px;}
  .nav-links,.nav-actions .btn{display:none;}
  .nav-toggle{display:flex;}
  .mobile-menu{display:block;}

  .section{padding:var(--sp-9) var(--sp-5);}
  .hero{padding:var(--sp-8) var(--sp-5) var(--sp-9);}
  .hero-desc{max-width:100%;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{width:100%;}
  .hero-stat-float{left:12px;bottom:-20px;padding:var(--sp-4) var(--sp-5);}

  .section-head{flex-direction:column;align-items:flex-start;gap:var(--sp-4);}

  .stats-strip{flex-direction:column;gap:var(--sp-6);}
  .stat-item{padding-right:0;}
  .stat-item:not(:last-child)::after{display:none;}
  .stat-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:var(--sp-6);}

  .course-row{grid-template-columns:1fr;}
  .course-row-img{height:200px;}

  .lecture-row{grid-template-columns:36px 1fr;}
  .lecture-play{grid-column:1/-1;justify-content:flex-start;margin-top:var(--sp-3);}

  .value-row{grid-template-columns:44px 1fr;}
  .value-row .v-desc{grid-column:2/-1;}

  .featured-panel{margin-top:-60px;padding:var(--sp-6);}
  .featured-meta{gap:var(--sp-4);}

  .testimonial-quote{font-size:24px;}
  .testimonial-mark{font-size:80px;}

  .footer-top{grid-template-columns:1fr 1fr;}
  .final-cta-actions{flex-direction:column;}
  .final-cta-actions .btn{width:100%;}
}

/* ===== 480px ===== */
@media (max-width:480px){
  .footer-top{grid-template-columns:1fr;}
  .featured-course-media{aspect-ratio:4/5;}
  .hero-visual-frame img{aspect-ratio:4/5;}
}