/* ── Desktop-first: breakpoints at 1024px and 768px ── */

@media (max-width: 1024px) {
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .why-grid      { grid-template-columns: repeat(2, 1fr); }
  .about-grid    { gap: var(--space-12); }
}

@media (max-width: 768px) {
  :root {
    --nav-height: 60px;
  }

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

  /* Nav */
  .nav-links {
    display: none;
    position: fixed;
    inset: 0;
    top: var(--nav-height);
    background: rgba(6, 6, 14, 0.97);
    backdrop-filter: blur(20px);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-8);
    z-index: 99;
  }

  .nav-links.open { display: flex; }

  .nav-links a {
    font-size: var(--text-xl);
    color: var(--text);
  }

  .nav-cta {
    font-size: var(--text-base) !important;
    padding: var(--space-3) var(--space-8) !important;
  }

  .nav-hamburger { display: flex; }

  /* Hero */
  .hero .container { padding-block: var(--space-20); }
  .hero-stats { gap: var(--space-8); flex-wrap: wrap; }

  /* Sections */
  .section,
  .section-alt { padding-block: var(--space-20); }

  /* About */
  .about-grid {
    grid-template-columns: 1fr;
    gap: var(--space-12);
  }

  .about-visual { height: 280px; }

  .about-visual-deco {
    bottom: -16px;
    right: -16px;
    width: 120px;
    height: 120px;
  }

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

  /* Services */
  .services-grid { grid-template-columns: 1fr; }

  /* Why */
  .why-grid { grid-template-columns: repeat(2, 1fr); }

  /* Contact */
  .contact-layout {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }

  /* Footer */
  .footer-inner { flex-direction: column; align-items: flex-start; gap: var(--space-4); }
  .footer-links { flex-wrap: wrap; }
}

@media (max-width: 480px) {
  .hero-title    { letter-spacing: -0.03em; }
  .hero-actions  { flex-direction: column; align-items: flex-start; }
  .why-grid      { grid-template-columns: 1fr 1fr; }
  .about-values  { grid-template-columns: 1fr; }
}