/* Phone readability and compact section spacing. */
@media (max-width: 850px) {
  .header-logo { width: 151px; }
  body { font-size: 16px; }
  section { padding: 42px 0; }
  .hero { padding: 30px 0 18px; }
  .hero-grid, .split { gap: 28px; }
  .hero-grid { gap: 22px; }
  .hero .actions { margin-top: 22px; gap: 10px; }
  .hero .support-photo { border-radius: 8px; }
  .service-list { margin-top: 28px; }
  .service { padding: 22px 0; }
  .steps { margin: 28px 0; }
  .support-figure { margin: 22px 0; }
  .service p, .step p, details p { font-size: 16px; }
  .small, .company-details, footer, .back-link { font-size: 14px; }
  .value-row { grid-template-columns: 1fr; gap: 0; padding: 10px 0 14px; }
  .value-row > div {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border-right: 0;
    border-bottom: 1px solid #59632a26;
    padding: 13px 0;
  }
  .value-row > div:last-child { border-bottom: 0; }
  .value-row b { font-size: 20px; line-height: 1.3; }
  .value-row span { font-size: 15px; line-height: 1.45; }
  .eyebrow { font-size: 12px; }
  .btn { font-size: 14px; min-height: 44px; max-width: 100%; white-space: normal; }
  nav a, .menu-toggle { font-size: 15px; min-height: 44px; }
  .field { font-size: 16px; }
  footer summary { font-size: 14px !important; }
}