/* ============================================================ AICA — LIGHT THEME OVERRIDES Activated only when is set. Loaded after styles.css. Re-tunes palette + surfaces + shadows for a warm cream background. ============================================================ */ [data-theme="light"] { --bg: #FAFAF7; --surface: #FFFFFF; --surface-2: #F4F2EC; --hairline: rgba(15, 11, 26, 0.06); --hairline-strong: rgba(15, 11, 26, 0.12); --border-accent: rgba(124, 58, 237, 0.22); --text: #0F0B1A; --muted: #52525B; --dim: #71717A; --accent: #7C3AED; --accent-solid: #7C3AED; --accent-grad: linear-gradient(135deg, #7C3AED 0%, #DB2777 100%); --live: #059669; --amber: #D97706; } /* ============================================================ BODY ============================================================ */ [data-theme="light"] body { background: var(--bg); color: var(--text); background-image: radial-gradient(circle at 50% 0%, rgba(124,58,237,0.05) 0%, transparent 40%), radial-gradient(circle at 100% 30%, rgba(219,39,119,0.03) 0%, transparent 30%), radial-gradient(circle at 0% 60%, rgba(99,102,241,0.04) 0%, transparent 30%); } [data-theme="light"] body::before { background-image: radial-gradient(circle, rgba(15,11,26,0.04) 1px, transparent 1.5px); opacity: 0.5; } [data-theme="light"] body::after { background: radial-gradient(circle, rgba(124,58,237,0.06) 0%, rgba(219,39,119,0.025) 30%, transparent 65%); opacity: 0.7; } [data-theme="light"] ::selection { background: rgba(124,58,237,0.20); color: var(--text); } /* ============================================================ NAV ============================================================ */ [data-theme="light"] .nav { background: rgba(250,250,247,0.78); border-bottom: 0.5px solid var(--hairline); } /* AICA wordmark — swap to brand-purple gradient version in light mode. `content: url(...)` actually replaces the rendered img source, so paths resolve relative to this stylesheet (logos/ is sibling). */ [data-theme="light"] .nav-logo img, [data-theme="light"] .footer-brand img { content: url(logos/aica-purple.svg); filter: none; opacity: 1; } [data-theme="light"] .nav-links a, [data-theme="light"] .nav-trigger { color: var(--muted); } [data-theme="light"] .nav-links a:hover, [data-theme="light"] .nav-trigger:hover { color: var(--text); } [data-theme="light"] .nav-item:hover .nav-trigger, [data-theme="light"] .nav-item:focus-within .nav-trigger { color: var(--text); background: rgba(124,58,237,0.06); } [data-theme="light"] .nav-links > a:hover { background: rgba(124,58,237,0.06); } [data-theme="light"] .nav-cta { background: linear-gradient(135deg, #7C3AED 0%, #DB2777 100%); color: white; border: none; box-shadow: 0 4px 14px rgba(124,58,237,0.28); animation: none; } [data-theme="light"] .nav-cta:hover { background: linear-gradient(135deg, #6D28D9 0%, #BE185D 100%); box-shadow: 0 8px 22px rgba(124,58,237,0.40); } [data-theme="light"] .nav-dropdown { background: rgba(255,255,255,0.96); border: 0.5px solid var(--hairline-strong); box-shadow: 0 24px 60px rgba(15,11,26,0.10), 0 0 0 0.5px rgba(15,11,26,0.04); } [data-theme="light"] .nav-dropdown-link:hover { background: rgba(124,58,237,0.05); } [data-theme="light"] .nav-dropdown-icon { background: rgba(124,58,237,0.08); border: 0.5px solid rgba(124,58,237,0.18); color: var(--accent); } [data-theme="light"] .nav-dropdown-title { color: var(--text); } [data-theme="light"] .nav-dropdown-desc { color: var(--muted); } [data-theme="light"] .nav-dropdown-foot { background: rgba(244,242,236,0.7); border-top: 0.5px solid var(--hairline); } [data-theme="light"] .nav-dropdown-foot-meta { color: var(--dim); } [data-theme="light"] .nav-dropdown-foot a { color: var(--accent); } /* ============================================================ THEME TOGGLE — sits in nav-actions, before the Book a demo CTA ============================================================ */ .theme-toggle { display: inline-flex; align-items: center; width: 56px; height: 28px; border-radius: 999px; border: 0.5px solid var(--hairline-strong); background: rgba(255,255,255,0.04); cursor: pointer; position: relative; padding: 2px; transition: background 0.25s, border-color 0.25s; margin-right: 12px; flex-shrink: 0; } .theme-toggle:hover { border-color: var(--border-accent); background: rgba(168,85,247,0.06); } .theme-toggle-thumb { position: absolute; top: 2px; left: 2px; width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg, #C084FC 0%, #F472B6 100%); box-shadow: 0 2px 6px rgba(168,85,247,0.30), 0 0 0 0.5px rgba(255,255,255,0.10) inset; transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s; display: flex; align-items: center; justify-content: center; color: white; } [data-theme="light"] .theme-toggle-thumb { transform: translateX(28px); background: linear-gradient(135deg, #FCD34D 0%, #F97316 100%); box-shadow: 0 2px 6px rgba(249,115,22,0.30), 0 0 0 0.5px rgba(255,255,255,0.20) inset; } .theme-toggle-thumb svg { width: 13px; height: 13px; display: block; } .theme-toggle .icon-sun { display: none; } .theme-toggle .icon-moon { display: block; } [data-theme="light"] .theme-toggle .icon-sun { display: block; } [data-theme="light"] .theme-toggle .icon-moon { display: none; } [data-theme="light"] .theme-toggle { border-color: var(--hairline-strong); background: rgba(15,11,26,0.04); } [data-theme="light"] .theme-toggle:hover { border-color: rgba(124,58,237,0.30); background: rgba(124,58,237,0.06); } /* ============================================================ HERO ============================================================ */ [data-theme="light"] .hero { background: radial-gradient(ellipse 1200px 600px at 50% -10%, rgba(124,58,237,0.10) 0%, rgba(219,39,119,0.05) 30%, transparent 70%), radial-gradient(ellipse 800px 500px at 100% 80%, rgba(99,102,241,0.07) 0%, transparent 60%), radial-gradient(ellipse 700px 400px at 0% 70%, rgba(219,39,119,0.05) 0%, transparent 60%), var(--bg); } [data-theme="light"] .hero::before { background-image: radial-gradient(circle at 1px 1px, rgba(15,11,26,0.045) 1px, transparent 1px); } [data-theme="light"] .hero-canvas { display: none; } [data-theme="light"] .aurora-a { background: radial-gradient(circle, rgba(124,58,237,0.22) 0%, rgba(219,39,119,0.10) 30%, transparent 65%); opacity: 0.5; } [data-theme="light"] .aurora-b { background: radial-gradient(circle, rgba(99,102,241,0.18) 0%, rgba(124,58,237,0.06) 35%, transparent 70%); opacity: 0.5; } [data-theme="light"] .hero-eyebrow { color: var(--accent); background: rgba(124,58,237,0.08); border: 0.5px solid rgba(124,58,237,0.25); box-shadow: 0 0 24px rgba(124,58,237,0.10), inset 0 0 0 0.5px rgba(255,255,255,0.6); -webkit-text-fill-color: var(--accent); } [data-theme="light"] .hero-eyebrow::before { background: var(--live); box-shadow: 0 0 10px rgba(5,150,105,0.5); } [data-theme="light"] .hero-h1-centered, [data-theme="light"] .hero-line1 { color: var(--text); } [data-theme="light"] .rotating .rw-word { background: linear-gradient(135deg, #7C3AED 0%, #DB2777 60%, #BE185D 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } [data-theme="light"] .hero-sub-centered { color: var(--muted); } [data-theme="light"] .hero-feature-pill { border: 0.5px solid rgba(5,150,105,0.30); background: rgba(5,150,105,0.07); color: var(--text); box-shadow: 0 0 18px rgba(5,150,105,0.06); } [data-theme="light"] .hero-feature-pill-dot { background: var(--live); box-shadow: 0 0 8px rgba(5,150,105,0.5); } /* ============================================================ BUTTONS ============================================================ */ [data-theme="light"] .btn-primary { background: linear-gradient(135deg, #7C3AED 0%, #DB2777 100%); color: white; border: none; box-shadow: 0 8px 24px rgba(124,58,237,0.30), 0 0 0 0.5px rgba(124,58,237,0.40); animation: none; } [data-theme="light"] .btn-primary:hover { background: linear-gradient(135deg, #6D28D9 0%, #BE185D 100%); box-shadow: 0 14px 40px rgba(124,58,237,0.42), 0 0 0 0.5px rgba(124,58,237,0.50); } [data-theme="light"] .btn-link, [data-theme="light"] .hero-cta-secondary { color: var(--text); border-bottom-color: rgba(15,11,26,0.30); opacity: 1; } [data-theme="light"] .btn-link:hover, [data-theme="light"] .hero-cta-secondary:hover { color: var(--accent); border-bottom-color: var(--accent); opacity: 1; } [data-theme="light"] .btn-ghost { background: rgba(15,11,26,0.05); color: var(--text); border: 0.5px solid var(--hairline-strong); } [data-theme="light"] .hero-microcopy-centered, [data-theme="light"] .hero-microcopy { color: var(--dim); } /* ============================================================ HERO STATS ============================================================ */ [data-theme="light"] .hero-stats { border-top: 0.5px solid var(--hairline-strong); } [data-theme="light"] .hero-stat-num { background: linear-gradient(135deg, #0F0B1A 0%, #7C3AED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } [data-theme="light"] .hero-stat-lbl { color: var(--dim); } /* ============================================================ LOGOS STRIP ============================================================ */ [data-theme="light"] .logos { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .logos-line { color: var(--dim); } [data-theme="light"] .logos-marquee::before { background: linear-gradient(90deg, var(--bg), transparent); } [data-theme="light"] .logos-marquee::after { background: linear-gradient(270deg, var(--bg), transparent); } /* Use invert(1) instead of brightness(0) — preserves transparency and safely flips white→black on logos that have non-transparent backgrounds. brightness(0) was collapsing dark logo backgrounds + light strokes into solid black rectangles. */ [data-theme="light"] .logo-pill img { filter: invert(1) hue-rotate(180deg); opacity: 0.70; } [data-theme="light"] .logo-pill:hover img { opacity: 0.95; } /* Color brand logos that we previously forced to monochrome white — flip to monochrome dark with the same approach */ [data-theme="light"] .logo-pill[data-brand="physis"] img, [data-theme="light"] .logo-pill[data-brand="village"] img, [data-theme="light"] .logo-pill[data-brand="string"] img, [data-theme="light"] .logo-pill[data-brand="kreditbee"] img, [data-theme="light"] .logo-pill[data-brand="lc"] img { filter: invert(1) hue-rotate(180deg) brightness(0); } /* ============================================================ AUDIENCE STRIP ============================================================ */ [data-theme="light"] .audience-compact { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .audience-h2 { color: var(--text); } [data-theme="light"] .aud-tabs-row { border: 0.5px solid var(--hairline-strong); background: rgba(255,255,255,0.85); box-shadow: 0 4px 14px rgba(15,11,26,0.05); } [data-theme="light"] .aud-tab { color: var(--muted); } [data-theme="light"] .aud-tab:hover { color: var(--text); background: rgba(124,58,237,0.05); } [data-theme="light"] .aud-tab.active { color: white; background: var(--accent); border: 0.5px solid var(--accent); box-shadow: 0 6px 20px rgba(124,58,237,0.30); } [data-theme="light"] .aud-tab-num { background: rgba(15,11,26,0.04); border: 0.5px solid var(--hairline); color: var(--dim); } [data-theme="light"] .aud-tab.active .aud-tab-num { background: rgba(255,255,255,0.20); color: white; border-color: rgba(255,255,255,0.35); } [data-theme="light"] .aud-panel-wrap.aud-compact .aud-panel { background: radial-gradient(ellipse at top right, rgba(124,58,237,0.04) 0%, transparent 55%), var(--surface); border: 0.5px solid var(--hairline-strong); box-shadow: 0 24px 60px rgba(15,11,26,0.06), 0 0 0 0.5px var(--hairline); } [data-theme="light"] .aud-panel-wrap.aud-compact .aud-panel::before { display: none; } [data-theme="light"] .aud-panel-eye { border: 0.5px solid rgba(124,58,237,0.25); background: rgba(124,58,237,0.06); color: var(--accent); } [data-theme="light"] .aud-panel-eye::before { background: var(--live); box-shadow: 0 0 10px rgba(5,150,105,0.5); } [data-theme="light"] .aud-panel-h { color: var(--text); } [data-theme="light"] .aud-panel-lead { color: var(--muted); } [data-theme="light"] .aud-panel-stat { border: 0.5px solid var(--hairline); background: rgba(244,242,236,0.55); } [data-theme="light"] .aud-panel-stat-num { background: linear-gradient(135deg, #0F0B1A 0%, #7C3AED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } [data-theme="light"] .aud-panel-stat-lbl { color: var(--dim); } [data-theme="light"] .aud-panel-cta { color: var(--text); border-bottom-color: rgba(15,11,26,0.30); } [data-theme="light"] .aud-panel-cta:hover { color: var(--accent); border-bottom-color: var(--accent); } /* ============================================================ SHOWCASE FOLD ============================================================ */ [data-theme="light"] .showcase-fold-eye { background: linear-gradient(90deg, #7C3AED 0%, #DB2777 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } [data-theme="light"] .showcase-fold-h2 { color: var(--text); } [data-theme="light"] .showcase-fold-sub { color: var(--muted); } [data-theme="light"] .sc-tab-card { border: 0.5px solid var(--hairline-strong); background: rgba(255,255,255,0.7); } [data-theme="light"] .sc-tab-card:hover { border-color: rgba(124,58,237,0.25); background: rgba(124,58,237,0.03); } [data-theme="light"] .sc-tab-card.active { border-color: rgba(124,58,237,0.40); background: rgba(124,58,237,0.05); box-shadow: 0 8px 24px rgba(124,58,237,0.10), 0 0 0 0.5px rgba(124,58,237,0.20); } [data-theme="light"] .sc-tab-card.active::before { background: linear-gradient(180deg, #7C3AED 0%, #DB2777 100%); box-shadow: 0 0 10px rgba(124,58,237,0.5); } [data-theme="light"] .sc-tab-card-num { background: rgba(15,11,26,0.04); border: 0.5px solid var(--hairline); color: var(--dim); } [data-theme="light"] .sc-tab-card.active .sc-tab-card-num { background: rgba(124,58,237,0.12); color: var(--accent); border-color: rgba(124,58,237,0.30); } [data-theme="light"] .sc-tab-card-title { color: var(--muted); } [data-theme="light"] .sc-tab-card.active .sc-tab-card-title { color: var(--text); } [data-theme="light"] .sc-tab-card-desc { color: var(--dim); } [data-theme="light"] .sc-tab-card.active .sc-tab-card-desc { color: var(--muted); } [data-theme="light"] .sc-fold-cta-link { color: var(--text); border-bottom-color: rgba(15,11,26,0.30); } [data-theme="light"] .sc-fold-cta-link:hover { color: var(--accent); border-bottom-color: var(--accent); } [data-theme="light"] .showcase-halo { background: radial-gradient(ellipse at center, rgba(124,58,237,0.10) 0%, transparent 55%); opacity: 0.6; } [data-theme="light"] .showcase { background: linear-gradient(180deg, var(--surface) 0%, #FAFAF7 100%); border: 0.5px solid var(--hairline-strong); box-shadow: 0 32px 80px rgba(15,11,26,0.12), 0 0 0 0.5px rgba(124,58,237,0.10); } [data-theme="light"] .showcase-tabs { background: rgba(244,242,236,0.6); border-bottom: 0.5px solid var(--hairline); } [data-theme="light"] .sc-tab { color: var(--muted); } [data-theme="light"] .sc-tab:hover { color: var(--text); } [data-theme="light"] .sc-tab.active { color: var(--text); border-bottom-color: var(--accent); } [data-theme="light"] .showcase-body::before { background: linear-gradient(90deg, transparent, var(--accent), #DB2777, transparent); opacity: 0.4; } [data-theme="light"] .magic-video-wrap { background: linear-gradient(180deg, #F4F2EC 0%, #EAE6DD 100%); border: 0.5px solid var(--hairline-strong); } [data-theme="light"] .magic-video { background: linear-gradient(180deg, #F4F2EC 0%, #EAE6DD 100%); } [data-theme="light"] .magic-video-card { background: linear-gradient(180deg, #FFFFFF 0%, #F4F2EC 100%); border: 0.5px solid var(--hairline-strong); box-shadow: 0 16px 40px rgba(15,11,26,0.06), 0 0 0 0.5px rgba(124,58,237,0.10); } /* ============================================================ ASK AICA ============================================================ */ [data-theme="light"] .ask-msg.them .ask-bubble { background: rgba(15,11,26,0.04); border: 0.5px solid var(--hairline); color: var(--text); } [data-theme="light"] .ask-msg.aica .ask-bubble { background: linear-gradient(135deg, rgba(124,58,237,0.06) 0%, rgba(219,39,119,0.04) 100%); border: 0.5px solid rgba(124,58,237,0.20); color: var(--text); } [data-theme="light"] .ask-avatar { background: rgba(15,11,26,0.06); color: var(--text); } [data-theme="light"] .ask-msg.aica .ask-avatar { background: var(--accent-grad); color: white; box-shadow: 0 0 12px rgba(124,58,237,0.30); } [data-theme="light"] .ask-bubble .accent { color: var(--accent); } [data-theme="light"] .ask-bubble-meta { color: var(--dim); } [data-theme="light"] .ask-bubble > div[style*="rgba(0,0,0"] { background: rgba(15,11,26,0.04) !important; border: 0.5px solid var(--hairline); } [data-theme="light"] .ask-chart { background: rgba(255,255,255,0.65); border: 0.5px solid var(--hairline-strong); } [data-theme="light"] .ask-chart-bars { border-bottom: 0.5px dashed var(--hairline-strong); } [data-theme="light"] .ask-chart-bars::before { background: linear-gradient(180deg, transparent, rgba(124,58,237,0.30), transparent); } [data-theme="light"] .ask-chart-bar.past { background: linear-gradient(180deg, rgba(15,11,26,0.18) 0%, rgba(15,11,26,0.05) 100%); } [data-theme="light"] .ask-chart-bar.fc { background: linear-gradient(180deg, #A78BFA 0%, #7C3AED 60%, #6D28D9 100%); } [data-theme="light"] .ask-chart-bar.fc.tall { background: linear-gradient(180deg, #EC4899 0%, #A78BFA 60%, #7C3AED 100%); } [data-theme="light"] .ask-chart-bar .bar-val { color: var(--dim); } [data-theme="light"] .ask-chart-bar.fc .bar-val { color: var(--accent); } [data-theme="light"] .ask-chart-bar.fc.tall .bar-val { color: #DB2777; } [data-theme="light"] .ask-chart-labels span, [data-theme="light"] .ask-chart-labels span small, [data-theme="light"] .ask-chart-legend, [data-theme="light"] .ask-chart-legend .legend-meta { color: var(--dim); } [data-theme="light"] .ask-chart-legend .legend-dot.historical { background: rgba(15,11,26,0.20); } [data-theme="light"] .ask-chart-legend .legend-dot.forecast { background: linear-gradient(180deg, #A78BFA, #7C3AED); } [data-theme="light"] .ask-flag { background: rgba(255,255,255,0.70); border: 0.5px solid var(--hairline); } [data-theme="light"] .ask-flag.amber { border-left: 2px solid #D97706; } [data-theme="light"] .ask-flag-tag { color: #B45309; background: rgba(217,119,6,0.10); } [data-theme="light"] .ask-flag-text { color: var(--muted); } [data-theme="light"] .ask-flag-text b { color: var(--text); } [data-theme="light"] .ask-flag-src { color: var(--dim); } [data-theme="light"] .ask-compare { background: rgba(255,255,255,0.70); border: 0.5px solid var(--hairline); } [data-theme="light"] .ask-compare-row { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .ask-compare-row.head { color: var(--dim); background: rgba(124,58,237,0.04); } [data-theme="light"] .ask-compare-row .lbl { color: var(--muted); } [data-theme="light"] .ask-compare-row .val.accent { color: var(--accent); } [data-theme="light"] .ask-compare-row .val.dim { color: var(--muted); } /* ============================================================ CAM DOC ============================================================ */ [data-theme="light"] .cam-doc { background: linear-gradient(180deg, #FFFFFF 0%, #F8F7F4 100%); border: 0.5px solid var(--hairline-strong); box-shadow: 0 24px 60px rgba(15,11,26,0.08), 0 0 0 0.5px rgba(15,11,26,0.04); } [data-theme="light"] .cam-doc-head { background: rgba(244,242,236,0.7); border-bottom: 0.5px solid var(--hairline); color: var(--dim); } [data-theme="light"] .cam-doc-head-title { color: var(--muted); } [data-theme="light"] .cam-doc-head-meta { color: var(--live); } [data-theme="light"] .cam-doc-head-meta::before { background: var(--live); box-shadow: 0 0 8px rgba(5,150,105,0.6); } [data-theme="light"] .cam-doc-titlebar { border-bottom: 0.5px solid var(--hairline); } [data-theme="light"] .cam-doc-eye { color: var(--accent); } [data-theme="light"] .cam-doc-h { color: var(--text); } [data-theme="light"] .cam-doc-sub { color: var(--dim); } [data-theme="light"] .cam-doc-recommend { border: 0.5px solid rgba(5,150,105,0.30); background: rgba(5,150,105,0.06); box-shadow: 0 4px 18px rgba(5,150,105,0.10); } [data-theme="light"] .cam-doc-recommend-dot { background: var(--live); box-shadow: 0 0 10px rgba(5,150,105,0.6); } [data-theme="light"] .cam-doc-recommend-lbl { color: var(--dim); } [data-theme="light"] .cam-doc-recommend-val { color: var(--live); } [data-theme="light"] .cam-doc-term { border: 0.5px solid var(--hairline); background: rgba(244,242,236,0.4); } [data-theme="light"] .cam-doc-term .lbl { color: var(--dim); } [data-theme="light"] .cam-doc-term .val { color: var(--text); } [data-theme="light"] .cam-doc-section-h { color: var(--muted); border-bottom: 0.5px solid var(--hairline); } [data-theme="light"] .cam-doc-section-meta { color: var(--dim); } [data-theme="light"] .cam-doc-row .lbl { color: var(--muted); } [data-theme="light"] .cam-doc-row .val { color: var(--text); } [data-theme="light"] .cam-doc-row .val .up { color: var(--live); } [data-theme="light"] .cam-doc-narrative { color: var(--muted); } [data-theme="light"] .cam-doc-highlight { color: var(--text); background: linear-gradient(135deg, rgba(124,58,237,0.14) 0%, rgba(219,39,119,0.08) 100%); } [data-theme="light"] .cam-doc-foot { border-top: 0.5px dashed var(--hairline); color: var(--dim); } /* ============================================================ PLATFORM, BIG STAT, QUOTE, RECUR, FAQ, SECURITY, FINAL CTA, FOOTER ============================================================ */ [data-theme="light"] .platform { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .platform-glow { opacity: 0.4; } [data-theme="light"] .eyebrow { background: linear-gradient(90deg, #7C3AED 0%, #DB2777 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } [data-theme="light"] .platform-h2, [data-theme="light"] .h2, [data-theme="light"] .h1, [data-theme="light"] .h3 { color: var(--text); } [data-theme="light"] .platform-sub, [data-theme="light"] .lead { color: var(--muted); } [data-theme="light"] .pf-card { background: radial-gradient(ellipse at top right, rgba(124,58,237,0.04) 0%, transparent 50%), var(--surface); border: 0.5px solid var(--hairline-strong); box-shadow: 0 12px 32px rgba(15,11,26,0.05), 0 0 0 0.5px rgba(15,11,26,0.02); } [data-theme="light"] .pf-card:hover { border-color: rgba(124,58,237,0.25); box-shadow: 0 24px 60px rgba(15,11,26,0.08), 0 0 0 0.5px rgba(124,58,237,0.20); transform: translateY(-3px); } [data-theme="light"] .pf-card-num-big { color: rgba(124,58,237,0.18); } [data-theme="light"] .pf-card-num { color: var(--accent); } [data-theme="light"] .pf-card-title { color: var(--text); } [data-theme="light"] .pf-card-body { color: var(--muted); } [data-theme="light"] .pf-card-metric { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .pf-card-metric-num { background: linear-gradient(135deg, #0F0B1A 0%, #7C3AED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } [data-theme="light"] .pf-card-metric-lbl { color: var(--dim); } [data-theme="light"] .pf-card-link { color: var(--accent) !important; } /* On hover the dark stylesheet flips .pf-card-link to white — that becomes invisible on cream. Override to deepen toward pink instead. */ [data-theme="light"] .pf-card:hover .pf-card-link { color: #BE185D !important; } [data-theme="light"] .stat-big { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .stat-big-glow { background: radial-gradient(ellipse, rgba(124,58,237,0.10) 0%, rgba(219,39,119,0.04) 40%, transparent 70%); opacity: 0.6; } [data-theme="light"] .stat-big-num { background: linear-gradient(135deg, #0F0B1A 0%, #7C3AED 60%, #DB2777 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } [data-theme="light"] .stat-big-lbl, [data-theme="light"] .stat-big-sub { color: var(--muted); } [data-theme="light"] .quote { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .quote-mark { color: rgba(124,58,237,0.30); } [data-theme="light"] .quote-text, [data-theme="light"] .quote-by-name { color: var(--text); } [data-theme="light"] .quote-by-role { color: var(--dim); } [data-theme="light"] .quote-avatar { background: rgba(124,58,237,0.10); color: var(--accent); border: 0.5px solid rgba(124,58,237,0.20); } [data-theme="light"] .quote-impact { background: var(--surface); border: 0.5px solid var(--hairline-strong); box-shadow: 0 12px 32px rgba(15,11,26,0.05); } [data-theme="light"] .quote-impact-eye { color: var(--accent); } [data-theme="light"] .quote-impact-stat { border-bottom: 0.5px solid var(--hairline); } [data-theme="light"] .quote-impact-num { color: var(--text); } [data-theme="light"] .quote-impact-num .from { color: var(--dim); } [data-theme="light"] .quote-impact-num .arrow { color: var(--accent); } [data-theme="light"] .quote-impact-lbl { color: var(--dim); } [data-theme="light"] .quote-dot { background: rgba(15,11,26,0.20); } [data-theme="light"] .quote-dot.active { background: var(--accent); } [data-theme="light"] .recur-section { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .recur-glow, [data-theme="light"] .recur-glow-l { opacity: 0.4; } [data-theme="light"] .recur-news-pill { border: 0.5px solid var(--hairline-strong); background: rgba(255,255,255,0.85); color: var(--muted); } [data-theme="light"] .recur-news-pill:hover { color: var(--text); border-color: rgba(124,58,237,0.30); background: rgba(124,58,237,0.04); } [data-theme="light"] .recur-news-text b { color: var(--text); } [data-theme="light"] .recur-news-source { color: var(--dim); border-left: 0.5px solid var(--hairline); } [data-theme="light"] .recur-trust-line { border: 0.5px solid rgba(5,150,105,0.30); background: rgba(5,150,105,0.06); color: #047857; box-shadow: 0 0 18px rgba(5,150,105,0.06); } [data-theme="light"] .recur-trust-line-dot { background: var(--live); box-shadow: 0 0 10px rgba(5,150,105,0.6); } [data-theme="light"] .recur-side-lockup { color: var(--text); } [data-theme="light"] .recur-side-lockup img { filter: brightness(0); opacity: 0.85; } [data-theme="light"] .recur-h2 { color: var(--text); } [data-theme="light"] .recur-lead { color: var(--muted); } [data-theme="light"] .recur-investors-label { color: var(--dim); } [data-theme="light"] .recur-investor { color: var(--text) !important; background: linear-gradient(180deg, #ffffff 0%, #FAF7FF 100%) !important; border: 0.5px solid var(--hairline-strong) !important; } [data-theme="light"] .recur-investor:hover { border-color: rgba(124,58,237,0.40) !important; background: linear-gradient(180deg, rgba(124,58,237,0.04) 0%, #ffffff 100%) !important; } [data-theme="light"] .recur-stats { background: var(--surface); border: 0.5px solid var(--hairline-strong); box-shadow: 0 12px 40px rgba(15,11,26,0.05), 0 0 0 0.5px rgba(15,11,26,0.02); } [data-theme="light"] .recur-stat-row { border-bottom: 0.5px solid var(--hairline); } [data-theme="light"] .recur-stat-num { background: linear-gradient(135deg, #0F0B1A 0%, #7C3AED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } [data-theme="light"] .recur-stat-lbl { color: var(--muted); } [data-theme="light"] .faq { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .faq-glow { opacity: 0.5; } [data-theme="light"] .faq-eye { color: var(--accent); } [data-theme="light"] .faq-h2 { color: var(--text); } [data-theme="light"] .faq-sub { color: var(--muted); } [data-theme="light"] .faq-item { border-bottom: 0.5px solid var(--hairline); } [data-theme="light"] .faq-q { color: var(--text); background: transparent; } [data-theme="light"] .faq-q:hover { color: var(--accent); } [data-theme="light"] .faq-a, [data-theme="light"] .faq-a-inner { color: var(--muted); } [data-theme="light"] .security { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .security-eye { color: var(--accent); } [data-theme="light"] .security-h2 { color: var(--text); } [data-theme="light"] .security-sub { color: var(--muted); } [data-theme="light"] .sec-card { background: var(--surface); border: 0.5px solid var(--hairline-strong); box-shadow: 0 8px 24px rgba(15,11,26,0.04); } [data-theme="light"] .sec-card:hover { border-color: rgba(124,58,237,0.25); box-shadow: 0 16px 40px rgba(15,11,26,0.08); } [data-theme="light"] .sec-icon { color: var(--accent); background: rgba(124,58,237,0.08); border: 0.5px solid rgba(124,58,237,0.18); } [data-theme="light"] .sec-title { color: var(--text); } [data-theme="light"] .sec-body { color: var(--muted); } [data-theme="light"] .final-cta { border-top: 0.5px solid var(--hairline); } [data-theme="light"] .final-cta-glow { background: radial-gradient(ellipse, rgba(124,58,237,0.14) 0%, rgba(219,39,119,0.06) 40%, transparent 70%); opacity: 0.7; } [data-theme="light"] .final-h2 { background: linear-gradient(135deg, #0F0B1A 0%, #7C3AED 60%, #DB2777 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } [data-theme="light"] .final-sub { color: var(--muted); } [data-theme="light"] .footer { border-top: 0.5px solid var(--hairline); background: rgba(244,242,236,0.55); } [data-theme="light"] .footer-logo img { filter: brightness(0); opacity: 0.85; } [data-theme="light"] .footer-tagline { color: var(--muted); } [data-theme="light"] .footer-col h4, [data-theme="light"] .footer-col-h { color: var(--text); } [data-theme="light"] .footer-col a { color: var(--muted); } [data-theme="light"] .footer-col a:hover { color: var(--text); } [data-theme="light"] .footer-meta { color: var(--dim); } [data-theme="light"] .footer-legal a { color: var(--dim); } [data-theme="light"] .footer-legal a:hover { color: var(--text); } [data-theme="light"] .footer-watermark { color: rgba(15,11,26,0.04); } [data-theme="light"] .footer-recur-lockup img { filter: brightness(0); } /* ============================================================ FORMS, TABLES, BLOG CARDS, SUB-HEROES — generic catches ============================================================ */ [data-theme="light"] .sub-hero { background: var(--bg); } [data-theme="light"] .sub-hero-glow { opacity: 0.5; } [data-theme="light"] .breadcrumbs { color: var(--dim); } [data-theme="light"] .breadcrumbs a { color: var(--muted); } [data-theme="light"] .sub-h1, [data-theme="light"] .sub-lead { color: var(--text); } [data-theme="light"] .sub-lead { color: var(--muted); } [data-theme="light"] .post-meta-row { color: var(--dim); } [data-theme="light"] .post-meta-row span.tag { color: var(--accent); } [data-theme="light"] .tag { color: var(--accent); } /* Contact form */ [data-theme="light"] .contact-form { background: var(--surface); border: 0.5px solid var(--hairline-strong); box-shadow: 0 24px 60px rgba(15,11,26,0.06); } [data-theme="light"] .form-row label { color: var(--text) !important; } /* Underline-only inputs in light mode (matches dark) */ [data-theme="light"] .form-row input, [data-theme="light"] .form-row select, [data-theme="light"] .form-row textarea { background: transparent !important; background-color: transparent !important; border: none !important; border-bottom: 1px solid var(--hairline-strong) !important; border-radius: 0 !important; color: var(--text) !important; box-shadow: none !important; } [data-theme="light"] .form-row input::placeholder, [data-theme="light"] .form-row textarea::placeholder { color: var(--dim) !important; opacity: 1; } [data-theme="light"] .form-row input:hover, [data-theme="light"] .form-row select:hover, [data-theme="light"] .form-row textarea:hover { border-bottom-color: var(--accent) !important; background: transparent !important; } [data-theme="light"] .form-row input:focus, [data-theme="light"] .form-row select:focus, [data-theme="light"] .form-row textarea:focus { border: none !important; border-bottom: 2px solid var(--text) !important; background: transparent !important; box-shadow: none !important; padding-bottom: 7px !important; } [data-theme="light"] .form-help { color: var(--muted); } [data-theme="light"] .contact-card-row { border-bottom: 0.5px solid var(--hairline); } [data-theme="light"] .contact-label { color: var(--dim); } [data-theme="light"] .contact-value { color: var(--text); } [data-theme="light"] .contact-value a { color: var(--accent); } /* Blog list cards (blog/index.html) */ [data-theme="light"] .post-card { background: var(--surface); border: 0.5px solid var(--hairline-strong); box-shadow: 0 8px 24px rgba(15,11,26,0.05); } [data-theme="light"] .post-card:hover { border-color: rgba(124,58,237,0.30); box-shadow: 0 16px 40px rgba(15,11,26,0.08); } [data-theme="light"] .post-card-tag { color: var(--accent); } [data-theme="light"] .post-card-title { color: var(--text); } [data-theme="light"] .post-card-body { color: var(--muted); } [data-theme="light"] .post-card-meta { color: var(--dim); } /* Blog post body (six-dimensions etc.) */ [data-theme="light"] .post-body p { color: var(--text); } [data-theme="light"] .post-body strong { color: var(--text); } [data-theme="light"] .post-body h2, [data-theme="light"] .post-body h3 { color: var(--text); } [data-theme="light"] .risk-cell { background: radial-gradient(ellipse at top right, rgba(124,58,237,0.04) 0%, transparent 60%), var(--surface); border: 0.5px solid var(--hairline-strong); box-shadow: 0 4px 12px rgba(15,11,26,0.04); } [data-theme="light"] .risk-cell:hover { border-color: rgba(124,58,237,0.30); box-shadow: 0 12px 32px rgba(15,11,26,0.08); } [data-theme="light"] .risk-cell-num, [data-theme="light"] .risk-cell-sub { color: var(--dim); } [data-theme="light"] .risk-cell-title { color: var(--text); } [data-theme="light"] .risk-cell-icon { color: var(--accent); filter: drop-shadow(0 0 6px rgba(124,58,237,0.15)); } [data-theme="light"] .post-stats { border-top: 0.5px solid var(--hairline-strong); border-bottom: 0.5px solid var(--hairline-strong); } [data-theme="light"] .post-stat { border-right: 0.5px solid var(--hairline); } [data-theme="light"] .post-stat-num { background: linear-gradient(135deg, #0F0B1A 0%, #7C3AED 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } [data-theme="light"] .post-stat-lbl { color: var(--dim); } [data-theme="light"] .dim-card { background: radial-gradient(ellipse at top right, rgba(124,58,237,0.04) 0%, transparent 50%), var(--surface); border: 0.5px solid var(--hairline-strong); box-shadow: 0 8px 24px rgba(15,11,26,0.04); } [data-theme="light"] .dim-card:hover { border-color: rgba(124,58,237,0.25); box-shadow: 0 16px 40px rgba(15,11,26,0.08); } [data-theme="light"] .dim-num { background: rgba(124,58,237,0.10); border: 0.5px solid rgba(124,58,237,0.30); color: var(--accent); } [data-theme="light"] .dim-icon { color: var(--accent); filter: drop-shadow(0 0 6px rgba(124,58,237,0.15)); } [data-theme="light"] .dim-title { color: var(--text); } [data-theme="light"] .dim-card p { color: var(--muted); } [data-theme="light"] .post-quote { background: linear-gradient(90deg, rgba(124,58,237,0.05) 0%, transparent 100%); } [data-theme="light"] .post-quote-mark { color: rgba(124,58,237,0.40); } [data-theme="light"] .post-quote p { color: var(--text); } [data-theme="light"] .post-takeaway { border: 0.5px solid rgba(124,58,237,0.30); background: radial-gradient(ellipse at top right, rgba(124,58,237,0.08) 0%, transparent 60%), var(--surface); box-shadow: 0 16px 48px rgba(15,11,26,0.06); } [data-theme="light"] .post-takeaway p { color: var(--text); } /* ============================================================ CRITICAL FIXES — beat inline