/* Mobile clarity pass — 2026-09-03
   Keeps the existing visual language while reducing scroll and surfacing the WhatsApp CRM path. */

section[id] { scroll-margin-top: 76px; }
.header-right { gap: 16px; }
.header-nav-link {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--sage);
  padding: 8px 10px;
  border: 1px solid var(--outline-variant);
  border-radius: var(--r-xs);
}
.integration-note {
  font-size: 13px;
  line-height: 1.45;
  color: var(--muted);
}

@media (max-width: 767px) {
  .site-header .container { height: 64px; }
  .header-brand-name { font-size: 17px; }
  .header-right { display: flex; }
  .header-cta { display: none; }
  .header-nav-link { font-size: 10px; padding: 7px 8px; }

  .hero { padding-top: 44px; padding-bottom: 44px; }
  .hero-grid { gap: 36px; }
  .hero-copy { gap: 18px; }
  .hero-headline { font-size: 34px; line-height: 1.08; }
  .hero-sub { font-size: 16px; line-height: 1.52; }
  .hero-actions { gap: 12px; padding-top: 6px; }
  .proof-strip { padding-top: 22px; margin-top: 2px; }

  .hero-card { padding: 24px; }
  .hero-card-header { margin-bottom: 24px; }
  .hero-card-title { font-size: 21px; }
  .hero-step { gap: 18px; }
  .hero-step + .hero-step { margin-top: 18px; }
  .hero-step:not(:last-child)::before { bottom: -18px; }
  .hero-step-body-sub { font-size: 14px; line-height: 1.42; }
  .hero-card-note { margin-top: 24px; padding-top: 20px; }
  .hero-card-note-text { font-size: 14px; }

  .contact-section { padding-top: 52px; padding-bottom: 52px; }
  .contact-header { margin-bottom: 32px; }
  .contact-title { font-size: 27px; }
  .contact-sub { font-size: 16px; line-height: 1.52; }
  .contact-grid { gap: 28px; }
  .contact-form-wrap { padding: 24px; }
  .t-body-md { line-height: 1.5; }
  .site-footer { padding-top: 48px; padding-bottom: 48px; }
}