/* ─── Tablet: ≤1024px ──────────────────────────────────────── */
@media (max-width: 1024px) {
  :root {
    --text-6xl: 4rem;
    --text-5xl: 3.5rem;
    --section-gap: var(--sp-16);
  }

  .hero__content {
    grid-template-columns: 1fr;
    gap: var(--sp-10);
    padding-block: var(--sp-12);
  }

  .hero__text { max-width: 100%; }

  .hero__visual {
    order: -1;
    max-width: 560px;
    margin-inline: auto;
  }

  .hero__desc { max-width: 100%; }

  .services__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .about__inner {
    grid-template-columns: 1fr;
    gap: var(--sp-8);
  }

  .contact__inner {
    grid-template-columns: 1fr;
    gap: var(--sp-8);
  }

  .why__grid {
    grid-template-columns: 1fr;
    gap: var(--sp-8);
  }
}

/* ─── Mobile: ≤768px ───────────────────────────────────────── */
@media (max-width: 768px) {
  :root {
    --text-6xl:      2.75rem;
    --text-5xl:      2.25rem;
    --text-4xl:      2rem;
    --text-3xl:      1.75rem;
    --section-gap:   var(--sp-12);
  }

  .container { padding-inline: var(--sp-3); }

  /* Nav */
  .nav__links,
  .nav__cta {
    display: none;
  }

  .nav__links.is-open {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: rgba(10, 10, 15, 0.97);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--color-border);
    padding: var(--sp-4) var(--sp-3);
    gap: var(--sp-3);
  }

  .nav__links.is-open .nav__cta {
    display: inline-flex;
    align-self: flex-start;
    margin-top: var(--sp-1);
  }

  .nav__hamburger { display: flex; }

  .nav__hamburger.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .nav__hamburger.is-open span:nth-child(2) {
    opacity: 0;
  }
  .nav__hamburger.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  /* Hero */
  .hero__title { font-size: 2.5rem; }
  .hero__badge { font-size: 10px; }
  .hero__actions { flex-direction: column; align-items: flex-start; }
  .hero__actions .btn { width: 100%; justify-content: center; }

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

  /* Stats */
  .why__stats { grid-template-columns: 1fr 1fr; }

  /* Section title */
  .section-title { font-size: var(--text-3xl); }

  /* Footer */
  .footer__inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__copy { text-align: left; }

  .footer__links { flex-wrap: wrap; gap: var(--sp-2); }
}

/* ─── Small mobile: ≤480px ─────────────────────────────────── */
@media (max-width: 480px) {
  :root {
    --text-6xl: 2.25rem;
    --text-4xl: 1.75rem;
  }

  .why__stats { grid-template-columns: 1fr; }

  .ui-mockup__metric-row { grid-template-columns: 1fr; }

  .ui-mockup__row { flex-direction: column; }
  .ui-mockup__sidebar { width: 100%; }
}