/* ===== Responsive Styles ===== */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
  :root {
    --header-height: 64px;
    --text-5xl: 2.5rem;
    --text-4xl: 2rem;
    --text-3xl: 1.75rem;
    --text-2xl: 1.35rem;
  }

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

  .section {
    padding: var(--space-16) 0;
  }

  .section-title {
    margin-bottom: var(--space-12);
  }

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

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

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

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

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

/* Mobile (< 768px) */
@media (max-width: 768px) {
  :root {
    --header-height: 60px;
    --text-5xl: 2rem;
    --text-4xl: 1.75rem;
    --text-3xl: 1.5rem;
    --text-2xl: 1.25rem;
    --space-24: 4rem;
    --space-32: 5rem;
  }

  .container {
    padding: 0 var(--space-4);
  }

  /* Header */
  .header__nav {
    display: none;
  }

  .header__cta {
    display: none;
  }

  .header__menu-btn {
    display: flex;
  }

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

  .stats-bar {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }

  .solution-cards {
    grid-template-columns: 1fr;
  }

  .pain-solution {
    grid-template-columns: 1fr;
  }

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

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

  /* Hero */
  .hero {
    min-height: auto;
    padding-top: calc(var(--header-height) + var(--space-10));
    padding-bottom: var(--space-10);
  }

  .hero__title {
    font-size: var(--text-4xl);
  }

  .hero__actions {
    flex-direction: column;
  }

  /* CTA Banner */
  .cta-banner {
    padding: var(--space-12) var(--space-4);
  }

  .cta-banner h2 {
    font-size: var(--text-2xl);
  }

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

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

  /* Form */
  .form-row {
    grid-template-columns: 1fr;
  }

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

  /* Stat items */
  .stat-item__number {
    font-size: var(--text-4xl);
  }

  .arch-layer {
    font-size: var(--text-xs);
  }
}

/* Small Mobile (< 480px) */
@media (max-width: 480px) {
  .stats-bar {
    grid-template-columns: 1fr;
  }

  .hero__badge {
    font-size: var(--text-xs);
  }

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