/* Every section title, and the CTA strips' lines, in Title Case (Quinten
   2026-09-13: "capitalize each first letter of each word"). Done in the
   stylesheet: the DOM text stays the cleared sentence, so the copy gate reads
   it unchanged. The hero's H1 and the form's heading already arrive capped. */
.lp-team__h, .lp-review__lead, .lp-why__h, .lp-reviews__lead, .lp-form__h, .lp-midcta__line { text-transform: capitalize; }
/* orphan glue helpers (2026-09-14): a compound held whole, and the two
   narrowest headings a step smaller under 430 so no mid line holds one word */
.lp-nowrap { white-space: nowrap; }
@media (max-width: 430px) {
  .lp-steps__text { font-size: 1.125rem; }
}
/* (2026-09-14, Quinten: the form title as big as the section titles; the two
   .lp-form__h steps that lived here are gone, form.css caps it by measure) */
@media (max-width: 400px) {
  .lp-review__desc { font-size: 0.8125rem; line-height: 1.4; }
  /* the bento measure under 400 (2026-09-14): "have built is actually" is
     131px at 13px and must sit on one line at 350 or "actually" stands alone;
     section 14px, gap 10px, card 10px gives the card 136px of text at 350 */
  .lp-review { padding-inline: 14px; }
  .lp-review .lp-review__grid { gap: 10px; }
  .lp-review__card, .lp-review__card:nth-child(4) { padding: 14px 10px; }
}
/* mobile centring (AG 6C, mobile-proof 2026-09-14): the bento cards and the
   FAQ drawers centre under 900 like every other block on the page */
@media (max-width: 900px) {
  .lp-review__card { text-align: center; align-items: center; }
  .lp-faq, .lp-faq .lp-faq__item, .lp-faq__q, .lp-faq__simple, .lp-faq__more { text-align: center; }
  .lp-faq__q, .lp-faq__more { margin-inline: auto; }
  .lp-faq .lp-faq__head { grid-template-columns: minmax(0, 1fr); justify-items: center; row-gap: 12px; }
  .lp-faq .lp-faq__plus { justify-self: center; }
  .lp-faq .lp-consent__err { text-align: center; }
}