/* lp/paai/paai.css — paai funnel: accent tokens + per-funnel overrides.
   Loaded LAST (after /assets/css/lp.css). Home for this funnel's accent and any
   paai-only overrides. Tokens-only, 0 hardcode. See AGENTS.md §12. */
.lp--paai {
  --lp-accent:      var(--c-accent);
  --lp-accent-dark: var(--c-accent-dark);
  --lp-accent-text: var(--c-accent-text);
}

/* Owner: restore the brand-blue hero band (like the other funnels) on EVERY paai
   page — including reg, overriding the shared .lp--reg white. The intro (eyebrow +
   H1 + lead + hook bullets) is ONE section, so the bullets hook that follows the
   hero continues on the SAME blue band (no white seam) and sits tight under the
   lead (reduced hero padding-bottom + the hook abuts with no top padding). */
.lp--paai .lp-hero { background: var(--c-surface-blue); }
.lp--paai .lp-hero__glow { display: block; }
/* Intro (hook) pages pull the bullets toward the lead. Confirm/thank-you have NO
   hook, so the hero keeps its symmetric padding and the lone H1 stays centered. */
.lp--paai .lp-hero:has(+ .lp-section--hook) { padding-bottom: var(--sp-10); }
.lp--paai .lp-section--hook { background: var(--c-surface-blue); padding-top: 0; }
.lp--paai .lp-section--hook .lp-prose > :first-child { margin-top: 0; }
/* The CTA/button is part of the hero unit on opt-in pages — keep it on the same
   blue band so the whole intro (eyebrow → bullets → button) reads as ONE section. */
.lp--paai .lp-section--hook + .lp-cta { background: var(--c-surface-blue); }
/* Open up the intro list so the bullets don't read as a crammed wall (was 8px). */
.lp--paai .lp-prose li { margin-bottom: var(--sp-4); }

/* Owner: the paai lead is a long full sentence — at semibold it competes with
   the H1. Drop to medium so it reads as a supporting deck, not a 2nd headline.
   Also open the rhythm between the intro elements (eyebrow/H1/lead) so the hero
   reads airy, not crammed. */
.lp--paai .lp-hero__lead { font-weight: var(--fw-medium); margin-top: var(--sp-10); }
.lp--paai .lp-hero__eyebrow { margin-bottom: var(--sp-10); }

/* Result/stats callout — set a numbers-heavy block (e.g. a case study) apart
   from the surrounding prose with a surface box + brand-blue accent edge. */
.lp-callout {
  margin-block: var(--lp-prose-gap);
  padding: var(--sp-6);
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-left: 4px solid var(--c-primary);
  border-radius: var(--r-lg);
  line-height: var(--lh-relaxed);
}