/* ============================================================
   PRIME ACADEMY GROUP — v6
   pag-v6-home-elementor.css — the homepage's own bridge.

   Loaded after `pag-v6-elementor.css` and only on the homepage, by the
   per-page loop in `pag_v6_enqueue()`. It exists now because the hero headline
   gained a third tier that v6.1.2 does not have.
   ============================================================ */

/* ------------------------------------------------------------
   THE HEADLINE'S THIRD TIER — "Powered by AI"

   Client instruction, 27 August: lead with Online Training, and make
   "Powered by AI" smaller and secondary, so the site does not read as though
   AI is the product rather than what powers it.

   The hero already had two tiers and they are untouched: the h1 at
   `clamp(2.1rem,4.5vw,3.65rem)` weight 500, and its `<b>` on its own line at
   weight 300 in white-toward-azure. This is the third.

   IT IS THE SITE'S OWN EYEBROW, not a new size. `.tag` — 0.75rem, weight 500,
   .14em tracking, uppercase — is the single small-caps label the design system
   allows, used on the section headings and the plan cards. Reusing its values
   means the headline gains a tier without the site gaining a typeface size.

   THE COLOUR IS NOT `.tag`'s. The eyebrow is `--azure`, which is legible on a
   white panel and thin against a moving film. The hero's own subordinate text
   solves that already — the `<b>` is `#fff 82%` toward azure and the lead is
   `#fff 88%` — so this takes the same treatment at 78%, which is what the
   shop mastheads use for the same reason.

   `display:block` and the margin are what make it a tier rather than a suffix:
   without them it would run on from "Platform" as a small tail on the same
   line, which is the opposite of a hierarchy.

   ── A DESIGN CHANGE, AND IT IS IN THE BRIDGE FOR THE USUAL REASON ──

   `pag-v6-home.css` is a byte-for-byte copy of v6.1.2 and is never
   hand-edited; that is what keeps the two comparable. So this rule lives here,
   and the headline TEXT lives in `pag-build-v6.php`. Both need mirroring into
   `www/v6.1.2/index.html` and `page-home.css` for the static and the build to
   agree again — a different version folder, and not this session's to edit.

   Until that is done, `textdiff.mjs` will report the homepage's headline as
   differing, and it is right to.
   ------------------------------------------------------------ */
body.pag-v6 .hero h1 .hero-ai{
  display:block;
  /* 8px, NOT 16. At 16 the line sat almost exactly halfway between the
     headline above it and the lead below — 16 up, 24 down — and read as
     belonging to neither. An eyebrow has to be clearly attached to the thing it
     labels, and the h1's own 24px beneath it is what separates the pair from
     the paragraph. The headline's 1.25 line-height already leaves optical space
     under "Platform", so 8 is a real gap and not a collision. */
  margin-top:var(--s2);
  font-family:var(--font-display);
  font-size:.75rem;
  font-weight:500;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
  color:color-mix(in srgb, #fff 78%, var(--azure));
}


/* ------------------------------------------------------------
   THE SIX "DIFFERENCE" CARDS ARE h3 NOW, AND HAVE TO LOOK THE SAME.

   A DELIBERATE CHANGE, not a re-pointing — the one entry in this file that is.
   Those cards sit directly under the section's h2, so v6.1.2's h4 skips a
   level: Lighthouse fails `heading-order` on it, and a screen reader user
   navigating by heading is told there is a subsection between the two that
   does not exist. The builder now writes h3.

   WHY THE DECLARATIONS ARE REPEATED RATHER THAN THE ORIGINAL RULE EDITED.
   `pag-v6-home.css` is a byte-for-byte copy of the design so the two trees can
   be diffed and any difference read as a fault — three files have already
   drifted and are sitting in PENDING-MIRROR waiting on a decision because of
   it. Editing `.diff-row h4` there would add a fourth. This keeps the copy
   clean and puts the change where changes belong.

   VALUES ARE COPIED, NOT CHOSEN. Every declaration below is `.diff-row h4`
   from pag-v6-home.css line 253, unchanged. If that rule is ever restyled,
   this one has to move with it — which is the cost of the split, and cheaper
   than the drift.

   The static still writes h4 and still fails this audit. It is a different
   version and not this session's to edit.
   ------------------------------------------------------------ */
body.pag-v6 .diff-row h3{
  font-family:var(--font-display);
  font-weight:500;
  font-size:1rem;
  line-height:1.3;
  margin-bottom:6px;
  color:var(--ink);
}