/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 900px) {
  .hero {
    grid-template-columns: 1fr;
    padding-top: var(--space-16);
    text-align: center;
  }

  .hero-description {
    max-width: 100%;
  }

  .hero-actions {
    justify-content: center;
  }

  /* Move the hero visual above the text on smaller screens */
  /*.hero-visual {
    order: -1;
  }*/

  .phone-frame {
    width: 220px;
    height: 440px;
  }

  .privacy-callout-inner {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 640px) {
  .nav {
    padding: var(--space-3) var(--space-4);
  }

  .nav-links {
    gap: var(--space-5);
  }

  .hero {
    padding: var(--space-10) var(--space-4) var(--space-12);
  }

  .features,
  .privacy-callout,
  .cta-section {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .contact-card {
    flex-direction: column;
    gap: var(--space-4);
  }

  .phone-frame {
    width: 200px;
    height: 400px;
  }
}