/* ============================================================================================ Light theme for the public site (2026-10-14). Everything theme-specific is scoped under html[data-theme="light"]; the attribute is set before first paint by assets/js/theme-init.js (synchronous, in ) and switched by the header button (lib/SiteNav.php + assets/js/nav.js, localStorage "et_theme"). This file is loaded LAST so ties in the cascade go to it. It is designed, not inverted: a near-white page with a faint cool tint, white surfaces that read as cards through a soft shadow instead of a light border, dark ink, and the same single purple accent (darkened where it is used as text). The product mock-ups (browser frames, dashboards, phone screens, video players) stay dark on purpose: they are screens, and read as such on a light page. ============================================================================================ */ /* ---------- The header switch (both themes) ------------------------------------------------ */ .theme-toggle { display: inline-grid; place-items: center; flex: none; width: 44px; height: 44px; margin: -7px -8px; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--muted); cursor: pointer; touch-action: manipulation; transition: color .2s ease, background-color .2s ease; } .theme-toggle[hidden] { display: none; } .theme-toggle svg { display: block; width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .35s cubic-bezier(.2,.8,.2,1); } .theme-toggle .tt-moon { display: none; } html[data-theme="light"] .theme-toggle .tt-sun { display: none; } html[data-theme="light"] .theme-toggle .tt-moon { display: block; } @media (hover: hover) { .theme-toggle:hover { color: var(--text); background: rgba(255,255,255,.07); } .theme-toggle:hover svg { transform: rotate(18deg); } html[data-theme="light"] .theme-toggle:hover { background: rgba(10,12,20,.06); } } .theme-toggle:focus-visible { outline: 2px solid var(--purple-light); outline-offset: 3px; } /* Phones/tablets: nav.js moves the button out of the drawer to sit beside the menu button. */ nav > .theme-toggle { margin: 0 6px 0 auto; } @media (prefers-reduced-motion: reduce) { .theme-toggle svg { transition: none; } } /* Tooltip (2026-10-14). Text comes from nav.js: data-tip ("Switch to light mode") on hover/keyboard focus, data-tip-now ("Light mode on") for 1.6 s after a click. Inverted colours, so it reads in both themes. */ .theme-toggle { position: relative; } .theme-toggle::after { content: attr(data-tip); position: absolute; top: calc(100% + 10px); left: 50%; z-index: 60; padding: 7px 10px; border-radius: 8px; background: var(--text); color: var(--black); font: 600 .76rem/1.2 Inter, system-ui, sans-serif; letter-spacing: 0; white-space: nowrap; pointer-events: none; opacity: 0; transform: translate(-50%, -4px); transition: opacity .16s ease, transform .16s ease; box-shadow: 0 10px 24px -12px rgba(0,0,0,.6); } .theme-toggle[data-tip-now]::after { content: attr(data-tip-now); } .theme-toggle:not([data-tip])::after { display: none; } @media (hover: hover) { .theme-toggle:hover::after { opacity: 1; transform: translate(-50%, 0); transition-delay: .25s; } } .theme-toggle:focus-visible::after, .theme-toggle.is-tip::after { opacity: 1; transform: translate(-50%, 0); transition-delay: 0s; } /* Phones/tablets: the switch sits near the right edge beside the menu button; anchor the tip to the right. */ nav > .theme-toggle::after { left: auto; right: -4px; transform: translateY(-4px); } @media (hover: hover) { nav > .theme-toggle:hover::after { transform: none; } } nav > .theme-toggle:focus-visible::after, nav > .theme-toggle.is-tip::after { transform: none; } @media (prefers-reduced-motion: reduce) { .theme-toggle::after { transition: none; transform: translate(-50%, 0); } nav > .theme-toggle::after { transform: none; } } /* First-visit hint: one soft ring around the switch while the tip shows (motion has a job: point at it once). */ .theme-toggle.is-hint { color: var(--text); } @media (prefers-reduced-motion: no-preference) { .theme-toggle.is-hint::before { content: ""; position: absolute; inset: 4px; border-radius: 999px; pointer-events: none; animation: tt-hint 1.6s ease-out 2; } } @keyframes tt-hint { 0% { box-shadow: 0 0 0 0 rgba(169,141,255,.55); } 100% { box-shadow: 0 0 0 12px rgba(169,141,255,0); } } /* ---------- Tokens ---------------------------------------------------------------------------- */ html[data-theme="light"] { color-scheme: light; --black: #f7f8fb; /* page */ --black-2: #ffffff; /* raised surfaces: drawer, sheets, panels */ --black-3: #eef0f5; --white: #ffffff; --text: #0b0c14; --muted: #5b6472; /* 5.6:1 on #f7f8fb, 6.0:1 on white */ --muted-2: #6b7280; /* 4.6:1 on white */ --purple: #8257ff; /* buttons keep their purple (white label on the #7d52fb gradient) */ --purple-light: #6a3fe6; /* link/kicker purple: 6.3:1 on white */ --blue: #0a7fc2; --cyan: #0e8fb5; --green: #0b8a57; --red: #d1294b; --amber: #a3600a; --border: rgba(10,12,20,.08); --border-hover: rgba(10,12,20,.16); --shadow-card: 0 1px 2px rgba(10,12,20,.04), 0 12px 32px -16px rgba(10,12,20,.16); --shadow-float: 0 2px 6px rgba(10,12,20,.06), 0 24px 60px -24px rgba(10,12,20,.28); /* nx.css */ --nx-line: rgba(10,12,20,.08); --nx-card: #ffffff; --nx-ink-2: #3c4452; --nx-before: #7a8292; --nx-after: #6a3fe6; } html[data-theme="light"] .wb { --wb-panel: #ffffff; } html[data-theme="light"] .etr { --etr-border: rgba(10,12,20,.08); --etr-border-hover: rgba(10,12,20,.16); --etr-surface: #ffffff; } html[data-theme="light"] .sign-page, html[data-theme="light"] .sign-contract { --black: #f7f8fb; --text: #0b0c14; --muted: #5b6472; --muted-2: #6b7280; --purple-light: #6a3fe6; --blue: #0a7fc2; --green: #0b8a57; --red: #d1294b; --amber: #a3600a; --border: rgba(10,12,20,.08); --border-hover: rgba(10,12,20,.16); } /* ---------- Page shell ------------------------------------------------------------------------ */ html[data-theme="light"] body { background: radial-gradient(circle at 50% -10%, rgba(130,87,255,.12), transparent 34%), radial-gradient(circle at 5% 30%, rgba(53,200,255,.05), transparent 25%), var(--black); color: var(--text); } html[data-theme="light"] body::before { background-image: linear-gradient(rgba(10,12,20,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(10,12,20,.035) 1px, transparent 1px); } html[data-theme="light"] ::selection { background: rgba(130,87,255,.22); color: inherit; } html[data-theme="light"] .gradient { background-image: linear-gradient(105deg, #0b0c14 5%, #5d3fd3 48%, #0e8fb5 100%); } html[data-theme="light"] .nx-h1-2 { background-image: linear-gradient(92deg, #5a35d9, #7d52fb 55%, #0e8fb5); } html[data-theme="light"] .nx-sk-h.is-short { background-image: linear-gradient(90deg, #a98dff, #56e0ff); } html[data-theme="light"] .skip-link { background: #0b0c14; color: #fff; } /* Logos: the pages ship the white wordmark; recolour it to the brand navy. */ html[data-theme="light"] :is(.logo, .footer-logo, .sign-logo-img) img, html[data-theme="light"] .si-logo { filter: brightness(0) saturate(100%) invert(7%) sepia(40%) saturate(2600%) hue-rotate(245deg) brightness(.95); } /* ---------- Header + navigation ---------------------------------------------------------------- */ html[data-theme="light"] header.is-scrolled { background: rgba(247,248,251,.8); box-shadow: 0 1px 0 rgba(10,12,20,.08); } html[data-theme="light"] .nav-links a:hover, html[data-theme="light"] body.site-page .nav-item.is-open > .nav-mega-btn, html[data-theme="light"] body.site-page .nav-item.is-current > .nav-mega-btn { color: var(--text); } html[data-theme="light"] .nav-cta { border-color: rgba(10,12,20,.14); background: rgba(10,12,20,.04); color: var(--text) !important; } html[data-theme="light"] .nav-cta:hover { background: rgba(10,12,20,.08); border-color: rgba(10,12,20,.26); } html[data-theme="light"] .nav-toggle { background: rgba(10,12,20,.03); } /* The drawer only exists in the collapsed layouts (<=800px, <=1080px with body.site-page); on desktop the links are an inline row with no box. */ @media (max-width: 800px) { html[data-theme="light"] .nav-links { background: #ffffff; box-shadow: var(--shadow-float); } } @media (max-width: 1080px) { html[data-theme="light"] body.site-page .nav-links { background: #ffffff; box-shadow: var(--shadow-float); } } html[data-theme="light"] .nav-links a:not(.nav-cta):not(.nav-login):not([aria-current]), html[data-theme="light"] body.site-page .nav-mega-btn, html[data-theme="light"] body.site-page .nav-links .nav-mega a { color: #1f2430; } html[data-theme="light"] body.site-page .nav-mega { background: #ffffff; box-shadow: var(--shadow-float); } html[data-theme="light"] body.site-page .nav-mega-col a { color: #1f2430; } html[data-theme="light"] body.site-page .nav-mega-col a:hover, html[data-theme="light"] body.site-page .nav-mega-list a:hover { background: rgba(10,12,20,.05); color: var(--text); } html[data-theme="light"] body.site-page .nav-mega-list b { color: var(--text); } html[data-theme="light"] body.site-page .nav-mega-side { background: linear-gradient(160deg, rgba(130,87,255,.14), rgba(130,87,255,.04)); border-color: rgba(106,63,230,.22); } html[data-theme="light"] body.site-page .nav-mega-sub { color: #3c4452 !important; } html[data-theme="light"] body.site-page .nav-mega-sub:hover { color: var(--text) !important; } html[data-theme="light"] .nav-progress { opacity: .9; } /* ---------- Buttons, inputs, floating controls ------------------------------------------------- */ html[data-theme="light"] .button-secondary { background: #ffffff; border-color: rgba(10,12,20,.14); color: var(--text); box-shadow: 0 1px 2px rgba(10,12,20,.05); } html[data-theme="light"] .button-secondary:hover { background: #ffffff; border-color: rgba(10,12,20,.3); box-shadow: 0 8px 20px -12px rgba(10,12,20,.3); } html[data-theme="light"] .button-primary { box-shadow: 0 14px 34px -10px rgba(130,87,255,.45), inset 0 1px 0 rgba(255,255,255,.16); } html[data-theme="light"] input, html[data-theme="light"] textarea, html[data-theme="light"] select { background: #ffffff; color: var(--text); border-color: rgba(10,12,20,.16); } html[data-theme="light"] select option { background: #ffffff; color: var(--text); } html[data-theme="light"] ::placeholder { color: #7a8292; } html[data-theme="light"] .sticky-cta, html[data-theme="light"] .back-to-top { background: rgba(255,255,255,.92); border-color: rgba(10,12,20,.12); color: var(--text); box-shadow: var(--shadow-float); } html[data-theme="light"] .sticky-cta:hover { background: #ffffff; border-color: var(--purple); } html[data-theme="light"] .lead-popup { background: #ffffff; box-shadow: var(--shadow-float); } html[data-theme="light"] .lead-popup-close { background: rgba(10,12,20,.04); } html[data-theme="light"] .video-embed-play { border-color: rgba(255,255,255,.4); } /* ---------- Cards and surfaces (site.css) ------------------------------------------------------- */ html[data-theme="light"] :is(.pillar, .service, .stack-card, .faq-item, .contact-card, .eco, .category-nav-chip, .tag, .legal-note, .legal-toc, .error-paths a, .impact-chart-card, .partner-point, .partner-step, .tier-card, .timeline-step), html[data-theme="light"] body.site-page :is(.pillar, .service, .stack-card, .partner-form-wrap, .investor-form-wrap, .impact-chart-card) { background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] .tag { box-shadow: none; } html[data-theme="light"] .tag:hover, html[data-theme="light"] .eco:hover, html[data-theme="light"] .service:hover, html[data-theme="light"] .stack-card:hover, html[data-theme="light"] body.site-page .impact-chart-card:hover { background: #ffffff; border-color: rgba(10,12,20,.18); } html[data-theme="light"] body.site-page :is(.pillar,.service,.stack-card,.partner-point,.partner-step,.tier-card,.timeline-step):hover { box-shadow: 0 22px 44px -24px rgba(10,12,20,.28), 0 0 0 1px rgba(10,12,20,.04); } html[data-theme="light"] .service::after { background: radial-gradient(circle at 85% 12%, rgba(130,87,255,.08), transparent 45%); } html[data-theme="light"] body.site-page :is(.partner-form-wrap,.investor-form-wrap) .form-group label { color: #3c4452; } html[data-theme="light"] body.site-page :is(.partner-form-wrap,.investor-form-wrap) :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],select,textarea) { background: #ffffff; border-color: rgba(10,12,20,.16); } html[data-theme="light"] body.site-page :is(.partner-form-wrap,.investor-form-wrap) :is(input,select,textarea):hover { border-color: rgba(10,12,20,.3); } html[data-theme="light"] body.site-page :is(.partner-form-wrap,.investor-form-wrap) :is(input,select,textarea):focus-visible { background: #ffffff; } html[data-theme="light"] body.site-page .error-code { background: linear-gradient(180deg, #0b0c14 25%, rgba(11,12,20,.35)); -webkit-background-clip: text; background-clip: text; } html[data-theme="light"] .bg-ambient .bg-dotgrid { background-image: radial-gradient(rgba(10,12,20,.1) 1px, transparent 1.6px); } html[data-theme="light"] #industries::after { background-image: radial-gradient(rgba(10,12,20,.08) 1px, transparent 1px); } html[data-theme="light"] .impact-chart-card .chart-baseline { stroke: rgba(10,12,20,.16); } html[data-theme="light"] body.site-page .impact-chart-card svg { background: linear-gradient(rgba(10,12,20,.07) 1px, transparent 1px) 0 22% / 100% 1px no-repeat, linear-gradient(rgba(10,12,20,.07) 1px, transparent 1px) 0 46% / 100% 1px no-repeat, linear-gradient(rgba(10,12,20,.07) 1px, transparent 1px) 0 70% / 100% 1px no-repeat; } html[data-theme="light"] .mini-bar-track { background: rgba(10,12,20,.06); } html[data-theme="light"] :is(.mini-chart, .mini-bars, .mini-chart-card) { background: #ffffff; box-shadow: var(--shadow-card); } /* Footer */ html[data-theme="light"] body.site-page footer { background: linear-gradient(180deg, transparent, rgba(10,12,20,.025)); } html[data-theme="light"] .sf-mark { background-image: linear-gradient(100deg, rgba(10,12,20,.07) 0 38%, rgba(106,63,230,.45) 50%, rgba(10,12,20,.07) 62% 100%); } html[data-theme="light"] .sf-bottom { color: var(--muted-2); } /* ---------- nx.css: home, services, pricing, industries, website-design, switch ---------------- */ html[data-theme="light"] .nx-hero::before { background: radial-gradient(closest-side, rgba(130,87,255,.16), rgba(130,87,255,.05) 55%, transparent 72%); } html[data-theme="light"] .nx-hero::after, html[data-theme="light"] .nx-glow::after, html[data-theme="light"] .lp-final-panel::after { background-image: linear-gradient(rgba(10,12,20,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(10,12,20,.06) 1px, transparent 1px); } html[data-theme="light"] .nx-eyebrow { background: #ffffff; box-shadow: 0 1px 2px rgba(10,12,20,.05); } html[data-theme="light"] .nx-dot { box-shadow: 0 0 0 4px rgba(106,63,230,.14); } html[data-theme="light"] .nx-kicker { color: var(--purple-light); } /* Floating "evidence" cards over the hero mock-ups become white cards */ html[data-theme="light"] :is(.nx-measure, .nx-panel, .nx-feed, .nx-src, .nx-plead, .nx-rev, .nx-call, .nx-lead) { background: #ffffff; border-color: rgba(10,12,20,.1); box-shadow: var(--shadow-float); } html[data-theme="light"] .nx-lead-back { background: rgba(10,12,20,.04); box-shadow: none; } html[data-theme="light"] .nx-feed-item { background: #f7f8fb; } html[data-theme="light"] .nx-msg.is-them { background: rgba(10,12,20,.06); } html[data-theme="light"] .nx-typing i { background: rgba(10,12,20,.45); } html[data-theme="light"] .nx-src-ic { background: rgba(10,12,20,.06); } html[data-theme="light"] .nx-rail li::before { background: rgba(10,12,20,.18); } html[data-theme="light"] .nx-call-q { background: rgba(10,12,20,.06); } /* Mock-up browser/dashboard frames stay dark; only their drop shadow softens. */ html[data-theme="light"] :is(.nx-browser, .nx-dash-win, .nx-ba-frame, .nx-cf-frame, .nx-serp, .lp-vis-screen, .gh-app) { box-shadow: 0 30px 80px -30px rgba(10,12,20,.4), 0 0 0 1px rgba(10,12,20,.06); } html[data-theme="light"] .nx-proof { background: rgba(10,12,20,.02); } html[data-theme="light"] :is(.nx-scan-field, .nx-optin-form input, .nx-case-form input, .nx-case-form select, .lp-field input, .lp-quick input, .si-field input, .wb-form input, .wb-compose textarea, .wb-join-row input, .wb-ans-form textarea, .cs-compose textarea, .cs-field select, .et-ip-f input, .nr-note textarea) { background: #ffffff; color: var(--text); } html[data-theme="light"] .nx-scan-field { box-shadow: 0 20px 50px -24px rgba(130,87,255,.35), 0 1px 2px rgba(10,12,20,.05); } html[data-theme="light"] :is(.nx-scan-panel, .nx-worth-card, .nx-ins-crawl, .nx-ins-stat, .nx-guarantee-card, .nx-locked-cat, .nx-vis-list li, .nx-pdash-list li, .nx-marquee-track li, .nx-ind-chip, .nx-check, .nx-prog-row, .nx-ctaband-in, .nx-case, .nx-optin, .nx-locked, .nx-viz-sec span) { background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] :is(.nx-ind-chip, .nx-marquee-track li, .nx-check, .nx-prog-row, .nx-vis-list li, .nx-pdash-list li, .nx-viz-sec span) { box-shadow: none; } html[data-theme="light"] .nx-marquee-track li { color: #3c4452; } html[data-theme="light"] .nx-marquee-track li:hover { color: var(--text); background: #ffffff; } html[data-theme="light"] .nx-check.is-info .nx-check-ic { background: rgba(10,12,20,.07); } html[data-theme="light"] .nx-ring-bg, html[data-theme="light"] .nx-dash-line .base, html[data-theme="light"] .nx-crawl-score .t { stroke: rgba(10,12,20,.1); } html[data-theme="light"] .nx-s-line-a { stroke: rgba(10,12,20,.3); } html[data-theme="light"] .nx-s-node circle, html[data-theme="light"] .nx-viz-net circle { fill: #ffffff; stroke: rgba(10,12,20,.3); } html[data-theme="light"] .nx-viz-net .nx-net-l { stroke: rgba(10,12,20,.2); } html[data-theme="light"] .nx-js .nx-viz-sec i { background: rgba(10,12,20,.12); } html[data-theme="light"] .nx-step-dot { background: #f7f8fb; border-color: rgba(10,12,20,.25); } html[data-theme="light"] .nx-path-bg { stroke: rgba(10,12,20,.14); } html[data-theme="light"] .nx-path-steps li.is-on .nx-path-card { background: linear-gradient(160deg, rgba(130,87,255,.12), #ffffff 60%); } html[data-theme="light"] .nx-final-card, html[data-theme="light"] .nx-final-card::after { background: radial-gradient(ellipse 60% 90% at 50% 0%, rgba(130,87,255,.16), transparent 70%), #ffffff; } html[data-theme="light"] .nx-work-tag { background: rgba(10,12,20,.06); } html[data-theme="light"] .nx-cf-btn { background: #ffffff; } html[data-theme="light"] .nx-keep { background: rgba(255,255,255,.9); box-shadow: var(--shadow-float); } html[data-theme="light"] .nx-prog-ic { border-color: rgba(10,12,20,.2); } html[data-theme="light"] .nx-crawl-bar { background: rgba(10,12,20,.08); } html[data-theme="light"] .nx-ins-stat.is-big { background: radial-gradient(120% 120% at 0% 0%, rgba(130,87,255,.12), transparent 60%), #ffffff; } html[data-theme="light"] .nx-ind-guide { color: var(--nx-ink-2); } html[data-theme="light"] .nx-pv-frame { background: #ffffff; } /* ---------- Landing pages (/websites/, /seo/) --------------------------------------------------- */ html[data-theme="light"] :is(.lp-steps, .lp-pk, .lp-form, .lpp-card, .lp-audit-card, .lp-thanks-steps li, .lp-thanks-prep, .lp-live li, .lp-slots, .lp-offer.is-over, .lp-quick-expired, .lp-expired-card, .lp-faq-wrap .nx-faq details, .lpp-badge) { background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] :is(.lp-live li, .lp-slots, .lpp-badge, .lp-faq-wrap .nx-faq details) { box-shadow: none; border-color: rgba(10,12,20,.1); } html[data-theme="light"] .lp-form { box-shadow: 0 30px 70px -40px rgba(130,87,255,.4), var(--shadow-card); } html[data-theme="light"] .lp-sum { background: rgba(10,12,20,.035); } html[data-theme="light"] .lp-pk:hover { box-shadow: 0 30px 60px -30px rgba(10,12,20,.3), 0 0 0 1px rgba(106,63,230,.12); } html[data-theme="light"] .lp-pk-pricebox { background: radial-gradient(120% 140% at 0% 0%, rgba(130,87,255,.12), transparent 55%), #f7f8fb; } html[data-theme="light"] .lp-pk.is-popular .lp-pk-pricebox { background: radial-gradient(120% 140% at 0% 0%, rgba(130,87,255,.2), transparent 60%), #f7f8fb; } html[data-theme="light"] .lp-serp-pos { background: rgba(10,12,20,.06); } html[data-theme="light"] .lp-compare .lp-table-wrap { border-color: rgba(10,12,20,.08); background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] .lp-table tbody tr:hover { background: rgba(10,12,20,.025); } html[data-theme="light"] .lp-final-panel { background: radial-gradient(70% 120% at 50% 0%, rgba(130,87,255,.2), transparent 70%), radial-gradient(60% 90% at 100% 100%, rgba(53,200,255,.1), transparent 70%), #ffffff; box-shadow: var(--shadow-float); } html[data-theme="light"] :is(.lp-modal-box, .lp-prep-box) { background: #ffffff; box-shadow: var(--shadow-float); } html[data-theme="light"] .lp-prep-box { background: radial-gradient(90% 70% at 50% 0%, rgba(130,87,255,.16), transparent 70%), #ffffff; } html[data-theme="light"] .lp-sticky { box-shadow: 0 16px 40px -10px rgba(10,12,20,.35); } html[data-theme="light"] :is(.lp-prep-bar, .lp-stepper-track, .lp-audit-spin) { background: rgba(10,12,20,.08); } html[data-theme="light"] .lp-audit-spin { background: transparent; border-color: rgba(10,12,20,.14); border-top-color: var(--purple-light); } html[data-theme="light"] .lp-prep-ic { border-color: rgba(10,12,20,.16); } html[data-theme="light"] .lp-stepper-dot { background: #ffffff; border-color: rgba(10,12,20,.16); } html[data-theme="light"] .lp-offer { background: radial-gradient(120% 90% at 0% 0%, rgba(130,87,255,.16), transparent 60%), #ffffff; box-shadow: 0 0 0 1px rgba(130,87,255,.08), 0 20px 50px -30px rgba(130,87,255,.6); } html[data-theme="light"] .lp-offer::before { background: linear-gradient(100deg, transparent 30%, rgba(130,87,255,.08) 50%, transparent 70%); } html[data-theme="light"] .nx-js .lp-strip .lp-steps-strip.nx-reveal.is-linked.is-in::before { background: rgba(10,12,20,.12); } html[data-theme="light"] .lp-why-grid .nx-guarantee-card:hover { background-color: #ffffff; } /* ---------- Site Intelligence sheet ------------------------------------------------------------- */ html[data-theme="light"] .si-backdrop { background: rgba(10,12,20,.45); } html[data-theme="light"] .si-sheet { box-shadow: var(--shadow-float); } html[data-theme="light"] .si-x:hover, html[data-theme="light"] .si-detail-wrap > summary:hover { background: rgba(10,12,20,.06); } html[data-theme="light"] :is(.si-prog, .si-vs-bar) { background: rgba(10,12,20,.08); } html[data-theme="light"] .si-prog::after { background: linear-gradient(90deg, transparent, rgba(10,12,20,.18), transparent); } html[data-theme="light"] .si-stage-ic { border-color: rgba(10,12,20,.2); } html[data-theme="light"] .si-ring-track { stroke: rgba(10,12,20,.09); } html[data-theme="light"] :is(.si-card, .si-score, .si-hl, .si-find, .si-biz, .si-stage, .si-chip, .si-impact) { background: #ffffff; } html[data-theme="light"] :is(.si-card, .si-score, .si-hl, .si-find, .si-biz) { box-shadow: var(--shadow-card); } html[data-theme="light"] .si-actions { background: #ffffff; } /* ---------- Site report / switch page checks ----------------------------------------------------- */ html[data-theme="light"] .sw-seg { background: rgba(10,12,20,.1); } html[data-theme="light"] .sw-seg.is-info { background: rgba(10,12,20,.3); } html[data-theme="light"] :is(.sw-check, .sw-measure) { background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] summary.sw-row-head:hover { background: rgba(10,12,20,.03); } html[data-theme="light"] .sw-measure-bar { background: rgba(10,12,20,.08); } html[data-theme="light"] .sw-measure-bar i::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent); } html[data-theme="light"] .sw-measure-ic { border-color: rgba(10,12,20,.2); } /* ---------- Reviews, chat demo, webinars, work, growth hub, tours ---------------------------------- */ html[data-theme="light"] .etr-stars-base { color: rgba(10,12,20,.14); } html[data-theme="light"] .etr-compact .etr-quote { background: #ffffff; } html[data-theme="light"] :is(.cs-win, .cs-side) { background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] .cs-msg.is-them .cs-bubble { background: rgba(10,12,20,.05); } html[data-theme="light"] .wb-pill { background: #ffffff; } html[data-theme="light"] .wb-card { background: linear-gradient(160deg, rgba(130,87,255,.1), #ffffff 60%); box-shadow: var(--shadow-card); } html[data-theme="light"] .wb-msg { background: #ffffff; border-color: rgba(10,12,20,.08); } html[data-theme="light"] .wb-cta-x:hover { background: rgba(10,12,20,.06); } html[data-theme="light"] .wb-cta { background: rgba(255,255,255,.94); color: var(--text); box-shadow: var(--shadow-float); } html[data-theme="light"] :is(.wk-card, .wk-feature, .wk-cta, .wk-chip) { background: #ffffff; } html[data-theme="light"] :is(.wk-card, .wk-feature, .wk-cta) { box-shadow: var(--shadow-card); } html[data-theme="light"] .wk-chip { color: #3c4452; } html[data-theme="light"] .wk-card:hover, html[data-theme="light"] .wk-card:focus-within { background: #ffffff; } html[data-theme="light"] :is(.gh-node, .gh-w, .gh-feat, .gh-crm, .gh-fv-card) { background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] :is(.gh-base-ic, .gh-range, .gh-insight, .gh-goal-bar, .gh-tabs span, .gh-wk-bar) { background: rgba(10,12,20,.05); } html[data-theme="light"] .gh-grid span::after { border-top-color: rgba(10,12,20,.08); } html[data-theme="light"] .et-tour-card { background: #ffffff; border-color: rgba(10,12,20,.12); box-shadow: var(--shadow-float); } html[data-theme="light"] .et-tour-card::before { background: #ffffff; border-color: rgba(10,12,20,.12); } html[data-theme="light"] .et-tour-dots i { background: rgba(10,12,20,.18); } html[data-theme="light"] .et-tour-btn { background: rgba(10,12,20,.04); border-color: rgba(10,12,20,.14); } html[data-theme="light"] .et-tour-x:hover { background: rgba(10,12,20,.06); } html[data-theme="light"] .et-ip { background: #ffffff; box-shadow: var(--shadow-float); } /* ---------- Spark companion: softer glow on a light page ------------------------------------------- */ html[data-theme="light"] .nx-spark-b svg { filter: drop-shadow(0 2px 6px rgba(130,87,255,.45)); } html[data-theme="light"] .nx-spark.is-small .nx-spark-b svg { filter: drop-shadow(0 2px 5px rgba(130,87,255,.4)); } /* ---------- Lead wizard (/get-started/) ------------------------------------------------------------ */ html[data-theme="light"] .wizard-card { border-color: rgba(10,12,20,.08); background: #ffffff; box-shadow: var(--shadow-float); } html[data-theme="light"] .wizard-progress-track { background: rgba(10,12,20,.08); } html[data-theme="light"] .wizard-progress-label { color: #3c4452; } html[data-theme="light"] .wz-segs i { background: rgba(10,12,20,.1); } html[data-theme="light"] .wz-back:hover, html[data-theme="light"] #wizard-back:hover { background: rgba(10,12,20,.06); } html[data-theme="light"] .wizard-card .option-card { border-color: rgba(10,12,20,.12); background: #ffffff; } html[data-theme="light"] .wizard-card .option-card:hover { border-color: rgba(10,12,20,.26); background: #fbfbfd; } html[data-theme="light"] .wizard-card .option-card:not(.checked):hover { box-shadow: 0 8px 20px -12px rgba(10,12,20,.3); } html[data-theme="light"] .wizard-card .option-card::after, html[data-theme="light"] .wizard-card .option-card > input { border-color: rgba(10,12,20,.3); } html[data-theme="light"] .wizard-card .option-card:not(.option-card-sm):hover > input { border-color: rgba(10,12,20,.5); } html[data-theme="light"] .wizard-card .option-card-sm.checked::after, html[data-theme="light"] .wizard-card .style-example-card.checked::after { box-shadow: 0 0 0 2px #ffffff; } html[data-theme="light"] .wizard-card :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], select, textarea) { background-color: #ffffff; border-color: rgba(10,12,20,.16); color: var(--text); } html[data-theme="light"] .wizard-card select:hover { border-color: rgba(10,12,20,.3); } html[data-theme="light"] .wizard-card .wizard-nav { border-top-color: rgba(10,12,20,.08); } html[data-theme="light"] .wizard-nav { background: #ffffff; } html[data-theme="light"] .wizard-card .wizard-nav .button-primary:disabled, html[data-theme="light"] #wizard-next:disabled, html[data-theme="light"] #wizard-submit:disabled { background: rgba(10,12,20,.08); color: #5b6472; } html[data-theme="light"] :is(.wz-rail-card, .wizard-card .review-row, .wizard-card .scope-estimate, .demo-ready-frame-wrap) { background: #ffffff; border-color: rgba(10,12,20,.1); box-shadow: var(--shadow-card); } html[data-theme="light"] .wz-strip li, html[data-theme="light"] .wizard-card .review-edit, html[data-theme="light"] .wizard-enter-hint kbd { background: rgba(10,12,20,.04); border-color: rgba(10,12,20,.14); } html[data-theme="light"] #review-rows .review-row, html[data-theme="light"] #pricing-rows .review-row, html[data-theme="light"] #review-rows .review-group-title { border-bottom-color: rgba(10,12,20,.08); } html[data-theme="light"] .wizard-card #impact-hours-input::-webkit-slider-runnable-track, html[data-theme="light"] .wizard-card #impact-hours-input::-moz-range-track { background: rgba(10,12,20,.14); } html[data-theme="light"] .wizard-card #impact-hours-input::-webkit-slider-thumb, html[data-theme="light"] .wizard-card #impact-hours-input::-moz-range-thumb { border-color: #ffffff; } html[data-theme="light"] :is(#wizard-submit-process, #agreement-generating-process) { background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] .wizard-card .process-sequence-track { background: rgba(10,12,20,.08); } html[data-theme="light"] .wizard-card .process-sequence-track::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent); } html[data-theme="light"] .wizard-card .process-sequence-line::before { background: rgba(10,12,20,.1); } html[data-theme="light"] .wizard-card .process-sequence-line.done { color: #3c4452; } html[data-theme="light"] .wizard-card .process-sequence-icon { border-color: rgba(10,12,20,.2); } /* ---------- Sign page (contracts.css; the page loads no site.css) ------------------------------------ */ html[data-theme="light"] .sign-page { background: radial-gradient(circle at 50% -10%, rgba(130,87,255,.12), transparent 32%), var(--black); color: var(--text); } html[data-theme="light"] :is(.sign-card, .sign-contract .sign-step, .plan-opt, .plan-summary, .plan-items, .plan-next, .doc-toc, .sign-contract .sign-consent, .sign-glance > div, .ds-locked-note, .ds-initials-preview, .sign-seal-card) { background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] :is(.sign-glance > div, .ds-initials-preview, .plan-items, .plan-next, .doc-toc, .sign-contract .sign-consent) { box-shadow: none; } html[data-theme="light"] .sign-page .plan-opt:hover { background: #fbfbfd; } html[data-theme="light"] .sign-document { background: #fbfbfd; border: 1px solid var(--border); } html[data-theme="light"] .sign-page :is(input[type="text"], input[type="email"], input[type="tel"], textarea) { background: #ffffff; color: var(--text); border-color: rgba(10,12,20,.16); } html[data-theme="light"] :is(.sig-preview, .sig-canvas, .sign-contract .sig-canvas, .sig-tab) { background: #ffffff; } html[data-theme="light"] .sig-tab[aria-selected="true"], html[data-theme="light"] .sig-tab.is-active { background: rgba(130,87,255,.1); } html[data-theme="light"] .sign-contract .sig-pad-baseline { border-top-color: rgba(10,12,20,.35); } html[data-theme="light"] .sign-contract .sig-preview::after { background: rgba(10,12,20,.28); } html[data-theme="light"] .sign-print-btn { background: rgba(10,12,20,.04); } html[data-theme="light"] .sign-print-btn:hover { background: rgba(10,12,20,.08); } html[data-theme="light"] .payment-skeleton-row { background: linear-gradient(90deg, rgba(10,12,20,.04) 25%, rgba(10,12,20,.09) 37%, rgba(10,12,20,.04) 63%); } html[data-theme="light"] :is(.sign-redirect-spinner, .sign-contract .sign-btn-spinner, .sign-contract #payment-element-wrap:has(#payment-element[aria-busy="true"]) ~ #paymentSubmit::after) { border-color: rgba(10,12,20,.16); border-top-color: var(--purple); } html[data-theme="light"] :is(.sign-redirect-track, .ds-guide-bar, .sign-rail-step::before, .sign-seal li::before) { background: rgba(10,12,20,.1); } html[data-theme="light"] .sign-rail-step.is-current::before { background: linear-gradient(90deg, var(--purple-light) 50%, rgba(10,12,20,.1) 50%); } html[data-theme="light"] .sign-rail-marker { background: #f7f8fb; } html[data-theme="light"] .ds-dialog { background: #ffffff; color: var(--text); } html[data-theme="light"] .ds-dialog::backdrop { background: rgba(10,12,20,.5); } html[data-theme="light"] .sign-contract .sign-badge { background: rgba(10,12,20,.04); } html[data-theme="light"] .sign-contract .sign-btn:disabled { background: rgba(10,12,20,.06); } html[data-theme="light"] .doc-toc a:hover { background: rgba(10,12,20,.04); } html[data-theme="light"] .sign-seal li i { border-color: rgba(10,12,20,.2); } html[data-theme="light"] .sign-seal li.is-done { color: #3c4452; } html[data-theme="light"] .sign-seal-card { background: radial-gradient(120% 100% at 50% 0%, rgba(130,87,255,.12), transparent 60%), #ffffff; } /* ---------- Batch 2: scopes that redefine tokens, hard-coded light ink, page-inline styles ----- */ html[data-theme="light"] .nx { --nx-line: rgba(10,12,20,.08); --nx-card: #ffffff; --nx-ink-2: #3c4452; --nx-before: #7a8292; --nx-after: #6a3fe6; } html[data-theme="light"] .wizard-step .step-copy, html[data-theme="light"] .wz-rail-hint, html[data-theme="light"] .wz-rail-list li, html[data-theme="light"] .wz-rail ol li, html[data-theme="light"] .wizard-card .wizard-field-hint, html[data-theme="light"] .wizard-moment-go { color: #4b5361; } html[data-theme="light"] .wizard-card .option-card, html[data-theme="light"] .wz-strip li, html[data-theme="light"] .wizard-card .form-group label, html[data-theme="light"] .wizard-card .form-group > label, html[data-theme="light"] .wizard-card .field-label, html[data-theme="light"] .field-label, html[data-theme="light"] .wizard-card .wizard-field-hint a, html[data-theme="light"] .wizard-enter-hint kbd, html[data-theme="light"] .sign-page .field-label, html[data-theme="light"] .si-field label { color: #1f2430; } html[data-theme="light"] .wizard-card .option-card.checked, html[data-theme="light"] .wizard-card .option-card:has(input:checked) { color: var(--text); } html[data-theme="light"] .wizard-card .process-sequence-line.active > span:last-child { background-image: linear-gradient(90deg, #0b0c14 0 38%, var(--purple-light) 50%, #0b0c14 62% 100%); } html[data-theme="light"] .wizard-card .field-error.visible { color: var(--red); } html[data-theme="light"] .wizard-moment { background: #ffffff; box-shadow: var(--shadow-float); } html[data-theme="light"] :is(.wizard-moment-bar, .redirect-timer-track, .process-sequence-track) { background: rgba(10,12,20,.08); } html[data-theme="light"] :is(.style-example-preview, #impact-rate-select, .consent-check) { background: #ffffff; } html[data-theme="light"] .exit-toast { background: #ffffff; box-shadow: var(--shadow-float); } html[data-theme="light"] .exit-toast-close:hover { background: rgba(10,12,20,.06); } html[data-theme="light"] .nx-ba-tag.is-l { background: rgba(255,255,255,.9); color: #1f2430; } html[data-theme="light"] .nx-hub text { fill: #0b0c14; } /* pricing.php */ html[data-theme="light"] :is(.transparency-pill, .pricing-card, .card-range, .tier-card, .timeline-step) { background: #ffffff; } html[data-theme="light"] :is(.pricing-card, .tier-card, .timeline-step) { box-shadow: var(--shadow-card); } html[data-theme="light"] .pr-prog i { background: rgba(10,12,20,.1); } /* about.php */ html[data-theme="light"] .ab-conv-node rect { fill: #ffffff; } html[data-theme="light"] :is(.ab-vs, .ab-split, .ab-badge) { background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] .ab-badge { box-shadow: none; } html[data-theme="light"] :is(.ab-vs-list li, .ab-vs-team, .ab-split li) { background: #f7f8fb; border-color: rgba(10,12,20,.16); } html[data-theme="light"] .ab-range::-webkit-slider-runnable-track { background: linear-gradient(90deg, var(--purple) var(--p), rgba(10,12,20,.12) var(--p)); } html[data-theme="light"] .ab-range::-moz-range-track { background: linear-gradient(90deg, var(--purple) var(--p), rgba(10,12,20,.12) var(--p)); } html[data-theme="light"] .ab-range::-webkit-slider-thumb, html[data-theme="light"] .ab-range::-moz-range-thumb { background: #ffffff; } /* switch.php */ html[data-theme="light"] .sw-form :is(input[type="text"], input[type="email"]) { background: #ffffff; border-color: rgba(10,12,20,.16); } html[data-theme="light"] .sw-form input:hover { border-color: rgba(10,12,20,.3); } html[data-theme="light"] .sw-spinner { border-color: rgba(10,12,20,.14); border-top-color: var(--purple-light); } html[data-theme="light"] :is(.sw-card, .sw-ready li) { background: #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] :is(.sw-diff-head, .sw-peek li) { background: rgba(10,12,20,.04); } html[data-theme="light"] .sw-peek .is-info i { background: rgba(10,12,20,.07); } html[data-theme="light"] .sw-steps li::before { background: #ffffff; } /* index.html, services.php, industries.php, chat-demo.php, website-design.php */ html[data-theme="light"] :is(.ih .ih-chip, .ih .ih-card, .svc-watch li, .ind-pain, .ind-svcs a, .ind-chip, .ind-faq details, .ind-card, .cd-after, .wd-badge, .wd-compare-wrap, .wd-uptime-card, .wd-showcase-card) { background: #ffffff; } html[data-theme="light"] :is(.ih .ih-card, .svc-watch li, .ind-pain, .ind-faq details, .ind-card, .cd-after, .wd-compare-wrap, .wd-uptime-card, .wd-showcase-card) { box-shadow: var(--shadow-card); } html[data-theme="light"] .svc-dot { background: #f7f8fb; } html[data-theme="light"] .svc-rail { background: rgba(10,12,20,.12); } html[data-theme="light"] .svc-js .svc-proc .svc-dot { border-color: rgba(10,12,20,.25); } html[data-theme="light"] .wd-compare-table tbody tr { background: #ffffff; } html[data-theme="light"] .wd-compare-table tbody th { background: rgba(10,12,20,.03); } html[data-theme="light"] .wd-uptime-track { background: rgba(10,12,20,.08); } /* services.php: hub graphic nodes + sticky category bar */ html[data-theme="light"] .nx-hub-n circle { fill: #ffffff; stroke: var(--purple); } html[data-theme="light"] .category-nav.cat-bar { background: rgba(247,248,251,.84); } /* Sign page: the sticky rail, the guide dock, the dialog and the agreement text were still night-coloured */ html[data-theme="light"] .sign-rail-box { background: linear-gradient(180deg, rgba(130,87,255,.08), rgba(130,87,255,0) 140px), #ffffff; box-shadow: var(--shadow-card); } html[data-theme="light"] .sign-rail-facts .is-today { background: rgba(130,87,255,.08); border-color: rgba(106,63,230,.25); } html[data-theme="light"] .ds-guide { background: rgba(255,255,255,.94); box-shadow: 0 -8px 30px -12px rgba(10,12,20,.25); border-top: 1px solid var(--border); } html[data-theme="light"] .ds-dialog, html[data-theme="light"] .ds-dialog > * { background-color: #ffffff; } html[data-theme="light"] .sign-document { color: #1f2430; } html[data-theme="light"] .sign-seal { background: rgba(247,248,251,.86); } html[data-theme="light"] .sign-seal li i { background: #ffffff; } html[data-theme="light"] .nr-note textarea { border-color: rgba(10,12,20,.16); } /* ---- Landing pages (/websites/, /seo/): surfaces the landing stylesheet paints dark ---- */ html[data-theme="light"] .lp-top { background: rgba(247,248,251,.88); box-shadow: 0 1px 0 rgba(10,12,20,.06), 0 12px 32px -24px rgba(10,12,20,.25); } html[data-theme="light"] .lp-hero-price b, html[data-theme="light"] .lp-live-n { background: none; -webkit-background-clip: initial; background-clip: initial; -webkit-text-fill-color: #0b0c14; color: #0b0c14; } html[data-theme="light"] .lp-offer-u b { background: #fff; color: #0b0c14; border-color: rgba(106,63,230,.35); box-shadow: 0 1px 2px rgba(10,12,20,.06), inset 0 1px 0 rgba(255,255,255,.9); } html[data-theme="light"] .lp-offer-u b.is-flip { color: #6a3fe6; } html[data-theme="light"] .lp-offer-c, html[data-theme="light"] .lp-offer-k { color: #6a3fe6; } html[data-theme="light"] .lp-offer { background: radial-gradient(120% 90% at 0% 0%, rgba(130,87,255,.12), transparent 60%), #fff; border-color: rgba(106,63,230,.3); box-shadow: 0 1px 2px rgba(10,12,20,.05), 0 18px 40px -30px rgba(106,63,230,.5); } html[data-theme="light"] .lp-offer-note, html[data-theme="light"] .lp-offer-sep { color: #5b6472; } html[data-theme="light"] .lp-live li { background: #fff; border-color: rgba(10,12,20,.1); } html[data-theme="light"] .lp-sticky-cd { color: #fff; } html[data-theme="light"] .lp-steps { background: #fff; border-color: rgba(10,12,20,.08); } html[data-theme="light"] .lp-steps li::before { background: rgba(106,63,230,.12); color: #6a3fe6; } html[data-theme="light"] .lp-tile-was { color: #5b6472; } /* ---- Landing pricing, light (2026-10-14, owner: "pricing is challenging to see") ---- The package cards' big per-day figure was a white→lilac gradient (text clipped to it): invisible on white. The compare table's EpicTech column header was white on pale purple. Both now use dark ink / darkened purple. */ html[data-theme="light"] .lp-pk-pricebox .lp-pk-price b { background: linear-gradient(180deg, #0b0c14 35%, #4a2bc9); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; } html[data-theme="light"] .lp-pk-pricebox { background: radial-gradient(120% 140% at 0% 0%, rgba(130,87,255,.14), transparent 55%), #faf9ff; border-color: rgba(106,63,230,.22); } html[data-theme="light"] .lp-pk.is-popular .lp-pk-pricebox { background: radial-gradient(120% 140% at 0% 0%, rgba(130,87,255,.22), transparent 60%), #f8f6ff; border-color: rgba(106,63,230,.35); } html[data-theme="light"] .lp-pk-pricebox .lp-pk-from, html[data-theme="light"] .lp-pk-price-sub { color: #6a3fe6; } html[data-theme="light"] .lp-pk-price-sub b, html[data-theme="light"] .lp-pk-pricebox .lp-pk-day { color: #0b0c14; } html[data-theme="light"] .lp-table thead .is-us { color: #4a2bc9; background: linear-gradient(180deg, rgba(130,87,255,.22), rgba(130,87,255,.12)); border-top-color: rgba(106,63,230,.4); } html[data-theme="light"] .lp-table .is-us { background: linear-gradient(180deg, rgba(130,87,255,.12), rgba(130,87,255,.06)); border-left-color: rgba(106,63,230,.3); border-right-color: rgba(106,63,230,.3); color: #0b0c14; } html[data-theme="light"] .lp-table tbody tr:last-child .is-us { border-bottom-color: rgba(106,63,230,.3); } html[data-theme="light"] .lp-table thead th { color: #5b6472; } html[data-theme="light"] .lp-form .lp-tile .lp-tile-day { color: #0b0c14; } html[data-theme="light"] .lp-form .lp-tile .lp-tile-day small { color: #5b6472; } /* ---- /work/ concept hub, light (2026-10-14, owner: "the sample hub in light mode looks a little off") ---- */ html[data-theme="light"] .wk-honest { color: #5b6472; } html[data-theme="light"] .wk-honest strong { color: #0b0c14; } html[data-theme="light"] .wk-tag-concept { color: #4a2bc9; border-color: rgba(106,63,230,.35); background: rgba(130,87,255,.1); } html[data-theme="light"] .wk-tag-live { color: #0a7a4c; border-color: rgba(10,122,76,.3); background: rgba(62,227,161,.14); } html[data-theme="light"] .wk-card-media { background: #eef0f5; } html[data-theme="light"] .wk-chip[aria-pressed="true"] { background: #0b0c14; color: #fff; border-color: #0b0c14; } /* ---- Home visual pass, light (2026-10-14) ---- */ html[data-theme="light"] .nx-steps li.is-on h3 { color: var(--text); } html[data-theme="light"] .nx-rail li { background: rgba(255,255,255,.88); border-color: rgba(10,12,20,.12); } html[data-theme="light"] .nx-rail li.is-on { background: rgba(130,87,255,.12); border-color: rgba(106,63,230,.45); } html[data-theme="light"] .nx-rail .nx-rail-note { color: #5b6472; } /* ---- Wizard + sign page, light (2026-10-14) ---- */ /* Stepper: the current and completed segments kept their colour (the generic segment rule out-ranked them). */ html[data-theme="light"] .wz-segs i.is-done { background: rgba(106,63,230,.45); } html[data-theme="light"] .wz-segs i.is-cur { background: linear-gradient(90deg, #6a3fe6, #8257ff); box-shadow: 0 0 10px rgba(106,63,230,.3); } html[data-theme="light"] .wizard-card.wz-done .wz-segs i.is-done { background: linear-gradient(90deg, #6a3fe6, #8257ff); } /* Review step: rows are plain bordered boxes; the summary wrapper is invisible (it drew a ghost card behind the group titles). */ html[data-theme="light"] .wizard-card #review-summary { background: none; border: 0; box-shadow: none; } html[data-theme="light"] .wizard-card .review-row { box-shadow: none; border-color: rgba(10,12,20,.1); } html[data-theme="light"] .wizard-promo .promo-bar { border-color: rgba(163,96,10,.3); background: rgba(255,184,77,.1); } html[data-theme="light"] .wizard-promo .promo-bar-timer { background: rgba(163,96,10,.12); } html[data-theme="light"] .wz-rail-card.is-live { box-shadow: 0 0 0 1px rgba(106,63,230,.18), var(--shadow-card); } html[data-theme="light"] .sign-contract .sign-reviews .etr-quote { border-color: rgba(10,12,20,.1); } html[data-theme="light"] .sign-contract .sig-canvas { background: #fbfbfd; } html[data-theme="light"].ds-started .ds-sign-card, html[data-theme="light"] .sign-contract #paymentCard { border-color: rgba(106,63,230,.3); box-shadow: 0 0 0 1px rgba(106,63,230,.08), var(--shadow-card); } html[data-theme="light"] .sign-page .field > label, html[data-theme="light"] .sign-page .ds-dialog label { color: #3c4452; } /* ---- Light sweep wave 2 (2026-10-14): site-wide (every body.site-page page + footer) ---- site.css re-declares --muted-2 #8e97aa on body.site-page, which beat the light token on (2.8:1 on the page). Footer links, the bare