/* Marketing headers start clear over the hero and regain each page's existing
   themed glass surface after the page scrolls, like the platform homepage. */
body > #pageScroll > header {
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease,
    backdrop-filter .2s ease, -webkit-backdrop-filter .2s ease;
}

body > #pageScroll > header:not(.is-scrolled) {
  background: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body > #pageScroll > header:not(.is-scrolled)::before {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Keep audience page labels readable without changing the page structure. */
body.pg .ph--blue { background-color: #426ed0; }
body.pg .ph--blue .ph-kick,
body.pg .ph--blue .ph-note { color: #fff; opacity: 1; }
body.pg .mk-panel .mk-head small { color: #5e5e5a; }
body.pg .pg-card .lbl { color: #5b37c8; }
body.pg footer.foot-main .foot-col h4 { color: #a7adb8; }

/* Keep small labels and supporting copy readable on the legacy page palettes. */
body.pg .ph--peach .ph-kick { color: #5a4a40; }
body.pg .ph--lav .ph-kick { color: #5535c8; }
body.pg .ph-faq .ph-kick { color: #5535c8; }
body.pg .ph--coral .ph-kick,
body.pg .ph--coral .ph-note { color: #171717; opacity: 1; }
body.pg .ph--coral .sub { color: #171717; }
body.pg .ph--purple .ph-kick,
body.pg .ph--purple .ph-note { color: #fff; opacity: 1; }
body.pg .ag-kick,
body.pg .ag-hero .sub { color: #171717; }
body.pg .ag-idrow .who small,
body.pg .ag-socmore,
body.pg .an-eyebrow,
body.pg .an-stat .k,
body.pg .an-list span.t em { color: #64616d; }
body.pg .ag-card2 p.lbl { color: #5535c8; }
body.pg .mock-pill.p-purple,
body.pg .mk-pill.mk-pur { background-color: #6c3bff; }
body.pg .dp-kick { color: #fff; }
body.pg .dp-card .lbl { color: #5535c8; }
body.pg .mk-cal .d:not(.on) { color: #64616d; }
body.pg .mk-cal .d.on { color: #fff; }
body.pg .mk-dom span,
body.pg .an-stat .d,
body.pg .ed-avail.ok,
body.pg .ed-istat.ok { color: #3f6b4c; }
body.pg .an-x span { color: #68665f; }
body.pg .an-card b,
body.pg .pg-main .hint,
body.pg .ga-head small,
body.pg .ga-stats span,
body.pg .mk-ph-h { color: #64616d; }
body.pg .ed-saved { color: #3f6b4c; }
body.pg .ed-lbl,
body.pg .ed-url,
body.pg .ed-chip,
body.pg .ed-fresh,
body.pg .ed-avclear,
body.pg .ed-note,
body.pg .ed-cap { color: #64616d; }
body.pg .ed-cap[data-state="connected"] { color: #3f6b4c; }

@media (prefers-reduced-motion: reduce) {
  body > #pageScroll > header { transition: none; }
}