/* <generated:design-tokens> — DO NOT EDIT; regenerate via scripts/generate-design-tokens.ts (source: src/lib/colorSchemeDark.ts).
   The portal at night (UX-VIS-007, owner decision 2026-10-21). index.html links this file with
   media="(prefers-color-scheme: dark)" and its bootstrap sets <html data-scheme> before the first paint. */
:root[data-theme="light"][data-scheme="dark"] {
  color-scheme: dark;
  --pt-bg: rgb(11, 15, 22);
  --pt-card: rgb(18, 23, 32);
  --pt-card-2: rgb(25, 31, 43);
  --pt-ink: rgb(232, 237, 244);
  --pt-body: rgb(206, 213, 225);
  --pt-muted: rgb(168, 178, 195);
  --pt-dim: rgb(138, 150, 170);
  --pt-line: rgb(42, 50, 65);
  --pt-line-2: rgb(31, 38, 51);
  --pt-control: rgb(110, 122, 142);
  --pt-blue: rgb(125, 172, 255);
  --pt-blue-deep: rgb(152, 192, 255);
  --pt-blue-bg: rgb(24, 40, 72);
  --pt-blue-ink: rgb(214, 228, 255);
  --pt-green: rgb(52, 222, 146);
  --pt-green-ink: rgb(110, 214, 152);
  --pt-amber-bg: rgb(49, 34, 20);
  --pt-amber-line: rgb(96, 66, 38);
  --pt-green-bg: rgb(17, 42, 31);
  --pt-green-line: rgb(38, 86, 62);
  --pt-amber: rgb(220, 147, 46);
  --pt-amber-ink: rgb(250, 182, 122);
  --pt-red: rgb(242, 96, 116);
  --pt-red-ink: rgb(255, 158, 166);
  --pt-red-bg: rgb(53, 22, 28);
  --pt-red-line: rgb(104, 44, 54);
  --pt-blue-rgb: 125, 172, 255;
  --pt-ink-rgb: 232, 237, 244;
  --pt-dim-rgb: 138, 150, 170;
  --pt-shadow-rgb: 0, 0, 0;
  --pt-line-rgb: 232, 237, 244;
  --pt-foot-bg: rgb(15, 31, 55);
  --pt-foot-ink: rgb(255, 255, 255);
  --pt-foot-line-rgb: 200, 211, 226;
  --pt-blue-soft: rgb(24, 38, 64);
  --pt-gold-bg: rgb(58, 46, 18);
  --pt-gold-ink: rgb(250, 214, 130);
  --pt-rank-bg: rgb(42, 42, 46);
  --pt-gold: rgb(248, 191, 55);
  --pt-score-bg: rgb(16, 52, 38);
  --pt-dot-high: rgb(18, 184, 96);
  --pt-dot-low: rgb(238, 48, 68);
  --pt-elev: 0 0 0 0 rgba(var(--pt-shadow-rgb), 0);
  --pt-elev-2: 0 2px 4px rgba(var(--pt-shadow-rgb), 0.45), 0 24px 60px rgba(var(--pt-shadow-rgb), 0.4);
  --pt-float: 0 2px 4px rgba(var(--pt-shadow-rgb), 0.45), 0 24px 60px rgba(var(--pt-shadow-rgb), 0.4);
  --pt-cta-shadow: 0 8px 20px rgba(var(--pt-blue-rgb), 0.18);
  --pt-dv-seq-1: rgb(30,52,96);
  --pt-dv-seq-2: rgb(45,86,160);
  --pt-dv-seq-3: rgb(72,124,222);
  --pt-dv-seq-5: rgb(188,212,255);
  --pt-dv-div-1: rgb(240,150,90);
  --pt-dv-div-2: rgb(170,104,66);
  --pt-dv-div-3: rgb(70,78,92);
  --pt-dv-div-4: rgb(80,118,190);
  --pt-dv-div-5: rgb(140,182,255);
  --pt-dv-cat-2: rgb(240,130,90);
  --pt-dv-cat-3: rgb(0,185,130);
  --pt-dv-cat-4: rgb(145,225,135);
  --pt-dv-cat-5: rgb(220,150,15);
  --pt-dv-cat-6: rgb(215,100,95);
  --pt-dv-cat-7: rgb(145,140,245);
  --pt-dv-cat-8: rgb(235,120,165);
  --pt-dv-soft: rgb(84,96,118);
  --ptn-bg-rgb: 11, 15, 22;
  --ptn-card-rgb: 18, 23, 32;
  --ptn-card-2-rgb: 25, 31, 43;
  --ptn-line-rgb: 42, 50, 65;
  --ptn-line-2-rgb: 31, 38, 51;
  --ptn-control-rgb: 110, 122, 142;
  --ptn-dim-rgb: 138, 150, 170;
  --ptn-muted-rgb: 168, 178, 195;
  --ptn-body-rgb: 206, 213, 225;
  --ptn-ink-rgb: 232, 237, 244;
  --ptn-blue-bg-rgb: 24, 40, 72;
  --ptn-blue-rgb: 125, 172, 255;
  --ptn-blue-d-rgb: 152, 192, 255;
  --ptn-blue-ink-rgb: 214, 228, 255;
  --ptn-green-bg-rgb: 17, 42, 31;
  --ptn-green-line-rgb: 38, 86, 62;
  --ptn-green-rgb: 52, 222, 146;
  --ptn-green-ink-rgb: 110, 214, 152;
  --ptn-amber-bg-rgb: 49, 34, 20;
  --ptn-amber-line-rgb: 96, 66, 38;
  --ptn-amber-rgb: 220, 147, 46;
  --ptn-amber-ink-rgb: 250, 182, 122;
  --ptn-red-bg-rgb: 53, 22, 28;
  --ptn-red-line-rgb: 104, 44, 54;
  --ptn-red-rgb: 242, 96, 116;
  --ptn-red-ink-rgb: 255, 158, 166;
}
/* 375 declarations from the stylesheets' literals */
:root[data-scheme="dark"]:where([data-theme="light"])[data-theme="light"] {
  --cc-brand-contrast: var(--pt-card);
  --cc-brand-soft: color-mix(in srgb, var(--pt-ink) 6%, transparent);
  --cc-brass: var(--pt-ink);
  --cc-brass-soft: color-mix(in srgb, var(--pt-ink) 6%, transparent);
  --cc-brass-hairline: color-mix(in srgb, var(--pt-ink) 18%, transparent);
  --cc-parchment: var(--pt-bg);
  --cc-parchment-deep: var(--pt-card-2);
  --cc-surface-0: var(--pt-bg);
  --cc-surface-1: var(--pt-card);
  --cc-surface-2: var(--pt-card-2);
  --cc-surface-3: var(--pt-card-2);
  --cc-border: color-mix(in srgb, var(--pt-blue-ink) 10%, transparent);
  --cc-border-strong: color-mix(in srgb, var(--pt-blue-ink) 18%, transparent);
  --cc-hairline: color-mix(in srgb, var(--pt-blue-ink) 6%, transparent);
  --cc-elev-1: 0 1px 2px rgba(var(--pt-shadow-rgb), 0.06), 0 16px 45px rgba(var(--pt-shadow-rgb), 0.18);
  --cc-elev-2: 0 2px 4px rgba(var(--pt-shadow-rgb), 0.09), 0 20px 60px rgba(var(--pt-shadow-rgb), 0.24);
  --cc-elev-3: 0 24px 80px rgba(var(--pt-shadow-rgb), 0.3);
  --cc-elev-luxe: 0 24px 60px rgba(var(--pt-shadow-rgb), 0.15), 0 4px 16px rgba(var(--pt-shadow-rgb), 0.06);
  --cc-glow-brand: 0 0 0 rgba(var(--pt-shadow-rgb), 0);
}
:root[data-scheme="dark"]:where([data-theme="light"]) {
  --cc-electric: var(--pt-blue-bg);
  --cc-electric-soft: color-mix(in srgb, var(--pt-blue-bg) 20%, transparent);
  --cc-electric-glow: 0 0 30px rgba(var(--pt-ink-rgb), 0.06);
  --cc-ice-blue: var(--pt-blue-bg);
  --cc-ice-glow: 0 0 44px rgba(var(--pt-ink-rgb), 0.06);
}
:root[data-scheme="dark"]:where([data-theme="light"]) {
  --cc-neon-cyan: var(--pt-blue-bg);
  --cc-neon-cyan-soft: color-mix(in srgb, var(--pt-blue-bg) 14%, transparent);
  --cc-neon-cyan-glow: 0 0 22px rgba(var(--pt-ink-rgb), 0.06);
  --cc-neon-lime: var(--pt-green-line);
  --cc-neon-lime-soft: color-mix(in srgb, var(--pt-green-line) 12%, transparent);
  --cc-neon-lime-glow: 0 0 18px rgba(var(--pt-ink-rgb), 0.06);
  --cc-hairline-strong: color-mix(in srgb, var(--pt-card) 10%, transparent);
  --cc-hairline-divider: color-mix(in srgb, var(--pt-card) 6%, transparent);
  --cc-term-floor: var(--pt-ink);
  --cc-term-panel: var(--pt-ink);
  --cc-term-panel-hi: var(--pt-ink);
  --cc-glow-cyan-edge: 0 0 0 1px rgba(var(--pt-ink-rgb), 0.06), 0 0 28px rgba(var(--pt-ink-rgb), 0.06);
  --cc-glow-lime-edge: 0 0 0 1px rgba(var(--pt-ink-rgb), 0.06), 0 0 24px rgba(var(--pt-ink-rgb), 0.06);
}
:root[data-scheme="dark"]:where([data-theme="light"])[data-theme="light"] {
  --cc-hairline-strong: color-mix(in srgb, var(--pt-ink) 14%, transparent);
  --cc-hairline-divider: color-mix(in srgb, var(--pt-ink) 8%, transparent);
  --cc-term-floor: var(--pt-bg);
  --cc-term-panel: var(--pt-card);
  --cc-term-panel-hi: var(--pt-card-2);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-shimmer {
  background: linear-gradient( 90deg, color-mix(in srgb, var(--pt-blue-bg) 6%, transparent) 0%, color-mix(in srgb, var(--pt-blue-bg) 12%, transparent) 50%, color-mix(in srgb, var(--pt-blue-bg) 6%, transparent) 100% );
}
:root[data-scheme="dark"]:where([data-theme="light"])[data-theme="light"] {
  --cc-grad-brand: linear-gradient(135deg, var(--pt-blue-deep) 0%, var(--pt-blue-ink) 50%, var(--pt-blue-ink) 100%);
  --cc-grad-brand-soft: linear-gradient(135deg, color-mix(in srgb, var(--pt-blue-deep) 8%, transparent) 0%, color-mix(in srgb, var(--pt-blue-ink) 4%, transparent) 100%);
  --cc-grad-success: linear-gradient(135deg, var(--pt-green-line) 0%, var(--pt-green) 100%);
  --cc-grad-score: linear-gradient(135deg, var(--pt-blue-deep) 0%, var(--pt-blue) 100%);
  --cc-grad-aurora: radial-gradient(ellipse 80% 60% at 20% 30%, color-mix(in srgb, var(--pt-amber) 7%, transparent) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 20%, color-mix(in srgb, var(--pt-amber) 5%, transparent) 0%, transparent 55%), radial-gradient(ellipse 70% 80% at 50% 100%, color-mix(in srgb, var(--pt-amber) 4%, transparent) 0%, transparent 65%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-glass {
  background: var(--pt-card);
  border: 1px solid color-mix(in srgb, var(--pt-blue-deep) 20%, transparent);
  box-shadow: inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06), 0 0 28px rgba(var(--pt-shadow-rgb), 0.42), 0 0 0 1px rgba(var(--pt-shadow-rgb), 0.12), 0 6px 18px rgba(var(--pt-shadow-rgb), 0.24);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-glass::before,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-glass-card::before {
  background: linear-gradient( 90deg, color-mix(in srgb, var(--pt-blue-deep) 0%, transparent) 0%, color-mix(in srgb, var(--pt-blue-deep) 45%, transparent) 22%, color-mix(in srgb, var(--pt-blue) 50%, transparent) 50%, color-mix(in srgb, var(--pt-blue) 45%, transparent) 78%, color-mix(in srgb, var(--pt-blue) 0%, transparent) 100% ) top / 100% 1.5px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--pt-card) 4%, transparent) 0%, color-mix(in srgb, var(--pt-card) 0%, transparent) 22%), repeating-linear-gradient( 0deg, color-mix(in srgb, var(--pt-blue-deep) 1%, transparent) 0px, color-mix(in srgb, var(--pt-blue-deep) 1%, transparent) 1px, transparent 1px, transparent 5px );
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-glass-strong {
  background: var(--pt-card);
  border: 1px solid color-mix(in srgb, var(--pt-blue-deep) 22%, transparent);
  box-shadow: inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06), 0 0 36px rgba(var(--pt-shadow-rgb), 0.54), 0 0 0 1px rgba(var(--pt-shadow-rgb), 0.18), 0 8px 24px rgba(var(--pt-shadow-rgb), 0.3);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-platform-shell {
  --cc-platform-surface: var(--pt-card);
  --cc-platform-surface-soft: color-mix(in srgb, var(--pt-card) 80%, transparent);
  --cc-platform-border: color-mix(in srgb, var(--pt-blue-deep) 16%, transparent);
  --cc-platform-border-soft: color-mix(in srgb, var(--pt-blue-deep) 8%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-platform-main.is-platform-page :where( .cc-hub-card, .cc-signal-card, .cc-report-hero, .workspace-orientation-card, .decision-rail-card, .workspace-nav-group, .entry-card ) {
  box-shadow: inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06), 0 0 42px var(--cc-platform-glow), 0 0 0 1px rgba(var(--cc-platform-accent-rgb), 0.08), 0 8px 24px rgba(var(--pt-shadow-rgb), 0.84) !important;
}
:root[data-scheme="dark"]:where([data-theme="light"])[data-theme="light"] .cc-platform-main.is-platform-page :where( .cc-hub-card, .cc-signal-card, .cc-report-hero, .workspace-orientation-card, .decision-rail-card, .workspace-nav-group, .entry-card ) {
  box-shadow: inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06), 0 0 24px var(--cc-platform-glow), 0 8px 20px rgba(var(--pt-shadow-rgb), 0.24) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-btn-signature:hover {
  box-shadow: 0 4px 12px rgba(var(--pt-shadow-rgb), 0.54), 0 0 24px rgba(var(--pt-shadow-rgb), 0.36);
}
:root:where([data-theme="light"][data-scheme="dark"]) body {
  background: var(--pt-line-2);
  color: var(--pt-ink);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-elev-1 {
  box-shadow: 0 2px 6px rgba(var(--pt-shadow-rgb), 0.3);
}
:root[data-scheme="dark"]:where([data-theme="light"])[data-theme="light"] .cc-elev-1 {
  box-shadow: 0 1px 3px rgba(var(--pt-shadow-rgb), 0.18);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-fam-card:hover,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-fam-card:focus-within {
  --fam-line: color-mix(in srgb, var(--pt-blue) 30%, transparent);
  --fam-bg: color-mix(in srgb, var(--pt-bg) 96%, transparent);
  box-shadow: 0 1px 2px rgba(var(--pt-shadow-rgb), 0.06), 0 18px 48px rgba(var(--pt-shadow-rgb), 0.36);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-scenario-note {
  background: color-mix(in srgb, var(--pt-blue) 5%, transparent);
  color: var(--pt-blue-deep);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-route select {
  background: color-mix(in srgb, var(--pt-card) 90%, transparent);
  color: var(--pt-ink);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-route span {
  color: var(--pt-dim);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-fam-title {
  color: var(--pt-ink);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-score-bar {
  background: color-mix(in srgb, var(--pt-blue-ink) 10%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp {
  --lp-line-soft: color-mix(in srgb, var(--pt-blue-ink) 10%, transparent);
  --lp-card: color-mix(in srgb, var(--pt-card) 84%, transparent);
  --lp-card-2: color-mix(in srgb, var(--pt-card-2) 82%, transparent);
  --lp-blue-soft: var(--pt-card-2);
  --lp-glass-line: color-mix(in srgb, var(--pt-blue-ink) 12%, transparent);
  background: linear-gradient(160deg, color-mix(in srgb, var(--pt-line-2) 92%, transparent) 0%, color-mix(in srgb, var(--pt-bg) 0%, transparent) 34%), linear-gradient(180deg, var(--pt-bg) 0%, var(--pt-bg) 42%, var(--pt-bg) 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-review-notice {
  border: 1px solid var(--pt-amber-line);
  background: var(--pt-bg);
  color: var(--pt-amber-ink);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-skip-link:focus {
  box-shadow: 0 4px 16px rgba(var(--pt-shadow-rgb), 0.9);
}
:root[data-scheme="dark"]:where([data-theme="light"]) {
  --cc-ink: var(--pt-body);
  --cc-ink-strong: var(--pt-body);
  --cc-accent: var(--pt-control);
  --cc-accent-warm: var(--pt-control);
  --cc-panel-light: color-mix(in srgb, var(--pt-card) 80%, transparent);
  --cc-panel-dark: color-mix(in srgb, var(--pt-ink) 56%, transparent);
  --cc-shell-border-dark: color-mix(in srgb, var(--pt-blue-bg) 8%, transparent);
  --cc-shell-border-light: color-mix(in srgb, var(--pt-ink) 8%, transparent);
  --cc-brand: var(--pt-blue-ink);
  --cc-brand-mid: var(--pt-blue-deep);
  --cc-brand-light: var(--pt-blue-deep);
  --cc-success: var(--pt-green);
  --cc-warn: var(--pt-amber);
  --cc-danger: var(--pt-red);
  --cc-score-high: var(--pt-green);
  --cc-score-high-bg: color-mix(in srgb, var(--pt-green-line) 8%, transparent);
  --cc-score-mid: var(--pt-card);
  --cc-score-mid-bg: color-mix(in srgb, var(--pt-blue) 8%, transparent);
  --cc-score-low: var(--pt-amber);
  --cc-score-low-bg: color-mix(in srgb, var(--pt-amber) 8%, transparent);
  --cc-score-poor: var(--pt-red);
  --cc-score-poor-bg: color-mix(in srgb, var(--pt-red) 8%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-page-shell::before {
  background: radial-gradient( ellipse 80% 65% at 50% 0%, color-mix(in srgb, var(--pt-blue-bg) 10%, transparent) 0%, color-mix(in srgb, var(--pt-blue-bg) 4%, transparent) 28%, color-mix(in srgb, var(--pt-blue-bg) 0%, transparent) 60% );
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-boot-eyebrow {
  background: color-mix(in srgb, var(--pt-ink) 6%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-boot-title {
  background: color-mix(in srgb, var(--pt-ink) 5%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-boot-line {
  background: color-mix(in srgb, var(--pt-ink) 4%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-boot-cta {
  background: color-mix(in srgb, var(--pt-ink) 6%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-option-card:hover {
  border-color: color-mix(in srgb, var(--pt-card) 18%, transparent) !important;
  box-shadow: 0 8px 28px rgba(var(--pt-shadow-rgb), 1) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-chat {
  border: 1px solid color-mix(in srgb, var(--pt-ink) 6%, transparent);
  background: color-mix(in srgb, var(--pt-bg) 60%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-avatar {
  background: color-mix(in srgb, var(--pt-ink) 4%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-avatar-sm {
  background: color-mix(in srgb, var(--pt-ink) 4%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-ai-thread::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--pt-control) 20%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-bubble-user {
  background: color-mix(in srgb, var(--pt-blue) 8%, transparent);
  color: var(--pt-body);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-bubble-ai {
  background: color-mix(in srgb, var(--pt-ink) 3%, transparent);
  color: var(--pt-body);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-typing-dots span {
  background: var(--pt-dim);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-input {
  background: var(--pt-card);
  color: var(--pt-body);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-ai-input:focus {
  border-color: color-mix(in srgb, var(--pt-blue) 40%, transparent);
  box-shadow: 0 0 0 3px rgba(var(--pt-shadow-rgb), 0.24);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-send {
  background: color-mix(in srgb, var(--pt-blue) 10%, transparent);
  color: var(--pt-blue);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-send:hover:not(:disabled) {
  background: color-mix(in srgb, var(--pt-blue) 18%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-chip-btn {
  background: color-mix(in srgb, var(--pt-ink) 2%, transparent);
  border: 1px solid color-mix(in srgb, var(--pt-ink) 8%, transparent);
  color: var(--pt-muted);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-chip-btn:hover {
  background: color-mix(in srgb, var(--pt-ink) 4%, transparent);
  border-color: color-mix(in srgb, var(--pt-ink) 14%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-whatif-btn {
  background: color-mix(in srgb, var(--pt-amber) 4%, transparent);
  border: 1px solid color-mix(in srgb, var(--pt-amber) 15%, transparent);
  color: var(--pt-amber);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-ai-whatif-btn:hover {
  background: color-mix(in srgb, var(--pt-amber) 8%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light .cc-shell-header {
  background: color-mix(in srgb, var(--pt-card) 85%, transparent) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--pt-line) 60%, transparent) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content p,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content li,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content label {
  color: color-mix(in srgb, var(--pt-card-2) 94%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light .cc-shell-content,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light .cc-shell-content p,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light .cc-shell-content li,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light .cc-shell-content label {
  color: color-mix(in srgb, var(--pt-ink) 92%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen h1,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen h2,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-type-h1,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-type-h2 {
  color: var(--pt-card-2);
  text-shadow: 0 0 5px rgba(var(--pt-ink-rgb), 0.06), 0 0 18px rgba(var(--pt-ink-rgb), 0.06), 0 0 42px rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light h1,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light h2,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light .cc-type-h1,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light .cc-type-h2 {
  color: var(--pt-ink);
  text-shadow: 0 0 5px rgba(var(--pt-ink-rgb), 0.06), 0 0 18px rgba(var(--pt-ink-rgb), 0.06), 0 1px 2px rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light .cc-option-card {
  box-shadow: 0 1px 2px rgba(var(--pt-shadow-rgb), 0.06), 0 12px 28px -20px rgba(var(--pt-shadow-rgb), 0.45) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-option-card:hover,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-option-card:focus-visible {
  border-color: color-mix(in srgb, var(--pt-blue-bg) 55%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06), 0 0 56px rgba(var(--pt-ink-rgb), 0.06), 0 0 0 1px rgba(var(--pt-ink-rgb), 0.06), 0 14px 36px rgba(var(--pt-shadow-rgb), 1) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light .cc-option-card:hover,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen.is-light .cc-option-card:focus-visible {
  box-shadow: 0 1px 2px rgba(var(--pt-shadow-rgb), 0.09), 0 16px 32px -18px rgba(var(--pt-shadow-rgb), 0.5) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content button,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content input,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content select,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content textarea,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content [role="button"],
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content [role="option"],
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content [role="radio"] {
  box-shadow: 0 0 0 1px rgba(var(--pt-ink-rgb), 0.06), 0 0 14px rgba(var(--pt-ink-rgb), 0.06), 0 0 32px rgba(var(--pt-ink-rgb), 0.06);
  text-shadow: 0 0 8px rgba(var(--pt-ink-rgb), 0.06), 0 0 16px rgba(var(--pt-ink-rgb), 0.06), 0 1px 2px rgba(var(--pt-shadow-rgb), 1);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content button:hover,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content [role="button"]:hover,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content [role="option"]:hover,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content [role="radio"]:hover,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content button:focus-visible,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content [role="button"]:focus-visible,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content [role="option"]:focus-visible,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content [role="radio"]:focus-visible,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content input:focus-visible,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content select:focus-visible,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-quiz-fullscreen .cc-shell-content textarea:focus-visible {
  box-shadow: 0 0 0 1px rgba(var(--pt-ink-rgb), 0.06), 0 0 22px rgba(var(--pt-ink-rgb), 0.06), 0 0 56px rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-highlight {
  background: linear-gradient(transparent 56%, color-mix(in srgb, var(--pt-green-line) 18%, transparent) 56%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-highlight {
  background: linear-gradient(transparent 56%, color-mix(in srgb, var(--pt-green-line) 14%, transparent) 56%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-highlight-blue {
  background: linear-gradient(transparent 56%, color-mix(in srgb, var(--pt-blue) 16%, transparent) 56%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-primary-cta:hover {
  box-shadow: 0 8px 24px rgba(var(--pt-shadow-rgb), 0.45) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .entry-card.is-light {
  color: var(--pt-body);
}
:root:where([data-theme="light"][data-scheme="dark"]) .entry-card::before {
  background: linear-gradient(180deg, color-mix(in srgb, var(--pt-blue-bg) 2%, transparent) 0%, transparent 30%), linear-gradient(90deg, transparent 0, transparent 72px, transparent 72px, transparent 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .entry-card.is-light .entry-trustline,
:root:where([data-theme="light"][data-scheme="dark"]) .entry-card.is-light .entry-note {
  color: var(--pt-dim);
}
:root:where([data-theme="light"][data-scheme="dark"]) .entry-point {
  color: var(--pt-blue-ink);
}
:root:where([data-theme="light"][data-scheme="dark"]) .entry-point::before {
  background: var(--pt-control);
}
:root:where([data-theme="light"][data-scheme="dark"]) .entry-primary {
  background: var(--pt-ink);
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .entry-primary::before {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--pt-card) 7%, transparent), transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .entry-primary:hover {
  box-shadow: 0 24px 48px rgba(var(--pt-shadow-rgb), 0.84), 0 8px 20px rgba(var(--pt-shadow-rgb), 0.48), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .focused-page.is-light {
  color: var(--pt-ink);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-fee-row:hover {
  background: color-mix(in srgb, var(--pt-amber-line) 4%, transparent) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-fee-row:hover {
  background: color-mix(in srgb, var(--pt-amber-line) 5%, transparent) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .focused-page.is-explorer {
  background: linear-gradient(150deg, color-mix(in srgb, var(--pt-line-2) 78%, transparent) 0%, color-mix(in srgb, var(--pt-card) 0%, transparent) 34%), linear-gradient(180deg, var(--pt-bg) 0%, var(--pt-bg) 42%, var(--pt-bg) 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-explorer,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-scope {
  --xp-line: color-mix(in srgb, var(--pt-blue-ink) 10%, transparent);
  --xp-alt: color-mix(in srgb, var(--pt-card-2) 82%, transparent);
  --xp-card: color-mix(in srgb, var(--pt-card) 86%, transparent);
  --xp-glass: color-mix(in srgb, var(--pt-card) 78%, transparent);
  --xp-elev: 0 1px 2px rgba(var(--pt-shadow-rgb), 0.06), 0 18px 50px rgba(var(--pt-shadow-rgb), 0.24);
  --xp-float: 0 1px 2px rgba(var(--pt-shadow-rgb), 0.09), 0 28px 74px rgba(var(--pt-shadow-rgb), 0.39);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-explorer::before {
  background: radial-gradient(circle at 74% 22%, color-mix(in srgb, var(--pt-card) 88%, transparent) 0 7%, color-mix(in srgb, var(--pt-line) 46%, transparent) 19%, color-mix(in srgb, var(--pt-line) 0%, transparent) 52%), linear-gradient(128deg, color-mix(in srgb, var(--pt-card) 0%, transparent) 0 34%, color-mix(in srgb, var(--pt-card) 58%, transparent) 34% 44%, color-mix(in srgb, var(--pt-line) 16%, transparent) 44% 62%, color-mix(in srgb, var(--pt-card) 0%, transparent) 62%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-crumbs > svg {
  color: color-mix(in srgb, var(--pt-blue-ink) 32%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-crumb > svg,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-crumb-sep {
  color: color-mix(in srgb, var(--pt-blue-ink) 32%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-dpr-fact::before {
  color: color-mix(in srgb, var(--pt-blue-ink) 32%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-pill {
  background: color-mix(in srgb, var(--pt-card) 78%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-pill:hover:not(:disabled) {
  background: var(--pt-bg);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-pill.is-active {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-pill.is-active b {
  color: color-mix(in srgb, var(--pt-card) 85%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-pill.is-active i {
  color: color-mix(in srgb, var(--pt-card) 85%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-btn {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-btn.is-outline:hover:not(:disabled) {
  background: var(--pt-bg);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-btn.is-primary {
  border-color: color-mix(in srgb, var(--pt-ink) 0%, transparent);
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-btn.is-primary:hover:not(:disabled) {
  box-shadow: 0 10px 24px rgba(var(--pt-shadow-rgb), 0.84);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-btn b {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-explorer-icon-btn {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-rail-head {
  background: color-mix(in srgb, var(--pt-card) 86%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-seg-btn.is-active {
  background: color-mix(in srgb, var(--pt-card) 92%, transparent);
  box-shadow: 0 1px 2px rgba(var(--pt-shadow-rgb), 0.36);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-pill.is-check > svg {
  border: 1.5px solid color-mix(in srgb, var(--pt-blue-ink) 28%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-pill.is-check.is-active > svg {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-select-wrap select {
  background: color-mix(in srgb, var(--pt-card) 86%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-check:hover {
  background: var(--pt-bg);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-check-box {
  background: color-mix(in srgb, var(--pt-card) 88%, transparent);
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) :is(.cc-explorer, .cc-xp-scope) input[type="range"]::-webkit-slider-thumb {
  background: var(--pt-card);
  box-shadow: 0 2px 6px rgba(var(--pt-shadow-rgb), 0.72);
}
:root:where([data-theme="light"][data-scheme="dark"]) :is(.cc-explorer, .cc-xp-scope) input[type="range"]::-moz-range-thumb {
  background: var(--pt-card);
  box-shadow: 0 2px 6px rgba(var(--pt-shadow-rgb), 0.72);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-search {
  background: color-mix(in srgb, var(--pt-card) 86%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-search:focus-within {
  box-shadow: 0 0 0 4px rgba(var(--pt-shadow-rgb), 0.42);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-layout {
  background: color-mix(in srgb, var(--pt-card) 82%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-layout button.is-active {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-chip.is-muted {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-row.is-open {
  border-bottom-color: color-mix(in srgb, var(--pt-ink) 0%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-side-card {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-side-form input[type="email"] {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-side-error {
  color: var(--pt-red);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-tray {
  background: color-mix(in srgb, var(--pt-card) 94%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-compare-tray {
  background: color-mix(in srgb, var(--pt-ink) 96%, transparent);
  box-shadow: 0 16px 42px rgba(var(--pt-shadow-rgb), 0.84);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-compare-tray.is-light {
  border-color: color-mix(in srgb, var(--pt-blue-ink) 8%, transparent);
  background: color-mix(in srgb, var(--pt-card) 86%, transparent);
  box-shadow: 0 24px 80px rgba(var(--pt-shadow-rgb), 0.3);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-compare-tray.is-light .cc-compare-tray-action {
  background: var(--pt-ink);
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-report-divider {
  background: color-mix(in srgb, var(--pt-ink) 6%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-authority-bar {
  background-color: color-mix(in srgb, var(--pt-card) 85%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-authority-bar-cta {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-report [data-stability-row]:hover {
  background-color: color-mix(in srgb, var(--pt-control) 4%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-report-hero {
  border: 1px solid color-mix(in srgb, var(--pt-ink) 6%, transparent);
  background: linear-gradient(155deg, color-mix(in srgb, var(--pt-bg) 80%, transparent) 0%, color-mix(in srgb, var(--pt-card) 40%, transparent) 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-live-tick-dot {
  box-shadow: 0 0 0 3px rgba(var(--pt-shadow-rgb), 0.54);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-live-tick-dot::after {
  box-shadow: 0 0 0 6px rgba(var(--pt-shadow-rgb), 0.96);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-tile {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-tile:hover,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-tile:focus-visible {
  box-shadow: 0 1px 2px rgba(var(--pt-shadow-rgb), 0.06), 0 14px 36px rgba(var(--pt-shadow-rgb), 0.36);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-tile:hover .cc-catidx-tile-arrow {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-hub-card::after {
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--pt-blue-bg) 70%, transparent) 50%, transparent 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-hub-card::after {
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--pt-blue-deep) 55%, transparent) 50%, transparent 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-hub-card:hover {
  border-color: color-mix(in srgb, var(--pt-blue-deep) 32%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06), 0 0 24px rgba(var(--pt-shadow-rgb), 0.36), 0 8px 22px rgba(var(--pt-shadow-rgb), 0.3) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-hub-card:hover .cc-comparison-cta {
  background: color-mix(in srgb, var(--pt-blue) 18%, transparent) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .is-light .cc-hub-card:hover .cc-comparison-cta {
  background: color-mix(in srgb, var(--pt-blue) 10%, transparent) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-guide-primary:hover {
  background: color-mix(in srgb, var(--pt-blue) 18%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-guide-secondary:hover {
  background: color-mix(in srgb, var(--pt-blue) 8%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-guide-final-primary:not(:disabled):hover {
  box-shadow: 0 18px 40px -14px rgba(var(--pt-shadow-rgb), 1);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-guide-step:hover {
  box-shadow: 0 18px 40px rgba(var(--pt-shadow-rgb), 0.66);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-guide-step-cta:hover {
  background: color-mix(in srgb, var(--pt-blue) 8%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-guide-step:hover .cc-guide-step-cta {
  border-color: color-mix(in srgb, var(--pt-blue) 45%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-guide-related-card:hover {
  box-shadow: 0 18px 40px rgba(var(--pt-shadow-rgb), 0.66);
  border-color: color-mix(in srgb, var(--pt-blue) 30%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-guide-faq[open] summary {
  background: color-mix(in srgb, var(--pt-blue) 6%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-review-card:hover {
  box-shadow: 0 28px 60px -18px rgba(var(--pt-shadow-rgb), 1), 0 10px 24px -10px rgba(var(--pt-shadow-rgb), 1), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.05) !important;
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-ws-rail-left {
  border-right: 1px solid color-mix(in srgb, var(--pt-blue-bg) 12%, transparent);
  background: var(--pt-ink);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-ws-center {
  background: var(--pt-ink);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-ws-rail-right {
  border-left: 1px solid color-mix(in srgb, var(--pt-blue-bg) 12%, transparent);
  background: var(--pt-ink);
}
@media (max-width: 1280px) {
:root:where([data-theme="light"][data-scheme="dark"]) .cc-ws-rail-right {
  border-top: 1px solid color-mix(in srgb, var(--pt-blue-bg) 12%, transparent);
}
}
@media (max-width: 1024px) {
:root:where([data-theme="light"][data-scheme="dark"]) .cc-ws-rail-left {
  box-shadow: 0 0 32px rgba(var(--pt-shadow-rgb), 1);
}
}
@media (max-width: 1024px) {
:root:where([data-theme="light"][data-scheme="dark"]) .cc-ws-drawer-backdrop[data-open="true"] {
  background: color-mix(in srgb, var(--pt-ink) 60%, transparent);
}
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-explorer-criterion-track {
  background: var(--pt-line);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmp-body.is-alt {
  background: color-mix(in srgb, var(--pt-ink) 1.8%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmp-body:hover {
  background: color-mix(in srgb, var(--pt-blue) 4.5%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-metric-val.is-recomputed::after {
  background: var(--pt-blue);
}
@media (max-width: 640px) {
:root:where([data-theme="light"][data-scheme="dark"]) .cc-evidence-scrim {
  background: color-mix(in srgb, var(--pt-ink) 32%, transparent);
}
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmp-body.is-selected {
  background: color-mix(in srgb, var(--pt-blue) 6%, transparent);
  box-shadow: inset 3px 0 0 rgba(var(--pt-shadow-rgb), 1);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmp-body.is-selected:hover {
  background: color-mix(in srgb, var(--pt-blue) 8%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-best-next > a,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-scope.cc-best-next > button {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-flt-group > summary > b {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-fold .cc-xp-rail-head {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-flt-hint-btn {
  background: color-mix(in srgb, var(--pt-card) 70%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-flt-hint-btn[aria-expanded="true"] {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-flt-combo {
  background: color-mix(in srgb, var(--pt-card) 85%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-flt-combo-list {
  background: var(--pt-card);
  box-shadow: 0 14px 34px rgba(var(--pt-shadow-rgb), 0.42);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-flt-req .cc-flt-seg > button {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-flt-seg > button[aria-checked="true"],
:root:where([data-theme="light"][data-scheme="dark"]) .cc-flt-seg > button[aria-checked="true"] > b,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-flt-seg > button[aria-checked="true"] > small {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-flt-excluded > summary {
  background: color-mix(in srgb, var(--pt-card) 55%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf::before {
  background: linear-gradient(134deg, color-mix(in srgb, var(--pt-line-2) 78%, transparent) 0%, color-mix(in srgb, var(--pt-card) 0%, transparent) 40%), linear-gradient(24deg, color-mix(in srgb, var(--pt-card) 0%, transparent) 0 66%, color-mix(in srgb, var(--pt-line) 34%, transparent) 66% 77%, color-mix(in srgb, var(--pt-card) 0%, transparent) 77%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-card {
  border: 1px solid color-mix(in srgb, var(--pt-blue-ink) 11%, transparent);
  background: color-mix(in srgb, var(--pt-card) 84%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-card.is-muted {
  background: color-mix(in srgb, var(--pt-card-2) 78%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-direct-answer-card {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta .cc-pf-eyebrow {
  color: color-mix(in srgb, var(--pt-card) 72%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta-h {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta-p {
  color: color-mix(in srgb, var(--pt-card) 78%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta .cc-xp-btn.is-primary {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta .cc-xp-btn.is-primary:hover:not(:disabled) {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta-sep {
  color: color-mix(in srgb, var(--pt-card) 40%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta-trust {
  color: color-mix(in srgb, var(--pt-card) 78%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta-fine {
  color: color-mix(in srgb, var(--pt-card) 56%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-explorer,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-scope {
  --xp-card: color-mix(in srgb, var(--pt-card) 82%, transparent);
  --xp-glass: color-mix(in srgb, var(--pt-card) 74%, transparent);
  --xp-line: color-mix(in srgb, var(--pt-blue) 34%, transparent);
  --xp-line-2: color-mix(in srgb, var(--pt-blue-bg) 42%, transparent);
  --xp-elev: 0 20px 54px -38px rgba(var(--pt-shadow-rgb), 0.72), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-work.is-explorer > .cc-xp-rail,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-work.is-explorer > .cc-xp-main,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-explorer-matrix {
  border-color: color-mix(in srgb, var(--pt-blue) 34%, transparent);
  background: var(--pt-card);
  box-shadow: 0 18px 48px -36px rgba(var(--pt-shadow-rgb), 0.72), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
@media (max-width: 560px) {
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmp-bar {
  background: color-mix(in srgb, var(--pt-card) 97%, transparent);
}
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx .cc-catidx-search {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-platform-main.is-platform-page .cc-catidx .cc-catidx-search-btn,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx .cc-catidx-search-btn {
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-start {
  background: var(--pt-card);
}
@media (min-width: 1200px) {
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-art-halo {
  background: radial-gradient(circle, color-mix(in srgb, var(--pt-card) 95%, transparent) 0%, color-mix(in srgb, var(--pt-card) 85%, transparent) 44%, rgba(var(--xp-blue-rgb), 0.08) 62%, rgba(var(--xp-blue-rgb), 0) 72%);
}
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-goals,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-fresh {
  background: color-mix(in srgb, var(--pt-card) 72%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-goalcard {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-fresh-card {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-fmb {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-catidx-fmb-checks {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmpws::before {
  background: radial-gradient(circle at 72% 8%, color-mix(in srgb, var(--pt-card) 90%, transparent) 0 8%, color-mix(in srgb, var(--pt-line) 42%, transparent) 20%, color-mix(in srgb, var(--pt-line) 0%, transparent) 56%), linear-gradient(135deg, color-mix(in srgb, var(--pt-card) 0%, transparent) 0 32%, color-mix(in srgb, var(--pt-card) 60%, transparent) 32% 42%, color-mix(in srgb, var(--pt-line) 18%, transparent) 42% 60%, color-mix(in srgb, var(--pt-card) 0%, transparent) 60%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmpws-state {
  background: color-mix(in srgb, var(--pt-card) 84%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmpws-add {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmp-takeaway-points li[data-tone='lead'] svg {
  color: var(--pt-green);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmp-takeaway-points li[data-tone='tradeoff'] svg {
  color: var(--pt-amber-ink);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmp-takeaway-points li[data-tone='neutral'] svg {
  color: var(--pt-dim);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-cmp-colbar-row {
  box-shadow: 0 12px 26px -20px rgba(var(--pt-shadow-rgb), 1);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-neighbours a {
  text-decoration-color: color-mix(in srgb, var(--pt-blue-ink) 25%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-contents a {
  text-decoration-color: color-mix(in srgb, var(--pt-blue-ink) 25%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-win {
  background: linear-gradient(180deg, color-mix(in srgb, var(--pt-card) 94%, transparent), color-mix(in srgb, var(--pt-bg) 84%, transparent));
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-win {
  box-shadow: 0 18px 42px -32px rgba(var(--pt-shadow-rgb), 0.24), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-win.is-full {
  border-color: color-mix(in srgb, var(--pt-blue) 34%, transparent);
  box-shadow: var(--pt-elev-2), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-explorer .cc-win.is-full {
  background: linear-gradient(180deg, color-mix(in srgb, var(--pt-bg) 96%, transparent), color-mix(in srgb, var(--pt-card) 86%, transparent));
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-explorer .cc-win.is-full,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-xp-main .cc-win.is-full {
  border-color: color-mix(in srgb, var(--pt-blue) 36%, transparent);
  box-shadow: var(--pt-elev-2), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp::before {
  background: linear-gradient(122deg, transparent 0 21%, color-mix(in srgb, var(--pt-card) 68%, transparent) 21% 31%, color-mix(in srgb, var(--pt-line) 18%, transparent) 31% 44%, transparent 44%), linear-gradient(28deg, transparent 0 64%, color-mix(in srgb, var(--pt-line) 32%, transparent) 64% 75%, transparent 75%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero {
  background: linear-gradient(180deg, var(--pt-line-2) 0%, var(--pt-card-2) 58%, color-mix(in srgb, var(--pt-bg) 96%, transparent) 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero::before {
  background: radial-gradient(circle at 58% 44%, color-mix(in srgb, var(--pt-card) 92%, transparent) 0 6%, color-mix(in srgb, var(--pt-line) 48%, transparent) 18%, color-mix(in srgb, var(--pt-line) 0%, transparent) 58%), linear-gradient(135deg, transparent 0 28%, color-mix(in srgb, var(--pt-card) 62%, transparent) 28% 41%, color-mix(in srgb, var(--pt-blue-bg) 20%, transparent) 41% 58%, transparent 58%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-goal {
  background: linear-gradient(180deg, color-mix(in srgb, var(--pt-card) 90%, transparent), color-mix(in srgb, var(--pt-bg) 72%, transparent));
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-goal:hover {
  border-color: color-mix(in srgb, var(--pt-blue) 40%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-goal.is-on {
  background: linear-gradient(180deg, var(--pt-bg), var(--pt-card-2));
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-fam {
  background: linear-gradient(180deg, color-mix(in srgb, var(--pt-card) 90%, transparent), color-mix(in srgb, var(--pt-bg) 74%, transparent));
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-fam:hover {
  border-color: color-mix(in srgb, var(--pt-blue) 40%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-amount:focus-within {
  box-shadow: 0 0 0 4px rgba(var(--pt-shadow-rgb), 0.48);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-slider input[type='range']::-webkit-slider-thumb {
  box-shadow: 0 2px 8px rgba(var(--pt-shadow-rgb), 0.48);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-slider input[type='range']::-moz-range-thumb {
  box-shadow: 0 2px 8px rgba(var(--pt-shadow-rgb), 0.48);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-slider input[type='range']:focus-visible {
  box-shadow: 0 0 0 4px rgba(var(--pt-shadow-rgb), 0.48);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-row:hover {
  border-color: color-mix(in srgb, var(--pt-blue) 40%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-cta-search:focus-within {
  box-shadow: 0 0 0 4px rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp {
  background: radial-gradient(circle at 70% 3%, color-mix(in srgb, var(--pt-blue) 13%, transparent), transparent 35%), linear-gradient(180deg, var(--pt-bg) 0%, var(--pt-card) 46%, var(--pt-bg) 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp::before {
  background: linear-gradient(110deg, color-mix(in srgb, var(--pt-card) 92%, transparent), transparent 42%), linear-gradient(135deg, transparent 0 40%, color-mix(in srgb, var(--pt-blue-bg) 22%, transparent) 41% 54%, transparent 55% 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero {
  background: linear-gradient(180deg, color-mix(in srgb, var(--pt-card-2) 78%, transparent) 0%, color-mix(in srgb, var(--pt-bg) 90%, transparent) 58%, color-mix(in srgb, var(--pt-card) 70%, transparent) 100%);
  border-bottom: 1px solid color-mix(in srgb, var(--pt-blue) 20%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero::before {
  background: radial-gradient(circle at 74% 28%, color-mix(in srgb, var(--pt-card) 88%, transparent), transparent 15%), radial-gradient(circle at 77% 34%, color-mix(in srgb, var(--pt-blue) 23%, transparent), transparent 36%), linear-gradient(110deg, color-mix(in srgb, var(--pt-card) 98%, transparent), transparent 48%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--pt-card) 95%, transparent), transparent 42%), linear-gradient(135deg, transparent 0 48%, color-mix(in srgb, var(--pt-blue) 18%, transparent) 49% 52%, transparent 53% 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-try-chip {
  box-shadow: inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-rail {
  box-shadow: 0 18px 50px -34px rgba(var(--pt-shadow-rgb), 0.72), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-rail-ic,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-goal-ic,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-fam-ic,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-step-ic,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-why-ic {
  background: linear-gradient(180deg, color-mix(in srgb, var(--pt-line-2) 98%, transparent), color-mix(in srgb, var(--pt-card-2) 82%, transparent));
  box-shadow: inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06), 0 12px 26px -20px rgba(var(--pt-shadow-rgb), 0.66);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-modes {
  box-shadow: 0 12px 30px -24px rgba(var(--pt-shadow-rgb), 0.66), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-goal:hover,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-goal.is-on {
  border-color: color-mix(in srgb, var(--pt-blue) 36%, transparent);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-fam {
  box-shadow: 0 14px 30px -28px rgba(var(--pt-shadow-rgb), 0.6), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-demo-setup,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-demo-rows,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-step,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-whycard,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-cta {
  box-shadow: 0 18px 42px -32px rgba(var(--pt-shadow-rgb), 0.72), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero-stats .cc-lp-rail-cell {
  border: 1px solid color-mix(in srgb, var(--pt-blue-bg) 24%, transparent);
  box-shadow: var(--pt-elev), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero-stats .cc-lp-rail-ic {
  background: linear-gradient(180deg, var(--pt-line-2), var(--pt-card-2));
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-latest {
  border: 1px solid color-mix(in srgb, var(--pt-blue-bg) 24%, transparent);
  box-shadow: var(--pt-elev), inset 0 1px 0 rgba(var(--pt-ink-rgb), 0.06);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero-meta > div {
  border: 1px solid color-mix(in srgb, var(--pt-blue-bg) 24%, transparent);
}
@media (max-width: 640px) {
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-goal-more {
  background: var(--pt-card);
}
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-q-steps {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-q-step-n {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-q-steps li.is-on .cc-q-step-n {
  color: var(--pt-card);
}
@media (min-width: 1100px) {
:root:where([data-theme="light"][data-scheme="dark"]) .cc-q-preview {
  background: var(--pt-card);
  box-shadow: 0 18px 44px -34px rgba(var(--pt-shadow-rgb), 0.72);
}
}
@media (min-width: 1200px) {
:root:where([data-theme="light"][data-scheme="dark"]) .cc-q-stance {
  background: var(--pt-card);
}
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-vs-side {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-vs-total {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-vs-tip {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-vs-diff-toggle,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-vs-diff-all {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-vs-table {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-vs-action {
  background: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-vs-faq {
  background: var(--pt-card);
}
/* hand corrections (src/lib/colorSchemeDark.ts DARK_SCOPES) */
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp {
  background: radial-gradient(circle at 70% 3%, rgba(var(--pt-blue-rgb), 0.10), transparent 35%), var(--pt-bg);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp::before,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero::before,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero::after {
  background: none;
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-hero {
  background: linear-gradient(180deg, var(--pt-blue-bg) 0%, var(--pt-bg) 100%);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-rail-ic,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-goal-ic,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-fam-ic,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-step-ic,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-why-ic {
  background: var(--pt-blue-bg);
  box-shadow: none;
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-goal.is-on {
  background: var(--pt-blue-bg);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-cta,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta {
  background: var(--pt-card-2);
  color: var(--pt-ink);
  box-shadow: inset 0 0 0 1px var(--pt-line);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-cta-copy span,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta-p,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta-trust {
  color: var(--pt-body);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-cta-marks,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta .cc-pf-eyebrow,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta-fine,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta-sep {
  color: var(--pt-muted);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta-h {
  color: var(--pt-ink);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-lp-cta-search {
  background: var(--pt-card);
  border-color: var(--pt-control);
}
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta .cc-xp-btn.is-primary,
:root:where([data-theme="light"][data-scheme="dark"]) .cc-pf-cta .cc-xp-btn.is-primary:hover:not(:disabled) {
  background: var(--pt-blue);
  color: var(--pt-card);
}
:root:where([data-theme="light"][data-scheme="dark"]) [data-provider-mark="image"] {
  background: var(--pt-ink) !important;
  box-shadow: none !important;
}
/* </generated:design-tokens> */