/* Loaded by /{lang}/pro/ and the interest page, and by nothing else.
   Split out of landing.css deliberately: every page shares that file, so it
   could never tell us whether a browser or a crawler asked for the Pro page.
   This one can — monitors and crawlers fetch the HTML and stop. No identifier,
   no cookie, nothing per-visitor: it is a stylesheet that happens to be
   countable. */

/* ---- Pro pages (/{lang}/pro/ + the interest page) ---- */
/* Prose column from .legal. The page exists to be scanned in ten seconds and
   answered with one click, so the button sits above the fold AND at the end;
   everything between is a list, not paragraphs. */
.pro-cta { margin: 16px 0 6px; }
.pro-cta-hint {
  font-size: 0.78rem;
  color: var(--color-text-muted);
  margin-bottom: 4px;
}
/* One scannable line per feature: the bold term is the eye's landing point. */
.pro-list li { margin-bottom: 4px; }
.pro-list strong { color: var(--color-text); }
/* Tighter than the legal pages this shares markup with — the whole point is
   that the button is reachable without scrolling on a laptop screen, which the
   e2e in-viewport assertion pins at 1280×720. */
.pro-page { padding-top: 32px; }
.pro-page article { padding-top: 26px; padding-bottom: 26px; }
.pro-page h1 { margin-bottom: 14px; }
.pro-page h2 { margin: 20px 0 6px; }
.pro-page .legal-note { margin-bottom: 16px; }