@media (max-width: 1024px) {
  .bento { grid-template-columns: 1fr 1fr; }
  .bento .span-2 { grid-column: span 1; }
  .hero-grid { grid-template-columns: 1fr !important; }
  .hero-visual { margin-top: 40px; }
  .stat-strip { grid-template-columns: repeat(2, 1fr) !important; }
  .skills-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .curriculum-grid { grid-template-columns: 1fr !important; }
  .curr-aside { position: static !important; }
  .project-stage { grid-template-columns: 1fr !important; }
  .vp-grid { grid-template-columns: 1fr 1fr !important; }
  .instructor-grid { grid-template-columns: 1fr !important; }
  .testi-grid { grid-template-columns: 1fr 1fr !important; }
  .pricing-grid { grid-template-columns: 1fr !important; }
  .footer-grid { grid-template-columns: 1fr 1fr !important; }
  .grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
  .nav-links { display: none !important; }
}

@media (max-width: 820px) {
  .vp-grid { grid-template-columns: 1fr !important; }
  .testi-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 680px) {
  .bento { grid-template-columns: 1fr; }
  .stat-strip { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
  .skills-grid { grid-template-columns: 1fr !important; }
  .grid-3 { grid-template-columns: 1fr !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .client-wall { justify-content: center !important; }
  .problem-grid { grid-template-columns: 1fr !important; }
  .float-card { display: none; }
  .sticky-cta {
    left: 16px; right: 16px;
    transform: translateY(140%);
    bottom: 14px; width: auto;
  }
  .sticky-cta.show { transform: translateY(0); }
  .inst-stats { gap: 24px !important; }
}