/* Pop Dispatch: the product pages (/products/dispatch and its sub-pages).
   Every rule hangs on body.pd-brand, so the rest of thepopstreet.com keeps the studio cream and sage.
   Brand source: docs/brand/pop-dispatch/README.md in the Dispatch repo. Orange #FD4902 for the mark, fills and buttons with navy text;
   Orange ink #C23A00 (#FF6A33 in dark mode) for small orange text. Headings are Montserrat SemiBold, self hosted (OFL.txt beside the font).
   Spacing steps: 4, 8, 12, 16, 24, 32, 40, 48, 64, 80, 96. Radii: 8, 12, 16, 24 and full. */

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600 700; font-display: swap; src: url("/assets/fonts/montserrat-wght-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }
body.pd-brand {
  --pd-orange: #FD4902; --pd-navy: #081D48; --pd-white: #FFFFFF;
  --pd-ink-orange: #C23A00; --pd-paper: #F4F6FA; --pd-surface: #FFFFFF; --pd-text: #081D48; --pd-steel: #51607F; --pd-line: #C9D1E0;
  --pd-tint: #FFF0E8; --pd-navy-tint: #E7ECF5; --pd-on-navy: #FFFFFF;
  --pd-display: "Montserrat", "Instrument Sans", system-ui, sans-serif;
  --pd-ease: cubic-bezier(.22, 1, .36, 1);
  --pd-shadow: 0 16px 40px -24px rgba(8, 29, 72, .35);
  --pd-site-header-h: 56px; --pd-nav-h: 64px; --pd-scroll-pad: 8px;

  /* The older site styles read these names; they now resolve to the Pop Dispatch palette. */
  --cream-white: #F4F6FA; --cream: #F4F6FA; --cream-50: #FFFFFF; --cream-2: #E7ECF5; --cream-200: #E7ECF5; --cream-300: #C9D1E0; --card: #FFFFFF;
  --ink: #081D48; --ink-soft: #2B3C63; --ink-mute: #51607F; --line: #C9D1E0; --bronze: #081D48; --greige: #C9D1E0; --greige-700: #51607F;
  --sage: #51607F; --sage-50: #E7ECF5; --sage-100: #E7ECF5; --sage-200: #C9D1E0; --sage-300: #C9D1E0; --sage-400: #51607F; --sage-600: #51607F; --sage-700: #081D48; --sage-800: #081D48;
  --terra: #C23A00; --terra-hi: #9E2F00; --terracotta: #C23A00; --terracotta-ink: #C23A00; --terracotta-deep: #9E2F00; --terracotta-soft: #FF6A33; --deep: #081D48;
  --display: var(--pd-display); --danger: #B42318;
  background: var(--pd-paper); color: var(--pd-text); color-scheme: light;
  transition: background-color 200ms ease, color 200ms ease;
}
html[data-theme="dark"] body.pd-brand {
  --pd-ink-orange: #FF6A33; --pd-paper: #0A1330; --pd-surface: #101B3D; --pd-text: #E8ECF5; --pd-steel: #A9B6D3; --pd-line: #2C3A63;
  --pd-tint: #2A1A2E; --pd-navy-tint: #101B3D; --pd-on-navy: #E8ECF5; --pd-shadow: 0 16px 40px -24px rgba(0, 0, 0, .7);
  --cream-white: #E8ECF5; --cream: #0A1330; --cream-50: #101B3D; --cream-2: #101B3D; --cream-200: #101B3D; --cream-300: #2C3A63; --card: #101B3D;
  --ink: #E8ECF5; --ink-soft: #C6D0E6; --ink-mute: #A9B6D3; --line: #2C3A63; --bronze: #E8ECF5; --greige: #2C3A63; --greige-700: #A9B6D3;
  --sage: #A9B6D3; --sage-50: #101B3D; --sage-100: #101B3D; --sage-200: #2C3A63; --sage-300: #2C3A63; --sage-400: #A9B6D3; --sage-600: #A9B6D3; --sage-700: #FF6A33; --sage-800: #101B3D;
  --terra: #FF6A33; --terra-hi: #FF8A5C; --terracotta: #FF6A33; --terracotta-ink: #FF6A33; --terracotta-deep: #FF8A5C; --terracotta-soft: #FF6A33; --deep: #101B3D;
  --danger: #FF8A80; color-scheme: dark;
}
body.pd-brand ::selection { background: var(--pd-orange); color: var(--pd-navy); }
body.pd-brand :focus-visible { outline: 3px solid var(--pd-ink-orange); outline-offset: 3px; border-radius: 6px; }
body.pd-brand .skip-link { background: var(--pd-navy); color: #fff; }
body.pd-brand a { text-underline-offset: .22em; }
body.pd-brand .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---- Layout helpers ---- */
.pd-wrap { width: min(100% - 32px, 1200px); margin-inline: auto; }
@media (min-width: 700px) { .pd-wrap { width: min(100% - 48px, 1200px); } }
.pd-sec, .pr-hero#top, .pd-trust, .pd-trial, .pd-close { scroll-margin-top: calc(var(--pd-nav-h) + var(--pd-scroll-pad)); }
body.pd-brand .pr-ask, body.pd-brand .pr-hero, body.pd-brand .acc { scroll-margin-top: calc(var(--pd-nav-h) + var(--pd-scroll-pad)); }
.pd-sec--tint { background: var(--pd-navy-tint); }
html[data-theme="dark"] .pd-sec--tint { background: #0D1737; }
@media (min-width: 900px) { .pd-sec { padding: 96px 0; } }
.pd-head { max-width: 760px; margin: 0 0 40px; }
.pd-eyebrow { margin: 0 0 12px; font: 600 .875rem/1.25rem var(--pd-display); letter-spacing: .06em; text-transform: uppercase; color: var(--pd-ink-orange); }
.pd-early-badge {
  display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px;
  background: var(--pd-tint, #FFF0E8); color: var(--pd-ink-orange, #C23A00);
  font: 600 .75rem/1.25rem var(--pd-display); letter-spacing: .04em;
}
.pd-h1, .pd-h2, .pd-h3, .pd-h4 { font-family: var(--pd-display); font-weight: 600; color: var(--pd-text); margin: 0; text-wrap: balance; letter-spacing: -.02em; }
.pd-h1 { font-size: clamp(2rem, 1.4rem + 2vw, 2.75rem); line-height: 1.12; max-width: 680px; }
.pd-h2 { font-size: clamp(1.875rem, 1.35rem + 1.8vw, 2.75rem); line-height: 1.15; }
.pd-h3 { font-size: 1.25rem; line-height: 1.75rem; letter-spacing: -.01em; }
.pd-h4 { font-size: 1.125rem; line-height: 1.75rem; letter-spacing: -.01em; }
.pd-lede, .pd-sublede { margin: 16px 0 0; font-size: 1.125rem; line-height: 1.75rem; color: var(--pd-steel); max-width: 680px; text-wrap: pretty; }
.pd-sublede { margin-top: 16px; }
.pd-note { margin: 24px 0 0; font-size: .9375rem; line-height: 1.5rem; color: var(--pd-steel); max-width: 760px; text-wrap: pretty; }
.pd-note a { color: var(--pd-ink-orange); }
.pd-tag { display: block; margin: 0 0 4px; font: 600 .75rem/1rem var(--pd-display); letter-spacing: .06em; text-transform: uppercase; color: var(--pd-ink-orange); }
.pd-card { padding: 24px; border: 1px solid var(--pd-line); border-radius: 16px; background: var(--pd-surface); }

/* ---- Buttons ---- */
.pd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 24px; border-radius: 8px; border: 1px solid transparent; font: 600 1rem/1.5rem var(--sans); text-decoration: none; cursor: pointer; text-align: center;
  transition: background-color .3s var(--pd-ease), border-color .3s var(--pd-ease), color .3s var(--pd-ease), transform .5s var(--pd-ease); }
.pd-btn:active { transform: scale(.98); }
.pd-btn--primary { background: var(--pd-orange); color: var(--pd-navy); border-color: var(--pd-orange); }
.pd-btn--primary:hover { background: #FF6A33; border-color: #FF6A33; }
.pd-btn--ghost { background: transparent; color: var(--pd-text); border-color: var(--pd-steel); }
.pd-btn--ghost:hover { background: var(--pd-navy-tint); border-color: var(--pd-text); }
.pd-btn--sm { min-height: 40px; padding: 8px 16px; font-size: .875rem; line-height: 1.25rem; }
.pd-btn--block { display: flex; width: 100%; }
.pd-arrow { transition: transform .5s var(--pd-ease); }
.pd-btn:hover .pd-arrow { transform: translateX(4px); }
.pd-cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 32px 0 0; }

/* ---- Product bar (tier 2) ---- */
.pd-nav { position: sticky; top: 0; z-index: 90; background: color-mix(in srgb, var(--pd-paper) 90%, transparent); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--pd-line); }
.pd-nav__bar { display: flex; align-items: center; gap: 24px; min-height: var(--pd-nav-h); }
.pd-nav__brand { display: inline-flex; align-items: center; gap: 10px; flex: none; text-decoration: none; color: var(--pd-text); min-height: 44px; }
.pd-nav__mark { display: block; width: 28px; height: 28px; flex: none; }
.pd-nav__name { font: 700 1rem/1.25rem var(--pd-display); letter-spacing: -.02em; white-space: nowrap; }
.pd-nav__cta .pd-btn { white-space: nowrap; }
@media (max-width: 420px) {
  .pd-nav__bar { gap: 8px; }
  .pd-nav__cta { gap: 6px; }
  .pd-nav__cta .pd-btn--sm { padding: 8px 10px; font-size: .8125rem; }
  .pd-nav__name { font-size: .9375rem; }
}
.pd-nav__mark--dark { display: none !important; }
html[data-theme="dark"] .pd-nav__mark--light { display: none !important; }
html[data-theme="dark"] .pd-nav__mark--dark { display: block !important; }
.pd-logo--dark { display: none !important; }
html[data-theme="dark"] .pd-logo--light { display: none !important; }
html[data-theme="dark"] .pd-logo--dark { display: block !important; }
.pd-nav__links { display: none; gap: 4px; margin-inline: auto; }
.pd-nav__links a { padding: 8px 12px; border-radius: 8px; font: 600 .875rem/1.25rem var(--sans); color: var(--pd-text); text-decoration: none; transition: background-color .3s var(--pd-ease), color .3s var(--pd-ease); }
.pd-nav__links a:hover { background: var(--pd-navy-tint); }
.pd-nav__links a[aria-current="true"] { color: var(--pd-ink-orange); background: var(--pd-tint); }
.pd-nav__cta { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.pd-theme { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border: 1px solid var(--pd-line); border-radius: 8px; background: transparent; color: var(--pd-steel); cursor: pointer; transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease; }
.pd-theme:hover { background: var(--pd-navy-tint); color: var(--pd-text); border-color: var(--pd-steel); }
.pd-theme svg { display: block; }
.pd-theme .pd-theme__sun { display: none; }
html[data-theme="dark"] .pd-theme .pd-theme__sun { display: block; }
html[data-theme="dark"] .pd-theme .pd-theme__moon { display: none; }
.pd-nav__trial { display: inline-flex; }
@media (max-width: 639px) { .pd-nav__cta > .pd-nav__trial { display: none; } }
.pd-nav__toggle { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border: 1px solid var(--pd-line); border-radius: 8px; background: transparent; color: var(--pd-text); cursor: pointer; font: 600 .875rem/1.25rem var(--sans); }
.pd-nav__toggle-label { white-space: nowrap; }
.pd-nav__chev { flex: none; transition: transform .35s var(--pd-ease); }
.pd-nav__toggle[aria-expanded="true"] .pd-nav__chev { transform: rotate(180deg); }
.pd-menu { position: absolute; inset: 100% 0 auto; background: var(--pd-paper); border-bottom: 1px solid var(--pd-line); visibility: hidden; opacity: 0; transform: translateY(-8px); pointer-events: none; transition: opacity .3s var(--pd-ease), transform .5s var(--pd-ease), visibility 0s .5s; }
.pd-menu.is-open { visibility: visible; opacity: 1; transform: none; pointer-events: auto; transition: opacity .3s var(--pd-ease), transform .5s var(--pd-ease); }
.pd-menu__in { display: grid; padding: 16px 0 24px; }
.pd-menu__in a { padding: 12px 0; border-bottom: 1px solid var(--pd-line); font: 600 1.125rem/1.75rem var(--pd-display); color: var(--pd-text); text-decoration: none; opacity: 0; transform: translateY(24px); transition: opacity .3s var(--pd-ease), transform .5s var(--pd-ease); }
.pd-menu.is-open .pd-menu__in a { opacity: 1; transform: none; transition-delay: calc(var(--i, 0) * 40ms); }
.pd-menu__in a.pd-menu__back { color: var(--pd-steel); font: 600 .9375rem/1.5rem var(--sans); border-bottom: 0; }
@media (min-width: 1080px) { .pd-nav__links { display: flex; } .pd-nav__toggle, .pd-menu { display: none; } .pd-nav__cta { margin-left: 0; } }
.no-js .pd-menu { position: static; visibility: visible; opacity: 1; transform: none; pointer-events: auto; }
.no-js .pd-menu__in a { opacity: 1; transform: none; }
.no-js .pd-nav__toggle { display: none; }

/* ---- Hero ---- */
.pd-lede { max-width: 560px; }
.pd-win { border: 1px solid var(--pd-line); border-radius: 12px; overflow: hidden; background: var(--pd-surface); box-shadow: var(--pd-shadow); }
.pd-shot { display: block; width: 100%; height: auto; }
body.pd-brand .ph-lockup__name { font-family: var(--pd-display); font-weight: 700; color: var(--pd-text); }
body.pd-brand .ph-lockup__tagline { color: var(--pd-steel); }
html[data-theme="dark"] body.pd-brand .ph-lockup__mark-light { display: none; }
html[data-theme="dark"] body.pd-brand .ph-lockup__mark-dark { display: block; }
body.pd-brand .pr-note--hero a { color: var(--pd-ink-orange); font-weight: 600; }
body.pd-brand .pr-facts strong { color: var(--pd-ink-orange); }


/* ---- Trust strip ---- */
.pd-trust { padding: 48px 0; background: var(--pd-surface); border-block: 1px solid var(--pd-line); }
.pd-trust__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 32px 40px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.pd-trust__list li { display: grid; gap: 8px; align-content: start; }
.pd-trust__list p { margin: 0; font-size: .9375rem; line-height: 1.5rem; color: var(--pd-steel); text-wrap: pretty; }
.pd-trust__ico { color: var(--pd-ink-orange); }
.pd-trust__status { margin: 32px 0 0; padding-top: 24px; border-top: 1px solid var(--pd-line); font-size: .875rem; line-height: 1.25rem; color: var(--pd-steel); max-width: 880px; text-wrap: pretty; }

/* ---- Suite ---- */
.pd-who { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.pd-who li { display: grid; gap: 4px; padding: 16px 24px; border-radius: 12px; background: var(--pd-tint); }
.pd-who strong { font: 600 1rem/1.5rem var(--pd-display); }
.pd-who span { font-size: .9375rem; line-height: 1.5rem; color: var(--pd-steel); }
.pd-chips { list-style: none; margin: 0 0 32px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.pd-chips a { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border-radius: 999px; border: 1px solid var(--pd-line); background: var(--pd-surface); color: var(--pd-text); font: 500 .875rem/1.25rem var(--sans); text-decoration: none; transition: border-color .3s var(--pd-ease), background-color .3s var(--pd-ease); }
.pd-chips a:hover { border-color: var(--pd-ink-orange); background: var(--pd-tint); }
.pd-mods { display: grid; gap: 24px; }
.pd-mod { display: grid; grid-template-rows: auto 1fr; border: 1px solid var(--pd-line); border-radius: 16px; background: var(--pd-surface); overflow: hidden; scroll-margin-top: calc(var(--pd-nav-h) + var(--pd-scroll-pad)); transition: transform .5s var(--pd-ease), border-color .3s var(--pd-ease); }
.pd-mod:hover { border-color: var(--pd-steel); transform: translateY(-2px); }
.pd-mod__vis { position: relative; background: var(--pd-navy-tint); border-bottom: 1px solid var(--pd-line); }
.pd-mod__vis .pd-shot { aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; }
.pd-mod__vis--phone { display: grid; place-items: center; aspect-ratio: 16 / 10; padding: 16px 0 0; overflow: hidden; }
.pd-mod__vis--phone .pd-shot { width: auto; height: 100%; max-width: 62%; aspect-ratio: auto; object-fit: contain; object-position: top; }
.pd-mod__vis--viz { padding: 0; }
.pd-mod__copy { display: grid; gap: 12px; align-content: start; padding: 24px; }
.pd-mod__line { margin: 0; color: var(--pd-steel); font-size: 1rem; line-height: 1.5rem; }
.pd-points { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 8px; }
.pd-points li { display: grid; grid-template-columns: 18px 1fr; gap: 12px; font-size: .9375rem; line-height: 1.5rem; text-wrap: pretty; }
.pd-points li > .pd-tick { margin-top: 3px; color: var(--pd-ink-orange); }
.pd-mod__copy .pd-points li > span, .pd-card .pd-points li > span { color: var(--pd-text); }
@media (min-width: 700px) { .pd-mods { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .pd-mods { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pd-mod--lead { grid-column: 1 / -1; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); grid-template-rows: none; }
  .pd-mod--lead .pd-mod__vis { order: 2; border-bottom: 0; border-left: 1px solid var(--pd-line); }
  .pd-mod--lead .pd-mod__vis .pd-shot { aspect-ratio: auto; height: 100%; object-fit: cover; }
  .pd-mod--lead .pd-mod__copy { padding: 40px; align-content: center; gap: 16px; }
  .pd-mod--lead .pd-h3 { font-size: 1.875rem; line-height: 2.25rem; }
}

/* ---- Drawn visuals ---- */
.pd-viz { display: block; width: 100%; height: auto; }
.pd-viz__bg { fill: var(--pd-navy-tint); } .pd-viz__win { fill: var(--pd-surface); stroke: var(--pd-line); stroke-width: 2; } .pd-viz__bar { fill: var(--pd-navy); }
.pd-viz__dot { fill: #fff; opacity: .8; } .pd-viz__side { fill: var(--pd-navy-tint); } .pd-viz__line { fill: var(--pd-line); } .pd-viz__orange { fill: var(--pd-orange); }
.pd-viz__cloud { fill: var(--pd-surface); stroke: var(--pd-steel); stroke-width: 2; } .pd-viz__link { stroke: var(--pd-orange); stroke-width: 3; stroke-dasharray: 6 6; fill: none; } .pd-viz__node { fill: var(--pd-orange); }
.pd-viz__txt { fill: var(--pd-text); font: 600 15px var(--pd-display); } .pd-viz__txt--w { fill: #fff; font-size: 11px; }
.pd-stats { position: absolute; inset: auto 12px 12px 12px; display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
.pd-stats li { display: grid; padding: 8px 12px; border-radius: 8px; background: var(--pd-navy); color: #fff; }
.pd-stats strong { font: 600 1.25rem/1.5rem var(--pd-display); color: #fff; } .pd-stats span { font-size: .75rem; line-height: 1rem; color: #E8ECF5; }
.pd-mod__vis--viz { padding-bottom: 0; }

/* ---- Customer experience ---- */
.pd-cx { display: grid; gap: 24px; }
.pd-cx__item { display: grid; grid-template-rows: auto 1fr; border: 1px solid var(--pd-line); border-radius: 16px; background: var(--pd-surface); overflow: hidden; }
.pd-cx__vis { display: grid; align-content: center; justify-items: center; gap: 16px; padding: 24px; background: var(--pd-navy-tint); border-bottom: 1px solid var(--pd-line); min-height: 260px; }
html[data-theme="dark"] .pd-cx__vis, html[data-theme="dark"] .pd-mod__vis, html[data-theme="dark"] .pd-viz__bg { background: #0D1737; fill: #0D1737; }
.pd-cx__vis .pd-viz { border-radius: 12px; }
.pd-cx__item--status .pd-cx__vis { padding-bottom: 0; align-content: end; overflow: hidden; max-height: 360px; }
.pd-cx__item--status .pd-shot { width: min(220px, 60%); margin-inline: auto; }
.pd-cx__copy { display: grid; gap: 8px; align-content: start; padding: 24px; }
.pd-cx__copy p { margin: 0; font-size: .9375rem; line-height: 1.5rem; color: var(--pd-steel); text-wrap: pretty; }
.pd-map path { stroke: var(--pd-line); stroke-width: 6; fill: none; stroke-linecap: round; } .pd-map .pd-map__river { stroke: var(--pd-steel); opacity: .35; stroke-width: 10; }
.pd-pin path { stroke: #fff; stroke-width: 2; } .pd-pin circle { fill: #fff; }
.pd-pin--live path { fill: var(--pd-orange); } .pd-pin--gap path { fill: var(--pd-navy); } .pd-pin--quiet path { fill: var(--pd-steel); } .pd-pin--none path { fill: var(--pd-surface); stroke: var(--pd-steel); stroke-dasharray: 4 3; } .pd-pin--none circle { fill: var(--pd-steel); }
.pd-track { stroke: var(--pd-orange); stroke-width: 4; fill: none; stroke-linecap: round; stroke-linejoin: round; } .pd-track--gap { stroke: var(--pd-navy); stroke-dasharray: 2 10; }
html[data-theme="dark"] .pd-pin--gap path { fill: #E8ECF5; } html[data-theme="dark"] .pd-track--gap { stroke: #E8ECF5; } html[data-theme="dark"] .pd-pin--gap circle { fill: #081D48; } html[data-theme="dark"] .pd-pin path { stroke: #0D1737; }
.pd-legend { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; width: 100%; }
.pd-legend li { display: grid; grid-template-columns: 12px 1fr; column-gap: 8px; font-size: .75rem; line-height: 1rem; color: var(--pd-steel); }
.pd-legend strong { color: var(--pd-text); font-size: .8125rem; } .pd-legend span { grid-column: 2; }
.pd-legend i { width: 12px; height: 12px; border-radius: 50%; margin-top: 2px; background: var(--pd-steel); }
.pd-legend__0 i { background: var(--pd-orange); } .pd-legend__1 i { background: var(--pd-navy); } .pd-legend__3 i { background: transparent; border: 2px dashed var(--pd-steel); }
html[data-theme="dark"] .pd-legend__1 i { background: #E8ECF5; }
.pd-inbox { width: 100%; border: 1px solid var(--pd-line); border-radius: 12px; background: var(--pd-surface); overflow: hidden; }
.pd-inbox p { margin: 0; }
.pd-inbox__h { display: flex; gap: 16px; padding: 12px 16px; border-bottom: 1px solid var(--pd-line); font-size: .875rem; line-height: 1.25rem; color: var(--pd-steel); }
.pd-inbox__h strong { color: var(--pd-text); box-shadow: inset 0 -2px 0 var(--pd-orange); }
.pd-inbox__row { display: grid; grid-template-columns: 10px 1fr; gap: 12px; align-items: start; padding: 12px 16px; border-bottom: 1px solid var(--pd-line); font-size: .875rem; line-height: 1.25rem; color: var(--pd-steel); }
.pd-inbox__row:last-child { border-bottom: 0; }
.pd-inbox__row i { width: 10px; height: 10px; margin-top: 5px; border-radius: 50%; background: var(--pd-orange); }
.pd-inbox__row strong { display: block; color: var(--pd-text); }
@media (min-width: 1000px) { .pd-cx { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---- Problems and answers ---- */
.pd-pairs { display: grid; gap: 24px; }
.pd-pair { display: grid; border: 1px solid var(--pd-line); border-radius: 16px; background: var(--pd-surface); overflow: hidden; }
.pd-pair__vis { background: var(--pd-navy-tint); border-bottom: 1px solid var(--pd-line); }
.pd-pair__vis .pd-shot { aspect-ratio: 16 / 9; object-fit: cover; object-position: top left; }
.pd-pair__vis--phone { display: grid; place-items: center; aspect-ratio: 16 / 9; padding-top: 16px; overflow: hidden; }
.pd-pair__vis--phone .pd-shot { width: auto; height: 100%; max-width: 50%; aspect-ratio: auto; object-fit: contain; object-position: top; }
.pd-pair__copy { display: grid; gap: 12px; padding: 24px; align-content: start; }
.pd-pair__copy p { margin: 0; font-size: .9375rem; line-height: 1.5rem; text-wrap: pretty; }
.pd-pair__pain { padding: 12px 16px; border-radius: 12px; background: var(--pd-tint); }
.pd-pair__pain strong { font-weight: 600; }
.pd-pair__tue { color: var(--pd-steel); }
@media (min-width: 900px) { .pd-pairs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---- Tagline: each word lights up as it crosses the middle of the screen ---- */
.pd-tagline { padding: 64px 0; background: var(--pd-navy); }
.pd-tagline__text { margin: 0; max-width: 20em; font: 600 clamp(1.875rem, 1.2rem + 3vw, 3.75rem)/1.12 var(--pd-display); letter-spacing: -.02em; text-wrap: balance; color: #fff; }
.pd-w { opacity: .45; transition: opacity .5s var(--pd-ease); }
.pd-w.is-on, .no-js .pd-w { opacity: 1; }
@media (min-width: 900px) { .pd-tagline { padding: 96px 0; } }

/* ---- Switching ---- */
.pd-sw { display: grid; gap: 32px; align-items: center; }
.pd-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 24px; counter-reset: s; }
.pd-steps li { display: grid; grid-template-columns: 40px 1fr; gap: 16px; align-items: start; }
.pd-steps__n { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--pd-orange); color: var(--pd-navy); font: 600 1.125rem/1 var(--pd-display); }
.pd-steps p { margin: 4px 0 0; font-size: .9375rem; line-height: 1.5rem; color: var(--pd-steel); text-wrap: pretty; }
.pd-sw2 { display: grid; gap: 24px; margin-top: 48px; align-items: start; }
.pd-pills { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.pd-pills li { padding: 4px 12px; border-radius: 999px; background: var(--pd-tint); color: var(--pd-text); font-size: .875rem; line-height: 1.5rem; }
.pd-dl { display: grid; gap: 12px; margin: 16px 0 0; }
.pd-dl dt { font: 600 1rem/1.5rem var(--pd-display); } .pd-dl dd { margin: 0; font-size: .9375rem; line-height: 1.5rem; color: var(--pd-steel); text-wrap: pretty; }
@media (min-width: 900px) { .pd-sw { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 64px; } .pd-sw2 { grid-template-columns: 1fr 1fr; } }

/* ---- Comparison ---- */
.pd-tablewrap { overflow-x: auto; border: 1px solid var(--pd-line); border-radius: 16px; background: var(--pd-surface); }
.pd-table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: .9375rem; line-height: 1.5rem; }
.pd-table th, .pd-table td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--pd-line); }
.pd-table thead th { font: 600 1rem/1.5rem var(--pd-display); background: var(--pd-navy-tint); }
.pd-table tbody th { width: 14em; font-weight: 600; }
.pd-table tr:last-child th, .pd-table tr:last-child td { border-bottom: 0; }
.pd-table thead th:nth-child(2), .pd-table tbody td:nth-child(2) { background: var(--pd-tint); }
.pd-table thead th:nth-child(2) { color: var(--pd-ink-orange); }
.pd-tablewrap:focus-visible { outline: 3px solid var(--pd-ink-orange); outline-offset: 3px; }

/* ---- Plans ---- */
.pd-early { margin: 0 0 16px; font: 600 .875rem/1.25rem var(--pd-display); letter-spacing: .06em; text-transform: uppercase; color: var(--pd-ink-orange); }
.pd-bill { display: flex; justify-content: center; margin: 0 0 24px; }
.pd-bill[hidden] { display: none; }
.pd-bill__seg { display: inline-flex; flex-wrap: wrap; max-width: 100%; border: 1px solid var(--pd-line); border-radius: 999px; background: var(--pd-surface); }
.pd-bill__seg button { min-height: 44px; min-width: 88px; padding: 8px 16px; border: 0; background: transparent; color: var(--pd-text); font: 600 .875rem/1.25rem var(--pd-display); cursor: pointer; border-radius: 999px; }
.pd-bill__seg button[aria-pressed="true"] { background: var(--pd-navy); color: var(--pd-on-navy); }
.pd-founding { margin: 0 0 24px; padding: 16px 24px; border-radius: 12px; background: var(--pd-tint); border: 1px solid var(--pd-line); color: var(--pd-text); font-size: 1rem; line-height: 1.5rem; text-wrap: pretty; }
.pd-tiers { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.pd-tier { display: grid; align-content: start; gap: 12px; padding: 24px; border: 1px solid var(--pd-line); border-radius: 16px; background: var(--pd-surface); transition: transform .5s var(--pd-ease), border-color .3s var(--pd-ease); }
.pd-tier .pd-early-badge { justify-self: start; }
.pd-tier:hover { transform: translateY(-2px); border-color: var(--pd-steel); }
.pd-tier--popular { border-color: var(--pd-ink-orange); background: var(--pd-tint); }
.pd-tier__badge { margin: 0; font: 600 .75rem/1rem var(--pd-display); letter-spacing: .06em; text-transform: uppercase; color: var(--pd-ink-orange); }
.pd-tier__seats { margin: 0; color: var(--pd-steel); font-size: .9375rem; line-height: 1.5rem; }
.pd-tier__seats strong { font: 600 2.25rem/2.5rem var(--pd-display); color: var(--pd-text); letter-spacing: -.02em; }
.pd-tier__price { margin: 0; color: var(--pd-text); }
.pd-tier__price strong { font: 600 2rem/2.25rem var(--pd-display); letter-spacing: -.02em; }
.pd-tier__per { color: var(--pd-steel); font-size: .875rem; line-height: 1.25rem; }
.pd-tier__save { margin: 0; font-size: .875rem; line-height: 1.25rem; color: var(--pd-ink-orange); }
.pd-price--year { display: none; }
[data-view="yearly"] .pd-price--month { display: none; }
[data-view="yearly"] .pd-price--year { display: block; }
.pd-tier__for { margin: 0; font-size: .9375rem; line-height: 1.5rem; color: var(--pd-steel); text-wrap: pretty; }
.pd-tier__incl { display: grid; grid-template-columns: 18px 1fr; gap: 12px; margin: 0; padding-top: 12px; border-top: 1px solid var(--pd-line); font-size: .875rem; line-height: 1.5rem; }
.pd-tier__incl .pd-tick { margin-top: 3px; color: var(--pd-ink-orange); }
.pd-tier__extra { margin: 0; font-size: .875rem; line-height: 1.5rem; color: var(--pd-steel); }
.pd-tier__fine { margin: 0; font-size: .8125rem; line-height: 1.25rem; color: var(--pd-steel); }
.pd-vault, .pd-loc { margin: 16px 0 0; font-size: .9375rem; line-height: 1.5rem; color: var(--pd-steel); max-width: 760px; text-wrap: pretty; }
.pd-self { margin-top: 24px; }
.pd-self__list { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
.pd-self__list li { font-size: .9375rem; line-height: 1.5rem; color: var(--pd-steel); }
.pd-self__list strong { color: var(--pd-text); }
.pd-costs__h { margin: 32px 0 8px; }
.pd-plans2 { display: grid; gap: 24px; margin-top: 32px; }
.pd-plans2 .pd-btn { margin-top: 24px; }
.pd-plans2 .pd-note { margin-top: 16px; }
@media (min-width: 900px) { .pd-plans2 { grid-template-columns: 1fr 1fr; } }

/* ---- Questions ---- */
.pd-faq { display: grid; gap: 32px; }
.pd-faq .pd-head { margin: 0; }
.pd-qa { border-bottom: 1px solid var(--pd-line); }
.pd-qa:first-child { border-top: 1px solid var(--pd-line); }
.pd-qa summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 12px 0; font: 600 1.0625rem/1.5rem var(--pd-display); cursor: pointer; list-style: none; }
.pd-qa summary::-webkit-details-marker { display: none; }
.pd-qa summary svg { flex: none; color: var(--pd-ink-orange); transition: transform .5s var(--pd-ease); }
.pd-qa[open] summary svg { transform: rotate(45deg); }
.pd-qa__a { padding: 0 0 16px; max-width: 640px; }
.pd-qa__a p { margin: 0; color: var(--pd-steel); line-height: 1.625rem; text-wrap: pretty; }
@media (min-width: 1000px) { .pd-faq { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 64px; } .pd-faq .pd-head { position: sticky; top: calc(var(--pd-nav-h) + var(--pd-scroll-pad)); align-self: start; } }

/* ---- Support ---- */
.pd-support { display: grid; gap: 32px; align-items: start; }
.pd-support .pd-head { margin: 0; }
.pd-support__links { display: grid; gap: 12px; }
.pd-link-card { display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; align-items: center; padding: 16px 24px; border: 1px solid var(--pd-line); border-radius: 12px; background: var(--pd-surface); color: var(--pd-text); text-decoration: none; transition: border-color .3s var(--pd-ease), transform .5s var(--pd-ease); }
.pd-link-card:hover { border-color: var(--pd-ink-orange); transform: translateX(4px); }
.pd-link-card strong { font: 600 1rem/1.5rem var(--pd-display); } .pd-link-card span { grid-column: 1; font-size: .875rem; line-height: 1.25rem; color: var(--pd-steel); }
.pd-link-card .pd-arrow { grid-row: 1 / span 2; grid-column: 2; color: var(--pd-ink-orange); }
@media (min-width: 900px) { .pd-support { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 64px; } }

/* ---- Closing offer ---- */
.pd-close { padding: 64px 0; background: var(--pd-tint); border-top: 1px solid var(--pd-line); }
.pd-close__walk { margin: 24px 0 0; font-size: 1rem; } .pd-close__walk a { color: var(--pd-ink-orange); font-weight: 600; }
@media (min-width: 900px) { .pd-close { padding: 96px 0; } }

/* ---- Reveal on scroll: rise 32px and fade in once (transform and opacity only) ---- */
.js .pd-reveal { opacity: 0; transform: translateY(32px); transition: opacity .7s var(--pd-ease), transform .7s var(--pd-ease); }
.js .pd-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  body.pd-brand, .pd-theme { transition: none; }
  .js .pd-reveal { transform: none; transition: opacity .3s linear; }
  .pd-mod, .pd-tier, .pd-link-card, .pd-btn, .pd-menu, .pd-menu__in a, .pd-w, .pd-nav__chev, .pd-bill__seg button { transition-duration: .01ms; transition-delay: 0s !important; }
  .pd-mod:hover, .pd-tier:hover, .pd-link-card:hover { transform: none; }
}

/* =====================================================================================================================
   Sub-pages: try-demo (Book a walkthrough), pricing, trial, download. They keep their own markup and restyle through the tokens above.
   ===================================================================================================================== */
body.pd-brand .site-header { background: color-mix(in srgb, var(--pd-paper) 90%, transparent); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom-color: var(--pd-line); }
body.pd-brand .site-header.is-scrolled { background: color-mix(in srgb, var(--pd-paper) 88%, transparent); }
body.pd-brand .site-header.is-hidden { transform: none; }
body.pd-brand .site-header.mega.has-open { background: var(--pd-paper); }
body.pd-brand .mega__menu-btn { border-color: var(--pd-line); }
body.pd-brand .site-header.site-header--product { position: relative; inset: auto; z-index: 100; transform: none; border-bottom: 1px solid var(--pd-line); }
body.pd-brand .site-header.site-header--product .site-header__inner { min-height: var(--pd-site-header-h); }
body.pd-brand .site-header.site-header--product .mega__panel { max-height: calc(100dvh - var(--pd-site-header-h)); z-index: 2; }
body.pd-brand .site-header.site-header--product .mega__top,
body.pd-brand .site-header.site-header--product .nav-top__link { color: var(--pd-text); }
body.pd-brand .site-header.site-header--product .mega__top:hover,
body.pd-brand .site-header.site-header--product .mega__top[aria-expanded="true"] { background: var(--pd-navy-tint); color: var(--pd-text); }
/* Header mega panels, mobile sheet, trial: landing.css uses --cream-white for surfaces; dark pd-brand remaps it to text color. */
body.pd-brand .mega__panel { background: var(--pd-surface); border-bottom-color: var(--pd-line); box-shadow: var(--pd-shadow); color: var(--pd-text); }
body.pd-brand .mega__cats { border-right-color: var(--pd-line); }
body.pd-brand .mega__cat { color: var(--pd-text); }
body.pd-brand .mega__cat:hover { background: var(--pd-navy-tint); }
body.pd-brand .mega__cat[aria-selected="true"] { background: var(--pd-surface); box-shadow: inset 0 0 0 1px var(--pd-line), var(--pd-shadow); }
body.pd-brand .mega__cat em { color: var(--pd-steel); }
body.pd-brand .mega__apphead h3 { color: var(--pd-text); }
body.pd-brand .mega__app:hover, body.pd-brand .mega__links a:hover { background: var(--pd-navy-tint); }
body.pd-brand .mega__app small, body.pd-brand .mega__links small, body.pd-brand .mega__empty { color: var(--pd-steel); }
body.pd-brand .mega__find .icon { color: var(--pd-steel); }
body.pd-brand .mega__find input { background: var(--pd-surface); color: var(--pd-text); border-color: var(--pd-steel); }
body.pd-brand .mega__find input:focus-visible { border-color: var(--pd-ink-orange); outline-color: var(--pd-ink-orange); }
body.pd-brand .mega__foot { border-top-color: var(--pd-line); }
body.pd-brand .mega__foot span { color: var(--pd-steel); }
body.pd-brand .mega__top:hover, body.pd-brand .mega__top[aria-expanded="true"] { background: var(--pd-navy-tint); color: var(--pd-text); }
body.pd-brand .menu-sheet.mega-sheet { background: var(--pd-paper); color: var(--pd-text); }
body.pd-brand .mega-sheet details, body.pd-brand .mega-sheet details details { border-bottom-color: var(--pd-line); }
body.pd-brand .mega-sheet summary { color: var(--pd-text); }
body.pd-brand .mega-sheet summary .n { color: var(--pd-steel); }
body.pd-brand .mega-sheet__app, body.pd-brand .mega-sheet__link, body.pd-brand .mega-sheet__plain { color: var(--pd-text); }
body.pd-brand .mega-sheet__app small { color: var(--pd-steel); }
body.pd-brand .mega-sheet__app .chip { background: var(--pd-navy-tint); color: var(--pd-text); box-shadow: inset 0 0 0 1px var(--pd-line); }
body.pd-brand .mega-sheet__app .tile { background: var(--pd-navy-tint); color: var(--pd-text); }
body.pd-brand .menu-sheet__close { border-color: var(--pd-line); color: var(--pd-text); }
body.pd-brand .menu-sheet__by { color: var(--pd-steel); }
body.pd-brand .mega__panel .chip--ok, body.pd-brand .mega__panel .chip--ea, body.pd-brand .mega-sheet .chip--ok, body.pd-brand .mega-sheet .chip--ea { background: var(--pd-navy-tint); color: var(--pd-text); box-shadow: inset 0 0 0 1px var(--pd-line); }
body.pd-brand .mega__panel .chip--early, body.pd-brand .mega-sheet .chip--early { background: var(--pd-tint); color: var(--pd-ink-orange); }
body.pd-brand .mega__panel .chip--bld, body.pd-brand .mega-sheet .chip--bld { background: var(--pd-tint); color: var(--pd-ink-orange); }
body.pd-brand .mega__panel .chip--pln, body.pd-brand .mega-sheet .chip--pln { background: transparent; color: var(--pd-steel); box-shadow: inset 0 0 0 1px var(--pd-line); }
body.pd-brand .mega__panel .chip--svc, body.pd-brand .mega-sheet .chip--svc { background: var(--pd-navy-tint); color: var(--pd-text); }
body.pd-brand .site-header.site-header--product .wordmark,
body.pd-brand .site-header.site-header--product .wordmark__name { color: var(--pd-text); }
body.pd-brand .site-header.site-header--product .wm { --wm-the: var(--pd-steel); --wm-accent: var(--pd-ink-orange); color: var(--pd-text); }
body.pd-brand .site-footer .wm { --wm-the: var(--ivory-2); --wm-accent: var(--terra); }
body.pd-brand main { padding-top: 0; }
body.pd-brand .btn { border-radius: 8px; min-height: 48px; padding: 12px 24px; font-family: var(--sans); --btn-fg: var(--pd-text); --btn-bd: var(--pd-steel); }
body.pd-brand .btn-sm { min-height: 40px; padding: 8px 16px; }
body.pd-brand .btn-primary { --btn-bg: var(--pd-orange); --btn-fg: var(--pd-navy); --btn-bd: var(--pd-orange); box-shadow: none; }
body.pd-brand .btn-primary:hover { --btn-bg: #FF6A33; --btn-bd: #FF6A33; }
body.pd-brand .btn-ghost:hover { --btn-bd: var(--pd-text); background: var(--pd-navy-tint); }
body.pd-brand .btn-quiet { --btn-fg: var(--pd-ink-orange); text-decoration-color: currentColor; }
body.pd-brand .eyebrow { color: var(--pd-ink-orange); font-family: var(--pd-display); letter-spacing: .06em; }
body.pd-brand .pr-ask__intro .pd-early-badge,
body.pd-brand .pr-hero .pd-early-badge,
body.pd-brand .acc .pd-early-badge { margin: 0 0 12px; }
body.pd-brand h1, body.pd-brand h2, body.pd-brand h3, body.pd-brand .pr-h1, body.pd-brand .pr-h2, body.pd-brand .pr-h3, body.pd-brand .acc h1, body.pd-brand .acc h2 { font-family: var(--pd-display); font-weight: 600; letter-spacing: -.02em; font-style: normal; }
body.pd-brand .pr-hero, body.pd-brand .pr-ask, body.pd-brand .acc { background: var(--pd-paper); }
body.pd-brand .pr-crumb, body.pd-brand .pr-crumb a { color: var(--pd-steel); }
body.pd-brand .pr-lede, body.pd-brand .lede { color: var(--pd-steel); }
body.pd-brand .pr-ask__card, body.pd-brand .acc-card { background: var(--pd-surface); border: 1px solid var(--pd-line); border-radius: 16px; box-shadow: var(--pd-shadow); }
body.pd-brand .fld input, body.pd-brand .fld select, body.pd-brand .fld textarea, body.pd-brand .acc-form input, body.pd-brand .acc-form select { background: var(--pd-surface); color: var(--pd-text); border: 1.5px solid var(--pd-steel); border-radius: 8px; }
body.pd-brand .fld label, body.pd-brand legend { color: var(--pd-text); }
body.pd-brand .fld label span, body.pd-brand .note, body.pd-brand .pr-priv { color: var(--pd-steel); }
body.pd-brand .pr-priv a, body.pd-brand .note a, body.pd-brand .acc a:not(.btn) { color: var(--pd-ink-orange); }
body.pd-brand .check, body.pd-brand .biz-tile { border-color: var(--pd-line); background: var(--pd-surface); color: var(--pd-text); border-radius: 12px; }
body.pd-brand .pr-points .icon, body.pd-brand .pr-points svg { color: var(--pd-ink-orange); }
body.pd-brand .pr-points li span { color: var(--pd-text); }
body.pd-brand .pr-ask__shot, body.pd-brand .pr-frame { border-radius: 12px; overflow: hidden; border: 1px solid var(--pd-line); }
body.pd-brand .fld__err, body.pd-brand .pr-errsum { color: var(--danger); }
body.pd-brand .pr-errsum { background: var(--pd-surface); border: 1px solid var(--danger); border-radius: 12px; }
body.pd-brand .acc-notice { background: var(--pd-tint); color: var(--pd-text); border: 1px solid var(--pd-line); border-radius: 12px; }
body.pd-brand .acc-alert { background: var(--pd-surface); color: var(--danger); border: 1px solid var(--danger); border-radius: 12px; }
body.pd-brand .site-footer { background: var(--pd-navy); }
html[data-theme="dark"] body.pd-brand .site-footer { background: #101B3D; border-top: 1px solid var(--pd-line); }
body.pd-brand .trial { background: var(--pd-surface); color: var(--pd-text); border: 1px solid var(--pd-line); box-shadow: var(--pd-shadow); }
body.pd-brand .trial::backdrop { background: color-mix(in srgb, var(--pd-navy) 55%, transparent); }
body.pd-brand .trial h2 { color: var(--pd-text); font-family: var(--pd-display); }
body.pd-brand .trial__lede { color: var(--pd-steel); }
body.pd-brand .trial__x { color: var(--pd-text); }
body.pd-brand .trial__x:hover { background: var(--pd-navy-tint); }
body.pd-brand .trial .pick button { background: var(--pd-surface); border-color: var(--pd-line); color: var(--pd-text); }
body.pd-brand .trial .pick button:hover { border-color: var(--pd-ink-orange); }
body.pd-brand .trial .pick small { color: var(--pd-steel); }
body.pd-brand .trial .sent p { color: var(--pd-steel); }
body.pd-brand .trial__in::before { background: var(--pd-line); }
body.pd-brand .trial .trialf .f label { color: var(--pd-text); }
body.pd-brand .trial .trialf .f input,
body.pd-brand .trial .trialf .f select { background: var(--pd-surface); color: var(--pd-text); border-color: var(--pd-steel); }
body.pd-brand .trial .trialf .ck { color: var(--pd-steel); }
body.pd-brand .trial .trialf .ck a { color: var(--pd-ink-orange); }
body.pd-brand .trial__app { color: var(--pd-text); }
body.pd-brand .trial__app button { color: var(--pd-ink-orange); }

body.pd-brand .site-footer { --ash: #A9B6D3; --ivory-2: #E8ECF5; --sage-200: #A9B6D3; --sage-100: #E8ECF5; }
body.pd-brand .consent-banner { background: var(--pd-surface); color: var(--pd-text); border-top: 1px solid var(--pd-line); box-shadow: 0 -12px 40px -24px rgba(8, 19, 48, .55); }
body.pd-brand .consent-banner__text, body.pd-brand .consent-banner__more a { color: var(--pd-steel); }
body.pd-brand .consent-banner__choice { background: var(--pd-tint); color: var(--pd-text); border-color: var(--pd-line); }
body.pd-brand .consent-banner__choice:hover { border-color: var(--pd-orange); }
html[data-theme="dark"] body.pd-brand .consent-banner { background: #101B3D; }
body.pd-brand.pd-brand select, body.pd-brand.pd-brand textarea, body.pd-brand.pd-brand input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]) { background-color: var(--pd-surface); color: var(--pd-text); border-color: var(--pd-steel); }
body.pd-brand.pd-brand ::placeholder { color: var(--pd-steel); opacity: 1; }