/* ==========================================================
   NINETY4MGMT — Responsive Styles
   Mobile-first breakpoints
   ========================================================== */

/* ── Max 1024px — Tablet & below ── */
@media (max-width: 1024px) {
  .navbar__links {
    display: none;
  }

  .navbar__cta.desktop-only {
    display: none;
  }

  .navbar__toggle {
    display: flex;
  }

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

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

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

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

  .footer__bottom {
    flex-direction: column;
    gap: var(--space-md);
    text-align: center;
  }
}

/* ── Max 768px — Mobile landscape & smaller tablets ── */
@media (max-width: 768px) {
  :root {
    --section-pad: clamp(3rem, 8vw, 5rem);
  }

  .grid--2,
  .grid--3,
  .grid--4 {
    grid-template-columns: 1fr;
  }

  .grid--2-1,
  .grid--1-2 {
    grid-template-columns: 1fr;
  }

  .section-heading {
    margin-bottom: var(--space-2xl);
  }

  /* Hero */
  .hero {
    min-height: auto;
    padding-top: 120px;
    padding-bottom: var(--space-3xl);
  }

  .hero__content {
    text-align: center;
  }

  .hero__buttons {
    justify-content: center;
  }

  .hero__grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero__image-wrapper {
    max-width: 350px;
    margin: 0 auto;
  }

  /* Process */
  .process-step {
    flex-direction: column;
    gap: var(--space-md);
  }

  .process-step__number {
    font-size: 2.2rem;
  }

  /* Footer */
  .footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
  }

  /* CTA Block */
  .cta-block {
    padding: var(--space-3xl) var(--space-xl);
  }

  /* Page Hero */
  .page-hero {
    padding-top: calc(80px + var(--space-3xl));
    padding-bottom: var(--space-3xl);
  }

  /* Buttons stack on mobile */
  .btn-group {
    flex-direction: column;
    width: 100%;
  }

  .btn-group .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .btn--lg {
    padding: 16px 32px;
  }
}

/* ── Max 480px — Small mobile ── */
@media (max-width: 480px) {
  html {
    font-size: 15px;
  }

  .container {
    padding: 0 1rem;
  }

  .service-card {
    padding: var(--space-xl);
  }

  .value-card {
    padding: var(--space-xl);
  }

  .cta-block {
    padding: var(--space-2xl) var(--space-lg);
  }

  .cta-block h2 {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }

  .navbar__logo-mark {
    font-size: 1.5rem;
  }

  .navbar__logo-text {
    font-size: 0.6rem;
  }
}

/* ── Min 1440px — Large screens ── */
@media (min-width: 1440px) {
  .container {
    padding: 0 4rem;
  }
}

/* ── Min 1920px — Ultra-wide ── */
@media (min-width: 1920px) {
  html {
    font-size: 18px;
  }
}