/* Mobile reading sizes for the homepage. Desktop design remains unchanged. */
@media (max-width: 700px) {
  .brand > span { font-size: 12px; letter-spacing: 0; }
  .hero .hero__badge { font-size: 12px; }
  .hero .eyebrow, .hero__caption, .section .eyebrow,
  .contact-banner .eyebrow { font-size: 12px; line-height: 1.4; }
  .hero__lead { font-size: 14px; line-height: 1.5; }
  .hero__proofs strong { font-size: 13px; }
  .hero__proofs small { font-size: 12px; line-height: 1.35; }
  .hero__proofs { grid-template-columns: 1fr; gap: 8px; margin-bottom: 18px; }
  .hero__proofs li { grid-template-columns: 22px 1fr; grid-template-rows: auto auto; column-gap: 9px; }
  .hero__proofs .line-icon { grid-row: 1 / 3; align-self: center; }
  .hero__actions .button, .hero__actions .video-link,
  .hero__actions .video-link small { font-size: 12px; }
  .benefits article strong, .trust-strip article strong { font-size: 13px; }
  .benefits article small, .trust-strip article small { font-size: 12px; line-height: 1.35; }
  .section-heading > p, .section-heading .text-link,
  .service-card p, .portfolio-card p, .seo-faq details p,
  .seo-faq details a, .seo-faq__text-link,
  .contact-banner__copy > p:not(.eyebrow),
  .site-footer > p, .site-footer address { font-size: 14px; line-height: 1.5; }
  .service-card, .portfolio-card { font-size: 13px; }
  .presale-feature__media > span { font-size: 12px; }
  .ppf-packages__intro > p:not(.eyebrow), .ppf-packages__body p {
    font-size: 14px; line-height: 1.45;
  }
  .ppf-packages__image span, .ppf-packages__body a { font-size: 12px; }
  .quick-calc p, .quick-calc small, .quick-calc label,
  .quick-calc button, .quick-calc a,
  .vehicle-picker-help { font-size: 12px; line-height: 1.4; }
  .calc-progress li span { font-size: 12px; line-height: 1.2; white-space: normal; }
  .lead-form label, .lead-form label span,
  .lead-form small, .lead-form .button,
  .contact-methods a, .contact-methods span,
  .social-channel small { font-size: 12px; line-height: 1.4; }
  .seo-faq details summary { font-size: 15px; line-height: 1.4; }
  .site-footer nav a { font-size: 12px; }
  .portfolio-filters button { font-size: 12px; }
  .ap-playground p, .ap-playground small,
  .ap-playground label, .ap-playground button,
  .ap-playground a, .ap-playground .ap-ai-demo__label,
  .ap-playground .ap-ai-model-credit { font-size: 12px; line-height: 1.35; }
  .home-redesign .ap-playground .ap-eyebrow,
  .home-redesign .ap-playground .ap-ai-demo__label,
  .home-redesign .ap-playground .ap-ai-help,
  .home-redesign .ap-playground .ai-quick-color,
  .home-redesign .ap-playground .ai-quick-toggle,
  .home-redesign .ap-playground .ai-upload-placeholder small,
  .home-redesign .ap-playground .ap-ai-custom label,
  .home-redesign .ap-playground .ap-playground__foot > span,
  .home-redesign .ap-playground .ap-playground__foot > button { font-size: 12px; line-height: 1.35; }
  #ai .ap-eyebrow, #ai .ap-ai-demo__label, #ai .ap-ai-help,
  #ai .ai-quick-color, #ai .ai-quick-toggle,
  #ai .ai-upload-placeholder small, #ai .ap-ai-custom label,
  #ai .ap-playground__foot > button, #ai .ap-playground__foot > span,
  #ai .ap-ai-panel-head > span { font-size: 12px; line-height: 1.35; }
  #ai .ap-playground__canvas-top > span,
  #ai .ap-ai-selected > span,
  #ai .ap-ai-video-cta small,
  #ai #aiWrapSubmit span small { font-size: 12px; line-height: 1.35; }
  .studio-copy p, .studio-preview__live,
  .studio-preview__hint b, .studio-preview__hint small,
  .studio-preview__total small, .studio-preview__footer > a,
  .studio-callout span, .model-credit { font-size: 12px; line-height: 1.35; }
  .studio-modes .studio-mode__copy,
  .studio-modes .studio-mode__copy strong { font-size: 12px; }
  .studio-modes .studio-mode__copy small { font-size: 12px; }
}