/* ===== Tablet (max-width: 1024px) ===== */
@media (max-width: 1024px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .workflow-steps {
    flex-direction: column;
    gap: 40px;
  }

  .step-connector {
    display: none;
  }

  .footer-container {
    grid-template-columns: 1fr 1fr;
    gap: 36px;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }
}

/* ===== Mobile (max-width: 640px) ===== */
@media (max-width: 640px) {
  h1 { font-size: 36px; }
  h2 { font-size: 28px; }
  h3 { font-size: 20px; }

  body { font-size: 16px; }

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

  .showcase-headline {
    font-size: 32px;
  }

  .showcase-content {
    padding: 0 24px;
  }

  .nav-links {
    display: none;
  }

  .nav-cta {
    display: none;
  }

  .nav-hamburger {
    display: block;
  }

  .footer-container {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }

  .showcase-cta {
    flex-direction: column;
  }

  .showcase-cta .btn-primary,
  .showcase-cta .btn-secondary {
    text-align: center;
  }
}