/** Mobile-only rules — desktop unchanged */

@media (max-width: 900px) {
  .site-nav { display: none; }

  .site-header { padding: 0.75rem 1rem; }

  .hero-inner {
    grid-template-columns: 1fr;
    padding: 1.75rem 1.1rem 1.5rem;
  }

  .motto-badge { justify-self: start; }

  .container { padding: 0 1rem 1.5rem; }
}

@media (max-width: 768px) {
  .grid-2,
  .services-grid,
  .why-items,
  .product-steps,
  .contact-grid,
  .contact-items,
  .form-grid,
  .cta-band {
    grid-template-columns: 1fr;
  }

  .hero-actions,
  .it-health-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-actions .btn,
  .it-health-actions .btn {
    width: 100%;
    text-align: center;
    min-height: 2.75rem;
  }

  .header-cta { display: none; }

  .cta-pill {
    margin: 0 auto;
    min-width: 6.5rem;
    min-height: 6.5rem;
  }

  .cta-pill-float {
    right: 1rem;
    bottom: 1rem;
    min-width: 5.75rem;
    min-height: 5.75rem;
    font-size: 0.68rem;
  }

  .form-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .form-actions .btn {
    width: 100%;
    text-align: center;
  }
}