/* ============================================ SENTINEL — Light Theme (site-wide) Applied when data-theme="light" is on ============================================ */ /* ── Floating Theme Toggle Button ───────────────────────── */ .sentinel-theme-toggle { position: fixed; bottom: 1.25rem; right: 1.25rem; z-index: 10000; display: flex; align-items: center; gap: 0.4rem; font-family: var(--f-font-body, 'Inter', sans-serif); font-size: 0.45rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; background: rgba(10,10,14,0.75); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(0,102,204,0.18); padding: 0.4rem 0.85rem; cursor: pointer; transition: all 0.3s ease; color: rgba(232,228,222,0.35); } .sentinel-theme-toggle:hover { border-color: rgba(0,102,204,0.40); color: #4A7FA5; background: rgba(10,10,14,0.9); } .sentinel-theme-toggle__icon { font-size: 0.65rem; line-height: 1; } body[data-theme="light"] .sentinel-theme-toggle { background: rgba(255,255,255,0.8); border-color: rgba(0,102,204,0.22); color: rgba(20,40,60,0.4); box-shadow: 0 2px 12px rgba(0,0,0,0.08); } body[data-theme="light"] .sentinel-theme-toggle:hover { color: #0055BB; border-color: rgba(0,102,204,0.45); background: rgba(255,255,255,0.95); } /* ============================================ SHARED LIGHT OVERRIDES — Page Backgrounds ============================================ */ /* Pages using .ce (consumer-electronics) wrapper */ body[data-theme="light"] .ce { background: #f5f6f8; color: #1a2a3a; } /* Pages using .dark-page body class (fashion, etc.) */ body[data-theme="light"].dark-page { background: #f5f6f8; color: #1a2a3a; } /* Pages using .pr (pricing) wrapper */ body[data-theme="light"] .pr { background: #f5f6f8; color: #1a2a3a; } /* Pages using .ind (industries) wrapper */ body[data-theme="light"] .ind { background: #f5f6f8; color: #1a2a3a; } /* Pages using .ab (about) wrapper */ body[data-theme="light"] .ab { background: #f5f6f8; color: #1a2a3a; } /* Pages using .ct (demo/contact) wrapper */ body[data-theme="light"] .ct { background: #f5f6f8; color: #1a2a3a; } /* Pages using .err (404) wrapper */ body[data-theme="light"] .err { background: #f5f6f8; color: #1a2a3a; } /* ============================================ CE__ PREFIX (Consumer Electronics) ============================================ */ body[data-theme="light"] .ce__header { border-bottom-color: rgba(0,102,204,0.18); background: rgba(245,246,248,0.6); } body[data-theme="light"] .ce__live { color: #0066CC; } body[data-theme="light"] .ce__live::before { background: #0066CC; } body[data-theme="light"] .ce__header-nav a { color: rgba(20,40,60,0.60); } body[data-theme="light"] .ce__header-nav a:hover { color: rgba(20,40,60,0.75); } body[data-theme="light"] .ce__header-nav a.active { color: #0066CC; } body[data-theme="light"] .ce__clock { color: rgba(20,40,60,0.3); } body[data-theme="light"] .ce__hero h1 { color: #1a2a3a; } body[data-theme="light"] .ce__hero h1 em { color: #0055BB; text-shadow: none; } body[data-theme="light"] .ce__hero-label { color: #0066CC; } body[data-theme="light"] .ce__hero-label::before, body[data-theme="light"] .ce__hero-label::after { background: rgba(0,102,204,0.28); } body[data-theme="light"] .ce__hero-desc { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ce__section-label { color: #0066CC; } body[data-theme="light"] .ce__section-label::before, body[data-theme="light"] .ce__section-label::after { background: rgba(0,102,204,0.28); } body[data-theme="light"] .ce__section-title { color: #1a2a3a; } body[data-theme="light"] .ce__section-desc { color: rgba(20,40,60,0.60); } body[data-theme="light"] .ce__panel { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); backdrop-filter: none; } body[data-theme="light"] .ce__panel:hover { border-color: rgba(0,102,204,0.30); box-shadow: 0 8px 32px rgba(0,102,204,0.14); } body[data-theme="light"] .ce__panel::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ce__panel::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ce__panel:hover::before, body[data-theme="light"] .ce__panel:hover::after { border-color: rgba(0,102,204,0.50); } body[data-theme="light"] .ce__panel-label { color: #0055BB; } body[data-theme="light"] .ce__panel-label::after { background: rgba(0,102,204,0.18); } body[data-theme="light"] .ce__panel-title { color: #1a2a3a; } body[data-theme="light"] .ce__panel-text { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ce__program-tag { color: rgba(50,100,140,0.65); } body[data-theme="light"] .ce__segment-tag { color: #0055BB; border-color: rgba(0,102,204,0.28); } body[data-theme="light"] .ce__segment-title { color: #1a2a3a; } body[data-theme="light"] .ce__cta-panel { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); } body[data-theme="light"] .ce__cta-panel:hover { border-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ce__cta-title { color: #1a2a3a; } body[data-theme="light"] .ce__cta-desc { color: rgba(20,40,60,0.60); } body[data-theme="light"] .ce__cta-action { color: #0055BB; border-color: rgba(0,102,204,0.22); } body[data-theme="light"] .ce__cta-panel:hover .ce__cta-action { background: rgba(0,102,204,0.12); border-color: rgba(0,102,204,0.40); } /* CE hero sub-description */ body[data-theme="light"] .ce__hero-sub { color: rgba(20,40,60,0.60); } /* CE threats section */ body[data-theme="light"] .ce__threats { border-color: rgba(0,102,204,0.08); } /* CE programs section */ body[data-theme="light"] .ce__programs { border-color: rgba(0,102,204,0.08); } /* CE segments */ body[data-theme="light"] .ce__segments { border-color: rgba(0,102,204,0.08); } body[data-theme="light"] .ce__status { border-top-color: rgba(0,102,204,0.08); } body[data-theme="light"] .ce__status-ticker { color: rgba(20,40,60,0.25); } body[data-theme="light"] .ce__pulse { background: #47a3ff; } body[data-theme="light"] .ce__status-links a { color: rgba(20,40,60,0.2); } body[data-theme="light"] .ce__status-links a:hover { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ce__status-sep { background: rgba(20,40,60,0.08); } /* Canvas: reduced opacity in light mode */ body[data-theme="light"] .ce__canvas { opacity: 0.3; } /* ============================================ F- PREFIX (Fashion) ============================================ */ body[data-theme="light"] .f-hdr { border-bottom-color: rgba(0,102,204,0.18); background: rgba(245,246,248,0.6); } body[data-theme="light"] .f-hdr__live { color: #0066CC; } body[data-theme="light"] .f-hdr__live::before { background: #0066CC; } body[data-theme="light"] .f-hdr__nav a { color: rgba(20,40,60,0.60); } body[data-theme="light"] .f-hdr__nav a:hover { color: rgba(20,40,60,0.75); } body[data-theme="light"] .f-hdr__nav a.active { color: #0066CC; } body[data-theme="light"] .f-hdr__clock { color: rgba(20,40,60,0.3); } /* Fashion hero */ body[data-theme="light"] .f-hero { background: #f5f6f8 !important; } body[data-theme="light"] .f-hero__pretitle { color: #0066CC !important; } body[data-theme="light"] .f-hero__pretitle::before, body[data-theme="light"] .f-hero__pretitle::after { background: rgba(0,102,204,0.28) !important; } body[data-theme="light"] .f-hero h1 { color: #1a2a3a !important; } body[data-theme="light"] .f-hero h1 em { color: #0055BB !important; } body[data-theme="light"] .f-hero__desc { color: rgba(20,40,60,0.65) !important; } /* Fashion stats bar */ body[data-theme="light"] .f-stats { background: rgba(0,102,204,0.06) !important; border-color: rgba(0,102,204,0.14) !important; } body[data-theme="light"] .f-stat__value { color: #1a2a3a !important; } body[data-theme="light"] .f-stat__label { color: rgba(20,40,60,0.50) !important; } /* Fashion marquee */ body[data-theme="light"] .f-marquee { background: rgba(0,102,204,0.06) !important; border-color: rgba(0,102,204,0.08) !important; } body[data-theme="light"] .f-marquee__track span { color: rgba(20,40,60,0.3) !important; } body[data-theme="light"] .f-marquee__track span:nth-child(even) { color: rgba(50,100,140,0.4) !important; } /* Fashion threat cards */ body[data-theme="light"] .f-threats__header h2 { color: #1a2a3a !important; } body[data-theme="light"] .f-threats__header p { color: rgba(20,40,60,0.65) !important; } body[data-theme="light"] .f-threat { background: rgba(255,255,255,0.7) !important; border-color: rgba(0,102,204,0.18) !important; box-shadow: 0 8px 32px rgba(0,102,204,0.08) !important; } body[data-theme="light"] .f-threat:hover { border-color: rgba(0,102,204,0.30) !important; } body[data-theme="light"] .f-threat__num { color: #0055BB !important; } body[data-theme="light"] .f-threat h3 { color: #1a2a3a !important; } body[data-theme="light"] .f-threat p { color: rgba(20,40,60,0.65) !important; } /* Fashion sections */ body[data-theme="light"] .f-section__label { color: #0066CC !important; } body[data-theme="light"] .f-section__label::before, body[data-theme="light"] .f-section__label::after { background: rgba(0,102,204,0.28) !important; } body[data-theme="light"] .f-section__title { color: #1a2a3a !important; } /* Fashion programs */ body[data-theme="light"] .f-programs { background: transparent !important; } body[data-theme="light"] .f-program { border-color: rgba(0,102,204,0.14) !important; } body[data-theme="light"] .f-program__header { color: #1a2a3a !important; } body[data-theme="light"] .f-program__num { color: #0066CC !important; } body[data-theme="light"] .f-program__toggle { color: rgba(20,40,60,0.50) !important; } body[data-theme="light"] .f-program__body { background: rgba(255,255,255,0.5) !important; } body[data-theme="light"] .f-program__desc { color: rgba(20,40,60,0.65) !important; } body[data-theme="light"] .f-program__features li { color: rgba(20,40,60,0.65) !important; } body[data-theme="light"] .f-program__features li::before { color: #0066CC !important; } /* Fashion statement */ body[data-theme="light"] .f-statement { border-color: rgba(0,102,204,0.14) !important; } body[data-theme="light"] .f-statement blockquote { color: #1a2a3a !important; } body[data-theme="light"] .f-statement blockquote em { color: #0055BB !important; } /* Fashion segments */ body[data-theme="light"] .f-segment { background: rgba(255,255,255,0.7) !important; border-color: rgba(0,102,204,0.18) !important; box-shadow: 0 8px 32px rgba(0,102,204,0.08) !important; } body[data-theme="light"] .f-segment:hover { border-color: rgba(0,102,204,0.30) !important; } body[data-theme="light"] .f-segment__tag { color: #0055BB !important; border-color: rgba(0,102,204,0.28) !important; } body[data-theme="light"] .f-segment h3 { color: #1a2a3a !important; } body[data-theme="light"] .f-segment p { color: rgba(20,40,60,0.65) !important; } /* Fashion contact */ body[data-theme="light"] .f-contact { border-color: rgba(0,102,204,0.14) !important; } body[data-theme="light"] .f-contact__title { color: #1a2a3a !important; } body[data-theme="light"] .f-contact__desc { color: rgba(20,40,60,0.60) !important; } body[data-theme="light"] .f-contact input, body[data-theme="light"] .f-contact textarea, body[data-theme="light"] .f-contact select { background: rgba(255,255,255,0.8) !important; border-color: rgba(0,102,204,0.22) !important; color: #1a2a3a !important; } body[data-theme="light"] .f-contact input::placeholder, body[data-theme="light"] .f-contact textarea::placeholder { color: rgba(20,40,60,0.3) !important; } body[data-theme="light"] .f-contact label { color: rgba(20,40,60,0.65) !important; } /* Fashion footer */ body[data-theme="light"] .f-status { border-top-color: rgba(0,102,204,0.08); } body[data-theme="light"] .f-status__ticker { color: rgba(20,40,60,0.25); } body[data-theme="light"] .f-status__pulse { background: #47a3ff; } body[data-theme="light"] .f-status__links a { color: rgba(20,40,60,0.2); } body[data-theme="light"] .f-status__links a:hover { color: rgba(20,40,60,0.65); } body[data-theme="light"] .f-status__sep { background: rgba(20,40,60,0.08); } /* Grain overlay: hide in light mode */ body[data-theme="light"] .grain { display: none; } /* ============================================ PR__ PREFIX (Pricing) ============================================ */ body[data-theme="light"] .pr__header { border-bottom-color: rgba(0,102,204,0.18); background: rgba(245,246,248,0.6); } body[data-theme="light"] .pr__live { color: #0066CC; } body[data-theme="light"] .pr__live::before { background: #0066CC; } body[data-theme="light"] .pr__header-nav a { color: rgba(20,40,60,0.60); } body[data-theme="light"] .pr__header-nav a:hover { color: rgba(20,40,60,0.75); } body[data-theme="light"] .pr__header-nav a.active { color: #0066CC; } body[data-theme="light"] .pr__clock { color: rgba(20,40,60,0.3); } body[data-theme="light"] .pr__hero-label { color: #0066CC; } body[data-theme="light"] .pr__hero-label::before, body[data-theme="light"] .pr__hero-label::after { background: rgba(0,102,204,0.28); } body[data-theme="light"] .pr__hero-title { color: #1a2a3a; } body[data-theme="light"] .pr__hero-title em { color: #0055BB !important; } body[data-theme="light"] .pr__hero-desc { color: rgba(20,40,60,0.65); } body[data-theme="light"] .pr__metrics { background: rgba(0,102,204,0.06); border-color: rgba(0,102,204,0.14); } body[data-theme="light"] .pr__metrics::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__metrics::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__metric { background: rgba(255,255,255,0.7); } body[data-theme="light"] .pr__metric-value { color: #1a2a3a; } body[data-theme="light"] .pr__metric-value .pr__metric-suffix { color: rgba(50,100,140,0.75); } body[data-theme="light"] .pr__metric-label { color: rgba(20,40,60,0.50); } body[data-theme="light"] .pr__tier { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); } body[data-theme="light"] .pr__tier:hover { border-color: rgba(0,102,204,0.30); box-shadow: 0 8px 32px rgba(0,102,204,0.14); } body[data-theme="light"] .pr__tier::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__tier::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__tier:hover::before, body[data-theme="light"] .pr__tier:hover::after { border-color: rgba(0,102,204,0.50); } body[data-theme="light"] .pr__tier--featured { border-left-color: rgba(0,102,204,0.35); } body[data-theme="light"] .pr__tier--featured:hover { border-left-color: #0055BB; } body[data-theme="light"] .pr__tier-badge { color: #ffffff; background: #0055BB; } body[data-theme="light"] .pr__tier-label { color: #0055BB; } body[data-theme="light"] .pr__tier-label::after { background: rgba(0,102,204,0.18); } body[data-theme="light"] .pr__tier-name { color: #1a2a3a; } body[data-theme="light"] .pr__tier-tagline { color: rgba(20,40,60,0.60); } body[data-theme="light"] .pr__tier-divider { background: rgba(0,102,204,0.12); } body[data-theme="light"] .pr__tier-desc { color: rgba(20,40,60,0.60); } body[data-theme="light"] .pr__includes { color: rgba(50,100,140,0.75); background: rgba(0,102,204,0.06); border-color: rgba(0,102,204,0.12); } body[data-theme="light"] .pr__includes svg { stroke: #0055BB; } body[data-theme="light"] .pr__fgrid-item { border-bottom-color: rgba(0,102,204,0.06); } body[data-theme="light"] .pr__fgrid-item:nth-child(odd) { border-right-color: rgba(0,102,204,0.06); } body[data-theme="light"] .pr__fgrid-item:hover { background: rgba(0,102,204,0.04); } body[data-theme="light"] .pr__fgrid-icon svg { stroke: #0055BB; } body[data-theme="light"] .pr__fgrid-text { color: rgba(20,40,60,0.70); } body[data-theme="light"] .pr__fgrid-text strong { color: rgba(20,40,60,0.75); } body[data-theme="light"] .pr__ideal { border-left-color: rgba(0,102,204,0.30); background: rgba(0,102,204,0.04); } body[data-theme="light"] .pr__ideal-label { color: #0055BB; } body[data-theme="light"] .pr__ideal p { color: rgba(20,40,60,0.60); } body[data-theme="light"] .pr__tier-cta { color: #0055BB; border-color: rgba(0,102,204,0.22); } body[data-theme="light"] .pr__tier-cta:hover { background: rgba(0,102,204,0.08); border-color: rgba(0,102,204,0.40); color: #004499; } body[data-theme="light"] .pr__tier-cta--primary { background: rgba(0,102,204,0.08); border-color: rgba(0,102,204,0.28); } body[data-theme="light"] .pr__tier-cta--primary:hover { background: rgba(0,102,204,0.18); border-color: #0055BB; } body[data-theme="light"] .pr__section-label { color: #0066CC; } body[data-theme="light"] .pr__section-label::before, body[data-theme="light"] .pr__section-label::after { background: rgba(0,102,204,0.28); } body[data-theme="light"] .pr__section-title { color: #1a2a3a; } body[data-theme="light"] .pr__table-wrap { border-color: rgba(0,102,204,0.14); } body[data-theme="light"] .pr__table-wrap::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__table-wrap::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__table thead { background: rgba(0,102,204,0.06); } body[data-theme="light"] .pr__table th { color: rgba(20,40,60,0.65); border-bottom-color: rgba(0,102,204,0.14); } body[data-theme="light"] .pr__table th:first-child { color: #0055BB; } body[data-theme="light"] .pr__table th.pr__table--featured { color: #0055BB; background: rgba(0,102,204,0.08); } body[data-theme="light"] .pr__table td { color: rgba(20,40,60,0.60); border-bottom-color: rgba(0,102,204,0.06); } body[data-theme="light"] .pr__table td:first-child { color: rgba(20,40,60,0.65); } body[data-theme="light"] .pr__table td.pr__table--featured { background: rgba(0,102,204,0.04); color: rgba(20,40,60,0.6); } body[data-theme="light"] .pr__table tbody tr:hover { background: rgba(0,102,204,0.04); } body[data-theme="light"] .pr__table .pr__check { color: #0055BB; } body[data-theme="light"] .pr__table .pr__dash { color: rgba(20,40,60,0.15); } /* Pricing canvas */ body[data-theme="light"] .pr__canvas { opacity: 0.3; } /* Pricing proof cards */ body[data-theme="light"] .pr__proof-card { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); } body[data-theme="light"] .pr__proof-card:hover { border-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__proof-card::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__proof-card::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__proof-stat { color: #1a2a3a; } body[data-theme="light"] .pr__proof-label { color: rgba(20,40,60,0.50); } body[data-theme="light"] .pr__proof-text { color: rgba(20,40,60,0.70); } body[data-theme="light"] .pr__proof-source { color: rgba(50,100,140,0.65); } /* Pricing FAQ */ body[data-theme="light"] .pr__faq-item { border-bottom-color: rgba(0,102,204,0.12); } body[data-theme="light"] .pr__faq-item:first-child { border-top-color: rgba(0,102,204,0.12); } body[data-theme="light"] .pr__faq-trigger { color: rgba(20,40,60,0.7); } body[data-theme="light"] .pr__faq-trigger:hover { color: #1a2a3a; } body[data-theme="light"] .pr__faq-icon { color: #0055BB; } body[data-theme="light"] .pr__faq-panel p { color: rgba(20,40,60,0.70); } /* Pricing CTA section */ body[data-theme="light"] .pr__cta-panel { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); backdrop-filter: none; } body[data-theme="light"] .pr__cta-panel:hover { border-color: rgba(0,102,204,0.30); box-shadow: 0 8px 32px rgba(0,102,204,0.14); } body[data-theme="light"] .pr__cta-panel::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__cta-panel::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .pr__cta-panel--primary { border-left-color: rgba(0,102,204,0.35); } body[data-theme="light"] .pr__cta-panel--primary:hover { border-left-color: #0055BB; } body[data-theme="light"] .pr__cta-label { color: #0055BB; } body[data-theme="light"] .pr__cta-label::after { background: rgba(0,102,204,0.18); } body[data-theme="light"] .pr__cta-title { color: #1a2a3a; } body[data-theme="light"] .pr__cta-text { color: rgba(20,40,60,0.65); } /* Pricing forms */ body[data-theme="light"] .pr__form-label { color: rgba(20,40,60,0.65); } body[data-theme="light"] .pr__form-input { background: rgba(255,255,255,0.6); border-color: rgba(0,102,204,0.18); color: #1a2a3a; } body[data-theme="light"] .pr__form-input::placeholder { color: rgba(20,40,60,0.3); } body[data-theme="light"] .pr__form-input:focus { border-color: rgba(0,102,204,0.40); background: rgba(255,255,255,0.85); } body[data-theme="light"] .pr__form-select { background-color: rgba(255,255,255,0.6); border-color: rgba(0,102,204,0.18); color: #1a2a3a; } body[data-theme="light"] .pr__form-select:focus { border-color: rgba(0,102,204,0.40); background-color: rgba(255,255,255,0.85); } body[data-theme="light"] .pr__form-select option { background: #f5f6f8; color: #1a2a3a; } /* Pricing CTA buttons */ body[data-theme="light"] .pr__cta-btn { color: #0055BB; border-color: rgba(0,102,204,0.22); } body[data-theme="light"] .pr__cta-btn:hover { background: rgba(0,102,204,0.08); border-color: rgba(0,102,204,0.40); color: #004499; } body[data-theme="light"] .pr__cta-btn--primary { background: rgba(0,102,204,0.08); border-color: rgba(0,102,204,0.28); } body[data-theme="light"] .pr__cta-btn--primary:hover { background: rgba(0,102,204,0.18); border-color: #0055BB; } /* Pricing schedule list */ body[data-theme="light"] .pr__schedule-desc li { color: rgba(20,40,60,0.70); border-bottom-color: rgba(0,102,204,0.06); } body[data-theme="light"] .pr__schedule-desc li svg { stroke: #0055BB; } body[data-theme="light"] .pr__schedule-note { color: rgba(20,40,60,0.50); border-top-color: rgba(0,102,204,0.08); } /* Pricing form success */ body[data-theme="light"] .pr__form-success h3 { color: #1a2a3a; } body[data-theme="light"] .pr__form-success p { color: rgba(20,40,60,0.65); } body[data-theme="light"] .pr__form-success-icon { stroke: #0055BB; } /* Pricing status bar */ body[data-theme="light"] .pr__status { border-top-color: rgba(0,102,204,0.08); } body[data-theme="light"] .pr__status-ticker { color: rgba(20,40,60,0.25); } body[data-theme="light"] .pr__pulse { background: #47a3ff; } body[data-theme="light"] .pr__status-links a { color: rgba(20,40,60,0.2); } body[data-theme="light"] .pr__status-links a:hover { color: rgba(20,40,60,0.65); } body[data-theme="light"] .pr__status-sep { background: rgba(20,40,60,0.08); } body[data-theme="light"] .pr__status-copy { color: rgba(20,40,60,0.12); } /* ============================================ IND__ PREFIX (Industries) ============================================ */ body[data-theme="light"] .ind__header { border-bottom-color: rgba(0,102,204,0.18); background: rgba(245,246,248,0.6); } body[data-theme="light"] .ind__live { color: #0066CC; } body[data-theme="light"] .ind__live::before { background: #0066CC; } body[data-theme="light"] .ind__header-nav a { color: rgba(20,40,60,0.60); } body[data-theme="light"] .ind__header-nav a:hover { color: rgba(20,40,60,0.75); } body[data-theme="light"] .ind__header-nav a.active { color: #0066CC; } body[data-theme="light"] .ind__clock { color: rgba(20,40,60,0.3); } body[data-theme="light"] .ind__hero-label { color: #0066CC; } body[data-theme="light"] .ind__hero-label::before, body[data-theme="light"] .ind__hero-label::after { background: rgba(0,102,204,0.28); } body[data-theme="light"] .ind__hero h1 { color: #1a2a3a; } body[data-theme="light"] .ind__hero h1 em { color: #0055BB; text-shadow: none; } body[data-theme="light"] .ind__hero-desc { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ind__section-label { color: #0066CC; } body[data-theme="light"] .ind__section-label::before, body[data-theme="light"] .ind__section-label::after { background: rgba(0,102,204,0.28); } body[data-theme="light"] .ind__section-title { color: #1a2a3a; } body[data-theme="light"] .ind__panel { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); } body[data-theme="light"] .ind__panel:hover { border-color: rgba(0,102,204,0.30); box-shadow: 0 8px 32px rgba(0,102,204,0.14); } body[data-theme="light"] .ind__panel::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ind__panel::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ind__panel-label { color: #0055BB; } body[data-theme="light"] .ind__panel-label::after { background: rgba(0,102,204,0.18); } body[data-theme="light"] .ind__panel-title { color: #1a2a3a; } body[data-theme="light"] .ind__panel-text { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ind__panel-tagline { color: rgba(50,100,140,0.65); } body[data-theme="light"] .ind__panel-action { color: rgba(20,40,60,0.4); } body[data-theme="light"] .ind__panel:hover .ind__panel-action { color: #0055BB; } body[data-theme="light"] .ind__panel-cta { color: #0055BB; border-color: rgba(0,102,204,0.22); } body[data-theme="light"] .ind__panel:hover .ind__panel-cta { background: rgba(0,102,204,0.12); border-color: rgba(0,102,204,0.40); } /* Industries metrics */ body[data-theme="light"] .ind__metrics { background: rgba(0,102,204,0.06); border-color: rgba(0,102,204,0.14); } body[data-theme="light"] .ind__metrics::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ind__metrics::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ind__metric { background: rgba(255,255,255,0.7); } body[data-theme="light"] .ind__metric-value { color: #1a2a3a; } body[data-theme="light"] .ind__metric-label { color: rgba(20,40,60,0.50); } /* Industries CTA */ body[data-theme="light"] .ind__cta-panel { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); } body[data-theme="light"] .ind__cta-panel:hover { border-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ind__cta-title { color: #1a2a3a; } body[data-theme="light"] .ind__cta-action { color: #0055BB; border-color: rgba(0,102,204,0.22); } body[data-theme="light"] .ind__cta-action:hover { background: rgba(0,102,204,0.12); border-color: rgba(0,102,204,0.40); } body[data-theme="light"] .ind__status { border-top-color: rgba(0,102,204,0.08); } body[data-theme="light"] .ind__status-ticker { color: rgba(20,40,60,0.25); } body[data-theme="light"] .ind__pulse { background: #47a3ff; } body[data-theme="light"] .ind__status-links a { color: rgba(20,40,60,0.2); } body[data-theme="light"] .ind__status-links a:hover { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ind__status-sep { background: rgba(20,40,60,0.08); } body[data-theme="light"] .ind__canvas { opacity: 0.3; } /* ============================================ AB__ PREFIX (About) ============================================ */ body[data-theme="light"] .ab__header { border-bottom-color: rgba(0,102,204,0.18); background: rgba(245,246,248,0.6); } body[data-theme="light"] .ab__live { color: #0066CC; } body[data-theme="light"] .ab__live::before { background: #0066CC; } body[data-theme="light"] .ab__header-nav a { color: rgba(20,40,60,0.60); } body[data-theme="light"] .ab__header-nav a:hover { color: rgba(20,40,60,0.75); } body[data-theme="light"] .ab__header-nav a.active { color: #0066CC; } body[data-theme="light"] .ab__clock { color: rgba(20,40,60,0.3); } body[data-theme="light"] .ab__hero-label { color: #0066CC; } body[data-theme="light"] .ab__hero-label::before, body[data-theme="light"] .ab__hero-label::after { background: rgba(0,102,204,0.28); } body[data-theme="light"] .ab__hero h1 { color: #1a2a3a; } body[data-theme="light"] .ab__hero h1 em { color: #0055BB; text-shadow: none; } body[data-theme="light"] .ab__hero-desc { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ab__section-label { color: #0066CC; } body[data-theme="light"] .ab__section-label::before, body[data-theme="light"] .ab__section-label::after { background: rgba(0,102,204,0.28); } body[data-theme="light"] .ab__section-title { color: #1a2a3a; } body[data-theme="light"] .ab__panel { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); } body[data-theme="light"] .ab__panel:hover { border-color: rgba(0,102,204,0.30); box-shadow: 0 8px 32px rgba(0,102,204,0.14); } body[data-theme="light"] .ab__panel::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ab__panel::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ab__panel-label { color: #0055BB; } body[data-theme="light"] .ab__panel-label::after { background: rgba(0,102,204,0.18); } body[data-theme="light"] .ab__panel-title { color: #1a2a3a; } body[data-theme="light"] .ab__panel-text { color: rgba(20,40,60,0.65); } /* About metrics */ body[data-theme="light"] .ab__metrics { background: rgba(0,102,204,0.06); border-color: rgba(0,102,204,0.14); } body[data-theme="light"] .ab__metrics::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ab__metrics::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ab__metric { background: rgba(255,255,255,0.7); } body[data-theme="light"] .ab__metric-value { color: #1a2a3a; } body[data-theme="light"] .ab__metric-label { color: rgba(20,40,60,0.50); } /* About vision */ body[data-theme="light"] .ab__vision { border-color: rgba(0,102,204,0.14); } body[data-theme="light"] .ab__vision-text { color: rgba(20,40,60,0.70); } body[data-theme="light"] .ab__vision-text em { color: #0055BB; } /* About expertise */ body[data-theme="light"] .ab__expertise { border-color: rgba(0,102,204,0.08); } body[data-theme="light"] .ab__expertise-header { color: #1a2a3a; } /* About CTA */ body[data-theme="light"] .ab__cta-panel { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); } body[data-theme="light"] .ab__cta-panel:hover { border-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ab__cta-title { color: #1a2a3a; } body[data-theme="light"] .ab__cta-action { color: #0055BB; border-color: rgba(0,102,204,0.22); } body[data-theme="light"] .ab__cta-action:hover { background: rgba(0,102,204,0.12); border-color: rgba(0,102,204,0.40); } body[data-theme="light"] .ab__status { border-top-color: rgba(0,102,204,0.08); } body[data-theme="light"] .ab__status-ticker { color: rgba(20,40,60,0.25); } body[data-theme="light"] .ab__pulse { background: #47a3ff; } body[data-theme="light"] .ab__status-links a { color: rgba(20,40,60,0.2); } body[data-theme="light"] .ab__status-links a:hover { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ab__status-sep { background: rgba(20,40,60,0.08); } body[data-theme="light"] .ab__canvas { opacity: 0.3; } /* ============================================ CT__ PREFIX (Contact / Demo) ============================================ */ body[data-theme="light"] .ct { background: #f5f6f8; color: #1a2a3a; } body[data-theme="light"] .ct__header { border-bottom-color: rgba(0,102,204,0.18); background: rgba(245,246,248,0.6); } body[data-theme="light"] .ct__live { color: #0066CC; } body[data-theme="light"] .ct__live::before { background: #0066CC; } body[data-theme="light"] .ct__header-nav a { color: rgba(20,40,60,0.60); } body[data-theme="light"] .ct__header-nav a:hover { color: rgba(20,40,60,0.75); } body[data-theme="light"] .ct__header-nav a.active { color: #0066CC; } body[data-theme="light"] .ct__clock { color: rgba(20,40,60,0.3); } body[data-theme="light"] .ct__hero-label { color: #0066CC; } body[data-theme="light"] .ct__hero-label::before, body[data-theme="light"] .ct__hero-label::after { background: rgba(0,102,204,0.28); } body[data-theme="light"] .ct__hero h1 { color: #1a2a3a; } body[data-theme="light"] .ct__hero h1 em { color: #0055BB; text-shadow: none; } body[data-theme="light"] .ct__hero-desc { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ct__panel { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); } body[data-theme="light"] .ct__panel:hover { border-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ct__panel::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ct__panel::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ct__panel-label { color: #0055BB; } body[data-theme="light"] .ct__panel-label::after { background: rgba(0,102,204,0.18); } body[data-theme="light"] .ct__panel-title { color: #1a2a3a; } body[data-theme="light"] .ct__panel-text { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ct__form-label { color: rgba(20,40,60,0.60); } body[data-theme="light"] .ct__form-input, body[data-theme="light"] .ct__form-textarea, body[data-theme="light"] .ct__form-select { background: rgba(255,255,255,0.6); border-color: rgba(0,102,204,0.18); color: #1a2a3a; } body[data-theme="light"] .ct__form-input::placeholder, body[data-theme="light"] .ct__form-textarea::placeholder { color: rgba(20,40,60,0.3); } body[data-theme="light"] .ct__form-input:focus, body[data-theme="light"] .ct__form-textarea:focus, body[data-theme="light"] .ct__form-select:focus { border-color: rgba(0,102,204,0.40); } body[data-theme="light"] .ct__section-label { color: #0066CC; } body[data-theme="light"] .ct__section-title { color: #1a2a3a; } /* Demo metrics */ body[data-theme="light"] .ct__metrics { background: rgba(0,102,204,0.06); border-color: rgba(0,102,204,0.14); } body[data-theme="light"] .ct__metrics::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ct__metrics::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ct__metric { background: rgba(255,255,255,0.7); } body[data-theme="light"] .ct__metric-value { color: #1a2a3a; } body[data-theme="light"] .ct__metric-value .ct__metric-suffix { color: rgba(50,100,140,0.75); } body[data-theme="light"] .ct__metric-label { color: rgba(20,40,60,0.50); } /* Demo contact info */ body[data-theme="light"] .ct__contact-info { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); } body[data-theme="light"] .ct__contact-label { color: rgba(20,40,60,0.4); } body[data-theme="light"] .ct__contact-value { color: #1a2a3a; } body[data-theme="light"] .ct__contact-value a { color: #0055BB; } body[data-theme="light"] .ct__contact-item { border-bottom-color: rgba(0,102,204,0.08); } /* Demo form panel */ body[data-theme="light"] .ct__form-panel { background: rgba(255,255,255,0.7); border-color: rgba(0,102,204,0.18); box-shadow: 0 8px 32px rgba(0,102,204,0.08); } body[data-theme="light"] .ct__form-panel::before { border-top-color: rgba(0,102,204,0.30); border-left-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ct__form-panel::after { border-bottom-color: rgba(0,102,204,0.30); border-right-color: rgba(0,102,204,0.30); } body[data-theme="light"] .ct__form-title { color: #1a2a3a; } body[data-theme="light"] .ct__form-subtitle { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ct__form-header { color: #1a2a3a; } body[data-theme="light"] .ct__form-label { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ct__form-input { background: rgba(255,255,255,0.6); border-color: rgba(0,102,204,0.18); color: #1a2a3a; } body[data-theme="light"] .ct__form-input::placeholder { color: rgba(20,40,60,0.3); } body[data-theme="light"] .ct__form-input:focus { border-color: rgba(0,102,204,0.40); background: rgba(255,255,255,0.85); } body[data-theme="light"] .ct__form-textarea { background: rgba(255,255,255,0.6); border-color: rgba(0,102,204,0.18); color: #1a2a3a; } body[data-theme="light"] .ct__form-textarea::placeholder { color: rgba(20,40,60,0.3); } body[data-theme="light"] .ct__form-textarea:focus { border-color: rgba(0,102,204,0.40); background: rgba(255,255,255,0.85); } body[data-theme="light"] .ct__form-select { background-color: rgba(255,255,255,0.6); border-color: rgba(0,102,204,0.18); color: #1a2a3a; } body[data-theme="light"] .ct__form-select:focus { border-color: rgba(0,102,204,0.40); } body[data-theme="light"] .ct__form-select option { background: #f5f6f8; color: #1a2a3a; } body[data-theme="light"] .ct__form-submit { color: #0055BB; border-color: rgba(0,102,204,0.22); } body[data-theme="light"] .ct__form-submit:hover { background: rgba(0,102,204,0.08); border-color: rgba(0,102,204,0.40); color: #004499; } /* Demo process steps */ body[data-theme="light"] .ct__process { border-color: rgba(0,102,204,0.08); } body[data-theme="light"] .ct__step { border-color: rgba(0,102,204,0.12); } body[data-theme="light"] .ct__step-label { color: #0055BB; } body[data-theme="light"] .ct__step-title { color: #1a2a3a; } body[data-theme="light"] .ct__step-desc { color: rgba(20,40,60,0.65); } /* Demo urgency/notice */ body[data-theme="light"] .ct__urgency { border-color: rgba(0,102,204,0.14); background: rgba(0,102,204,0.04); } body[data-theme="light"] .ct__urgency-option { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ct__notice { color: rgba(20,40,60,0.4); border-color: rgba(0,102,204,0.08); } /* Demo success */ body[data-theme="light"] .ct__success h3 { color: #1a2a3a; } body[data-theme="light"] .ct__success p { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ct__success-icon { stroke: #0055BB; } body[data-theme="light"] .ct__success-steps { border-color: rgba(0,102,204,0.08); } body[data-theme="light"] .ct__success-step { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ct__status { border-top-color: rgba(0,102,204,0.08); } body[data-theme="light"] .ct__status-ticker { color: rgba(20,40,60,0.25); } body[data-theme="light"] .ct__pulse { background: #47a3ff; } body[data-theme="light"] .ct__status-links a { color: rgba(20,40,60,0.2); } body[data-theme="light"] .ct__status-links a:hover { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ct__status-sep { background: rgba(20,40,60,0.08); } body[data-theme="light"] .ct__canvas { opacity: 0.3; } /* ============================================ LEGAL PAGES (ck-, pv-, lg- prefixes) ============================================ */ /* Cookie Policy (ck-) */ body[data-theme="light"] .ck-hdr { border-bottom-color: rgba(0,102,204,0.18); background: rgba(245,246,248,0.6); } body[data-theme="light"] .ck-hdr__live { color: #0066CC; } body[data-theme="light"] .ck-hdr__live::before { background: #0066CC; } body[data-theme="light"] .ck-hdr__nav a { color: rgba(20,40,60,0.60); } body[data-theme="light"] .ck-hdr__nav a:hover { color: rgba(20,40,60,0.75); } body[data-theme="light"] .ck-hdr__clock { color: rgba(20,40,60,0.3); } body[data-theme="light"] .ck-status { border-top-color: rgba(0,102,204,0.08); } body[data-theme="light"] .ck-status__ticker { color: rgba(20,40,60,0.25); } body[data-theme="light"] .ck-status__pulse { background: #47a3ff; } body[data-theme="light"] .ck-status__links a { color: rgba(20,40,60,0.2); } body[data-theme="light"] .ck-status__links a:hover { color: rgba(20,40,60,0.65); } body[data-theme="light"] .ck-status__sep { background: rgba(20,40,60,0.08); } /* Privacy Policy (pv-) */ body[data-theme="light"] .pv-hdr { border-bottom-color: rgba(0,102,204,0.18); background: rgba(245,246,248,0.6); } body[data-theme="light"] .pv-hdr__live { color: #0066CC; } body[data-theme="light"] .pv-hdr__live::before { background: #0066CC; } body[data-theme="light"] .pv-hdr__nav a { color: rgba(20,40,60,0.60); } body[data-theme="light"] .pv-hdr__nav a:hover { color: rgba(20,40,60,0.75); } body[data-theme="light"] .pv-hdr__clock { color: rgba(20,40,60,0.3); } body[data-theme="light"] .pv-status { border-top-color: rgba(0,102,204,0.08); } body[data-theme="light"] .pv-status__ticker { color: rgba(20,40,60,0.25); } body[data-theme="light"] .pv-status__pulse { background: #47a3ff; } body[data-theme="light"] .pv-status__links a { color: rgba(20,40,60,0.2); } body[data-theme="light"] .pv-status__links a:hover { color: rgba(20,40,60,0.65); } body[data-theme="light"] .pv-status__sep { background: rgba(20,40,60,0.08); } /* Terms of Use (lg-) */ body[data-theme="light"] .lg-hdr { border-bottom-color: rgba(0,102,204,0.18); background: rgba(245,246,248,0.6); } body[data-theme="light"] .lg-hdr__live { color: #0066CC; } body[data-theme="light"] .lg-hdr__live::before { background: #0066CC; } body[data-theme="light"] .lg-hdr__nav a { color: rgba(20,40,60,0.60); } body[data-theme="light"] .lg-hdr__nav a:hover { color: rgba(20,40,60,0.75); } body[data-theme="light"] .lg-hdr__clock { color: rgba(20,40,60,0.3); } body[data-theme="light"] .lg-status { border-top-color: rgba(0,102,204,0.08); } body[data-theme="light"] .lg-status__ticker { color: rgba(20,40,60,0.25); } body[data-theme="light"] .lg-status__pulse { background: #47a3ff; } body[data-theme="light"] .lg-status__links a { color: rgba(20,40,60,0.2); } body[data-theme="light"] .lg-status__links a:hover { color: rgba(20,40,60,0.65); } body[data-theme="light"] .lg-status__sep { background: rgba(20,40,60,0.08); } /* Shared legal page content */ body[data-theme="light"] .legal-page { color: #1a2a3a; } body[data-theme="light"] .legal-page__header { color: #1a2a3a; } body[data-theme="light"] .legal-page__title { color: #1a2a3a; } body[data-theme="light"] .legal-content { color: rgba(20,40,60,0.65); } body[data-theme="light"] .legal-content h2 { color: #1a2a3a; } body[data-theme="light"] .legal-content h3 { color: #1a2a3a; } body[data-theme="light"] .legal-content p { color: rgba(20,40,60,0.6); } body[data-theme="light"] .legal-content li { color: rgba(20,40,60,0.6); } body[data-theme="light"] .legal-content a { color: #0055BB; } body[data-theme="light"] .legal-content strong { color: rgba(20,40,60,0.8); } /* ============================================ ERR__ PREFIX (404 Page) ============================================ */ body[data-theme="light"] .err { background: #f5f6f8; color: #1a2a3a; } body[data-theme="light"] .err__header { border-bottom-color: rgba(0,102,204,0.18); background: rgba(245,246,248,0.6); } body[data-theme="light"] .err__live { color: #0066CC; } body[data-theme="light"] .err__live::before { background: #0066CC; } body[data-theme="light"] .err__header-nav a { color: rgba(20,40,60,0.60); } body[data-theme="light"] .err__header-nav a:hover { color: rgba(20,40,60,0.75); } body[data-theme="light"] .err__clock { color: rgba(20,40,60,0.3); } body[data-theme="light"] .err__content h1 { color: #1a2a3a; } body[data-theme="light"] .err__content p { color: rgba(20,40,60,0.65); } body[data-theme="light"] .err__content a { color: #0055BB; } body[data-theme="light"] .err__canvas { opacity: 0.3; } body[data-theme="light"] .err__footer { border-top-color: rgba(0,102,204,0.08); } body[data-theme="light"] .err__copy { color: rgba(20,40,60,0.2); }