/* ========================================================================== TextCRM — Global Color Mode (Light re-skin) -------------------------------------------------------------------------- The site ships DARK by default in each widget's own stylesheet. This file is an ADDITIVE override layer: it only applies when carries the `textcrm-mode-light` class (set by the Site Parts "Color Mode" setting, which defaults to Light). Dark mode simply omits this class, falling back to the untouched widget CSS — so nothing about the original dark design changes. IMPORTANT — why !important: Elementor bakes each widget's control values (colors, tokens, even resolved background-color) into a per-PAGE stylesheet (post-XX.css) that loads AFTER this file and at equal-or-higher specificity. To reliably re-skin regardless of load order, the override declarations here are marked !important. This is a deliberate, self-contained override layer, so that trade-off is intentional. Canonical light palette (from the designer-approved Blog light variant): page / section bg #ffffff heading #0b1326 sunken / input bg #f1f5f9 body #1f2937 card surface #ffffff muted #4b5563 hairline rgba(11,19,38,.10) subtle #6b7280 accent text/icon #42c67a accent fill #42c67a on-accent #04211a ========================================================================== */ body.textcrm-mode-light { --cm-bg: #ffffff; --cm-bg-sunken: #f1f5f9; --cm-surface: #ffffff; --cm-surface-2: #eef2f8; --cm-heading: #0b1326; --cm-text: #1f2937; --cm-muted: #4b5563; --cm-subtle: #6b7280; --cm-line: rgba(11, 19, 38, 0.10); --cm-line-2: rgba(11, 19, 38, 0.16); --cm-accent: #42c67a; --cm-accent-fill: #42c67a; --cm-on-accent: #04211a; --cm-glow: rgba(0, 163, 122, 0.10); --cm-shadow-sm: 0 1px 2px rgba(11, 19, 38, 0.05); --cm-shadow-md: 0 1px 2px rgba(11, 19, 38, 0.04), 0 16px 40px -18px rgba(11, 19, 38, 0.18); } /* ========================================================================== HEADER (shared --th-* tokens; not baked, but kept !important for safety) ========================================================================== */ body.textcrm-mode-light .textcrm-header { --th-text: #0b1326 !important; --th-muted: #4b5563 !important; --th-muted-2: #6b7280 !important; --th-surface: #ffffff !important; --th-line: rgba(11, 19, 38, 0.10) !important; --th-line-2: rgba(11, 19, 38, 0.16) !important; --th-bar-bg: rgba(255, 255, 255, 0.82) !important; --th-bar-border: rgba(11, 19, 38, 0.08) !important; } /* Drawer (mobile) background → light. */ body.textcrm-mode-light .textcrm-header__drawer { background-color: #ffffff !important; } /* ========================================================================== HERO ("centered spotlight" — shared --th-* tokens; Elementor BAKES these + the section background-color) ========================================================================== */ body.textcrm-mode-light .textcrm-hero { --th-bg: #ffffff !important; --th-bg-2: #f1f5f9 !important; --th-surface: #ffffff !important; --th-surface-2: #eef2f8 !important; --th-line: rgba(11, 19, 38, 0.08) !important; --th-line-2: rgba(11, 19, 38, 0.14) !important; --th-text: #0b1326 !important; --th-muted: #4b5563 !important; --th-muted-2: #6b7280 !important; --th-accent-dim: rgba(0, 163, 122, 0.10) !important; --th-glow: rgba(0, 163, 122, 0.13) !important; --th-glow-2: rgba(0, 163, 122, 0.09) !important; /* Re-declare the painted background to beat Elementor's baked #0b1326. */ background-color: var(--th-bg) !important; } /* Baked per-element colours (Elementor writes these direct into post-XX.css). */ body.textcrm-mode-light .textcrm-hero__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-hero__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-hero__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-hero__trust { color: #6b7280 !important; } /* Badge pill — the dark-mode mint text is invisible on white. */ body.textcrm-mode-light .textcrm-hero__eyebrow { color: #2f9e60 !important; background-color: rgba(0, 163, 122, 0.08) !important; border-color: rgba(0, 163, 122, 0.24) !important; } body.textcrm-mode-light .textcrm-hero__eyebrow-tag { background-color: #42c67a !important; color: #04211a !important; } /* Feature chips. */ body.textcrm-mode-light .textcrm-hero__chip { color: #374151 !important; background-color: rgba(11, 19, 38, 0.03) !important; border-color: rgba(11, 19, 38, 0.10) !important; } body.textcrm-mode-light .textcrm-hero__chip:hover { background-color: rgba(0, 163, 122, 0.08) !important; border-color: rgba(0, 163, 122, 0.35) !important; } body.textcrm-mode-light .textcrm-hero__chip-icon { color: #42c67a !important; } /* Buttons. */ body.textcrm-mode-light .textcrm-hero__btn--primary { box-shadow: 0 12px 30px -12px rgba(0, 163, 122, 0.45) !important; } body.textcrm-mode-light .textcrm-hero__btn--ghost { border-color: rgba(11, 19, 38, 0.18) !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-hero__btn--ghost:hover, body.textcrm-mode-light .textcrm-hero__btn--ghost:focus-visible { border-color: #42c67a !important; color: #42c67a !important; } /* Floating stat cards — white surface, soft ink shadow (black mud on white). */ body.textcrm-mode-light .textcrm-hero__card-inner { background-color: rgba(255, 255, 255, 0.86) !important; border-color: rgba(11, 19, 38, 0.10) !important; box-shadow: 0 22px 50px -24px rgba(11, 19, 38, 0.28) !important; } body.textcrm-mode-light .textcrm-hero__card-icon { background-color: rgba(0, 163, 122, 0.10) !important; border-color: rgba(0, 163, 122, 0.20) !important; color: #42c67a !important; } body.textcrm-mode-light .textcrm-hero__card-value { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-hero__card-value.is-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-hero__card-label { color: #6b7280 !important; } /* Video section — light frame + soft ink shadow (heavy black shadow reads as mud on white); the play button stays brand green + white. */ body.textcrm-mode-light .textcrm-hero__video-eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-hero__video-frame { border-color: rgba(11, 19, 38, 0.10) !important; background: #ffffff !important; box-shadow: 0 30px 70px -34px rgba(11, 19, 38, 0.30) !important; } body.textcrm-mode-light .textcrm-hero__video-ratio { background: #f1f5f9 !important; } body.textcrm-mode-light .textcrm-hero__video-glow { background-color: rgba(0, 163, 122, 0.18) !important; } /* ========================================================================== FOOTER ("Newsletter panel" redesign — contained rounded card). The widget root is transparent (the page shows through), the newsletter card + social icons stay brand-green in BOTH modes, so Light mode only flips the panel + text colours and softens the panel lift. ========================================================================== */ body.textcrm-mode-light .textcrm-footer { --tcf-panel: #ffffff !important; --tcf-line: rgba(11, 19, 38, 0.10) !important; --tcf-line-2: rgba(11, 19, 38, 0.12) !important; --tcf-text: #0b1326 !important; --tcf-muted: #4b5563 !important; --tcf-muted-2: #6b7280 !important; /* Soft ink lift so the white panel separates from the page (a heavy black shadow reads as mud on white). */ --tcf-panel-shadow: 0 24px 60px -34px rgba(11, 19, 38, 0.22) !important; --tcf-patch: rgba(0, 163, 122, 0.06) !important; } /* In Light mode the source logo (dark wordmark + green mark) reads correctly on the white panel as-is, so disable the dark-mode white inversion. */ body.textcrm-mode-light .textcrm-footer__logo-img.is-inverted { filter: none !important; } /* Brand blurb + column titles + links + contact (controls bake the dark values). */ body.textcrm-mode-light .textcrm-footer__desc { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-footer__col-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-footer__col-links a, body.textcrm-mode-light .textcrm-footer__contact-item, body.textcrm-mode-light .textcrm-footer__contact-text a { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-footer__col-links a:hover, body.textcrm-mode-light .textcrm-footer__col-links a:focus-visible, body.textcrm-mode-light .textcrm-footer__contact-text a:hover, body.textcrm-mode-light .textcrm-footer__contact-text a:focus-visible { color: #42c67a !important; } /* Bottom bar. */ body.textcrm-mode-light .textcrm-footer__bottom { border-top-color: rgba(11, 19, 38, 0.10) !important; color: #6b7280 !important; } body.textcrm-mode-light .textcrm-footer__legal a { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-footer__legal a:hover, body.textcrm-mode-light .textcrm-footer__legal a:focus-visible { color: #42c67a !important; } /* ========================================================================== BLOG (own --tcbl-* tokens — re-point to the existing Light values) ========================================================================== */ body.textcrm-mode-light .textcrm-blog { --tcbl-section-bg: #ffffff !important; --tcbl-heading: #0b1326 !important; --tcbl-text: #1f2937 !important; --tcbl-muted: #4b5563 !important; --tcbl-subtle: #6b7280 !important; --tcbl-accent: #42c67a !important; --tcbl-accent-on: #ffffff !important; --tcbl-accent-tint: rgba(0, 163, 122, 0.10) !important; --tcbl-card-bg: #ffffff !important; --tcbl-card-border: rgba(11, 19, 38, 0.10) !important; --tcbl-card-shadow: 0 1px 2px rgba(11, 19, 38, 0.04), 0 6px 18px rgba(11, 19, 38, 0.04) !important; --tcbl-card-shadow-hover: 0 4px 14px rgba(0, 163, 122, 0.12), 0 12px 32px rgba(11, 19, 38, 0.08) !important; --tcbl-card-border-hover: rgba(0, 163, 122, 0.35) !important; --tcbl-img-bg: #f1f5f9 !important; --tcbl-eyebrow-bg: rgba(0, 163, 122, 0.08) !important; --tcbl-eyebrow-border: rgba(0, 163, 122, 0.20) !important; --tcbl-ring: 0 0 0 3px rgba(0, 163, 122, 0.25) !important; } /* ========================================================================== BLOG DETAILS (own --tcbd-* tokens — re-point to the existing Light values) ========================================================================== */ body.textcrm-mode-light .textcrm-blog-detail { --tcbd-section-bg: #ffffff !important; --tcbd-heading: #0b1326 !important; --tcbd-text: #1f2937 !important; --tcbd-body: #374151 !important; --tcbd-muted: #4b5563 !important; --tcbd-subtle: #6b7280 !important; --tcbd-accent: #42c67a !important; --tcbd-accent-on: #ffffff !important; --tcbd-accent-soft: rgba(0, 163, 122, 0.10) !important; --tcbd-accent-tint: rgba(0, 163, 122, 0.12) !important; --tcbd-accent-strong: #008f6b !important; --tcbd-border: rgba(11, 19, 38, 0.10) !important; --tcbd-surface: #f7f9fc !important; --tcbd-card-bg: #ffffff !important; --tcbd-code-bg: #f1f5f9 !important; --tcbd-panel-bg: #f7f9fc !important; --tcbd-author-bg: #f7f9fc !important; --tcbd-shadow-sm: 0 1px 2px rgba(11, 19, 38, 0.06) !important; --tcbd-shadow-md: 0 1px 2px rgba(11, 19, 38, 0.04), 0 16px 40px -16px rgba(11, 19, 38, 0.16) !important; --tcbd-ring: 0 0 0 3px rgba(0, 163, 122, 0.25) !important; --tcbd-glow: 0 0 20px rgba(0, 163, 122, 0.18) !important; } /* ========================================================================== ↓↓↓ Per-widget light overrides (appended below) ↓↓↓ ========================================================================== */ /* ===== features ===== */ body.textcrm-mode-light .textcrm-features { --tf-feature-bg: rgba(11,19,38,0.03) !important; --tf-feature-border: rgba(11,19,38,0.1) !important; --tf-feature-glyph-color: #42c67a !important; --tf-stat-icon-bg: rgba(0,163,122,0.1) !important; --tf-stat-icon-color: #42c67a !important; --tf-divider: rgba(11,19,38,0.07) !important; background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-features__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-features__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-features__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-features__item-icon { background: var(--tf-feature-bg, rgba(11,19,38,0.03)) !important; border-color: var(--tf-feature-border, rgba(11,19,38,0.1)) !important; color: var(--tf-feature-glyph-color, #42c67a) !important; } body.textcrm-mode-light .textcrm-features__item-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-features__item-desc { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-features__stats { border-top-color: var(--tf-divider, rgba(11,19,38,0.07)) !important; } body.textcrm-mode-light .textcrm-features__stat-icon { background-color: var(--tf-stat-icon-bg, rgba(0,163,122,0.1)) !important; color: var(--tf-stat-icon-color, #42c67a) !important; } body.textcrm-mode-light .textcrm-features__stat-value { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-features__stat-label { color: #6b7280 !important; } /* ===== powerful-features ===== */ body.textcrm-mode-light .textcrm-pf { background-color: #ffffff !important; color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pf__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pf__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-pf__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-pf__card { --pf-accent: #42c67a !important; background-color: #ffffff !important; border-color: rgba(11,19,38,0.08) !important; box-shadow: inset 1px 1px 0 rgba(11,19,38,0.04) !important; } body.textcrm-mode-light .textcrm-pf__card:hover { border-color: rgba(11,19,38,0.12) !important; box-shadow: inset 1px 1px 0 rgba(11,19,38,0.05), 0 16px 40px -16px rgba(11,19,38,0.18) !important; } body.textcrm-mode-light .textcrm-pf__card-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pf__card-desc { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-pf__icon { color: var(--pf-accent, #42c67a) !important; background-color: rgba(0,163,122,0.1) !important; border-color: rgba(0,163,122,0.2) !important; } body.textcrm-mode-light .textcrm-pf__list li { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-pf__list-icon { color: var(--pf-accent, #42c67a) !important; } body.textcrm-mode-light .textcrm-pf__diagram { background-color: #f1f5f9 !important; border-color: rgba(11,19,38,0.07) !important; } body.textcrm-mode-light .textcrm-pf__node { background-color: #ffffff !important; border-color: rgba(11,19,38,0.1) !important; box-shadow: 0 10px 24px -12px rgba(11,19,38,0.18) !important; color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pf__node--accent { background-color: rgba(0,163,122,0.1) !important; border-color: rgba(0,163,122,0.3) !important; color: var(--pf-accent, #42c67a) !important; } body.textcrm-mode-light .textcrm-pf__node-icon { color: var(--pf-accent, #42c67a) !important; } body.textcrm-mode-light .textcrm-pf__diagram-line { background-color: var(--pf-accent, #42c67a) !important; } body.textcrm-mode-light .textcrm-pf__diagram-bracket { border-color: rgba(11,19,38,0.1) !important; } body.textcrm-mode-light .textcrm-pf__avatar { box-shadow: 0 0 0 2px #ffffff !important; color: #0b1326 !important; background-color: #f1f5f9 !important; } body.textcrm-mode-light .textcrm-pf__avatar--more { background-color: #f1f5f9 !important; color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pf__trend { color: var(--pf-accent, #42c67a) !important; } body.textcrm-mode-light .textcrm-pf__chart { background-color: #f1f5f9 !important; border-color: rgba(11,19,38,0.07) !important; } body.textcrm-mode-light .textcrm-pf__bar { background-color: var(--pf-accent, #42c67a) !important; } body.textcrm-mode-light .textcrm-pf__bar.is-glow { box-shadow: 0 0 20px rgba(0,163,122,0.14) !important; } body.textcrm-mode-light .textcrm-pf__chart-labels { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-pf__link { color: var(--pf-accent, #42c67a) !important; } body.textcrm-mode-light .textcrm-pf__stats { background-color: #f1f5f9 !important; } body.textcrm-mode-light .textcrm-pf__stat:not(:last-child) { border-right-color: rgba(11,19,38,0.07) !important; } body.textcrm-mode-light .textcrm-pf__stat-value { color: #42c67a !important; } body.textcrm-mode-light .textcrm-pf__stat-label { color: #4b5563 !important; } /* ===== compare-features ===== */ body.textcrm-mode-light .textcrm-compare { --tc-accent: #42c67a !important; background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-compare__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-compare__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-compare__card { border-color: rgba(11,19,38,0.07) !important; background-color: rgba(11,19,38,0.03) !important; } body.textcrm-mode-light .textcrm-compare__thead { background-color: rgba(11,19,38,0.05) !important; border-bottom-color: rgba(11,19,38,0.07) !important; } body.textcrm-mode-light .textcrm-compare__th--feature { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-compare__th--plan { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-compare__th--plan.is-highlighted { color: var(--tc-accent, #42c67a) !important; } body.textcrm-mode-light .textcrm-compare__row { border-top-color: rgba(11,19,38,0.07) !important; } body.textcrm-mode-light .textcrm-compare__row:hover { background-color: rgba(11,19,38,0.03) !important; } body.textcrm-mode-light .textcrm-compare__td--feature { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-compare__td--text { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-compare__td--text-bold { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-compare__td--dash { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-compare__check { color: var(--tc-accent, #42c67a) !important; } /* ===== faq ===== */ body.textcrm-mode-light .textcrm-faq { --tf-accent: #42c67a !important; background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-faq__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-faq__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-faq__item { background-color: rgba(11,19,38,0.03) !important; border-color: rgba(11,19,38,0.07) !important; } body.textcrm-mode-light .textcrm-faq__item:hover, body.textcrm-mode-light .textcrm-faq__item:focus-within, body.textcrm-mode-light .textcrm-faq__item[data-expanded="true"] { border-color: rgba(0,163,122,0.3) !important; } body.textcrm-mode-light .textcrm-faq__question-text { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-faq__icon { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-faq__item:hover .textcrm-faq__icon, body.textcrm-mode-light .textcrm-faq__item:focus-within .textcrm-faq__icon, body.textcrm-mode-light .textcrm-faq__item[data-expanded="true"] .textcrm-faq__icon { color: var(--tf-accent, #42c67a) !important; } body.textcrm-mode-light .textcrm-faq__answer { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-faq__answer a { color: var(--tf-accent, #42c67a) !important; } body.textcrm-mode-light .textcrm-faq__answer strong { color: #0b1326 !important; } /* ===== integrations ===== */ body.textcrm-mode-light .textcrm-integrations { background-color: #ffffff !important; color: #0b1326 !important; } body.textcrm-mode-light .textcrm-integrations__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-integrations__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-integrations__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-integrations__tile { border-color: rgba(11,19,38,0.07) !important; background-color: rgba(11,19,38,0.04) !important; color: #0b1326 !important; } body.textcrm-mode-light .textcrm-integrations__tile:hover { background-color: rgba(11,19,38,0.06) !important; } body.textcrm-mode-light a.textcrm-integrations__tile:hover { border-color: rgba(0,163,122,0.25) !important; } body.textcrm-mode-light .textcrm-integrations__tile-icon { color: #42c67a !important; } body.textcrm-mode-light .textcrm-integrations__tile-label { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-integrations__panel-glow { background-color: rgba(0,163,122,0.08) !important; } body.textcrm-mode-light .textcrm-integrations__panel-frame { background-color: #f1f5f9 !important; border-color: rgba(11,19,38,0.08) !important; box-shadow: inset 1px 1px 0 rgba(11,19,38,0.05) !important; } body.textcrm-mode-light .textcrm-integrations__chip { background-color: #ffffff !important; border-color: rgba(11,19,38,0.1) !important; color: #42c67a !important; box-shadow: 0 20px 32px -12px rgba(11,19,38,0.18) !important; } body.textcrm-mode-light .textcrm-integrations__chip--center { border-color: rgba(11,19,38,0.12) !important; box-shadow: 0 24px 40px -12px rgba(11,19,38,0.2) !important; } /* ===== pricing ===== */ body.textcrm-mode-light .textcrm-pricing { --tp-card-bg: rgba(11,19,38,0.03) !important; --tp-card-border: rgba(11,19,38,0.08) !important; --tp-card-border-hover: rgba(0,163,122,0.3) !important; --tp-accent: #42c67a !important; background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-pricing::before { background: rgba(0,163,122,0.10) !important; } body.textcrm-mode-light .textcrm-pricing__glow { background-color: rgba(0,163,122,0.10) !important; } body.textcrm-mode-light .textcrm-pricing__eyebrow { background-color: rgba(11,19,38,0.04) !important; border-color: rgba(11,19,38,0.10) !important; } body.textcrm-mode-light .textcrm-pricing__eyebrow-icon, body.textcrm-mode-light .textcrm-pricing__eyebrow-text { color: #42c67a !important; } body.textcrm-mode-light .textcrm-pricing__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pricing__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-pricing__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-pricing__toggle-label { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-pricing__toggle-label[data-active="true"] { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pricing__toggle-discount { color: #42c67a !important; } body.textcrm-mode-light .textcrm-pricing__toggle-switch { border-color: rgba(11,19,38,0.10) !important; background-color: rgba(11,19,38,0.06) !important; } body.textcrm-mode-light .textcrm-pricing__toggle-thumb { background-color: #42c67a !important; } body.textcrm-mode-light .textcrm-pricing__card { background: var(--tp-card-bg, rgba(11,19,38,0.03)) !important; border-color: var(--tp-card-border, rgba(11,19,38,0.08)) !important; } body.textcrm-mode-light .textcrm-pricing__card:hover, body.textcrm-mode-light .textcrm-pricing__card:focus-within { border-color: var(--tp-card-border-hover, rgba(0,163,122,0.3)) !important; } body.textcrm-mode-light .textcrm-pricing__card[data-popular="yes"] { border-color: rgba(0,163,122,0.3) !important; box-shadow: 0 0 32px rgba(0,163,122,0.10) !important; } body.textcrm-mode-light .textcrm-pricing__card-badge { background-color: #42c67a !important; color: #04211a !important; box-shadow: 0 8px 20px rgba(0,163,122,0.14) !important; } body.textcrm-mode-light .textcrm-pricing__card-icon { background-color: rgba(11,19,38,0.04) !important; color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pricing__card[data-popular="yes"] .textcrm-pricing__card-icon { background-color: rgba(0,163,122,0.10) !important; color: #42c67a !important; } body.textcrm-mode-light .textcrm-pricing__card-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pricing__card-desc { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-pricing__price-amount { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pricing__price-period { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-pricing__feature-icon { color: #42c67a !important; } body.textcrm-mode-light .textcrm-pricing__feature-text { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pricing__cta--outline { background-color: rgba(11,19,38,0.04) !important; border-color: rgba(11,19,38,0.10) !important; color: #0b1326 !important; } body.textcrm-mode-light .textcrm-pricing__cta--outline:hover, body.textcrm-mode-light .textcrm-pricing__cta--outline:focus-visible { background-color: rgba(11,19,38,0.06) !important; } body.textcrm-mode-light .textcrm-pricing__cta--primary { background-color: #42c67a !important; color: #04211a !important; } body.textcrm-mode-light .textcrm-pricing__cta--primary:hover, body.textcrm-mode-light .textcrm-pricing__cta--primary:focus-visible { box-shadow: 0 0 20px rgba(0,163,122,0.14) !important; } body.textcrm-mode-light .textcrm-pricing__trust-icon { border-color: rgba(11,19,38,0.10) !important; background-color: rgba(11,19,38,0.04) !important; color: #4b5563 !important; } body.textcrm-mode-light .textcrm-pricing__trust-item:hover .textcrm-pricing__trust-icon, body.textcrm-mode-light .textcrm-pricing__trust-item:focus-within .textcrm-pricing__trust-icon { color: #0b1326 !important; border-color: rgba(11,19,38,0.12) !important; background-color: rgba(11,19,38,0.06) !important; } body.textcrm-mode-light .textcrm-pricing__trust-label { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-pricing__trust-item:hover .textcrm-pricing__trust-label, body.textcrm-mode-light .textcrm-pricing__trust-item:focus-within .textcrm-pricing__trust-label { color: #0b1326 !important; } /* ===== testimonials (rotating pull-quote) ===== */ body.textcrm-mode-light .textcrm-testimonials { --tm-bg: #ffffff !important; --tm-surface: #ffffff !important; --tm-surface-2: #eef2f8 !important; --tm-text: #0b1326 !important; --tm-muted: #4b5563 !important; --tm-muted-2: #6b7280 !important; --tm-accent: #42c67a !important; --tm-accent-2: #00a37a !important; --tm-accent-dim: rgba(0,163,122,0.07) !important; --tm-ink: #04211a !important; --tm-line: rgba(11,19,38,0.08) !important; --tm-line-2: rgba(11,19,38,0.14) !important; --tm-glow: rgba(0,163,122,0.10) !important; --tm-quote-color: #0b1326 !important; --tm-quote-accent: #2f9e60 !important; --tm-mark-color: #42c67a !important; --tm-av-bg: #eef2f8 !important; --tm-av-color: #2f9e60 !important; --tm-star-color: #42c67a !important; --tm-pick-border: rgba(11,19,38,0.10) !important; --tm-pick-border-hover: rgba(11,19,38,0.18) !important; --tm-pick-active-bg: rgba(0,163,122,0.08) !important; --tm-pick-active-border: #42c67a !important; background-color: var(--tm-bg) !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-testimonials__eyebrow { color: #2f9e60 !important; background-color: rgba(0,163,122,0.08) !important; border-color: rgba(0,163,122,0.24) !important; } body.textcrm-mode-light .textcrm-testimonials__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-testimonials__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-testimonials__caption { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-testimonials__q b { color: var(--tm-quote-accent, #2f9e60) !important; } body.textcrm-mode-light .textcrm-testimonials__who-name { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-testimonials__who-role { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-testimonials__pwho-role { color: #6b7280 !important; } /* ===== success-stories ===== */ body.textcrm-mode-light .textcrm-success-stories { --ss-card-bg: #ffffff !important; --ss-card-border: rgba(11,19,38,0.08) !important; --ss-star-color: #42c67a !important; --ss-avatar-ring: rgba(0,163,122,0.2) !important; --ss-nav-bg: rgba(11,19,38,0.04) !important; --ss-nav-border: rgba(11,19,38,0.10) !important; --ss-nav-color: #0b1326 !important; --ss-nav-bg-hover: rgba(0,163,122,0.10) !important; --ss-nav-border-hover: rgba(0,163,122,0.3) !important; --ss-dot-color: rgba(11,19,38,0.20) !important; --ss-dot-active: #42c67a !important; background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-success-stories__eyebrow { color: #42c67a !important; background-color: rgba(0,163,122,0.10) !important; } body.textcrm-mode-light .textcrm-success-stories__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-success-stories__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-success-stories__card { background: var(--ss-card-bg, #ffffff) !important; border-color: var(--ss-card-border, rgba(11,19,38,0.08)) !important; } body.textcrm-mode-light .textcrm-success-stories__stars { color: var(--ss-star-color, #42c67a) !important; } body.textcrm-mode-light .textcrm-success-stories__quote { color: #1f2937 !important; } body.textcrm-mode-light .textcrm-success-stories__avatar-fallback { background: rgba(0,163,122,0.10) !important; color: #42c67a !important; } body.textcrm-mode-light .textcrm-success-stories__author-name { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-success-stories__author-role { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-success-stories__nav { background: var(--ss-nav-bg, rgba(11,19,38,0.04)) !important; border-color: var(--ss-nav-border, rgba(11,19,38,0.10)) !important; color: var(--ss-nav-color, #0b1326) !important; } body.textcrm-mode-light .textcrm-success-stories__nav:hover, body.textcrm-mode-light .textcrm-success-stories__nav:focus-visible { background: var(--ss-nav-bg-hover, rgba(0,163,122,0.10)) !important; border-color: var(--ss-nav-border-hover, rgba(0,163,122,0.3)) !important; } body.textcrm-mode-light .textcrm-success-stories__dot { background: var(--ss-dot-color, rgba(11,19,38,0.20)) !important; } body.textcrm-mode-light .textcrm-success-stories__dot[aria-current="true"] { background: var(--ss-dot-active, #42c67a) !important; } /* ===== final-cta ("Turn conversations into revenue today" — centered glow) ===== Re-points the widget's --fcta-* tokens to the Light palette, then adds the few concrete !important overrides needed to beat Elementor's baked per-element values (background + the text colours exposed in the Style tab). Buttons are intentionally left to global-ui.css, which owns the unified CTA look in both modes. */ body.textcrm-mode-light .textcrm-final-cta { --fcta-bg: #ffffff !important; --fcta-surface: #ffffff !important; --fcta-line: rgba(11,19,38,0.10) !important; --fcta-line-2: rgba(11,19,38,0.16) !important; --fcta-text: #0b1326 !important; --fcta-muted: #4b5563 !important; --fcta-muted-2: #6b7280 !important; --fcta-glow: rgba(0,163,122,0.12) !important; --fcta-glow-2: rgba(0,163,122,0.08) !important; --fcta-dot: #42c67a !important; --fcta-eyebrow-bg: rgba(0,163,122,0.08) !important; --fcta-eyebrow-border: rgba(0,163,122,0.24) !important; --fcta-eyebrow-text: #2f9e60 !important; background-color: var(--fcta-bg) !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-final-cta__eyebrow { color: #2f9e60 !important; background-color: rgba(0,163,122,0.08) !important; border-color: rgba(0,163,122,0.24) !important; } body.textcrm-mode-light .textcrm-final-cta__eyebrow-dot { background-color: #42c67a !important; } body.textcrm-mode-light .textcrm-final-cta__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-final-cta__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-final-cta__lead { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-final-cta__trust { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-final-cta__trust-icon { color: #42c67a !important; } /* ===== solutions-cta ===== */ body.textcrm-mode-light .textcrm-solutions-cta { background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-solutions-cta__card { --solctas-glow: rgba(0,163,122,0.12) !important; border-color: rgba(11,19,38,0.08) !important; background-color: rgba(11,19,38,0.03) !important; } body.textcrm-mode-light .textcrm-solutions-cta__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-solutions-cta__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-solutions-cta__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-solutions-cta__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-solutions-cta__btn--primary { background-color: #42c67a !important; color: #04211a !important; border-color: #42c67a !important; } body.textcrm-mode-light .textcrm-solutions-cta__btn--primary:hover { box-shadow: 0 0 24px rgba(0,163,122,0.14) !important; } body.textcrm-mode-light .textcrm-solutions-cta__btn--secondary { background-color: rgba(11,19,38,0.04) !important; color: #0b1326 !important; border-color: rgba(11,19,38,0.10) !important; } body.textcrm-mode-light .textcrm-solutions-cta__btn--secondary:hover { background-color: rgba(11,19,38,0.06) !important; } body.textcrm-mode-light .textcrm-solutions-cta__indicators { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-solutions-cta__indicator-icon { color: #42c67a !important; } /* ===== channels ===== */ body.textcrm-mode-light .textcrm-channels { background-color: #ffffff !important; } body.textcrm-mode-light .textcrm-channels__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-channels__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-channels__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-channels__icon { background-color: color-mix(in srgb, var(--channel-color, #42c67a) var(--channel-bg-pct, 10%), transparent) !important; border-color: color-mix(in srgb, var(--channel-color, #42c67a) var(--channel-border-pct, 20%), transparent) !important; color: var(--channel-color, #42c67a) !important; } body.textcrm-mode-light .textcrm-channels__label { color: #4b5563 !important; } /* ===== value-props ===== */ body.textcrm-mode-light .textcrm-value-props { background-color: #ffffff !important; color: #1f2937 !important; --vp-card-bg: rgba(11,19,38,0.03) !important; --vp-card-border: rgba(11,19,38,0.07) !important; --vp-card-border-hover: rgba(0,163,122,0.3) !important; } body.textcrm-mode-light .textcrm-value-props__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-value-props__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-value-props__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-value-props__card { background: var(--vp-card-bg, rgba(11,19,38,0.03)) !important; border-color: var(--vp-card-border, rgba(11,19,38,0.07)) !important; } body.textcrm-mode-light .textcrm-value-props__card:hover, body.textcrm-mode-light .textcrm-value-props__card:focus-visible { border-color: var(--vp-card-border-hover, rgba(0,163,122,0.3)) !important; } body.textcrm-mode-light .textcrm-value-props__icon { background-color: color-mix(in srgb, var(--vp-icon-color, #42c67a) var(--vp-icon-bg-pct, 10%), transparent) !important; color: var(--vp-icon-color, #42c67a) !important; } body.textcrm-mode-light .textcrm-value-props__card-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-value-props__card-desc { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-value-props__stat { color: #42c67a !important; } /* ===== use-cases ===== */ body.textcrm-mode-light .textcrm-use-cases { background-color: #ffffff !important; color: #1f2937 !important; --uc-card-bg: rgba(11,19,38,0.03) !important; --uc-card-border: rgba(11,19,38,0.1) !important; --uc-card-bg-hover: rgba(11,19,38,0.06) !important; --uc-icon-color: #6b7280 !important; } body.textcrm-mode-light .textcrm-use-cases__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-use-cases__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-use-cases__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-use-cases__item { background: var(--uc-card-bg, rgba(11,19,38,0.03)) !important; border-color: var(--uc-card-border, rgba(11,19,38,0.1)) !important; } body.textcrm-mode-light .textcrm-use-cases__item:hover, body.textcrm-mode-light .textcrm-use-cases__item:focus-visible { background-color: var(--uc-card-bg-hover, rgba(11,19,38,0.06)) !important; } body.textcrm-mode-light .textcrm-use-cases__icon { color: var(--uc-icon-color, #6b7280) !important; } body.textcrm-mode-light .textcrm-use-cases__label { color: #0b1326 !important; } /* ===== trusted (logo marquee redesign) ===== */ body.textcrm-mode-light .textcrm-trusted { background-color: #ffffff !important; border-top-color: rgba(11,19,38,0.07) !important; border-bottom-color: rgba(11,19,38,0.07) !important; } body.textcrm-mode-light .textcrm-trusted__heading { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-trusted__eyebrow { color: #2f9e63 !important; } /* ===== unified-inbox ("Every channel, one conversation.") ===== */ body.textcrm-mode-light .textcrm-inbox { --ib-bg: #ffffff !important; --ib-bg-2: #f1f5f9 !important; --ib-surface: #ffffff !important; --ib-surface-2: #eef2f8 !important; --ib-line: rgba(11,19,38,0.08) !important; --ib-line-2: rgba(11,19,38,0.14) !important; --ib-text: #0b1326 !important; --ib-muted: #4b5563 !important; --ib-muted-2: #6b7280 !important; --ib-eyebrow: #2f9e63 !important; --ib-glow: rgba(0,163,122,0.10) !important; --ib-chip-blue: #3b6fe0 !important; --ib-chip-blue-bg: rgba(59,111,224,0.10) !important; --ib-chip-blue-bd: rgba(59,111,224,0.28) !important; --ib-chip-purple: #7c4dff !important; --ib-chip-purple-bg: rgba(124,77,255,0.10) !important; --ib-chip-purple-bd: rgba(124,77,255,0.28) !important; --ib-chip-amber: #b8841f !important; --ib-chip-amber-bg: rgba(184,132,31,0.12) !important; --ib-chip-amber-bd: rgba(184,132,31,0.30) !important; background-color: #ffffff !important; } body.textcrm-mode-light .textcrm-inbox__eyebrow { color: #2f9e63 !important; } body.textcrm-mode-light .textcrm-inbox__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-inbox__step-n { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-inbox__step.is-active .textcrm-inbox__step-n { color: #2f9e63 !important; } body.textcrm-mode-light .textcrm-inbox__step-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-inbox__step-desc { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-inbox__step::before { background: rgba(11,19,38,0.12) !important; } body.textcrm-mode-light .textcrm-inbox__step:hover { background: linear-gradient(90deg, rgba(11,19,38,0.035), transparent) !important; } body.textcrm-mode-light .textcrm-inbox__card { background: #ffffff !important; border-color: rgba(11,19,38,0.10) !important; box-shadow: 0 40px 90px -30px rgba(11,19,38,0.25) !important; } body.textcrm-mode-light .textcrm-inbox__conv { background: #f1f5f9 !important; border-color: rgba(11,19,38,0.08) !important; } body.textcrm-mode-light .textcrm-inbox__conv-name { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-inbox__conv-text { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-inbox__card-title { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-inbox__media-frame { border-color: rgba(11,19,38,0.10) !important; box-shadow: 0 40px 90px -30px rgba(11,19,38,0.25) !important; } body.textcrm-mode-light .textcrm-inbox__media-badge-inner { background: rgba(255,255,255,0.88) !important; border-color: rgba(11,19,38,0.10) !important; box-shadow: 0 16px 40px -16px rgba(11,19,38,0.18) !important; } body.textcrm-mode-light .textcrm-inbox__media-badge-label { color: #4b5563 !important; } /* ===== flow-builder ("Build the path from hello to paid.") ===== */ body.textcrm-mode-light .textcrm-flow { --fl-bg: #ffffff !important; --fl-bg-2: #f1f5f9 !important; --fl-surface: #ffffff !important; --fl-surface-2: #eef2f8 !important; --fl-line: rgba(11,19,38,0.08) !important; --fl-line-2: rgba(11,19,38,0.14) !important; --fl-text: #0b1326 !important; --fl-muted: #4b5563 !important; --fl-muted-2: #6b7280 !important; --fl-eyebrow: #2f9e63 !important; --fl-glow: rgba(0,163,122,0.10) !important; --fl-shadow: 0 30px 70px -34px rgba(11,19,38,0.22) !important; background-color: #ffffff !important; } body.textcrm-mode-light .textcrm-flow { border-top-color: rgba(11,19,38,0.07) !important; border-bottom-color: rgba(11,19,38,0.07) !important; } body.textcrm-mode-light .textcrm-flow__glow { background: rgba(0,163,122,0.10) !important; } body.textcrm-mode-light .textcrm-flow__eyebrow { color: #2f9e63 !important; } body.textcrm-mode-light .textcrm-flow__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-flow__lead { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-flow__panel { background: #ffffff !important; border-color: rgba(11,19,38,0.10) !important; } body.textcrm-mode-light .textcrm-flow__panel.is-active { border-color: rgba(0,163,122,0.35) !important; box-shadow: 0 30px 70px -34px rgba(11,19,38,0.22), 0 0 0 1px rgba(0,163,122,0.30), 0 22px 50px -30px rgba(0,163,122,0.45) !important; } body.textcrm-mode-light .textcrm-flow__step { color: #2f9e63 !important; } body.textcrm-mode-light .textcrm-flow__panel-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-flow__panel-desc { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-flow__node-box { background: #f1f5f9 !important; border-color: rgba(11,19,38,0.10) !important; color: #0b1326 !important; } body.textcrm-mode-light .textcrm-flow__node.is-muted .textcrm-flow__node-box { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-flow__wires path { stroke: rgba(11,19,38,0.14) !important; } body.textcrm-mode-light .textcrm-flow__panel.is-active .textcrm-flow__wires path { stroke: rgba(0,163,122,0.45) !important; } body.textcrm-mode-light .textcrm-flow__prog i { background: rgba(11,19,38,0.14) !important; } body.textcrm-mode-light .textcrm-flow__prog i.is-on { background: #42c67a !important; } /* ===== vertical-excellence ===== */ body.textcrm-mode-light .textcrm-vexcel { background-color: #ffffff !important; color: #1f2937 !important; --vex-card-bg: rgba(11,19,38,0.03) !important; --vex-card-border: rgba(11,19,38,0.08) !important; --vex-card-border-top: rgba(11,19,38,0.12) !important; --vex-card-border-left: rgba(11,19,38,0.12) !important; --vex-secondary: #42c67a !important; --vex-primary: #42c67a !important; --vex-tertiary: #42c67a !important; } body.textcrm-mode-light .textcrm-vexcel__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-vexcel__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-vexcel__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-vexcel__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-vexcel__card { background: var(--vex-card-bg, rgba(11,19,38,0.03)) !important; border-color: var(--vex-card-border, rgba(11,19,38,0.08)) !important; border-top-color: var(--vex-card-border-top, rgba(11,19,38,0.12)) !important; border-left-color: var(--vex-card-border-left, rgba(11,19,38,0.12)) !important; } body.textcrm-mode-light .textcrm-vexcel__card-icon { color: var(--vex-accent) !important; background-color: color-mix(in srgb, var(--vex-accent) 10%, transparent) !important; } body.textcrm-mode-light .textcrm-vexcel__card-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-vexcel__card-text { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-vexcel__check { color: var(--vex-accent) !important; } body.textcrm-mode-light .textcrm-vexcel__cta { color: var(--vex-accent) !important; } body.textcrm-mode-light .textcrm-vexcel__stat-row { color: var(--vex-accent) !important; } body.textcrm-mode-light .textcrm-vexcel__stat-badge { background-color: rgba(11,19,38,0.03) !important; border-color: rgba(11,19,38,0.07) !important; } body.textcrm-mode-light .textcrm-vexcel__stat-badge-value { color: var(--vex-accent) !important; } body.textcrm-mode-light .textcrm-vexcel__stat-badge-label { color: #4b5563 !important; } /* ===== roles ===== */ body.textcrm-mode-light .textcrm-roles { --rl-card-bg: rgba(11,19,38,0.03) !important; --rl-card-border: rgba(11,19,38,0.07) !important; --rl-card-border-hover: rgba(0,163,122,0.3) !important; --rl-feature-bg: rgba(11,19,38,0.04) !important; --rl-feature-border: rgba(11,19,38,0.08) !important; --rl-secondary: #42c67a !important; --rl-primary: #42c67a !important; --rl-tertiary: #42c67a !important; background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-roles__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-roles__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-roles__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-roles__subtitle { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-roles__card { background: var(--rl-card-bg, rgba(11,19,38,0.03)) !important; border-color: var(--rl-card-border, rgba(11,19,38,0.07)) !important; } body.textcrm-mode-light .textcrm-roles__card:hover, body.textcrm-mode-light .textcrm-roles__card:focus-within { border-color: var(--rl-card-border-hover, rgba(0,163,122,0.3)) !important; } body.textcrm-mode-light .textcrm-roles__card-eyebrow { color: var(--rl-accent) !important; } body.textcrm-mode-light .textcrm-roles__card-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-roles__card-desc { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-roles__feature { background: var(--rl-feature-bg, rgba(11,19,38,0.04)) !important; border-color: var(--rl-feature-border, rgba(11,19,38,0.08)) !important; } body.textcrm-mode-light .textcrm-roles__feature-icon { color: var(--rl-accent) !important; } body.textcrm-mode-light .textcrm-roles__feature-text { color: #0b1326 !important; } /* ===== story ===== */ body.textcrm-mode-light .textcrm-story { background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-story__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-story__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-story__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-story__body { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-story__body a { color: #42c67a !important; } body.textcrm-mode-light .textcrm-story__body strong { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-story__stats { border-top-color: rgba(11,19,38,0.1) !important; } body.textcrm-mode-light .textcrm-story__stat-value { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-story__stat-label { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-story__btn { background-color: #42c67a !important; color: #04211a !important; border-color: transparent !important; } body.textcrm-mode-light .textcrm-story__btn:hover, body.textcrm-mode-light .textcrm-story__btn:focus-visible { box-shadow: 0 0 20px rgba(0,163,122,0.14) !important; } body.textcrm-mode-light .textcrm-story__media-glow { background-color: rgba(0,163,122,0.1) !important; } body.textcrm-mode-light .textcrm-story__media-frame { border-color: rgba(11,19,38,0.1) !important; background-color: rgba(11,19,38,0.03) !important; box-shadow: 0 30px 60px -20px rgba(11,19,38,0.15) !important; } body.textcrm-mode-light .textcrm-story__float { background-color: rgba(255,255,255,0.85) !important; border-color: rgba(0,163,122,0.3) !important; box-shadow: 0 16px 40px -16px rgba(11,19,38,0.18) !important; } body.textcrm-mode-light .textcrm-story__float-value { color: #42c67a !important; } body.textcrm-mode-light .textcrm-story__float-label { color: #1f2937 !important; } /* ===== mission-vision ===== */ body.textcrm-mode-light .textcrm-mv { --mv-card-bg: rgba(11,19,38,0.03) !important; --mv-card-border: rgba(11,19,38,0.07) !important; --mv-secondary: #42c67a !important; --mv-primary: #42c67a !important; --mv-tertiary: #42c67a !important; background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-mv__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-mv__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-mv__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-mv__subtitle { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-mv__card { background: var(--mv-card-bg, rgba(11,19,38,0.03)) !important; border-color: var(--mv-card-border, rgba(11,19,38,0.07)) !important; } body.textcrm-mode-light .textcrm-mv__card:hover { border-color: var(--mv-accent) !important; } body.textcrm-mode-light .textcrm-mv__icon { background-color: color-mix(in srgb, var(--mv-accent) var(--mv-icon-bg-pct, 12%), transparent) !important; color: var(--mv-accent) !important; } body.textcrm-mode-light .textcrm-mv__card-label { color: var(--mv-accent) !important; } body.textcrm-mode-light .textcrm-mv__card-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-mv__card-desc { color: #6b7280 !important; } /* ===== stats ===== */ body.textcrm-mode-light .textcrm-stats { --stt-accent: #42c67a !important; --stt-card-bg: rgba(11,19,38,0.03) !important; --stt-card-border: rgba(11,19,38,0.07) !important; --stt-card-border-hover: rgba(0,163,122,0.3) !important; background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-stats__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-stats__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-stats__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-stats__subtitle { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-stats--cards .textcrm-stats__item { background: var(--stt-card-bg, rgba(11,19,38,0.03)) !important; border-color: var(--stt-card-border, rgba(11,19,38,0.07)) !important; } body.textcrm-mode-light .textcrm-stats--cards .textcrm-stats__item:hover { border-color: var(--stt-card-border-hover, rgba(0,163,122,0.3)) !important; } body.textcrm-mode-light .textcrm-stats__icon { background-color: color-mix(in srgb, var(--stt-accent) var(--stt-icon-bg-pct, 12%), transparent) !important; color: var(--stt-accent) !important; } body.textcrm-mode-light .textcrm-stats__value { color: var(--stt-accent) !important; } body.textcrm-mode-light .textcrm-stats__label { color: #1f2937 !important; } body.textcrm-mode-light .textcrm-stats__desc { color: #6b7280 !important; } /* ===== values ===== */ body.textcrm-mode-light .textcrm-values { --vl-card-bg: rgba(11,19,38,0.03) !important; --vl-card-border: rgba(11,19,38,0.07) !important; --vl-secondary: #42c67a !important; --vl-primary: #42c67a !important; --vl-tertiary: #42c67a !important; background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-values__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-values__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-values__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-values__subtitle { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-values__card { background: var(--vl-card-bg, rgba(11,19,38,0.03)) !important; border-color: var(--vl-card-border, rgba(11,19,38,0.07)) !important; } body.textcrm-mode-light .textcrm-values__card:hover { border-color: var(--vl-accent) !important; } body.textcrm-mode-light .textcrm-values__icon { background-color: color-mix(in srgb, var(--vl-accent) var(--vl-icon-bg-pct, 12%), transparent) !important; color: var(--vl-accent) !important; } body.textcrm-mode-light .textcrm-values__card-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-values__card-desc { color: #6b7280 !important; } /* ===== timeline ===== */ body.textcrm-mode-light .textcrm-timeline { --tl-card-bg: rgba(11,19,38,0.03) !important; --tl-card-border: rgba(11,19,38,0.08) !important; --tl-line-color: rgba(11,19,38,0.1) !important; --tl-node-ring: #ffffff !important; --tl-secondary: #42c67a !important; --tl-primary: #42c67a !important; --tl-tertiary: #42c67a !important; background-color: #ffffff !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-timeline__eyebrow { color: #42c67a !important; } body.textcrm-mode-light .textcrm-timeline__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-timeline__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-timeline__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-timeline__track::before { background: rgba(11,19,38,0.1) !important; } body.textcrm-mode-light .textcrm-timeline__card { background: var(--tl-card-bg, rgba(11,19,38,0.03)) !important; border-color: var(--tl-card-border, rgba(11,19,38,0.08)) !important; } body.textcrm-mode-light .textcrm-timeline__card:hover { border-color: var(--tl-accent) !important; } body.textcrm-mode-light .textcrm-timeline__year { color: var(--tl-accent) !important; } body.textcrm-mode-light .textcrm-timeline__card-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-timeline__card-desc { color: #4b5563 !important; } /* ===== inner-hero ===== */ body.textcrm-mode-light .textcrm-inner-hero { background-color: #ffffff !important; } body.textcrm-mode-light .textcrm-inner-hero__glow { background-color: rgba(0,163,122,0.1) !important; } body.textcrm-mode-light .textcrm-inner-hero::before { background: rgba(0,163,122,0.12) !important; } body.textcrm-mode-light .textcrm-inner-hero__badge { background-color: rgba(11,19,38,0.04) !important; border-color: rgba(11,19,38,0.1) !important; color: #42c67a !important; } body.textcrm-mode-light .textcrm-inner-hero__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-inner-hero__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-inner-hero__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-inner-hero__btn--primary { background-color: #42c67a !important; color: #04211a !important; } body.textcrm-mode-light .textcrm-inner-hero__btn--primary:hover, body.textcrm-mode-light .textcrm-inner-hero__btn--primary:focus-visible { box-shadow: 0 0 20px rgba(0,163,122,0.14) !important; } body.textcrm-mode-light .textcrm-inner-hero__btn--secondary { background-color: rgba(11,19,38,0.04) !important; border-color: rgba(11,19,38,0.1) !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-inner-hero__btn--secondary:hover, body.textcrm-mode-light .textcrm-inner-hero__btn--secondary:focus-visible { background-color: rgba(11,19,38,0.06) !important; } /* ===== solutions-hero ===== */ body.textcrm-mode-light .textcrm-solutions-hero { background-color: #ffffff !important; } body.textcrm-mode-light .textcrm-solutions-hero__glow { background-color: rgba(0,163,122,0.1) !important; } body.textcrm-mode-light .textcrm-solutions-hero__badge { background-color: rgba(11,19,38,0.04) !important; border-color: rgba(11,19,38,0.1) !important; color: #42c67a !important; } body.textcrm-mode-light .textcrm-solutions-hero__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-solutions-hero__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-solutions-hero__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-solutions-hero__btn--primary { background-color: #42c67a !important; color: #04211a !important; } body.textcrm-mode-light .textcrm-solutions-hero__btn--primary:hover, body.textcrm-mode-light .textcrm-solutions-hero__btn--primary:focus-visible { box-shadow: 0 0 20px rgba(0,163,122,0.14) !important; } body.textcrm-mode-light .textcrm-solutions-hero__btn--secondary { background-color: rgba(11,19,38,0.04) !important; border-color: rgba(11,19,38,0.1) !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-solutions-hero__btn--secondary:hover, body.textcrm-mode-light .textcrm-solutions-hero__btn--secondary:focus-visible { background-color: rgba(11,19,38,0.06) !important; } /* ===== not-found (404) ===== */ body.textcrm-mode-light .textcrm-404 { --tc404-accent: #42c67a !important; --tc404-accent-teal: #42c67a !important; --tc404-brand-gradient: linear-gradient(90deg, #42c67a 0%, #00c594 100%) !important; --tc404-heading: #0b1326 !important; --tc404-text: #1f2937 !important; --tc404-muted: #4b5563 !important; --tc404-border: rgba(11,19,38,0.1) !important; --tc404-border-strong: rgba(11,19,38,0.16) !important; --tc404-surface: rgba(11,19,38,0.04) !important; --tc404-surface-hover: rgba(11,19,38,0.06) !important; background-color: #ffffff !important; color: var(--tc404-text) !important; } body.textcrm-mode-light .textcrm-404.is-glow::before { background: rgba(0,163,122,0.12) !important; } body.textcrm-mode-light .textcrm-404__eyebrow { background-color: var(--tc404-surface) !important; border-color: var(--tc404-border) !important; color: var(--tc404-accent) !important; } body.textcrm-mode-light .textcrm-404__title { color: var(--tc404-heading) !important; } body.textcrm-mode-light .textcrm-404__title-accent { color: var(--tc404-accent) !important; } body.textcrm-mode-light .textcrm-404__desc { color: var(--tc404-muted) !important; } body.textcrm-mode-light .textcrm-404__btn--primary { background-color: #42c67a !important; color: #04211a !important; } body.textcrm-mode-light .textcrm-404__btn--primary:hover { box-shadow: 0 0 20px rgba(0,163,122,0.14) !important; color: #04211a !important; } body.textcrm-mode-light .textcrm-404__btn--secondary { background-color: var(--tc404-surface) !important; color: var(--tc404-heading) !important; border-color: var(--tc404-border) !important; } body.textcrm-mode-light .textcrm-404__btn--secondary:hover { background-color: var(--tc404-surface-hover) !important; } /* ===== contact ===== */ body.textcrm-mode-light .textcrm-contact { --tcrm-contact-accent: #42c67a !important; --tcrm-contact-accent-hover: #008463 !important; color: #1f2937 !important; background-color: #ffffff !important; } body.textcrm-mode-light .textcrm-contact::before { background: rgba(0,163,122,0.12) !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__eyebrow { background-color: rgba(11,19,38,0.04) !important; border-color: rgba(11,19,38,0.1) !important; color: var(--tcrm-contact-accent) !important; } body.textcrm-mode-light .textcrm-contact__eyebrowIcon { color: var(--tcrm-contact-accent) !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__titleAccent { color: var(--tcrm-contact-accent) !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__subtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-contact__card { background-color: rgba(11,19,38,0.03) !important; border-color: rgba(11,19,38,0.08) !important; box-shadow: inset 1px 1px 0 rgba(11,19,38,0.04), 0 16px 40px -16px rgba(11,19,38,0.18) !important; } body.textcrm-mode-light .textcrm-contact__infoItem + .textcrm-contact__infoItem { border-top-color: rgba(11,19,38,0.08) !important; } body.textcrm-mode-light .textcrm-contact__infoIcon { background-color: rgba(0,163,122,0.1) !important; color: var(--tcrm-contact-accent) !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__infoTitle { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__infoDesc { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__infoLink { color: var(--tcrm-contact-accent) !important; } body.textcrm-mode-light a.textcrm-contact__infoLink:hover { color: var(--tcrm-contact-accent-hover) !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__formTitle { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__formSubtitle { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__input { color: #1f2937 !important; background-color: #f1f5f9 !important; border-color: rgba(11,19,38,0.1) !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__input::placeholder { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__input:focus, body.textcrm-mode-light .textcrm-contact .textcrm-contact__input:focus-visible { border-color: var(--tcrm-contact-accent) !important; box-shadow: 0 0 0 3px rgba(0,163,122,0.15) !important; background-color: #ffffff !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__submit { color: #04211a !important; background-color: #42c67a !important; } body.textcrm-mode-light .textcrm-contact .textcrm-contact__submit:hover { box-shadow: 0 0 20px rgba(0,163,122,0.14) !important; } body.textcrm-mode-light .textcrm-contact__consent { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-contact__consentText a { color: var(--tcrm-contact-accent) !important; } /* ===== privacy ===== */ body.textcrm-mode-light .textcrm-privacy { --tcp-accent: #42c67a !important; --tcp-accent-hover: #008a68 !important; --tcp-accent-teal: #42c67a !important; --tcp-heading: #0b1326 !important; --tcp-text: #1f2937 !important; --tcp-muted: #4b5563 !important; --tcp-subtle: #6b7280 !important; --tcp-card-bg: #ffffff !important; --tcp-card-border: rgba(11,19,38,0.10) !important; --tcp-card-shadow: inset 1px 1px 0 rgba(11,19,38,0.04), 0 24px 60px -24px rgba(11,19,38,0.18) !important; --tcp-divider: rgba(11,19,38,0.10) !important; --tcp-glow: rgba(0,163,122,0.12) !important; --tcp-badge-bg: rgba(11,19,38,0.04) !important; --tcp-badge-border: rgba(11,19,38,0.10) !important; --tcp-chip-bg: rgba(0,163,122,0.10) !important; --tcp-toc-bg: rgba(11,19,38,0.03) !important; --tcp-toc-border: rgba(11,19,38,0.08) !important; color: var(--tcp-text) !important; background-color: #ffffff !important; } body.textcrm-mode-light .textcrm-privacy .textcrm-privacy__badge { color: var(--tcp-accent) !important; } body.textcrm-mode-light .textcrm-privacy .textcrm-privacy__heading { color: var(--tcp-heading) !important; } body.textcrm-mode-light .textcrm-privacy .textcrm-privacy__headingAccent { color: var(--tcp-accent) !important; } body.textcrm-mode-light .textcrm-privacy__updated { color: var(--tcp-accent) !important; border-color: rgba(0,163,122,0.22) !important; } body.textcrm-mode-light .textcrm-privacy .textcrm-privacy__intro { color: var(--tcp-muted) !important; } body.textcrm-mode-light .textcrm-privacy .textcrm-privacy__tocTitle { color: var(--tcp-heading) !important; } body.textcrm-mode-light .textcrm-privacy a.textcrm-privacy__tocLink { color: var(--tcp-text) !important; } body.textcrm-mode-light .textcrm-privacy .textcrm-privacy__tocLink:hover { color: var(--tcp-accent) !important; } body.textcrm-mode-light .textcrm-privacy__tocNum { color: var(--tcp-accent) !important; } body.textcrm-mode-light .textcrm-privacy__secIcon { color: var(--tcp-accent) !important; background-color: var(--tcp-chip-bg) !important; } body.textcrm-mode-light .textcrm-privacy .textcrm-privacy__secTitle { color: var(--tcp-heading) !important; } body.textcrm-mode-light .textcrm-privacy__body, body.textcrm-mode-light .textcrm-privacy__body p, body.textcrm-mode-light .textcrm-privacy__body ul li, body.textcrm-mode-light .textcrm-privacy__body ol li { color: var(--tcp-text) !important; } body.textcrm-mode-light .textcrm-privacy__body h2, body.textcrm-mode-light .textcrm-privacy__body h3, body.textcrm-mode-light .textcrm-privacy__body h4, body.textcrm-mode-light .textcrm-privacy__body strong { color: var(--tcp-heading) !important; } body.textcrm-mode-light .textcrm-privacy__body a { color: var(--tcp-accent) !important; } /* ===== terms ===== */ body.textcrm-mode-light .textcrm-terms { --tct-accent: #42c67a !important; --tct-accent-hover: #008a68 !important; --tct-accent-teal: #42c67a !important; --tct-heading: #0b1326 !important; --tct-text: #1f2937 !important; --tct-muted: #4b5563 !important; --tct-subtle: #6b7280 !important; --tct-card-bg: #ffffff !important; --tct-card-border: rgba(11,19,38,0.10) !important; --tct-card-shadow: inset 1px 1px 0 rgba(11,19,38,0.04), 0 24px 60px -24px rgba(11,19,38,0.18) !important; --tct-divider: rgba(11,19,38,0.10) !important; --tct-glow: rgba(0,163,122,0.12) !important; --tct-badge-bg: rgba(11,19,38,0.04) !important; --tct-badge-border: rgba(11,19,38,0.10) !important; --tct-chip-bg: rgba(0,163,122,0.10) !important; --tct-toc-bg: rgba(11,19,38,0.03) !important; --tct-toc-border: rgba(11,19,38,0.08) !important; color: var(--tct-text) !important; background-color: #ffffff !important; } body.textcrm-mode-light .textcrm-terms .textcrm-terms__badge { color: var(--tct-accent) !important; } body.textcrm-mode-light .textcrm-terms .textcrm-terms__heading { color: var(--tct-heading) !important; } body.textcrm-mode-light .textcrm-terms .textcrm-terms__headingAccent { color: var(--tct-accent) !important; } body.textcrm-mode-light .textcrm-terms__updated { color: var(--tct-accent) !important; border-color: rgba(0,163,122,0.22) !important; } body.textcrm-mode-light .textcrm-terms .textcrm-terms__intro { color: var(--tct-muted) !important; } body.textcrm-mode-light .textcrm-terms .textcrm-terms__tocTitle { color: var(--tct-heading) !important; } body.textcrm-mode-light .textcrm-terms a.textcrm-terms__tocLink { color: var(--tct-text) !important; } body.textcrm-mode-light .textcrm-terms .textcrm-terms__tocLink:hover { color: var(--tct-accent) !important; } body.textcrm-mode-light .textcrm-terms__tocNum { color: var(--tct-accent) !important; } body.textcrm-mode-light .textcrm-terms__secIcon { color: var(--tct-accent) !important; background-color: var(--tct-chip-bg) !important; } body.textcrm-mode-light .textcrm-terms .textcrm-terms__secTitle { color: var(--tct-heading) !important; } body.textcrm-mode-light .textcrm-terms__body, body.textcrm-mode-light .textcrm-terms__body p, body.textcrm-mode-light .textcrm-terms__body ul li, body.textcrm-mode-light .textcrm-terms__body ol li { color: var(--tct-text) !important; } body.textcrm-mode-light .textcrm-terms__body h2, body.textcrm-mode-light .textcrm-terms__body h3, body.textcrm-mode-light .textcrm-terms__body h4, body.textcrm-mode-light .textcrm-terms__body strong { color: var(--tct-heading) !important; } body.textcrm-mode-light .textcrm-terms__body a { color: var(--tct-accent) !important; } /* ===== floating panels (whatsapp / scroll-top / ai-chat) — buttons stay brand ===== */ body.textcrm-mode-light .textcrm-whatsapp__tooltip, body.textcrm-mode-light .textcrm-scrolltop__tooltip, body.textcrm-mode-light .textcrm-ai-chat__tooltip { border-color: rgba(0,163,122,0.25) !important; background-color: #ffffff !important; color: #0b1326 !important; box-shadow: 0 12px 30px rgba(11,19,38,0.15) !important; } body.textcrm-mode-light .textcrm-whatsapp__popup-header { background-color: #ffffff !important; color: #0b1326 !important; } body.textcrm-mode-light .textcrm-whatsapp__popup-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-whatsapp__popup-subtitle { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-whatsapp__close { background-color: rgba(11,19,38,0.05) !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-whatsapp__close:hover { background-color: rgba(11,19,38,0.10) !important; } body.textcrm-mode-light .textcrm-ai-chat__panel { border-color: rgba(11,19,38,0.10) !important; background-color: #ffffff !important; box-shadow: 0 28px 70px rgba(11,19,38,0.18) !important; } body.textcrm-mode-light .textcrm-ai-chat__header { background-color: #ffffff !important; border-bottom-color: rgba(11,19,38,0.08) !important; } body.textcrm-mode-light .textcrm-ai-chat__name { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-ai-chat__subtitle { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-ai-chat__close { color: #4b5563 !important; background-color: rgba(11,19,38,0.05) !important; } body.textcrm-mode-light .textcrm-ai-chat__close:hover { background-color: rgba(11,19,38,0.10) !important; color: #0b1326 !important; } body.textcrm-mode-light .textcrm-ai-chat__msg--bot .textcrm-ai-chat__bubble { color: #1f2937 !important; background-color: rgba(11,19,38,0.04) !important; border-color: rgba(11,19,38,0.08) !important; } body.textcrm-mode-light .textcrm-ai-chat__typing-dot { background-color: #6b7280 !important; } body.textcrm-mode-light .textcrm-ai-chat__escalate-note, body.textcrm-mode-light .textcrm-ai-chat__disclaimer { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-ai-chat__chip { border-color: rgba(0,163,122,0.30) !important; background-color: rgba(0,163,122,0.08) !important; color: #42c67a !important; } body.textcrm-mode-light .textcrm-ai-chat__chip:hover { background-color: rgba(0,163,122,0.16) !important; border-color: rgba(0,163,122,0.55) !important; } body.textcrm-mode-light .textcrm-ai-chat__inputbar { border-top-color: rgba(11,19,38,0.08) !important; background-color: rgba(11,19,38,0.03) !important; } body.textcrm-mode-light .textcrm-ai-chat__disclaimer { background-color: rgba(11,19,38,0.03) !important; } body.textcrm-mode-light .textcrm-ai-chat__input { border-color: rgba(11,19,38,0.12) !important; background-color: #f1f5f9 !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-ai-chat__input::placeholder { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-ai-chat__input:focus { border-color: rgba(0,163,122,0.5) !important; box-shadow: 0 0 0 3px rgba(0,163,122,0.12) !important; } /* ===== benefits (numbers wall) ===== */ body.textcrm-mode-light .textcrm-benefits { --tb-bg: #ffffff !important; --tb-surface: #ffffff !important; --tb-text: #0b1326 !important; --tb-muted: #4b5563 !important; --tb-muted-2: #6b7280 !important; --tb-accent: #42c67a !important; --tb-accent-2: #00a37a !important; --tb-accent-dim: rgba(0,163,122,0.07) !important; --tb-line: rgba(11,19,38,0.08) !important; --tb-line-2: rgba(11,19,38,0.14) !important; --tb-glow: rgba(0,163,122,0.10) !important; background-color: var(--tb-bg) !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-benefits__eyebrow { color: #2f9e60 !important; background-color: rgba(0,163,122,0.08) !important; border-color: rgba(0,163,122,0.24) !important; } body.textcrm-mode-light .textcrm-benefits__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-benefits__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-benefits__caption { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-benefits__idx { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-benefits__row:hover .textcrm-benefits__idx, body.textcrm-mode-light .textcrm-benefits__row:focus-within .textcrm-benefits__idx { color: #2f9e60 !important; } body.textcrm-mode-light .textcrm-benefits__label { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-benefits__desc { color: #6b7280 !important; } body.textcrm-mode-light .textcrm-benefits__num { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-benefits__row:hover .textcrm-benefits__num, body.textcrm-mode-light .textcrm-benefits__row:focus-within .textcrm-benefits__num { text-shadow: 0 0 30px rgba(0,163,122,0.22) !important; } body.textcrm-mode-light .textcrm-benefits__prefix { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-benefits__suffix { color: #2f9e60 !important; } /* ===== how-it-works ("Three steps to autopilot.") ===== */ body.textcrm-mode-light .textcrm-how { --hw-bg: #fbfdff !important; --hw-surface: #ffffff !important; --hw-text: #0b1326 !important; --hw-muted: #4b5563 !important; --hw-muted-2: #6b7280 !important; --hw-accent: #42c67a !important; --hw-accent-2: #00a37a !important; --hw-accent-dim: rgba(0,163,122,0.07) !important; --hw-ink: #04211a !important; --hw-line: rgba(11,19,38,0.08) !important; --hw-line-2: rgba(11,19,38,0.13) !important; --hw-glow: rgba(0,163,122,0.13) !important; --hw-glow-2: rgba(36,160,224,0.07) !important; --hw-grid: rgba(11,19,38,0.055) !important; background-color: var(--hw-bg) !important; color: #1f2937 !important; } body.textcrm-mode-light .textcrm-how { border-top-color: rgba(11,19,38,0.07) !important; border-bottom-color: rgba(11,19,38,0.07) !important; } body.textcrm-mode-light .textcrm-how__eyebrow { color: #2f9e60 !important; background-color: rgba(0,163,122,0.08) !important; border-color: rgba(0,163,122,0.24) !important; } body.textcrm-mode-light .textcrm-how__title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-how__title-accent { color: #42c67a !important; } body.textcrm-mode-light .textcrm-how__lead { color: #4b5563 !important; } body.textcrm-mode-light .textcrm-how__spine { background-color: rgba(11,19,38,0.08) !important; } body.textcrm-mode-light .textcrm-how__fill { background-color: #42c67a !important; box-shadow: 0 0 14px rgba(66,198,122,0.55) !important; } body.textcrm-mode-light .textcrm-how__dot { background: #ffffff !important; border-color: rgba(11,19,38,0.16) !important; } body.textcrm-mode-light .textcrm-how__step.is-lit .textcrm-how__dot { border-color: #42c67a !important; box-shadow: 0 0 16px rgba(66,198,122,0.55) !important; } body.textcrm-mode-light .textcrm-how__card { background: #ffffff !important; border-color: rgba(11,19,38,0.10) !important; box-shadow: 0 24px 60px -34px rgba(11,19,38,0.20) !important; } body.textcrm-mode-light .textcrm-how__card:hover { border-color: rgba(0,163,122,0.35) !important; } body.textcrm-mode-light .textcrm-how__step.is-lit .textcrm-how__card { border-color: rgba(0,163,122,0.28) !important; } body.textcrm-mode-light .textcrm-how__num { color: #2f9e60 !important; } body.textcrm-mode-light .textcrm-how__card-title { color: #0b1326 !important; } body.textcrm-mode-light .textcrm-how__card-desc { color: #6b7280 !important; }