/* =====================================================
   RESPONSIVE — TABLET (≤1080px)
===================================================== */
@media (max-width: 1080px) {
  .levels-row { grid-template-columns: repeat(3, 1fr); }
  .levels-row::before { display: none; }
  .ai-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .dm-stats { grid-template-columns: repeat(2, 1fr); }
  .dm-builds { grid-template-columns: repeat(3, 1fr); }
}

/* =====================================================
   RESPONSIVE — MOBILE LANDSCAPE (≤900px)
===================================================== */
@media (max-width: 900px) {
  .nav-list, .nav-cta { display: none; }
  .hamburger { display: block; }
  .g2, .reg-grid, .contact-grid, .compare-grid { grid-template-columns: 1fr; }
  .struct-row { grid-template-columns: 1fr; gap: 14px; }
  .struct-arrow { transform: rotate(90deg); }
  .why-cards { grid-template-columns: 1fr; }
  .proj-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-inner { grid-template-columns: 1fr; padding: 110px 0 60px; }
  .hero-visual { display: none; }
  .tracks-grid { grid-template-columns: 1fr; }
  .dm-whofor { grid-template-columns: 1fr; }
  .dm-panel { max-height: 95vh; border-radius: 20px 20px 0 0; }
  .dm-scroll { padding: 24px 20px 40px; }
}

/* =====================================================
   RESPONSIVE — MOBILE PORTRAIT (≤640px)
===================================================== */
@media (max-width: 640px) {
  .section { padding: 72px 0; }
  .hero { min-height: auto; }
  .hero-inner { padding: 100px 0 60px; }
  .hero-stats-card { display: none; }
  .levels-row, .ai-grid { grid-template-columns: 1fr; }
  .proj-grid, .g3, .g4 { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; }
  .footer-grid { grid-template-columns: 1fr; }
  .notify-form { flex-direction: column; }
  .trust-item { min-width: calc(50% - 8px); }
  .who-stats { grid-template-columns: 1fr 1fr; }
  .dm-stats { grid-template-columns: 1fr 1fr; }
  .dm-builds { grid-template-columns: 1fr 1fr; }
  .dm-hero h2 { font-size: 24px; }
  .track-actions { flex-direction: column; }
}