/* ==========================================================================
   WEVAL DESIGN PATTERNS — Inspired by Marbio deck (Nov 2026)
   Reusable components for weval-consulting.com
   
   Doctrine: WEVAL editorial charter compliance (D815)
   - Palette: Indigo #3730A3, Violet #7C3AED, Teal #14B8A6, Cream #FAF7F5
   - No flat colored bars behind titles (D753)
   - Eyebrow labels indigo + h-titles dark
   - White text on gradient buttons (D815-WHITE-CTA-GUARANTEE)
   ========================================================================== */

:root {
  --wp-indigo: #3730A3;
  --wp-indigo-light: #6366F1;
  --wp-violet: #7C3AED;
  --wp-violet-light: #A855F7;
  --wp-teal: #14B8A6;
  --wp-teal-dark: #0D9488;
  --wp-cyan: #06B6D4;
  --wp-magenta: #EC4899;
  --wp-amber: #F59E0B;
  --wp-cream: #FAF7F5;
  --wp-cream-soft: #F5F0E8;
  --wp-cream-bd: #E8E2D9;
  --wp-dark: #0F172A;
  --wp-dark-card: #1E1B4B;
  --wp-text: #1B1B1B;
  --wp-text-soft: #555555;
  --wp-grad-primary: linear-gradient(135deg, #3730A3 0%, #6366F1 100%);
  --wp-grad-hero: linear-gradient(135deg, #3730A3 0%, #7C3AED 50%, #14B8A6 100%);
  --wp-grad-soft: linear-gradient(135deg, #F5F0E8 0%, #FAF7F5 100%);
  --wp-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --wp-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
  --wp-shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.12);
  --wp-r-sm: 12px;
  --wp-r-md: 16px;
  --wp-r-lg: 24px;
}

.wp-eyebrow { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp-indigo); margin-bottom: 0.5rem; display: inline-block; }
.wp-eyebrow::after { content: ""; display: block; width: 36px; height: 2px; background: linear-gradient(90deg, var(--wp-indigo), var(--wp-teal)); margin-top: 6px; }
.wp-title { color: var(--wp-text); font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 800; line-height: 1.15; margin: 0 0 1rem 0; }
.wp-title em, .wp-title strong { color: var(--wp-indigo); font-style: normal; }
.wp-subtitle { color: var(--wp-text-soft); font-size: 1.05rem; line-height: 1.6; max-width: 56ch; }

/* P2 - Feature Grid 2x2 */
.wp-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.wp-feature-card { background: #fff; border-radius: var(--wp-r-md); padding: 1.75rem; border-left: 4px solid var(--wp-indigo); box-shadow: var(--wp-shadow-sm); display: flex; gap: 1.25rem; align-items: flex-start; transition: transform .25s, box-shadow .25s; }
.wp-feature-card:hover { transform: translateY(-2px); box-shadow: var(--wp-shadow-md); }
.wp-feature-card.is-teal { border-left-color: var(--wp-teal); }
.wp-feature-card.is-violet { border-left-color: var(--wp-violet); }
.wp-feature-card.is-cyan { border-left-color: var(--wp-cyan); }
.wp-feature-card .wp-icon-circle { flex-shrink: 0; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(124, 58, 237, 0.12), rgba(55, 48, 163, 0.08)); }
.wp-feature-card.is-teal .wp-icon-circle { background: linear-gradient(135deg, rgba(20, 184, 166, 0.14), rgba(20, 184, 166, 0.06)); }
.wp-feature-card.is-violet .wp-icon-circle { background: linear-gradient(135deg, rgba(168, 85, 247, 0.14), rgba(124, 58, 237, 0.06)); }
.wp-feature-card.is-cyan .wp-icon-circle { background: linear-gradient(135deg, rgba(6, 182, 212, 0.14), rgba(6, 182, 212, 0.06)); }
.wp-feature-card .wp-icon-circle svg { width: 28px; height: 28px; color: var(--wp-indigo); }
.wp-feature-card.is-teal .wp-icon-circle svg { color: var(--wp-teal); }
.wp-feature-card.is-violet .wp-icon-circle svg { color: var(--wp-violet); }
.wp-feature-card.is-cyan .wp-icon-circle svg { color: var(--wp-cyan); }
.wp-feature-card h3 { margin: 0 0 0.5rem 0; font-size: 1.15rem; font-weight: 700; color: var(--wp-text); }
.wp-feature-card .wp-eyebrow { margin-bottom: 0.35rem; font-size: 0.7rem; }
.wp-feature-card .wp-eyebrow::after { display: none; }
.wp-feature-card p { margin: 0; color: var(--wp-text-soft); font-size: 0.92rem; line-height: 1.55; }
@media (max-width: 768px) { .wp-feature-grid { grid-template-columns: 1fr; } }

/* P4 - Stat Counters Row */
.wp-stat-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.wp-stat-card { background: var(--wp-cream-soft); border-radius: var(--wp-r-md); padding: 1.5rem 1.25rem; text-align: center; position: relative; overflow: hidden; }
.wp-stat-card.is-violet { background: linear-gradient(135deg, #F3EEFF 0%, #EFE9FF 100%); }
.wp-stat-card.is-teal { background: linear-gradient(135deg, #E8FAF6 0%, #DCF5EE 100%); }
.wp-stat-card .wp-stat-icon { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--wp-teal), var(--wp-teal-dark)); display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem; }
.wp-stat-card.is-violet .wp-stat-icon { background: linear-gradient(135deg, var(--wp-violet), var(--wp-violet-light)); }
.wp-stat-card.is-indigo .wp-stat-icon { background: linear-gradient(135deg, var(--wp-indigo), var(--wp-indigo-light)); }
.wp-stat-card .wp-stat-icon svg { width: 22px; height: 22px; color: #fff; }
.wp-stat-card .wp-stat-value { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: var(--wp-teal-dark); line-height: 1; margin: 0; }
.wp-stat-card.is-violet .wp-stat-value { color: var(--wp-violet); }
.wp-stat-card.is-indigo .wp-stat-value { color: var(--wp-indigo); }
.wp-stat-card .wp-stat-label { font-size: 0.85rem; color: var(--wp-text-soft); margin-top: 0.35rem; line-height: 1.35; }
@media (max-width: 768px) { .wp-stat-row { grid-template-columns: repeat(2, 1fr); } }

/* P5 - Domain Pills */
.wp-pill-cloud { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.wp-pill { display: inline-block; padding: 0.45rem 0.95rem; border-radius: 999px; background: #EEF2FF; color: var(--wp-indigo); font-size: 0.85rem; font-weight: 500; border: 1px solid #E0E7FF; transition: background .2s, transform .2s; }
.wp-pill:hover { background: #E0E7FF; transform: translateY(-1px); }
.wp-pill.is-teal { background: #E8FAF6; color: var(--wp-teal-dark); border-color: #C6F0E5; }
.wp-pill.is-teal:hover { background: #C6F0E5; }

/* P8 - Certification Cards */
.wp-cert-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1.25rem; }
.wp-cert-card { background: #fff; border-radius: var(--wp-r-md); padding: 1.5rem 1rem 0; text-align: center; border: 1px solid var(--wp-cream-bd); box-shadow: var(--wp-shadow-sm); position: relative; overflow: hidden; display: flex; flex-direction: column; }
.wp-cert-card .wp-cert-logo { height: 56px; display: flex; align-items: center; justify-content: center; margin-bottom: 0.75rem; }
.wp-cert-card .wp-cert-logo img, .wp-cert-card .wp-cert-logo svg { max-height: 48px; max-width: 100%; }
.wp-cert-card .wp-cert-year { display: inline-block; padding: 0.15rem 0.7rem; border-radius: 999px; background: var(--wp-grad-primary); color: #fff; font-size: 0.75rem; font-weight: 600; margin: 0.25rem auto 0.75rem; }
.wp-cert-card.is-teal .wp-cert-year { background: linear-gradient(135deg, var(--wp-teal), var(--wp-teal-dark)); }
.wp-cert-card.is-violet .wp-cert-year { background: linear-gradient(135deg, var(--wp-violet), var(--wp-violet-light)); }
.wp-cert-card h4 { margin: 0; font-size: 0.95rem; font-weight: 700; color: var(--wp-text); }
.wp-cert-card p { font-size: 0.78rem; color: var(--wp-text-soft); line-height: 1.5; margin: 0.5rem 0 1rem; padding: 0 0.25rem; }
.wp-cert-card::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--wp-indigo); }
.wp-cert-card.is-teal::after { background: var(--wp-teal); }
.wp-cert-card.is-violet::after { background: var(--wp-violet); }
.wp-cert-card.is-magenta::after { background: var(--wp-magenta); }
.wp-cert-card.is-amber::after { background: var(--wp-amber); }

/* P9 - Concerns vs Reality */
.wp-objections { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: start; }
.wp-obj-col { background: #fff; border-radius: var(--wp-r-md); padding: 1.5rem; box-shadow: var(--wp-shadow-sm); }
.wp-obj-col.is-concern { border-top: 3px solid var(--wp-magenta); }
.wp-obj-col.is-reality { border-top: 3px solid var(--wp-teal); }
.wp-obj-col h4 { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1rem 0; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp-text-soft); font-weight: 700; border-bottom: 1px solid var(--wp-cream-bd); padding-bottom: 0.75rem; }
.wp-obj-col.is-concern h4 { color: var(--wp-magenta); }
.wp-obj-col.is-reality h4 { color: var(--wp-teal-dark); }
.wp-obj-list { list-style: none; padding: 0; margin: 0; }
.wp-obj-list li { display: flex; gap: 0.75rem; align-items: flex-start; padding: 0.75rem 0; border-bottom: 1px solid var(--wp-cream-bd); font-size: 0.92rem; }
.wp-obj-list li:last-child { border-bottom: none; }
.wp-obj-list li .wp-obj-icon { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.wp-obj-list li .wp-obj-icon svg { width: 14px; height: 14px; }
.wp-obj-col.is-concern .wp-obj-icon { background: rgba(236, 72, 153, 0.12); color: var(--wp-magenta); }
.wp-obj-col.is-reality .wp-obj-icon { background: rgba(20, 184, 166, 0.12); color: var(--wp-teal-dark); }
.wp-obj-arrows { display: flex; flex-direction: column; gap: 1rem; justify-content: center; padding-top: 4rem; }
.wp-obj-arrows::before { content: "→ → →"; color: var(--wp-text-soft); letter-spacing: 0.25em; opacity: 0.5; font-size: 0.85rem; }
@media (max-width: 768px) { .wp-objections { grid-template-columns: 1fr; } .wp-obj-arrows { display: none; } }

/* P11 - Dark Agent Cards */
.wp-agent-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.wp-agent-card { background: #fff; border-radius: var(--wp-r-md); padding: 1.5rem; border-left: 3px solid var(--wp-indigo); box-shadow: var(--wp-shadow-sm); }
.wp-agent-card.is-teal { border-left-color: var(--wp-teal); }
.wp-agent-card.is-violet { border-left-color: var(--wp-violet); }
.wp-agent-card.is-magenta { border-left-color: var(--wp-magenta); }
.wp-agent-card .wp-agent-head { display: flex; align-items: center; gap: 1rem; margin-bottom: 0.85rem; }
.wp-agent-card .wp-agent-badge { width: 56px; height: 56px; border-radius: 50%; background: var(--wp-grad-primary); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.85rem; font-weight: 700; font-family: ui-monospace, monospace; letter-spacing: 0.02em; flex-shrink: 0; }
.wp-agent-card.is-teal .wp-agent-badge { background: linear-gradient(135deg, var(--wp-teal), var(--wp-teal-dark)); }
.wp-agent-card.is-violet .wp-agent-badge { background: linear-gradient(135deg, var(--wp-violet), var(--wp-violet-light)); }
.wp-agent-card.is-magenta .wp-agent-badge { background: linear-gradient(135deg, var(--wp-magenta), #DB2777); }
.wp-agent-card h4 { margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--wp-text); }
.wp-agent-card .wp-agent-desc { color: var(--wp-text-soft); font-size: 0.88rem; line-height: 1.55; margin: 0; }
.wp-agent-card .wp-agent-stat { background: var(--wp-dark-card); border-radius: 10px; padding: 0.8rem 1.1rem; display: flex; align-items: center; gap: 0.9rem; margin-top: 1rem; }
.wp-agent-card .wp-agent-stat-value { font-size: 1.4rem; font-weight: 800; color: var(--wp-violet-light); line-height: 1; }
.wp-agent-card.is-teal .wp-agent-stat-value { color: var(--wp-teal); }
.wp-agent-card.is-magenta .wp-agent-stat-value { color: var(--wp-magenta); }
.wp-agent-card .wp-agent-stat-sep { width: 1px; height: 22px; background: rgba(255,255,255,0.15); }
.wp-agent-card .wp-agent-stat-label { color: #CBD5E1; font-size: 0.82rem; font-style: italic; }
@media (max-width: 768px) { .wp-agent-grid { grid-template-columns: 1fr; } }

/* P12 - Comparison Table */
.wp-compare-table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border-radius: var(--wp-r-md); overflow: hidden; box-shadow: var(--wp-shadow-sm); }
.wp-compare-table thead th { background: var(--wp-dark); color: #fff; padding: 1rem; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; text-align: center; }
.wp-compare-table thead th.is-weval { background: var(--wp-teal-dark); }
.wp-compare-table thead th.is-other { background: #334155; }
.wp-compare-table thead th.is-pure { background: var(--wp-violet); }
.wp-compare-table tbody td { padding: 1rem 1.25rem; border-bottom: 1px solid var(--wp-cream-bd); color: var(--wp-text); font-size: 0.92rem; vertical-align: middle; }
.wp-compare-table tbody tr:last-child td { border-bottom: none; }
.wp-compare-table tbody td:first-child { display: flex; align-items: center; gap: 0.75rem; color: var(--wp-text-soft); }
.wp-compare-table tbody td:first-child .wp-compare-icon { width: 36px; height: 36px; border-radius: 8px; background: var(--wp-cream-soft); display: flex; align-items: center; justify-content: center; color: var(--wp-indigo); flex-shrink: 0; }
.wp-compare-table tbody td:first-child .wp-compare-icon svg { width: 18px; height: 18px; }
.wp-compare-table tbody td.is-yes { display: flex; align-items: center; gap: 0.5rem; color: var(--wp-teal-dark); font-weight: 600; }
.wp-compare-table tbody td.is-yes::before { content: ""; display: inline-block; width: 20px; height: 20px; background: var(--wp-teal-dark); border-radius: 50%; flex-shrink: 0; }

/* P14 - Stacked Architecture Layers */
.wp-layer-stack { display: flex; flex-direction: column; gap: 0.25rem; }
.wp-layer { display: flex; align-items: stretch; background: var(--wp-cream-soft); border-radius: 8px; overflow: hidden; }
.wp-layer .wp-layer-num { width: 110px; flex-shrink: 0; background: var(--wp-grad-primary); color: #fff; font-size: 2.5rem; font-weight: 800; display: flex; align-items: center; justify-content: center; letter-spacing: -0.02em; }
.wp-layer:nth-child(2) .wp-layer-num { background: linear-gradient(135deg, #4338CA, var(--wp-indigo-light)); }
.wp-layer:nth-child(3) .wp-layer-num { background: linear-gradient(135deg, #5B21B6, var(--wp-violet)); }
.wp-layer:nth-child(4) .wp-layer-num { background: linear-gradient(135deg, var(--wp-violet), var(--wp-violet-light)); }
.wp-layer:nth-child(5) .wp-layer-num { background: linear-gradient(135deg, #4F46E5, var(--wp-indigo-light)); }
.wp-layer .wp-layer-body { flex: 1; padding: 1rem 1.5rem; display: flex; flex-direction: column; justify-content: center; }
.wp-layer .wp-layer-body strong { font-size: 0.85rem; font-weight: 700; color: var(--wp-text); letter-spacing: 0.08em; text-transform: uppercase; }
.wp-layer .wp-layer-body em { color: var(--wp-indigo); font-style: italic; font-size: 0.92rem; margin-top: 0.25rem; }

/* P15 - Step Timeline */
.wp-timeline { display: flex; flex-direction: column; gap: 1.25rem; }
.wp-timeline-step { display: grid; grid-template-columns: 80px 1fr auto; gap: 1.5rem; align-items: center; padding: 1rem 0; border-bottom: 1px dashed var(--wp-cream-bd); }
.wp-timeline-step:last-child { border-bottom: none; }
.wp-timeline-step .wp-step-num { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--wp-teal), var(--wp-teal-dark)); color: #fff; font-size: 1.6rem; font-weight: 700; }
.wp-timeline-step:nth-child(2) .wp-step-num { background: linear-gradient(135deg, var(--wp-violet), var(--wp-indigo)); }
.wp-timeline-step:nth-child(3) .wp-step-num { background: linear-gradient(135deg, var(--wp-magenta), #DB2777); }
.wp-timeline-step h4 { margin: 0; font-size: 1.15rem; font-weight: 700; color: var(--wp-text); }
.wp-timeline-step p { margin: 0.25rem 0 0; color: var(--wp-text-soft); font-size: 0.9rem; }
.wp-timeline-step .wp-step-pill { display: flex; align-items: center; gap: 0.65rem; background: rgba(20, 184, 166, 0.08); border: 1px solid rgba(20, 184, 166, 0.2); border-radius: 10px; padding: 0.65rem 1.1rem; color: var(--wp-teal-dark); font-weight: 600; font-size: 0.92rem; }
.wp-timeline-step:nth-child(2) .wp-step-pill { background: rgba(124, 58, 237, 0.08); border-color: rgba(124, 58, 237, 0.2); color: var(--wp-violet); }
.wp-timeline-step:nth-child(3) .wp-step-pill { background: rgba(236, 72, 153, 0.08); border-color: rgba(236, 72, 153, 0.2); color: var(--wp-magenta); }
.wp-timeline-step .wp-step-pill svg { width: 18px; height: 18px; }
@media (max-width: 768px) { .wp-timeline-step { grid-template-columns: 56px 1fr; } .wp-timeline-step .wp-step-pill { grid-column: 1 / -1; justify-content: center; } }

/* P16 - Contact Card */
.wp-contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 1.5rem; }
.wp-contact-card { background: #fff; border-radius: var(--wp-r-md); padding: 1.75rem; border-left: 4px solid var(--wp-teal); box-shadow: var(--wp-shadow-sm); }
.wp-contact-card.is-violet { border-left-color: var(--wp-violet); }
.wp-contact-card .wp-contact-head { display: flex; align-items: center; gap: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--wp-cream-bd); margin-bottom: 1.25rem; }
.wp-contact-card .wp-contact-avatar { width: 76px; height: 76px; border-radius: 50%; background: var(--wp-cream-soft); border: 2px solid var(--wp-teal); overflow: hidden; flex-shrink: 0; }
.wp-contact-card.is-violet .wp-contact-avatar { border-color: var(--wp-violet); }
.wp-contact-card .wp-contact-avatar img { width: 100%; height: 100%; object-fit: cover; }
.wp-contact-card .wp-contact-name { font-size: 1.25rem; font-weight: 700; color: var(--wp-text); margin: 0; }
.wp-contact-card .wp-contact-role { font-size: 0.88rem; margin: 0.2rem 0 0; color: var(--wp-text-soft); }
.wp-contact-card .wp-contact-role strong { color: var(--wp-teal-dark); font-weight: 600; }
.wp-contact-card.is-violet .wp-contact-role strong { color: var(--wp-violet); }
.wp-contact-card .wp-contact-loc { font-size: 0.82rem; color: var(--wp-text-soft); margin-top: 0.15rem; }
.wp-contact-list { list-style: none; padding: 0; margin: 0; }
.wp-contact-list li { display: flex; align-items: center; gap: 0.85rem; padding: 0.55rem 0; }
.wp-contact-list li svg { width: 20px; height: 20px; color: var(--wp-teal-dark); flex-shrink: 0; }
.wp-contact-card.is-violet .wp-contact-list li svg { color: var(--wp-violet); }
.wp-contact-list li a, .wp-contact-list li span { color: var(--wp-text); text-decoration: none; font-size: 0.92rem; }
.wp-contact-list li a:hover { color: var(--wp-indigo); text-decoration: underline; }


/* ==========================================================================
   D815-PATTERNS-GUARANTEE — defeats global theme/contrast-guard overrides
   ========================================================================== */
html body .wp-feature-card,
html body .wp-cert-card,
html body .wp-agent-card,
html body .wp-obj-col,
html body .wp-contact-card { background: #ffffff !important; background-image: none !important; }
html body .wp-stat-card { background: #F5F0E8 !important; background-image: none !important; }
html body .wp-stat-card.is-violet { background: linear-gradient(135deg, #F3EEFF 0%, #EFE9FF 100%) !important; }
html body .wp-stat-card.is-teal   { background: linear-gradient(135deg, #E8FAF6 0%, #DCF5EE 100%) !important; }

/* stat-pill MUST stay dark navy (it's by design) but make value text BRIGHT */
html body .wp-agent-card .wp-agent-stat { background: #1E1B4B !important; background-image: none !important; }
html body .wp-agent-card .wp-agent-stat-value { color: #A78BFA !important; -webkit-text-fill-color: #A78BFA !important; }
html body .wp-agent-card.is-teal .wp-agent-stat-value { color: #2DD4BF !important; -webkit-text-fill-color: #2DD4BF !important; }
html body .wp-agent-card.is-magenta .wp-agent-stat-value { color: #F472B6 !important; -webkit-text-fill-color: #F472B6 !important; }
html body .wp-agent-card.is-violet .wp-agent-stat-value { color: #C4B5FD !important; -webkit-text-fill-color: #C4B5FD !important; }
html body .wp-agent-card .wp-agent-stat-label { color: #CBD5E1 !important; -webkit-text-fill-color: #CBD5E1 !important; }

/* Stat values colored */
html body .wp-stat-card .wp-stat-value { color: #0D9488 !important; -webkit-text-fill-color: #0D9488 !important; }
html body .wp-stat-card.is-violet .wp-stat-value { color: #7C3AED !important; -webkit-text-fill-color: #7C3AED !important; }
html body .wp-stat-card.is-indigo .wp-stat-value { color: #3730A3 !important; -webkit-text-fill-color: #3730A3 !important; }

/* Dark layout: layer numbers must keep white text */
html body .wp-layer .wp-layer-num { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
html body .wp-timeline-step .wp-step-num { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
html body .wp-agent-card .wp-agent-badge { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
html body .wp-compare-table thead th { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }