/* CLS guard for Web Awesome upgrade.
   <main> stays hidden until customElements.whenDefined() resolves for the
   wa-* tags actually present on this page (see /js/wa-gate.js). Without
   the guard, every page reflows when WA's loader runs and defines its
   custom elements, blowing up CLS (>0.9 on home — see Phase 5 traces).
   Loaded as a normal external stylesheet so it can be cached + audited
   under a strict Content-Security-Policy. */
main { visibility: hidden; }
body.wa-ready main { visibility: visible; }

/* LCP exception: the home hero is plain HTML over a CSS background image —
   gating it cost ~2s of LCP render delay (Lighthouse mobile). Paint it
   immediately; its only WA-dependent block, .hero-brands (wa-carousel),
   stays gated and is pre-sized via min-height so the reveal cannot shift
   layout (and it is display:none on mobile anyway). */
main > .hero { visibility: visible; }
body:not(.wa-ready) .hero-brands { visibility: hidden; }