/* ─── Breakpoints (desktop-first) ─── */
/* xl: ≤1280px | lg: ≤1024px | md: ≤768px | sm: ≤480px */

/* ─── 1280px ─── */
@media (max-width: 1280px) {
  :root { --container-max: 100%; }

  .hero-title { font-size: var(--text-6xl); }

  .services-grid {
    grid-template-columns: repeat(8, 1fr);
    grid-auto-rows: 180px;
  }
  .bento-card:nth-child(1) { grid-column: span 4; grid-row: span 2; }
  .bento-card:nth-child(2) { grid-column: span 4; grid-row: span 1; }
  .bento-card:nth-child(3) { grid-column: span 4; grid-row: span 1; }
  .bento-card:nth-child(4) { grid-column: span 3; grid-row: span 1; }
  .bento-card:nth-child(5) { grid-column: span 3; grid-row: span 1; }
  .bento-card:nth-child(6) { grid-column: span 2; grid-row: span 1; }
}

/* ─── 1024px ─── */
@media (max-width: 1024px) {
  :root { --section-gap: 5rem; }

  .hero-title { font-size: var(--text-5xl); }

  .about-grid    { grid-template-columns: 1fr; gap: var(--space-xl); }
  .solutions-grid { grid-template-columns: 1fr 1fr; }
  .whyus-inner   { grid-template-columns: 1fr; }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
  }

  .contact-layout { grid-template-columns: 1fr; gap: var(--space-xl); }
}

/* ─── 768px ─── */
@media (max-width: 768px) {
  :root {
    --nav-height: 64px;
    --section-gap: 4rem;
  }

  /* Nav */
  .nav-links { display: none; }
  .nav-links.open {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: var(--nav-height);
    left: 0; right: 0;
    background: rgba(3, 11, 26, 0.98);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--color-border);
    padding: var(--space-lg);
    gap: var(--space-md);
    z-index: 99;
  }
  .nav-item.has-dropdown::after { display: none; }
  .nav-dropdown {
    position: static;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    background: var(--color-bg-elevated);
    margin-top: var(--space-xs);
    border: 1px solid var(--color-border);
  }
  .nav-hamburger { display: flex; }
  .nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav-hamburger.open span:nth-child(2) { opacity: 0; }
  .nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  /* Hero */
  .hero-title { font-size: var(--text-4xl); }
  .hero-desc  { font-size: var(--text-base); }
  .hero-actions { flex-direction: column; align-items: flex-start; }
  .hero-scroll-hint { display: none; }

  /* Services Bento */
  .services-grid {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
  }
  .bento-card { height: auto; min-height: 180px; }

  /* Sections */
  .section-heading { font-size: var(--text-3xl); }
  .about-stats { grid-template-columns: 1fr 1fr; }
  .solutions-grid { grid-template-columns: 1fr; }

  /* Form */
  .form-row { grid-template-columns: 1fr; }
  .contact-form { padding: var(--space-lg); }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: var(--space-sm); text-align: center; }
}

/* ─── 480px ─── */
@media (max-width: 480px) {
  :root { --section-gap: 3rem; }

  .container { padding-inline: var(--space-md); }

  .hero-title { font-size: var(--text-3xl); }

  .btn-lg { padding: var(--space-sm) var(--space-lg); font-size: var(--text-sm); }

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

  .section-heading { font-size: var(--text-2xl); }
}