/* Comfortable type sizes for phones and small tablets. */
@media (max-width: 800px) {
  .hero-copy .eyebrow,
  .section-heading .eyebrow,
  .why-copy .eyebrow,
  .contact-copy .eyebrow,
  .eyebrow,
  .form-heading > span {
    font-size: 10px;
    line-height: 1.7;
    letter-spacing: .12em;
  }

  .hero-description,
  .section-intro,
  .why-copy > p:not(.eyebrow),
  .faq-intro,
  .contact-copy > p:not(.eyebrow) {
    font-size: 15px;
    line-height: 1.75;
  }

  .service-card p,
  .why-points p,
  .process-panel > p,
  .faq-list details > p {
    font-size: 14px;
    line-height: 1.75;
  }

  .service-card h3,
  .process-tab strong,
  .faq-list summary {
    font-size: 16px;
    line-height: 1.5;
  }

  .why-points h3 {
    font-size: 15px;
    line-height: 1.5;
  }

  .process-tab small {
    font-size: 13px;
    line-height: 1.7;
  }

  .process-panel h3 {
    font-size: 23px;
    line-height: 1.4;
  }

  .hero-actions .button,
  .hero-actions .text-link,
  .card-link,
  .dark-link,
  .panel-bottom,
  .form-submit {
    font-size: 14px;
    line-height: 1.5;
  }

  .hero-actions .button,
  .form-submit {
    min-height: 50px;
  }

  .card-link {
    align-items: center;
  }

  .mobile-nav a {
    font-size: 16px;
  }

  .hero-detail,
  .service-footnote p,
  .step-number,
  .range-endpoints,
  .form-note,
  .optional,
  .required-hint {
    font-size: 12px;
    line-height: 1.7;
  }

  .hero-detail {
    align-items: flex-start;
  }

  .mini-people svg {
    width: 20px;
    height: 20px;
  }

  .hero-baseline {
    font-size: 11px;
    line-height: 1.7;
  }

  .hero-baseline a {
    font-size: 10px;
    line-height: 1.6;
    white-space: normal;
  }

  .strip-content {
    padding-block: 14px;
  }

  .strip-content span {
    font-size: 12px;
    line-height: 1.5;
  }

  .service-card-top > span,
  .panel-top {
    font-size: 10px;
  }

  .orbit-tag {
    font-size: 11px;
  }

  .demo-badge {
    font-size: 8px;
  }

  .contact-email {
    font-size: 15px;
  }

  .form-group > label,
  .form-group legend,
  .range-label,
  .choice-group span {
    font-size: 13px;
    line-height: 1.6;
  }

  .choice-group span {
    padding: 11px 12px;
  }

  .form-group input[type=text],
  .form-group input[type=email],
  .form-group textarea {
    font-size: 16px;
    line-height: 1.6;
  }

  .contact-notice {
    font-size: 14px;
    line-height: 1.7;
  }

  .footer-top p {
    font-size: 13px;
    line-height: 1.7;
  }

  .footer-top .back-top,
  .footer-bottom {
    font-size: 11px;
    line-height: 1.7;
  }

  .footer-bottom button {
    font-size: 12px;
    line-height: 1.7;
    padding-block: 5px;
  }

  .legal-top {
    font-size: 11px;
  }

  #legal-content p {
    font-size: 14px;
    line-height: 1.75;
  }

  #legal-content h3 {
    font-size: 16px;
  }
}

@media (max-width: 370px) {
  .hero h1 {
    font-size: clamp(40px, 12.5vw, 45px);
  }

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

  .service-card {
    min-height: 0;
    padding: 24px;
  }

  .service-card-top {
    margin-bottom: 22px;
  }
}