/* ==========================================================================
   p-forms.css — exp38 conversion pages ONLY (demo.html, prove.html).
   Loaded last in those two heads, after s37-a11y.css. Two jobs:

   1. The email-first two-step gate for demo.html's lead form (founder
      ruling: two-step, email first). The step engine itself is site.js's
      native .step-1/.step-2 flow — stage 1 validates and posts the email,
      then adds .is-step2 to the form, swaps the note text and moves focus
      to the first optional field. This sheet only decides visibility, and
      it does so on html.js so the no-JS render shows every field and the
      form posts natively in one step. The markup deliberately never puts
      the hidden attribute on .step-2: site.js's step2.hidden = false is a
      no-op here and the two rules below are the single gate.

   2. Small spacing supports for the restructured card. Colour is
      token-only; no new palette entries.
   ========================================================================== */

/* ---------- 1. the two-step gate (demo.html) ---------- */
html.js .lead-form .step-2 { display: none; }
html.js .lead-form.is-step2 .step-2 { display: block; }

/* ---------- 2. card spacing ---------- */
/* step 1 clears the card's sub-line; site.css zeroes the first label's own
   top margin (.step-1 > label:first-child), so the block carries the gap */
.lead-form .step-1 { margin-top: 1.2rem; }

/* the step-2 opener: title (site.css .lf-h) plus one fine line that keeps
   the "every field is optional" promise visible in the no-JS render too,
   where the labels no longer carry (optional) suffixes of their own */
.step-2 .lf-h + .fine { margin: .35rem 0 0; }