/* marketing-desktop.css — the marketing pages at desktop width.
 *
 * ⚠ Measured at 1920px, not guessed: 78% of pricing.html's text sat under 15px,
 * 60% of product.html's and 58% of terms.html's. The largest block on the pricing
 * page was the PLAN FEATURE LIST at 14.5px — the text a merchant reads to decide
 * what to buy — and on product.html the feature names were 12.5px. Nothing was
 * clipped or hidden; it was simply phone type shown on a desktop, and it is the
 * same complaint the in-app screens were fixed for (where the floor is now 14px
 * and body is 15.2).
 *
 * ⚠ These class names are DUPLICATED in company.html, faq.html, pricing.html and
 * product.html, each page carrying its own copy. One shared file rather than four
 * edits that would drift apart — and it is a media query, not an override: below
 * 1024px not one rule here applies, so phones and tablets are untouched.
 *
 * ⚠ Only SIZE changes. No colour, no weight, no spacing, no layout: a marketing
 * page's composition is a design decision and this is a legibility fix.
 */

@media (min-width: 1024px) {

  /* What a merchant reads to decide what to buy. */
  .tier-list li { font-size: 16.5px; line-height: 1.55; }
  .price-d { font-size: 16px; line-height: 1.5; }
  .tier-name { font-size: 13px; }

  /* The comparison table: the cells carry the actual claims. */
  table td, table th { font-size: 16px; line-height: 1.5; }

  /* What the product actually does — the largest block of body copy on product.html,
     and the feature lists under it, which were set smaller than the prose around them. */
  .feat p { font-size: 16.5px; line-height: 1.55; }
  .phase-list li { font-size: 15px; line-height: 1.55; }
  .phase-when { font-size: 13px; }
  .pstat-c { font-size: 12.5px; }

  /* company.html's security and credential claims — the largest block on that page,
     and the one a cautious merchant (or a regulator) reads most carefully. */
  .trust-card p { font-size: 16.5px; line-height: 1.55; }
  .auth-v, .cred-d { font-size: 15px; line-height: 1.55; }
  .trust-tag, .auth-k { font-size: 13px; }

  /* Section eyebrows, and the legal line in the footer — small by design, but 11px
     on a 1920px screen is a squint, and the footer line names the company. */
  .foot-h { font-size: 13px; }
  .kicker { font-size: 13.5px; }
  .foot-legal { font-size: 13px; line-height: 1.6; }
  .foot-brand p { font-size: 16px; line-height: 1.55; }

  /* ⚠ THE LEGAL DOCUMENTS. terms.html and privacy.html set their clauses at 14px,
     and these are the pages a merchant has to be able to READ before agreeing to them.
     A first look suggested the body was already fine; it was not — a leaf scan skipped
     every <p> that contains a link, which on a legal page is most of them. Measure the
     element you mean, not the ones that happen to have no children. */
  .doc p, .doc li { font-size: 16.5px; line-height: 1.68; }
  .toc a { font-size: 15px; line-height: 1.6; }
  .doc .meta { font-size: 13.5px; }

}