/* ============================================================ DealCap USA — Light Theme (v36.32 — Trading Desk White) Applied when is set. Default (no attribute) = dark theme, untouched. Architecture: - Pure white page bg (#ffffff) — Bloomberg/trading-desk premium - Subtle grey cards/raised surfaces (#f8f9fa, #f1f3f5) - Soft grey dividers (#e1e4e8) — never harsh - Brand accents saturated for white bg punch (Round 6 values) - VERDICT tool device (.uw-*) intentionally stays dark — device-on-paper effect - Wordmark SVG flips via theme-aware gradient stops ============================================================ */ /* ---------- Token rework: CSS variables ---------- */ html[data-theme="light"] { --c-ink-950: #ffffff; /* page bg — warm cream */ --c-ink-900: #f8f9fa; /* card bg */ --c-ink-850: #f1f3f5; /* raised surface */ --c-ink-800: #e9ecef; /* deeper raised */ --c-ink-700: #e1e4e8; /* borders / dividers */ --c-ink-600: #c8ccd1; /* strong borders */ --c-ink-500: #6e7681; /* muted text */ --c-ink-400: #57606a; /* secondary text */ --c-ink-300: #3d444c; /* body text muted */ --c-ink-200: #1f2328; /* body text */ --c-ink-100: #0a0c0e; /* headings / strong text */ } /* ---------- Body + ambient layers ---------- */ html[data-theme="light"] body { background: #ffffff; color: #0a0c0e; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Kill dark-mode ambient overlays on white (they read as dirty grain) */ html[data-theme="light"] .scanlines, html[data-theme="light"] .grain, html[data-theme="light"] .vignette { opacity: 0 !important; display: none !important; } /* ---------- Trading desk card treatment ---------- */ /* White bg needs subtle definition between page + cards. Use soft shadow + 1px hairline border. No heavy borders. */ html[data-theme="light"] .bg-ink-900, html[data-theme="light"] .bg-ink-850, html[data-theme="light"] .bg-ink-800 { border-color: #e1e4e8; } /* ---------- Tailwind utility overrides (ink scale) ---------- */ /* Backgrounds */ html[data-theme="light"] .bg-ink-950 { background-color: #ffffff !important; } html[data-theme="light"] .bg-ink-900 { background-color: #f8f9fa !important; } html[data-theme="light"] .bg-ink-850 { background-color: #f1f3f5 !important; } html[data-theme="light"] .bg-ink-800 { background-color: #e9ecef !important; } html[data-theme="light"] .bg-ink-700 { background-color: #e1e4e8 !important; } /* Background opacity variants */ html[data-theme="light"] .bg-ink-950\/90, html[data-theme="light"] .bg-ink-950\/80, html[data-theme="light"] .bg-ink-950\/70 { background-color: rgba(255, 255, 255, 0.92) !important; } html[data-theme="light"] .bg-ink-900\/90, html[data-theme="light"] .bg-ink-900\/80, html[data-theme="light"] .bg-ink-900\/70 { background-color: rgba(248, 249, 250, 0.92) !important; } html[data-theme="light"] .bg-ink-850\/90, html[data-theme="light"] .bg-ink-850\/80, html[data-theme="light"] .bg-ink-850\/70 { background-color: rgba(241, 243, 245, 0.92) !important; } /* Text colors */ html[data-theme="light"] .text-ink-100 { color: #0a0c0e !important; } html[data-theme="light"] .text-ink-200 { color: #1f2328 !important; } html[data-theme="light"] .text-ink-300 { color: #3d444c !important; } html[data-theme="light"] .text-ink-400 { color: #57606a !important; } html[data-theme="light"] .text-ink-500 { color: #6e7681 !important; } html[data-theme="light"] .text-ink-600 { color: #c8ccd1 !important; } html[data-theme="light"] .text-ink-700 { color: #e1e4e8 !important; } /* Borders */ html[data-theme="light"] .border-ink-100 { border-color: #0a0c0e !important; } html[data-theme="light"] .border-ink-200 { border-color: #1f2328 !important; } html[data-theme="light"] .border-ink-300 { border-color: #3d444c !important; } html[data-theme="light"] .border-ink-400 { border-color: #57606a !important; } html[data-theme="light"] .border-ink-500 { border-color: #6e7681 !important; } html[data-theme="light"] .border-ink-600 { border-color: #e1e4e8 !important; } html[data-theme="light"] .border-ink-700 { border-color: #e1e4e8 !important; } html[data-theme="light"] .border-ink-800 { border-color: #e9ecef !important; } /* Border opacity variants */ html[data-theme="light"] .border-ink-700\/60, html[data-theme="light"] .border-ink-700\/50, html[data-theme="light"] .border-ink-600\/60, html[data-theme="light"] .border-ink-600\/50 { border-color: rgba(184, 175, 154, 0.45) !important; } /* ---------- Brand accent darkening for AA on cream ---------- */ /* Amber */ html[data-theme="light"] .text-amber, html[data-theme="light"] .text-amber-DEFAULT { color: #7c3aed !important; } html[data-theme="light"] .text-amber-bright { color: #9d63f3 !important; } html[data-theme="light"] .text-amber-dim { color: #6d28d9 !important; } html[data-theme="light"] .bg-amber, html[data-theme="light"] .bg-amber-DEFAULT { background-color: #7c3aed !important; color: #ffffff !important; } html[data-theme="light"] .border-amber, html[data-theme="light"] .border-amber-DEFAULT { border-color: #7c3aed !important; } /* Teal */ html[data-theme="light"] .text-teal, html[data-theme="light"] .text-teal-DEFAULT { color: #00e639 !important; } html[data-theme="light"] .text-teal-bright { color: #4dff6e !important; } html[data-theme="light"] .text-teal-dim { color: #008f25 !important; } html[data-theme="light"] .bg-teal, html[data-theme="light"] .bg-teal-DEFAULT { background-color: #00e639 !important; color: #ffffff !important; } html[data-theme="light"] .border-teal, html[data-theme="light"] .border-teal-DEFAULT { border-color: #00e639 !important; } /* Violet */ html[data-theme="light"] .text-violet, html[data-theme="light"] .text-violet-DEFAULT { color: #1d9bf0 !important; } html[data-theme="light"] .text-violet-bright { color: #4ab3f5 !important; } html[data-theme="light"] .text-violet-dim { color: #0c7dca !important; } html[data-theme="light"] .bg-violet, html[data-theme="light"] .bg-violet-DEFAULT { background-color: #1d9bf0 !important; color: #ffffff !important; } html[data-theme="light"] .border-violet, html[data-theme="light"] .border-violet-DEFAULT { border-color: #1d9bf0 !important; } /* Selection still readable */ html[data-theme="light"] .selection\:bg-violet::selection, html[data-theme="light"] ::selection { background: #1d9bf0; color: #ffffff; } /* ---------- Hub hero title spans (inline color override) ---------- */ html[data-theme="light"] .hub-hero__title-light { color: #0a0c0e !important; } html[data-theme="light"] .hub-hero__title-amber { color: #7c3aed !important; } html[data-theme="light"] .hub-hero__title-teal { color: #00e639 !important; } html[data-theme="light"] .hub-hero__title-violet{ color: #1d9bf0 !important; } html[data-theme="light"] .hub-hero__tagline { color: #3d444c !important; } html[data-theme="light"] .hub-hero__tagline b { color: #0a0c0e !important; } html[data-theme="light"] .hub-mark-shine { color: #0a0c0e !important; } /* ---------- Wordmark SVG: flip gradient stops ---------- */ /* The hub mark uses url(#dc-shine) gradient — we override it via a sibling gradient targeting the same defs via SVG inheritance. Simpler: directly recolor any svg element that uses currentColor via the .hub-mark-shine class. */ html[data-theme="light"] svg.dc-mark { color: #0a0c0e !important; } html[data-theme="light"] .dc-wm--chrome-amber { filter: grayscale(1) brightness(0.35) !important; } /* ---------- Portal tiles ---------- */ html[data-theme="light"] .portal { background: linear-gradient(180deg, #f8f9fa 0%, #f1f3f5 100%) !important; border-color: #e1e4e8 !important; } html[data-theme="light"] .portal:hover { box-shadow: 0 12px 32px rgba(22, 20, 15, 0.10) !important; border-color: var(--portal-color, #e1e4e8) !important; } /* Portal accent rings adjust */ /* v52: portal accents corrected — amber for Funding, slime for Verdict, blue for Partner. Splash glows pull from secondary color per portal. */ html[data-theme="light"] .portal--amber { --portal-color: #f59e0b; --portal-glow: rgba(139, 92, 246,0.16); } html[data-theme="light"] .portal--teal { --portal-color: #00c233; --portal-glow: rgba(45, 212, 191,0.18); } html[data-theme="light"] .portal--violet { --portal-color: #1d9bf0; --portal-glow: rgba(136, 146, 168,0.18); } /* ---------- Inline gradient overrides (HTML style="…") ---------- */ /* These catch hardcoded dark gradients */ html[data-theme="light"] [style*="rgba(14,17,22"], html[data-theme="light"] [style*="rgba(10,12,16"], html[data-theme="light"] [style*="rgba(8,10,14"], html[data-theme="light"] [style*="rgba(5,6,8"] { background: rgba(248, 249, 250, 0.90) !important; } /* Inline color values */ html[data-theme="light"] [style*="color: #dfe3ec"], html[data-theme="light"] [style*="color:#dfe3ec"] { color: #0a0c0e !important; } html[data-theme="light"] [style*="color: #b5bcc9"], html[data-theme="light"] [style*="color:#b5bcc9"] { color: #1f2328 !important; } html[data-theme="light"] [style*="color: #8892a8"], html[data-theme="light"] [style*="color:#8892a8"] { color: #3d444c !important; } html[data-theme="light"] [style*="color: #5a6478"], html[data-theme="light"] [style*="color:#5a6478"] { color: #57606a !important; } html[data-theme="light"] [style*="color: #ffb020"], html[data-theme="light"] [style*="color:#ffb020"] { color: #7c3aed !important; } html[data-theme="light"] [style*="color: #5eead4"], html[data-theme="light"] [style*="color:#5eead4"] { color: #00e639 !important; } html[data-theme="light"] [style*="color: #b8a4ff"], html[data-theme="light"] [style*="color:#b8a4ff"] { color: #1d9bf0 !important; } /* ---------- FAQ details cards ---------- */ html[data-theme="light"] details, html[data-theme="light"] .partner-faq__item { background: #f8f9fa !important; border-color: #e1e4e8 !important; color: #0a0c0e !important; } html[data-theme="light"] details summary { color: #0a0c0e !important; } html[data-theme="light"] details[open] { background: #f0ebe2 !important; } /* v36.66 — scoped override: VERDICT underwriter console stays dark, so any
inside .verdict-console / .uw-console / .uw-workspace / .uw-card (qualitative signals, deal notes, sections, assumptions, reference) must NOT inherit the cream open-state. Otherwise body text and field hints render white-on-cream and become invisible. */ html[data-theme="light"] .verdict-console details[open], html[data-theme="light"] .uw-console details[open], html[data-theme="light"] .uw-workspace details[open], html[data-theme="light"] .uw-card details[open], html[data-theme="light"] .verdict-console .uw-qual[open], html[data-theme="light"] .verdict-console .uw-notes-wrap[open], html[data-theme="light"] .verdict-console .uw-group[open], html[data-theme="light"] .verdict-console .uw-assumptions[open], html[data-theme="light"] .verdict-console .uw-indref[open], html[data-theme="light"] .uw-workspace .uw-qual[open], html[data-theme="light"] .uw-workspace .uw-notes-wrap[open], html[data-theme="light"] .uw-workspace .uw-group[open], html[data-theme="light"] .uw-workspace .uw-assumptions[open], html[data-theme="light"] .uw-workspace .uw-indref[open] { background: transparent !important; } /* ---------- HUD strip / value tiles ---------- */ html[data-theme="light"] [class*="hud"], html[data-theme="light"] [class*="hub-trust"], html[data-theme="light"] [class*="hub-values"] { border-color: #e1e4e8 !important; } /* ---------- Buttons ---------- */ html[data-theme="light"] button, html[data-theme="light"] .btn, html[data-theme="light"] a[role="button"] { color: inherit; } html[data-theme="light"] [style*="background: #ffb020"], html[data-theme="light"] [style*="background:#ffb020"], html[data-theme="light"] [style*="background: #f59e0b"], html[data-theme="light"] [style*="background:#f59e0b"] { background: #7c3aed !important; color: #ffffff !important; } /* ---------- Form inputs ---------- */ html[data-theme="light"] input, html[data-theme="light"] textarea, html[data-theme="light"] select { background: #ffffff !important; color: #0a0c0e !important; border-color: #e1e4e8 !important; } html[data-theme="light"] input::placeholder, html[data-theme="light"] textarea::placeholder { color: #6e7681 !important; } /* Support modal — stays dark like VERDICT (terminal panel on paper) */ html[data-theme="light"] .support-modal__form input, html[data-theme="light"] .support-modal__form textarea, html[data-theme="light"] .support-modal__form select { background: rgba(14, 30, 36, 0.85) !important; color: #f4faf9 !important; border-color: rgba(94, 234, 212, 0.22) !important; } html[data-theme="light"] .support-modal__form input::placeholder, html[data-theme="light"] .support-modal__form textarea::placeholder { color: rgba(244, 250, 249, 0.35) !important; } html[data-theme="light"] .support-modal__form input:focus, html[data-theme="light"] .support-modal__form textarea:focus { border-color: rgba(94, 234, 212, 0.55) !important; background: rgba(7, 22, 26, 0.9) !important; box-shadow: 0 0 0 3px rgba(94, 234, 212, 0.08) !important; } html[data-theme="light"] .support-modal__actions .btn-ghost { color: rgba(244, 250, 249, 0.75) !important; border-color: rgba(94, 234, 212, 0.28) !important; background: transparent !important; } html[data-theme="light"] .support-modal__actions .btn-ghost:hover { color: #5eead4 !important; border-color: rgba(94, 234, 212, 0.55) !important; background: rgba(94, 234, 212, 0.06) !important; } /* ---------- Drop heavy dark-mode shadows ---------- */ html[data-theme="light"] .shadow-2xl, html[data-theme="light"] .shadow-xl, html[data-theme="light"] .shadow-lg { box-shadow: 0 4px 16px rgba(22, 20, 15, 0.06) !important; } /* ============================================================ VERDICT TOOL — STAYS DARK Design choice: the underwriter device reads as "terminal on paper" ============================================================ */ html[data-theme="light"] .uw-card, html[data-theme="light"] .uw-drawer, html[data-theme="light"] .uw-modal, html[data-theme="light"] .uw-stress, html[data-theme="light"] [class^="uw-"], html[data-theme="light"] [class*=" uw-"] { /* Restore the dark surface that the rest of the page lost */ background-color: #0a0c10 !important; color: #dfe3ec !important; border-color: #252b38 !important; } /* The seam: give the VERDICT tool a clear "device" framing on cream */ html[data-theme="light"] .uw-card { border: 1px solid #e1e4e8 !important; border-radius: 14px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 24px 48px -16px rgba(22, 20, 15, 0.20), 0 8px 16px -8px rgba(22, 20, 15, 0.12) !important; overflow: hidden; } /* Inside the device, restore dark-mode text tokens */ html[data-theme="light"] .uw-card .text-ink-100, html[data-theme="light"] .uw-card .text-ink-200, html[data-theme="light"] .uw-drawer .text-ink-100, html[data-theme="light"] .uw-drawer .text-ink-200 { color: #dfe3ec !important; } html[data-theme="light"] .uw-card .text-ink-300, html[data-theme="light"] .uw-drawer .text-ink-300 { color: #b5bcc9 !important; } html[data-theme="light"] .uw-card .text-ink-400, html[data-theme="light"] .uw-drawer .text-ink-400 { color: #8892a8 !important; } /* Inside the device, restore dark-mode backgrounds */ html[data-theme="light"] .uw-card .bg-ink-950 { background-color: #050608 !important; } html[data-theme="light"] .uw-card .bg-ink-900 { background-color: #0a0c10 !important; } html[data-theme="light"] .uw-card .bg-ink-850 { background-color: #0e1116 !important; } html[data-theme="light"] .uw-card .bg-ink-800 { background-color: #13171f !important; } html[data-theme="light"] .uw-card .bg-ink-700 { background-color: #1a1f2a !important; } html[data-theme="light"] .uw-card .border-ink-700 { border-color: #1a1f2a !important; } html[data-theme="light"] .uw-card .border-ink-600 { border-color: #252b38 !important; } html[data-theme="light"] .uw-card .border-ink-700\/60 { border-color: rgba(26, 31, 42, 0.6) !important; } /* Inside the device, brand accents go BACK to their bright variants */ html[data-theme="light"] .uw-card .text-amber, html[data-theme="light"] .uw-card .text-amber-DEFAULT { color: #ffb020 !important; } html[data-theme="light"] .uw-card .text-teal, html[data-theme="light"] .uw-card .text-teal-DEFAULT { color: #2dd4bf !important; } html[data-theme="light"] .uw-card .text-violet, html[data-theme="light"] .uw-card .text-violet-DEFAULT { color: #b8a4ff !important; } /* Side picker (SIDE A / SIDE B) — part of the tool, stays dark */ html[data-theme="light"] [class*="side-picker"], html[data-theme="light"] .side-card, html[data-theme="light"] [class*="picker__side"] { background: #0a0c10 !important; border-color: #252b38 !important; color: #dfe3ec !important; } /* ============================================================ Footer — light theme ============================================================ */ html[data-theme="light"] footer { background: #f1f3f5 !important; border-top: 1px solid #e1e4e8 !important; color: #3d444c !important; } html[data-theme="light"] footer a { color: #1f2328 !important; } html[data-theme="light"] footer a:hover { color: #1d9bf0 !important; } /* ============================================================ ROUND 2 PATCHES — body copy contrast + wordmark + nav ============================================================ */ /* Hub hero sub-copy — inline-defined classes need explicit override */ html[data-theme="light"] .hub-hero__lede { color: #1f2328 !important; } html[data-theme="light"] .hub-hero__sub { color: #3d444c !important; } html[data-theme="light"] .hub-hero__tagline { color: #3d444c !important; } html[data-theme="light"] .hub-hero__tagline b { color: #0a0c0e !important; } html[data-theme="light"] .hub-hero__eyebrow { color: #3d444c !important; background: rgba(29, 155, 240, 0.08) !important; border-color: rgba(29, 155, 240, 0.20) !important; } /* Sub-copy on partner / verdict / funding heroes (same inline class pattern) */ html[data-theme="light"] [class*="__lede"], html[data-theme="light"] [class*="-lede"], html[data-theme="light"] [class*="__intro"], html[data-theme="light"] [class*="-intro"], html[data-theme="light"] [class*="hero__sub"], html[data-theme="light"] [class*="hero-sub"], html[data-theme="light"] [class*="hero__copy"] { color: #1f2328 !important; } /* ---------- Wordmark dc-shine gradient flip ---------- */ /* Override the inline stops via stronger selector */ html[data-theme="light"] #dc-shine stop:nth-child(1) { stop-color: #1f2328 !important; } html[data-theme="light"] #dc-shine stop:nth-child(2) { stop-color: #0a0c0e !important; } html[data-theme="light"] #dc-shine stop:nth-child(3) { stop-color: #3d444c !important; } /* v55+: clean & flat — no hue/glow on the brand mark in light theme */ html[data-theme="light"] .dc-mark { filter: none !important; } html[data-theme="light"] a:hover .dc-lockup--nav .dc-mark { filter: none !important; } /* The dc-wm wordmark uses CSS background-image with white text — needs filter to ink */ html[data-theme="light"] .dc-wm--chrome-amber, html[data-theme="light"] .dc-wm--dealcap-usa { filter: grayscale(1) brightness(0.18) contrast(1.4) !important; } /* USA / UNDERWRITER / PARTNER sub-lockup pieces */ html[data-theme="light"] .dc-lockup--nav .dc-wm--verdict-underwriter, html[data-theme="light"] .dc-lockup--nav .dc-wm--dealcap-partner { filter: grayscale(1) brightness(0.18) contrast(1.4) !important; } /* ---------- Mobile nav row — was dark bar with light buttons ---------- */ @media (max-width: 1023px) { html[data-theme="light"] .global-nav-mobile { background: rgba(255, 255, 255, 0.96) !important; border-bottom: 1px solid #e1e4e8 !important; } html[data-theme="light"] .global-nav-mobile a { color: #1f2328 !important; background: #ffffff !important; border: 1px solid #e1e4e8 !important; } html[data-theme="light"] .global-nav-mobile a.is-active--amber { color: #7c3aed !important; border-color: #7c3aed !important; background: rgba(124, 58, 237,0.06) !important; } html[data-theme="light"] .global-nav-mobile a.is-active--teal { color: #00e639 !important; border-color: #00e639 !important; background: rgba(0, 230, 57,0.06) !important; } html[data-theme="light"] .global-nav-mobile a.is-active--violet { color: #1d9bf0 !important; border-color: #1d9bf0 !important; background: rgba(29, 155, 240,0.06) !important; } html[data-theme="light"] .global-nav-mobile a.is-active--neutral { color: #0a0c0e !important; border-color: #0a0c0e !important; background: rgba(22,20,15,0.04) !important; } } /* ---------- Desktop nav links (global-nav-links) ---------- */ html[data-theme="light"] .global-nav-links a { color: #3d444c !important; } html[data-theme="light"] .global-nav-links a:hover { color: #0a0c0e !important; } html[data-theme="light"] .global-nav-links a.is-active--amber { color: #7c3aed !important; border-color: rgba(124, 58, 237,0.35) !important; background: rgba(124, 58, 237,0.06) !important; } html[data-theme="light"] .global-nav-links a.is-active--teal { color: #00e639 !important; border-color: rgba(0, 230, 57,0.35) !important; background: rgba(0, 230, 57,0.06) !important; } html[data-theme="light"] .global-nav-links a.is-active--violet { color: #1d9bf0 !important; border-color: rgba(29, 155, 240,0.35) !important; background: rgba(29, 155, 240,0.06) !important; } html[data-theme="light"] .global-nav-links a.is-active--neutral { color: #0a0c0e !important; border-color: rgba(22,20,15,0.25) !important; background: rgba(22,20,15,0.04) !important; } /* ---------- Apply to be a Partner button — fix text contrast ---------- */ /* The button uses violet bg but its text was a darker violet — force pure white */ html[data-theme="light"] .partner-cta-btn, html[data-theme="light"] a[href*="#apply"].partner-cta-btn, html[data-theme="light"] .btn--violet, html[data-theme="light"] [class*="apply-btn"] { background: #1d9bf0 !important; color: #ffffff !important; border-color: #1d9bf0 !important; } html[data-theme="light"] .partner-cta-btn span, html[data-theme="light"] .partner-cta-btn small { color: rgba(255,255,255,0.85) !important; } /* ---------- VERDICT breadcrumb strip ---------- */ html[data-theme="light"] [class*="breadcrumb"], html[data-theme="light"] .verdict-breadcrumb, html[data-theme="light"] nav[aria-label*="breadcrumb" i] { background: #f1f3f5 !important; color: #3d444c !important; border-color: #e1e4e8 !important; } html[data-theme="light"] [class*="breadcrumb"] a, html[data-theme="light"] .verdict-breadcrumb a { color: #1f2328 !important; } /* ---------- Small pill hints (e.g. "HOVER OR TAP FOR DEFINITION") ---------- */ /* These are usually thin pills with teal border and faint text */ html[data-theme="light"] [class*="hint-pill"], html[data-theme="light"] [class*="verdict-hint"], html[data-theme="light"] .dot-hint, html[data-theme="light"] [class*="definition-hint"] { color: #00e639 !important; background: rgba(0, 230, 57, 0.06) !important; border-color: rgba(0, 230, 57, 0.30) !important; } /* Generic: any rounded pill with teal text/border that's faded */ html[data-theme="light"] [class*="pill"] { color: #1f2328 !important; } html[data-theme="light"] [class*="pill"][class*="teal"] { color: #00e639 !important; } html[data-theme="light"] [class*="pill"][class*="amber"] { color: #7c3aed !important; } html[data-theme="light"] [class*="pill"][class*="violet"] { color: #1d9bf0 !important; } /* ---------- VERDICT page § 02 callout (FREE PRO TOOL pill + HOW IT WORKS) ---------- */ html[data-theme="light"] [class*="verdict-eyebrow"], html[data-theme="light"] [class*="verdict-meta"], html[data-theme="light"] [class*="free-pro"] { color: #00e639 !important; border-color: rgba(0, 230, 57, 0.30) !important; } /* ---------- Cross-portal link strip on hub footer ---------- */ html[data-theme="light"] .hub-cross-portals, html[data-theme="light"] [class*="cross-portal"] { color: #1f2328 !important; } html[data-theme="light"] .hub-cross-portals a, html[data-theme="light"] [class*="cross-portal"] a { color: #0a0c0e !important; } /* ---------- Section dividers between cream + dark VERDICT tool ---------- */ /* Smooth the transition with a subtle fade */ html[data-theme="light"] .uw-card { margin-top: 1.5rem; } /* ---------- Generic guarantees on stubborn inline text colors ---------- */ html[data-theme="light"] [style*="color: #dfe3ec"] *, html[data-theme="light"] [style*="color:#dfe3ec"] * { color: inherit; } /* ============================================================ ROUND 3 PATCHES (v36.31) — Verdict-specific contrast fixes ============================================================ */ /* Verdict breadcrumb strip — was dark gray-on-gray, unreadable. Override the bg-ink-950/40 + text-ink-400 + text-ink-100 + text-ink-500 combo. */ html[data-theme="light"] .border-b.border-ink-700\/60.bg-ink-950\/40, html[data-theme="light"] div.bg-ink-950\/40 { background-color: #f8f9fa !important; border-bottom-color: #e1e4e8 !important; } html[data-theme="light"] .bg-ink-950\/40 .text-ink-400 { color: #57606a !important; } html[data-theme="light"] .bg-ink-950\/40 .text-ink-500 { color: #6e7681 !important; } html[data-theme="light"] .bg-ink-950\/40 .text-ink-100 { color: #0a0c0e !important; } html[data-theme="light"] .bg-ink-950\/40 a:hover { color: #00e639 !important; } /* Verdict "HOVER OR TAP for a plain-English definition" pill — term-legend Was teal-on-teal, illegible. Force ink text on a soft cream pill. */ html[data-theme="light"] .term-legend { background-color: #f8f9fa !important; border-color: #e1e4e8 !important; color: #1f2328 !important; } html[data-theme="light"] .term-legend * { color: #1f2328 !important; } html[data-theme="light"] .term-legend__dot { background-color: #00e639 !important; box-shadow: 0 0 0 3px rgba(0, 230, 57,0.15) !important; } /* Verdict "HOW IT WORKS" pill (verdict-hero__how-pill) — teal-on-teal on mobile. Make it a clean dark teal button on cream. */ html[data-theme="light"] .verdict-hero__how-pill { background-color: #00e639 !important; border-color: #00e639 !important; color: #ffffff !important; } html[data-theme="light"] .verdict-hero__how-pill * { color: #ffffff !important; } html[data-theme="light"] .verdict-hero__how-pill svg { stroke: #ffffff !important; } html[data-theme="light"] .verdict-hero__how-pill:hover { background-color: #008f25 !important; border-color: #008f25 !important; } /* Verdict eyebrow (// § 02 · FREE PRO TOOL) — keep teal but ensure border visible */ html[data-theme="light"] .verdict-hero__eyebrow { background-color: rgba(0, 230, 57,0.06) !important; border-color: rgba(0, 230, 57,0.35) !important; color: #00e639 !important; } html[data-theme="light"] .verdict-hero__eyebrow * { color: #00e639 !important; } /* ============================================================ ROUND 4 PATCHES (v36.31) — Comprehensive component sweep Targets: scoped CSS classes that bypassed Tailwind overrides - Partner --p-* token flip (entire partner page) - Index hub-* inline components (portals, values, trust, flow, system) - About-* / pull-quote / FAQ helper components on index - Verdict acc-hero "OPEN MATH" card body text ============================================================ */ /* ============== PARTNER PAGE — token flip ============== */ /* Partner has its own --p-* design tokens scoped to its CSS. Flipping these tokens under data-theme="light" cascades the entire partner page to cream. */ html[data-theme="light"] { --p-bg: #ffffff !important; --p-bg-alt: #f8f9fa !important; --p-bg-elev: #f1f3f5 !important; --p-bg-card: #f8f9fa !important; --p-ink: #0a0c0e !important; --p-ink-dim: #1f2328 !important; --p-ink-muted: #57606a !important; --p-ink-faint: #6e7681 !important; --p-line: rgba(22,20,15,0.10) !important; --p-line-soft: rgba(22,20,15,0.06) !important; --p-line-strong: rgba(22,20,15,0.18) !important; --p-amber: #1d9bf0 !important; --p-amber-soft: rgba(29, 155, 240,0.10) !important; --p-amber-ink: #5b3fc4 !important; --p-violet: #1d9bf0 !important; --p-violet-soft: rgba(29, 155, 240,0.10) !important; --p-violet-ink: #0a0c0e !important; /* v36.43 — partner eyebrows/titles go dark in light theme to drop the violet tint */ --p-teal: #00e639 !important; --p-teal-soft: rgba(0, 230, 57,0.10) !important; --p-rose: #be123c !important; --p-rose-soft: rgba(190,18,60,0.10) !important; --p-green: #15803d !important; --p-red: #b91c1c !important; --p-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 12px 40px -20px rgba(22,20,15,0.20) !important; } /* Override the hardcoded dark backgrounds in partner.css that bypass --p-bg */ html[data-theme="light"] .partner-topbar { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; border-bottom-color: #e1e4e8 !important; } html[data-theme="light"] .partner-footer { background: #f8f9fa !important; border-top-color: #e1e4e8 !important; } /* Body bg fallback for partner — uses --p-bg via inheritance, but the body element may have an explicit background. Force it. */ html[data-theme="light"] body.partner-body, html[data-theme="light"] .partner-body, html[data-theme="light"] [class*="partner-section"] { background-color: #ffffff !important; } /* Partner violet pill text — fix the white-on-light-violet button text */ html[data-theme="light"] .partner-cta-btn, html[data-theme="light"] [class*="apply"] [class*="btn"], html[data-theme="light"] .partner-hero__cta { background-color: #1d9bf0 !important; border-color: #1d9bf0 !important; color: #ffffff !important; } html[data-theme="light"] .partner-cta-btn *, html[data-theme="light"] .partner-hero__cta * { color: #ffffff !important; } /* ============== INDEX HUB COMPONENTS ============== */ /* Hub hero — already partially patched, reinforce */ /* Kill warm radial gradients on white — they tint the page yellow */ html[data-theme="light"] .hub-hero { border-bottom-color: #e1e4e8 !important; background: #ffffff !important; } html[data-theme="light"] .hub-hero::before, html[data-theme="light"] .hub-hero::after { display: none !important; } /* Radial pulse decoration — reads as warm yellow tint on pure white. Kill it. */ html[data-theme="light"] .radial-pulse { background: transparent !important; animation: none !important; } html[data-theme="light"] .hub-hero__title-light { color: #0a0c0e !important; } html[data-theme="light"] .hub-hero__eyebrow { color: #1f2328 !important; background: rgba(29, 155, 240,0.08) !important; border-color: rgba(29, 155, 240,0.35) !important; } html[data-theme="light"] .hub-hero__eyebrow::before { background: #1d9bf0 !important; box-shadow: 0 0 8px rgba(29, 155, 240,0.4) !important; } html[data-theme="light"] .hub-hero__lede { color: #1f2328 !important; } html[data-theme="light"] .hub-hero__sub { color: #3d3830 !important; } html[data-theme="light"] .hub-hero__tagline { color: #57606a !important; } html[data-theme="light"] .hub-hero__tagline b { color: #0a0c0e !important; } /* Portal tiles — flip dark gradient bg + body text */ html[data-theme="light"] .portal { background: linear-gradient(180deg, #f8f9fa 0%, #f1f3f5 100%) !important; border-color: #e1e4e8 !important; } html[data-theme="light"] .portal:hover { box-shadow: 0 18px 50px -20px rgba(22,20,15,0.15) !important; } html[data-theme="light"] .portal__title { color: #0a0c0e !important; } html[data-theme="light"] .portal__copy { color: #1f2328 !important; } /* v36.68 — portal__copy is one-line peek + "More" toggle. Match the fade-out gradient to the card background (light theme — NOT the original dark) so the truncation reads cleanly. The Verdict card is permanently dark so its gradient stays the original dark. */ html[data-theme="light"] .portal--amber .portal__copy::after { background: linear-gradient(90deg, rgba(255,251,242,0), #fffbf2 65%) !important; } html[data-theme="light"] .portal--violet .portal__copy::after { background: linear-gradient(90deg, rgba(236,244,251,0), #ecf4fb 65%) !important; } html[data-theme="light"] .portal--teal .portal__copy::after { background: linear-gradient(90deg, rgba(10,15,20,0), #0a0f14 65%) !important; } html[data-theme="light"] .portal__bullets li { color: #1f2328 !important; } /* v52: Portal CTA — fully filled with the portal’s primary signature color. This makes the action commitment unmissable. White label, bold weight. */ html[data-theme="light"] .portal__cta { background: var(--portal-color) !important; color: #ffffff !important; border-color: var(--portal-color) !important; font-weight: 700 !important; letter-spacing: 0.22em !important; } html[data-theme="light"] .portal--teal .portal__cta { color: #06281a !important; /* slime needs dark text for AA contrast */ } html[data-theme="light"] .portal:hover .portal__cta { background: var(--portal-color) !important; color: #ffffff !important; filter: brightness(1.06); } html[data-theme="light"] .portal--teal:hover .portal__cta { color: #06281a !important; } html[data-theme="light"] .portal__badge { background: rgba(255,255,255,0.7) !important; } html[data-theme="light"] .portal__icon { background: rgba(22,20,15,0.04) !important; border-color: rgba(22,20,15,0.10) !important; } /* v52 — portal accent colors set to correct signature pairings: Funding (amber primary + purple splash), Verdict (slime primary + teal splash), Partner (blue primary + gray splash). Both portal-color (border/CTA) and portal-glow (gradient wash) are explicit. */ html[data-theme="light"] .portal--amber { --portal-color: #f59e0b !important; --portal-glow: #8b5cf6 !important; --portal-splash: #8b5cf6 !important; } html[data-theme="light"] .portal--teal { --portal-color: #00c233 !important; --portal-glow: #2dd4bf !important; --portal-splash: #2dd4bf !important; } html[data-theme="light"] .portal--violet { --portal-color: #1d9bf0 !important; --portal-glow: #8892a8 !important; --portal-splash: #8892a8 !important; } /* v52 — SPLASH ACCENT on portal tiles. The badge ring + portal-index line carry the secondary color so each tile reads as a duo-tone (primary on title/CTA, splash on chrome). */ html[data-theme="light"] .portal__badge { border-color: var(--portal-splash, var(--portal-color)) !important; color: var(--portal-splash, var(--portal-color)) !important; } html[data-theme="light"] .portal__index { color: var(--portal-splash, var(--portal-color)) !important; } /* Thin accent strip along the top edge of each card in the splash color. */ html[data-theme="light"] .portal { border-top: 2px solid var(--portal-splash, var(--portal-color)) !important; } /* Portals section header */ html[data-theme="light"] .portals { border-bottom-color: #e1e4e8 !important; } html[data-theme="light"] .portals__head { color: #57606a !important; } html[data-theme="light"] .portals__title { color: #0a0c0e !important; } html[data-theme="light"] .portals__sub { color: #1f2328 !important; } /* Hub system section (continuity flow + value cards + trust strip) */ html[data-theme="light"] .hub-system { border-bottom-color: #e1e4e8 !important; background: radial-gradient(800px 400px at 15% 0%, rgba(124, 58, 237,0.04), transparent 60%), radial-gradient(800px 400px at 50% 100%, rgba(0, 230, 57,0.04), transparent 60%), radial-gradient(800px 400px at 85% 0%, rgba(29, 155, 240,0.04), transparent 60%) !important; } html[data-theme="light"] .hub-system__index { color: #57606a !important; } html[data-theme="light"] .hub-system__title { color: #0a0c0e !important; } html[data-theme="light"] .hub-system__sub { color: #1f2328 !important; } /* Continuity flow nodes (mobile vertical fallback) */ html[data-theme="light"] .hub-flow__step { background: linear-gradient(180deg, #f8f9fa, #f1f3f5) !important; border-color: #e1e4e8 !important; } html[data-theme="light"] .hub-flow__label { color: #0a0c0e !important; } html[data-theme="light"] .hub-flow__note { color: #57606a !important; } html[data-theme="light"] .hub-flow__step--amber { --step-color: #7c3aed !important; } html[data-theme="light"] .hub-flow__step--teal { --step-color: #00e639 !important; } html[data-theme="light"] .hub-flow__step--violet { --step-color: #1d9bf0 !important; } /* Continuity flow SVG (desktop) — the colored labels under each node */ html[data-theme="light"] svg text[fill="#ffb020"], html[data-theme="light"] svg text[fill="#f59e0b"] { fill: #7c3aed !important; } html[data-theme="light"] svg text[fill="#5eead4"], html[data-theme="light"] svg text[fill="#2dd4bf"] { fill: #00e639 !important; } html[data-theme="light"] svg text[fill="#b8a4ff"] { fill: #1d9bf0 !important; } html[data-theme="light"] svg text[fill="#dfe3ec"], html[data-theme="light"] svg text[fill="#b5bcc9"], html[data-theme="light"] svg text[fill="#8892a8"] { fill: #1f2328 !important; } /* Hub value cards — the 4 dark feature cards (Deal-based UW, Human reply, etc.) */ html[data-theme="light"] .hub-value { background: linear-gradient(180deg, #f8f9fa, #f1f3f5) !important; border-color: #e1e4e8 !important; } html[data-theme="light"] .hub-value:hover { border-color: rgba(22,20,15,0.20) !important; } html[data-theme="light"] .hub-value__icon { background: rgba(22,20,15,0.04) !important; border-color: rgba(22,20,15,0.10) !important; } html[data-theme="light"] .hub-value__title { color: #0a0c0e !important; } html[data-theme="light"] .hub-value__copy { color: #1f2328 !important; } html[data-theme="light"] .hub-value--amber { --v-color: #7c3aed !important; } html[data-theme="light"] .hub-value--teal { --v-color: #00e639 !important; } html[data-theme="light"] .hub-value--violet { --v-color: #1d9bf0 !important; } html[data-theme="light"] .hub-value--neutral{ --v-color: #0a0c0e !important; } /* Hub trust strip ($100M+, 15+5, 12 lanes, 48 hrs) */ html[data-theme="light"] .hub-trust { background: #f8f9fa !important; border-color: #e1e4e8 !important; } html[data-theme="light"] .hub-trust__cell { border-right-color: #e1e4e8 !important; border-bottom-color: #e1e4e8 !important; } html[data-theme="light"] .hub-trust__num { color: #0a0c0e !important; } html[data-theme="light"] .hub-trust__num--amber { color: #7c3aed !important; } html[data-theme="light"] .hub-trust__num--teal { color: #00e639 !important; } html[data-theme="light"] .hub-trust__num--violet { color: #1d9bf0 !important; } html[data-theme="light"] .hub-trust__label { color: #57606a !important; } /* Hub divider */ html[data-theme="light"] .hub-divider { background: linear-gradient(90deg, transparent, rgba(29, 155, 240,0.30), transparent) !important; } /* ============== ABOUT / FOUNDER SECTION ============== */ html[data-theme="light"] .about-lead { color: #0a0c0e !important; } html[data-theme="light"] .about-lead strong { color: #7c3aed !important; } html[data-theme="light"] .about-body { color: #1f2328 !important; } html[data-theme="light"] .about-body strong { color: #0a0c0e !important; } html[data-theme="light"] .about-deal { border-left-color: rgba(124, 58, 237,0.6) !important; background: linear-gradient(to right, rgba(124, 58, 237,0.06) 0%, rgba(124, 58, 237,0) 60%) !important; } html[data-theme="light"] .about-deal__letter { color: #7c3aed !important; text-shadow: 0 0 12px rgba(124, 58, 237,0.18) !important; } html[data-theme="light"] .about-deal__word { color: #0a0c0e !important; } html[data-theme="light"] .about-close { color: #1f2328 !important; border-top-color: rgba(124, 58, 237,0.20) !important; } html[data-theme="light"] .about-close strong { color: #7c3aed !important; } html[data-theme="light"] .about-sig__name { color: #0a0c0e !important; } html[data-theme="light"] .about-sig__line { background: #7c3aed !important; box-shadow: 0 0 12px rgba(124, 58, 237,0.30) !important; } html[data-theme="light"] .about-sig__title { color: #57606a !important; } /* Pull quote — "Clean files close. Messy ones don't." */ html[data-theme="light"] .about-pullquote { border-color: rgba(124, 58, 237,0.30) !important; border-left-color: #7c3aed !important; background: linear-gradient(to right, rgba(124, 58, 237,0.10) 0%, rgba(124, 58, 237,0.03) 50%, rgba(124, 58, 237,0) 100%) !important; color: #0a0c0e !important; } html[data-theme="light"] .about-pullquote::before { color: rgba(124, 58, 237,0.55) !important; } /* About frame caption/role */ html[data-theme="light"] .about-frame__cap, html[data-theme="light"] .about-frame__tag, html[data-theme="light"] .about-frame__role { color: #1f2328 !important; } /* ============== FAQ SECTION HELPERS ============== */ html[data-theme="light"] .section-header__title { color: #0a0c0e !important; } html[data-theme="light"] .section-header__sub { color: #1f2328 !important; } html[data-theme="light"] .section-header__index { color: #57606a !important; } html[data-theme="light"] .section-header__note { color: #57606a !important; } /* FAQ shell + items already had partial overrides; reinforce */ html[data-theme="light"] .faq-item__q { color: #0a0c0e !important; } html[data-theme="light"] .faq-item__a, html[data-theme="light"] .faq-item__a p { color: #1f2328 !important; } html[data-theme="light"] .faq-item__num { color: #1d9bf0 !important; } /* FAQ helper footer text ("// Have a specific question about funding...") */ html[data-theme="light"] [class*="faq"] em, html[data-theme="light"] .faq-list + p, html[data-theme="light"] .faq-list ~ p { color: #57606a !important; } /* ============== VERDICT "OPEN MATH" card (acc-hero) ============== */ html[data-theme="light"] .acc-hero { border-color: rgba(0, 230, 57,0.30) !important; background: linear-gradient(180deg, rgba(0, 230, 57,0.05) 0%, rgba(0, 230, 57,0.01) 100%) !important; } html[data-theme="light"] .acc-hero::before { background: linear-gradient(180deg, transparent 0%, #00e639 35%, #00e639 65%, transparent 100%) !important; } html[data-theme="light"] .acc-hero__num { color: #00e639 !important; text-shadow: none !important; } html[data-theme="light"] .acc-hero__unit { color: #57606a !important; } html[data-theme="light"] .acc-hero__copy { color: #1f2328 !important; } html[data-theme="light"] .acc-hero__def-mark { color: #7c3aed !important; } /* Verdict "Four reasons" cards (Speed/Honesty/Both Sides/Path Forward) */ html[data-theme="light"] .acc-ledger { color: #0a0c0e !important; } html[data-theme="light"] .acc-row__body { color: #1f2328 !important; } html[data-theme="light"] .acc-row__body b { color: #0a0c0e !important; } html[data-theme="light"] .acc-tldr { color: #1f2328 !important; } html[data-theme="light"] .acc-tldr b { color: #00e639 !important; } html[data-theme="light"] .acc-col__head { color: #0a0c0e !important; } html[data-theme="light"] .acc-row__mark--warn { color: #7c3aed !important; } /* ============== FUNDING — "OPEN VERDICT — DUAL UNDERWRITER" CTA strip ============== */ /* The funding page has a dark CTA band near the bottom with stress-test mini-graph. Soften it to fit the cream theme. */ html[data-theme="light"] [class*="verdict-cta"], html[data-theme="light"] [class*="funding-verdict-bridge"] { background: #f8f9fa !important; border-color: #e1e4e8 !important; } html[data-theme="light"] [class*="verdict-cta"] *, html[data-theme="light"] [class*="funding-verdict-bridge"] * { color: #1f2328 !important; } /* Keep the teal CTA pill solid teal */ html[data-theme="light"] a[class*="open-verdict"], html[data-theme="light"] [class*="verdict-cta"] a[class*="btn"], html[data-theme="light"] [class*="verdict-cta"] [class*="cta-btn"] { background: #00e639 !important; color: #ffffff !important; border-color: #00e639 !important; } html[data-theme="light"] a[class*="open-verdict"] *, html[data-theme="light"] [class*="verdict-cta"] a[class*="btn"] *, html[data-theme="light"] [class*="verdict-cta"] [class*="cta-btn"] * { color: #ffffff !important; } /* ============== UNIVERSAL FALLBACKS ============== */ /* Catch lingering #dfe3ec / #f5f6f8 / #fafafa / #f4f4f5 text on cream-painted surfaces. Scope these to common content containers so we don't bleed into the dark VERDICT tool. */ html[data-theme="light"] main h1, html[data-theme="light"] main h2, html[data-theme="light"] main h3, html[data-theme="light"] section h1, html[data-theme="light"] section h2, html[data-theme="light"] section h3 { color: #0a0c0e; } /* But don't touch headings inside the dark VERDICT tool */ html[data-theme="light"] [class*="uw-"] h1, html[data-theme="light"] [class*="uw-"] h2, html[data-theme="light"] [class*="uw-"] h3, html[data-theme="light"] [class*="verdict-tool"] h1, html[data-theme="light"] [class*="verdict-tool"] h2, html[data-theme="light"] [class*="verdict-tool"] h3 { color: inherit; } /* ============================================================ ROUND 5 — SVG LABEL TEXT OVERRIDES + DIM HELPERS Targets hardcoded SVG fills #f5f6f8 / #dfe3ec / #8a93a0 + FAQ helper text ============================================================ */ /* Partner.html Four moves SVG — label text was fill="#f5f6f8" (light), invisible on cream */ html[data-theme="light"] .partner-section svg text[fill="#f5f6f8"] { fill: #0a0c0e !important; } html[data-theme="light"] .partner-section svg text[fill="#8a93a0"] { fill: #57606a !important; } /* Partner.html Four moves SVG — dark circles look like floating medallions but the inner dark fill (#0d1117) is fine here; only stroke colors stay vibrant */ /* Index.html hub-flow SVG — same pattern, hardcoded light fills become invisible */ html[data-theme="light"] .hub-flow__svg text[fill="#f5f6f8"], html[data-theme="light"] .hub-flow__svg text[fill="#dfe3ec"] { fill: #0a0c0e !important; } /* Index.html hub-flow mobile/desktop step note text */ html[data-theme="light"] .hub-flow__note { color: #57606a !important; } html[data-theme="light"] .hub-flow__label { color: #0a0c0e !important; } /* FAQ footer helper "//" text (was orange #ffb020 amber, too faint on cream) */ html[data-theme="light"] .faq-foot, html[data-theme="light"] .faq-foot * { color: #57606a !important; } html[data-theme="light"] .faq-foot__pre, html[data-theme="light"] .faq-foot__amp, html[data-theme="light"] .faq-foot em { color: #7c3aed !important; } /* Generic any-page faint helper text under FAQs */ html[data-theme="light"] [class*="faq"] .helper, html[data-theme="light"] [class*="faq"] .meta, html[data-theme="light"] [class*="faq"] .small { color: #57606a !important; } /* ============================================================ ROUND 6 — ACCENT POP RESTORATION User feedback: accents feel washed/too quiet vs dark theme Strategy: Hold AA contrast, push saturation, add weight via shadows + thicker borders + richer backgrounds on pills/CTAs ============================================================ */ /* NEW ACCENT VALUES — punchier while still AA-safe on cream: amber: #7c3aed → #7c3aed (richer burnt) teal: #00e639 → #00e639 (deeper, more saturated) violet: #1d9bf0 → #1d9bf0 (more vibrant, electric) These read with confidence on #ffffff cream. */ html[data-theme="light"] { /* v52 — CORRECTED signature colors per portal */ /* Portal 01 (Funding): amber primary + icy electric purple splash */ --pop-amber: #f59e0b; --pop-amber-splash:#8b5cf6; --pop-amber-soft: rgba(245,158,11,0.10); --pop-amber-glow: rgba(139,92,246,0.18); /* Portal 02 (Verdict): matrix slime primary + teal splash */ --pop-teal: #00c233; --pop-teal-splash: #2dd4bf; --pop-teal-soft: rgba(0,194,51,0.10); --pop-teal-glow: rgba(45,212,191,0.20); /* Portal 03 (Partner): icy electric blue primary + terminal gray splash */ --pop-violet: #1d9bf0; --pop-violet-splash:#8892a8; --pop-violet-soft: rgba(29,155,240,0.10); --pop-violet-glow: rgba(136,146,168,0.22); } /* === TAILWIND UTILITY ACCENT POP === */ html[data-theme="light"] .text-amber-DEFAULT { color: var(--pop-amber) !important; } html[data-theme="light"] .text-teal-DEFAULT { color: var(--pop-teal) !important; } html[data-theme="light"] .text-violet-DEFAULT{ color: var(--pop-violet)!important; } html[data-theme="light"] .bg-amber-DEFAULT { background-color: var(--pop-amber) !important; color: #ffffff !important; box-shadow: 0 1px 0 rgba(0,0,0,.08), 0 6px 18px var(--pop-amber-glow) !important; } html[data-theme="light"] .bg-teal-DEFAULT { background-color: var(--pop-teal) !important; color: #ffffff !important; box-shadow: 0 1px 0 rgba(0,0,0,.08), 0 6px 18px var(--pop-teal-glow) !important; } html[data-theme="light"] .bg-violet-DEFAULT { background-color: var(--pop-violet) !important; color: #ffffff !important; box-shadow: 0 1px 0 rgba(0,0,0,.08), 0 6px 18px var(--pop-violet-glow) !important; } html[data-theme="light"] .border-amber-DEFAULT { border-color: var(--pop-amber) !important; border-width: 1.5px !important; } html[data-theme="light"] .border-teal-DEFAULT { border-color: var(--pop-teal) !important; border-width: 1.5px !important; } html[data-theme="light"] .border-violet-DEFAULT { border-color: var(--pop-violet) !important; border-width: 1.5px !important; } /* === HUB HERO TYPOGRAPHY POP === */ html[data-theme="light"] .hub-hero__title-amber { color: var(--pop-amber) !important; } html[data-theme="light"] .hub-hero__title-teal { color: var(--pop-teal) !important; } html[data-theme="light"] .hub-hero__title-violet { color: var(--pop-violet) !important; } /* === PORTAL TILES — RICHER ACCENT GLOW + COLOR === */ html[data-theme="light"] .portal--amber { --portal-color: var(--pop-amber); --portal-glow: var(--pop-amber-glow); box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 8px 24px var(--pop-amber-soft) !important; } html[data-theme="light"] .portal--teal { --portal-color: var(--pop-teal); --portal-glow: var(--pop-teal-glow); box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 8px 24px var(--pop-teal-soft) !important; } html[data-theme="light"] .portal--violet { --portal-color: var(--pop-violet); --portal-glow: var(--pop-violet-glow); box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 8px 24px var(--pop-violet-soft) !important; } /* === INLINE STYLE OVERRIDES — bright dark-theme hex → pop values === */ html[data-theme="light"] [style*="color:#ffb020"], html[data-theme="light"] [style*="color: #ffb020"], html[data-theme="light"] [style*="color:#f59e0b"] { color: var(--pop-amber) !important; } html[data-theme="light"] [style*="color:#5eead4"], html[data-theme="light"] [style*="color: #5eead4"], html[data-theme="light"] [style*="color:#2dd4bf"] { color: var(--pop-teal) !important; } html[data-theme="light"] [style*="color:#b8a4ff"], html[data-theme="light"] [style*="color: #b8a4ff"] { color: var(--pop-violet) !important; } /* === SVG STROKE / FILL POP — dark-theme hex on SVG elements === */ html[data-theme="light"] svg [stroke="#ffb020"], html[data-theme="light"] svg [stroke="#f59e0b"] { stroke: var(--pop-amber) !important; } html[data-theme="light"] svg [stroke="#5eead4"], html[data-theme="light"] svg [stroke="#2dd4bf"] { stroke: var(--pop-teal) !important; } html[data-theme="light"] svg [stroke="#b8a4ff"] { stroke: var(--pop-violet) !important; } html[data-theme="light"] svg text[fill="#ffb020"], html[data-theme="light"] svg text[fill="#f59e0b"] { fill: var(--pop-amber) !important; } html[data-theme="light"] svg text[fill="#5eead4"], html[data-theme="light"] svg text[fill="#2dd4bf"] { fill: var(--pop-teal) !important; } html[data-theme="light"] svg text[fill="#b8a4ff"] { fill: var(--pop-violet) !important; } /* === NAV ACTIVE PILLS — RICHER FILL === */ html[data-theme="light"] .global-nav-links a.is-active--amber { color: var(--pop-amber) !important; border-color: var(--pop-amber) !important; background: var(--pop-amber-soft) !important; border-width: 1.5px !important; } html[data-theme="light"] .global-nav-links a.is-active--teal { color: var(--pop-teal) !important; border-color: var(--pop-teal) !important; background: var(--pop-teal-soft) !important; border-width: 1.5px !important; } html[data-theme="light"] .global-nav-links a.is-active--violet { color: var(--pop-violet) !important; border-color: var(--pop-violet) !important; background: var(--pop-violet-soft) !important; border-width: 1.5px !important; } @media (max-width: 768px) { html[data-theme="light"] .global-nav-mobile a.is-active--amber { color: var(--pop-amber) !important; border-color: var(--pop-amber) !important; background: var(--pop-amber-soft) !important; border-width: 1.5px !important; } html[data-theme="light"] .global-nav-mobile a.is-active--teal { color: var(--pop-teal) !important; border-color: var(--pop-teal) !important; background: var(--pop-teal-soft) !important; border-width: 1.5px !important; } html[data-theme="light"] .global-nav-mobile a.is-active--violet { color: var(--pop-violet) !important; border-color: var(--pop-violet) !important; background: var(--pop-violet-soft) !important; border-width: 1.5px !important; } } /* === PARTNER PAGE TOKEN POP === */ html[data-theme="light"] { --p-amber: var(--pop-amber); --p-teal: var(--pop-teal); --p-violet: var(--pop-violet); } /* === GENERIC PILL POP === */ html[data-theme="light"] [class*="pill"][class*="teal"] { color: var(--pop-teal) !important; } html[data-theme="light"] [class*="pill"][class*="amber"] { color: var(--pop-amber) !important; } html[data-theme="light"] [class*="pill"][class*="violet"] { color: var(--pop-violet) !important; } /* === STATUS DOTS (•) NEED TO BE LOUDER === */ html[data-theme="light"] [class*="dot--amber"], html[data-theme="light"] [class*="amber-dot"] { color: var(--pop-amber) !important; background: var(--pop-amber) !important; } html[data-theme="light"] [class*="dot--teal"], html[data-theme="light"] [class*="teal-dot"] { color: var(--pop-teal) !important; background: var(--pop-teal) !important; } html[data-theme="light"] [class*="dot--violet"], html[data-theme="light"] [class*="violet-dot"] { color: var(--pop-violet) !important; background: var(--pop-violet) !important; } /* === HUB STATS STRIP NUMBERS POP === */ html[data-theme="light"] .hub-value-stat--amber { color: var(--pop-amber) !important; } html[data-theme="light"] .hub-value-stat--teal { color: var(--pop-teal) !important; } html[data-theme="light"] .hub-value-stat--violet { color: var(--pop-violet) !important; } /* === VERDICT INTRO ACCENTS POP === */ html[data-theme="light"] .verdict-hero__eyebrow, html[data-theme="light"] .verdict-hero__eyebrow * { color: var(--pop-teal) !important; } /* === ABOUT/FOUNDER DEAL LETTERS POP === */ html[data-theme="light"] .about-deal-letter, html[data-theme="light"] .about-deal__letter, html[data-theme="light"] [class*="deal-letter"] { color: var(--pop-amber) !important; } /* === MERCH TAGLINE / "We'll handle the rest" type teal === */ html[data-theme="light"] .about-close em, html[data-theme="light"] .about-close strong { color: var(--pop-amber) !important; } /* === VERDICT INTRO H1 "VERDICT" WORD — needs pop teal on cream === */ html[data-theme="light"] .verdict-page--teal .verdict-hero__brand, html[data-theme="light"] body.verdict-page .verdict-hero__brand, html[data-theme="light"] .verdict-hero__brand, html[data-theme="light"] .verdict-hero__sep, html[data-theme="light"] .verdict-hero__sep-dot { color: var(--pop-teal) !important; text-shadow: 0 0 32px var(--pop-teal-glow) !important; } /* ============================================================ v36.33 — PlayStation palette + portal icon + cinematic 1b + FAQ pop ============================================================ PS palette: □ Gold #7c3aed · ✕ Cobalt #00e639 · △ Emerald #1d9bf0 · ○ Crimson #d12d52 (accent only) */ /* ---- 1. v52: --portal-color now points to the CORRECT signature per portal (set in the v52 block above). Only re-define --portal-shadow here for the icon block lift. */ html[data-theme="light"] .portal--amber { --portal-shadow: rgba(245,158,11,.45); } html[data-theme="light"] .portal--teal { --portal-shadow: rgba(0,194,51,.42); } html[data-theme="light"] .portal--violet { --portal-shadow: rgba(29,155,240,.42); } /* ---- 2. v52 (revised): The small icon block is REMOVED. Each card now carries a LARGE, exaggerated glyph as a medium-opacity background graphic. The actual click target is the whole card; the CTA pill at the bottom carries the action label. */ html[data-theme="light"] .portal__icon { display: none !important; } html[data-theme="light"] .portal__icon::before { display: none !important; } /* Large background graphic anchored bottom-right of each card. Medium opacity so the copy reads clearly on top. Hover bumps opacity + nudges position for life. */ html[data-theme="light"] .portal { position: relative; overflow: hidden; } html[data-theme="light"] .portal::after { content: ""; position: absolute; right: -50px; bottom: -50px; width: 320px; height: 320px; background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.16; pointer-events: none; z-index: 0; transition: opacity .35s ease, transform .35s ease; } html[data-theme="light"] .portal:hover::after { opacity: 0.24; transform: translate(-8px, -8px) rotate(-2deg); } /* Lift inner content above the background graphic. The badge stays absolutely positioned via its own rule; we only raise its z-index here. */ html[data-theme="light"] .portal > *:not(.portal__badge) { position: relative; z-index: 1; } html[data-theme="light"] .portal__badge { z-index: 2; } /* Funding — vault (classic round door, amber) [v52f opt A] */ html[data-theme="light"] .portal--amber::after { background-image: url("data:image/svg+xml;utf8,"); } /* Verdict — scale of justice (heavy/filled pans, slime) [v52f opt B] */ html[data-theme="light"] .portal--teal::after { background-image: url("data:image/svg+xml;utf8,"); } /* Partner — globe with lat/long + nodes (blue) [v52f opt A] */ html[data-theme="light"] .portal--violet::after { background-image: url("data:image/svg+xml;utf8,"); } /* ---- 3. Cinematic section 1b — "One engine. Three doors." ---- */ /* Add a control-room backdrop panel with subtle accent gradients and grid */ html[data-theme="light"] #system, html[data-theme="light"] .hub-system { background: radial-gradient(900px 500px at 18% 30%, rgba(124,58,237,0.07), transparent 60%), radial-gradient(900px 500px at 82% 30%, rgba(29, 155, 240,0.07), transparent 60%), radial-gradient(700px 400px at 50% 80%, rgba(0,230,57,0.06), transparent 65%), linear-gradient(180deg, #fafbfc 0%, #ffffff 100%) !important; position: relative !important; } html[data-theme="light"] #system::before, html[data-theme="light"] .hub-system::before { content: "" !important; position: absolute !important; inset: 0 !important; background-image: linear-gradient(rgba(0,230,57,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0,230,57,0.035) 1px, transparent 1px) !important; background-size: 56px 56px !important; pointer-events: none !important; mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%); } /* Make flow nodes bigger and pulse */ @media (min-width: 768px) { html[data-theme="light"] .hub-flow__node { width: 96px !important; height: 96px !important; } html[data-theme="light"] .hub-flow__svg { min-height: 280px !important; } } /* Pulse glow keyframe */ @keyframes ps-pulse-glow { 0%, 100% { filter: drop-shadow(0 0 12px currentColor) drop-shadow(0 0 24px currentColor); opacity: .9; } 50% { filter: drop-shadow(0 0 22px currentColor) drop-shadow(0 0 44px currentColor); opacity: 1; } } html[data-theme="light"] .hub-flow__step { animation: ps-pulse-glow 4s ease-in-out infinite !important; } html[data-theme="light"] .hub-flow__step--amber { color: #7c3aed !important; } html[data-theme="light"] .hub-flow__step--teal { color: #00e639 !important; } html[data-theme="light"] .hub-flow__step--violet { color: #1d9bf0 !important; } /* Animate the connector dashes flowing left-to-right (where they exist as SVG line) */ @keyframes ps-flow { to { stroke-dashoffset: -240; } } html[data-theme="light"] .hub-flow__svg path[stroke-dasharray], html[data-theme="light"] .hub-flow__svg line[stroke-dasharray] { animation: ps-flow 12s linear infinite !important; stroke: rgba(0,230,57,0.5) !important; stroke-width: 1.5 !important; } /* ---- 4. FAQ splash of color (PlayStation triad on question chips) ---- */ /* Cycle the chip color across questions: gold, cobalt, emerald, crimson */ html[data-theme="light"] .faq summary, html[data-theme="light"] details.faq summary { border-left: 4px solid #e1e4e8 !important; padding-left: 1.25rem !important; transition: border-left-color .2s ease, background .2s ease !important; } html[data-theme="light"] details.faq:nth-child(4n+1) summary { border-left-color: #7c3aed !important; } html[data-theme="light"] details.faq:nth-child(4n+2) summary { border-left-color: #00e639 !important; } html[data-theme="light"] details.faq:nth-child(4n+3) summary { border-left-color: #1d9bf0 !important; } html[data-theme="light"] details.faq:nth-child(4n+4) summary { border-left-color: #d12d52 !important; } /* Color the FAQ-NN labels to match */ html[data-theme="light"] details.faq:nth-child(4n+1) summary .faq__num { color: #7c3aed !important; background: rgba(124,58,237,0.10) !important; padding: 4px 10px; border-radius: 6px; } html[data-theme="light"] details.faq:nth-child(4n+2) summary .faq__num { color: #00e639 !important; background: rgba(0,230,57,0.10) !important; padding: 4px 10px; border-radius: 6px; } html[data-theme="light"] details.faq:nth-child(4n+3) summary .faq__num { color: #1d9bf0 !important; background: rgba(29, 155, 240,0.10) !important; padding: 4px 10px; border-radius: 6px; } html[data-theme="light"] details.faq:nth-child(4n+4) summary .faq__num { color: #d12d52 !important; background: rgba(209,45,82,0.10) !important; padding: 4px 10px; border-radius: 6px; } /* Hover: deepen the chip color + tint the row */ html[data-theme="light"] details.faq:nth-child(4n+1) summary:hover { background: rgba(124,58,237,0.04) !important; } html[data-theme="light"] details.faq:nth-child(4n+2) summary:hover { background: rgba(0,230,57,0.04) !important; } html[data-theme="light"] details.faq:nth-child(4n+3) summary:hover { background: rgba(29, 155, 240,0.04) !important; } html[data-theme="light"] details.faq:nth-child(4n+4) summary:hover { background: rgba(209,45,82,0.04) !important; } /* Color the + plus icon to match */ html[data-theme="light"] details.faq:nth-child(4n+1) summary::after { color: #7c3aed !important; } html[data-theme="light"] details.faq:nth-child(4n+2) summary::after { color: #00e639 !important; } html[data-theme="light"] details.faq:nth-child(4n+3) summary::after { color: #1d9bf0 !important; } html[data-theme="light"] details.faq:nth-child(4n+4) summary::after { color: #d12d52 !important; } /* Section 03 eyebrow chip → tint gold to match Start Here gold underline */ html[data-theme="light"] #faq .section-eyebrow, html[data-theme="light"] #faq [class*="eyebrow"] { color: #7c3aed !important; border-color: rgba(124,58,237,0.45) !important; background: rgba(124,58,237,0.06) !important; } /* ---- 5. Hub-flow SVG node colors: dark amber/teal/violet → PS gold/cobalt/emerald on light ---- */ /* The inline strokes/fills are hardcoded — override at element level when light theme */ html[data-theme="light"] .hub-flow__svg circle[stroke="#ffb020"] { stroke: #7c3aed !important; fill: #ffffff !important; stroke-width: 2 !important; } html[data-theme="light"] .hub-flow__svg circle[stroke="#5eead4"] { stroke: #00e639 !important; fill: #ffffff !important; stroke-width: 2.5 !important; } html[data-theme="light"] .hub-flow__svg circle[stroke="#b8a4ff"] { stroke: #1d9bf0 !important; fill: #ffffff !important; stroke-width: 2 !important; } html[data-theme="light"] .hub-flow__svg g[stroke="#ffb020"] { stroke: #7c3aed !important; } html[data-theme="light"] .hub-flow__svg g[stroke="#5eead4"] { stroke: #00e639 !important; } html[data-theme="light"] .hub-flow__svg g[stroke="#b8a4ff"] { stroke: #1d9bf0 !important; } html[data-theme="light"] .hub-flow__svg text[fill="#ffb020"] { fill: #7c3aed !important; } html[data-theme="light"] .hub-flow__svg text[fill="#5eead4"] { fill: #00e639 !important; } html[data-theme="light"] .hub-flow__svg text[fill="#b8a4ff"] { fill: #1d9bf0 !important; } html[data-theme="light"] .hub-flow__svg text[fill="#dfe3ec"], html[data-theme="light"] .hub-flow__svg text[fill="#f5f6f8"] { fill: #0a0c0e !important; } /* Glow gradient stops: amber/teal/violet → PS triad */ html[data-theme="light"] .hub-flow__svg #hub-amber-glow stop[stop-color="#ffb020"] { stop-color: #7c3aed !important; } html[data-theme="light"] .hub-flow__svg #hub-teal-glow stop[stop-color="#5eead4"] { stop-color: #00e639 !important; } html[data-theme="light"] .hub-flow__svg #hub-violet-glow stop[stop-color="#b8a4ff"] { stop-color: #1d9bf0 !important; } /* Make outer glow rings bigger/brighter on white */ html[data-theme="light"] .hub-flow__svg circle[fill^="url(#hub-amber-glow)"], html[data-theme="light"] .hub-flow__svg circle[fill^="url(#hub-teal-glow)"], html[data-theme="light"] .hub-flow__svg circle[fill^="url(#hub-violet-glow)"] { opacity: 0.55 !important; } /* Connector line: dim grey -> cobalt at higher visibility */ html[data-theme="light"] .hub-flow__svg line[stroke^="rgba(140"] { stroke: rgba(0,230,57,0.30) !important; } html[data-theme="light"] .hub-flow__svg #hubflow-pulse stop { stop-color: #00e639 !important; } /* ---- 6. FAQ palette correction (real selectors are .faq-item not .faq) ---- */ html[data-theme="light"] .faq-item > summary, html[data-theme="light"] .faq-item__summary { border-left: 4px solid #e1e4e8 !important; padding-left: 1.25rem !important; transition: border-left-color .2s ease, background .2s ease !important; } html[data-theme="light"] .faq-item:nth-child(4n+1) > summary { border-left-color: #7c3aed !important; } html[data-theme="light"] .faq-item:nth-child(4n+2) > summary { border-left-color: #00e639 !important; } html[data-theme="light"] .faq-item:nth-child(4n+3) > summary { border-left-color: #1d9bf0 !important; } html[data-theme="light"] .faq-item:nth-child(4n+4) > summary { border-left-color: #d12d52 !important; } html[data-theme="light"] .faq-item:nth-child(4n+1) > summary:hover { background: rgba(124,58,237,0.05) !important; } html[data-theme="light"] .faq-item:nth-child(4n+2) > summary:hover { background: rgba(0,230,57,0.05) !important; } html[data-theme="light"] .faq-item:nth-child(4n+3) > summary:hover { background: rgba(29, 155, 240,0.05) !important; } html[data-theme="light"] .faq-item:nth-child(4n+4) > summary:hover { background: rgba(209,45,82,0.05) !important; } /* FAQ-NN num chip */ html[data-theme="light"] .faq-item:nth-child(4n+1) .faq-item__num { color: #7c3aed !important; background: rgba(124,58,237,0.10) !important; padding: 4px 10px !important; border-radius: 6px !important; } html[data-theme="light"] .faq-item:nth-child(4n+2) .faq-item__num { color: #00e639 !important; background: rgba(0,230,57,0.10) !important; padding: 4px 10px !important; border-radius: 6px !important; } html[data-theme="light"] .faq-item:nth-child(4n+3) .faq-item__num { color: #1d9bf0 !important; background: rgba(29, 155, 240,0.10) !important; padding: 4px 10px !important; border-radius: 6px !important; } html[data-theme="light"] .faq-item:nth-child(4n+4) .faq-item__num { color: #d12d52 !important; background: rgba(209,45,82,0.10) !important; padding: 4px 10px !important; border-radius: 6px !important; } /* Toggle plus glyph */ html[data-theme="light"] .faq-item:nth-child(4n+1) .faq-item__toggle { color: #7c3aed !important; } html[data-theme="light"] .faq-item:nth-child(4n+2) .faq-item__toggle { color: #00e639 !important; } html[data-theme="light"] .faq-item:nth-child(4n+3) .faq-item__toggle { color: #1d9bf0 !important; } html[data-theme="light"] .faq-item:nth-child(4n+4) .faq-item__toggle { color: #d12d52 !important; } /* ───────────────────────────────────────────────────────────── v36.33 FINAL PASS — sweep remaining teal/cyan stragglers ───────────────────────────────────────────────────────────── */ /* "POWERED BY REAL QUICK FUNDS" topbar link + strip RQF */ html[data-theme="light"] .text-cyan, html[data-theme="light"] [class*="text-cyan"] { color: #00e639 !important; } html[data-theme="light"] .bg-cyan { background: #00e639 !important; } html[data-theme="light"] .border-cyan { border-color: #00e639 !important; } /* VERDICT topbar dot + hero accent stripe — keep cobalt */ html[data-theme="light"] .bg-teal, html[data-theme="light"] .bg-teal-bright { background: #00e639 !important; } html[data-theme="light"] .border-teal { border-color: #00e639 !important; } html[data-theme="light"] .text-teal, html[data-theme="light"] .text-teal-bright { color: #00e639 !important; } /* Partner score-card corner dots (were amber pixel dots) — flip to emerald on partner page */ html[data-theme="light"] [data-portal="partner"] .corner-dot, html[data-theme="light"] body.is-partner .corner-dot, html[data-theme="light"] .partner-page .bg-amber, html[data-theme="light"] body[class*="partner"] [style*="background:#ffb020"], html[data-theme="light"] body[class*="partner"] [style*="background-color:#ffb020"] { background: #1d9bf0 !important; } /* Catch any remaining inline amber/teal/violet hex on shipped pages */ html[data-theme="light"] [style*="color:#ffb020"], html[data-theme="light"] [style*="color: #ffb020"] { color: #7c3aed !important; } html[data-theme="light"] [style*="color:#14b8a6"], html[data-theme="light"] [style*="color: #14b8a6"], html[data-theme="light"] [style*="color:#0d9488"], html[data-theme="light"] [style*="color: #0d9488"], html[data-theme="light"] [style*="color:#2dd4bf"], html[data-theme="light"] [style*="color: #2dd4bf"] { color: #00e639 !important; } html[data-theme="light"] [style*="color:#b8a4ff"], html[data-theme="light"] [style*="color: #b8a4ff"], html[data-theme="light"] [style*="color:#7c5cf2"], html[data-theme="light"] [style*="color: #7c5cf2"] { color: #1d9bf0 !important; } /* Eyebrow chip on FAQ ("§ 03 · FAQ") — keep gold tint */ html[data-theme="light"] #faq .section-eyebrow, html[data-theme="light"] [data-section="faq"] .section-eyebrow, html[data-theme="light"] .faq-eyebrow { color: #7c3aed !important; border-color: rgba(124,58,237,.35) !important; background: rgba(124,58,237,.06) !important; } html[data-theme="light"] #faq .section-eyebrow::before, html[data-theme="light"] [data-section="faq"] .section-eyebrow::before { background: #7c3aed !important; } /* Verdict hero accent stripe + brand text shadow — flip teal → cobalt */ html[data-theme="light"] body.verdict-page .verdict-hero__title::after, html[data-theme="light"] #underwriting .verdict-hero__title::after { background: #00e639 !important; box-shadow: 0 0 16px rgba(0, 230, 57, 0.45) !important; } html[data-theme="light"] body.verdict-page .verdict-hero__brand, html[data-theme="light"] #underwriting .verdict-hero__brand, html[data-theme="light"] body.verdict-page .verdict-hero__sep, html[data-theme="light"] #underwriting .verdict-hero__sep { color: #00e639 !important; text-shadow: 0 0 24px rgba(0, 230, 57, 0.28) !important; } html[data-theme="light"] body.verdict-page .text-amber, html[data-theme="light"] #underwriting .text-amber { color: #00e639 !important; } /* ───────────────────────────────────────────────────────────── v36.34 MARKET TICKER (hub homepage only) Sits between classification bar and header. Not sticky — scrolls away on scroll so the existing sticky chrome stays correct. ───────────────────────────────────────────────────────────── */ .market-ticker { background: var(--bg, #ffffff); border-bottom: 1px solid var(--line, #e1e4e8); overflow: hidden; position: relative; } html:not([data-theme="light"]) .market-ticker { background: #0d1014; border-bottom-color: #1a1d22; } .market-ticker__inner { max-width: 80rem; /* matches max-w-7xl */ margin: 0 auto; padding: 9px 16px; display: flex; align-items: center; gap: 18px; min-height: 36px; } @media (min-width: 640px) { .market-ticker__inner { padding-left: 24px; padding-right: 24px; } } @media (min-width: 1024px) { .market-ticker__inner { padding-left: 32px; padding-right: 32px; } } .market-ticker__label { display: inline-flex; align-items: center; gap: 8px; font-family: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #0c7dca; flex-shrink: 0; white-space: nowrap; } html:not([data-theme="light"]) .market-ticker__label { color: #1d9bf0; } .market-ticker__dot { width: 7px; height: 7px; border-radius: 50%; background: #1d9bf0; box-shadow: 0 0 8px rgba(29, 155, 240, 0.65); animation: mt-pulse 2s ease-in-out infinite; } @keyframes mt-pulse { 0%, 100% { opacity: 1; box-shadow: 0 0 8px rgba(29, 155, 240, 0.65); } 50% { opacity: 0.55; box-shadow: 0 0 4px rgba(29, 155, 240, 0.35); } } .market-ticker__scroll { flex: 1; overflow: hidden; position: relative; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8px, #000 calc(100% - 32px), transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 8px, #000 calc(100% - 32px), transparent 100%); } .market-ticker__track { display: inline-flex; align-items: center; gap: 24px; padding-left: 8px; white-space: nowrap; font-family: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace; font-size: 11px; letter-spacing: 0.04em; animation: mt-scroll 56s linear infinite; will-change: transform; } @keyframes mt-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } .market-ticker:hover .market-ticker__track { animation-play-state: paused; } @media (prefers-reduced-motion: reduce) { .market-ticker__track { animation: none; } } .mt-q { display: inline-flex; align-items: baseline; gap: 6px; } .mt-sym { font-weight: 700; letter-spacing: 0.08em; color: #0a0c0e; } html:not([data-theme="light"]) .mt-sym { color: #e8eaed; } .mt-val { color: #5d6470; font-variant-numeric: tabular-nums; } html:not([data-theme="light"]) .mt-val { color: #9aa1ab; } .mt-chg { font-weight: 700; font-variant-numeric: tabular-nums; } .mt-up { color: #008f25; } .mt-dn { color: #d12d52; } html:not([data-theme="light"]) .mt-up { color: #00e639; } html:not([data-theme="light"]) .mt-dn { color: #ef4444; } .mt-sep { color: #c1c6cc; font-size: 10px; } html:not([data-theme="light"]) .mt-sep { color: #2a2e35; } /* Mobile: hide label, narrow padding */ @media (max-width: 640px) { .market-ticker__inner { gap: 10px; padding: 8px 12px; } .market-ticker__label .market-ticker__dot { width: 6px; height: 6px; } .market-ticker__label span:not(.market-ticker__dot) { display: none; } .market-ticker__track { font-size: 10px; gap: 18px; } } /* ───────────────────────────────────────────────────────────── v36.34c — Matrix slime legibility overrides Pure matrix slime #1d9bf0 is too bright for white text on top. Flip icon arrows + chip text to ink (#0a0c0e) where the neon green is the background. ───────────────────────────────────────────────────────────── */ /* v52: Partner icon glyph defined in the v52 block above (handshake). The old arrow-in-ink override has been removed so the handshake renders cleanly in white. */ /* Partner portal CTA: white text on icy electric blue — v52 fills CTA with --portal-color */ html[data-theme="light"] [data-portal="partner"] .btn-primary, html[data-theme="light"] .partner-page .btn-primary { color: #ffffff !important; } html[data-theme="light"] [data-portal="partner"] .btn-primary:hover { color: #ffffff !important; } /* "LIVE" / accent chips on neon background — dark text */ html[data-theme="light"] .chip-live, html[data-theme="light"] [style*="background:#1d9bf0"], html[data-theme="light"] [style*="background-color:#1d9bf0"], html[data-theme="light"] .bg-go { color: #0a0c0e !important; } /* Ticker dot stays neon, but the label text needs the darker readable green */ html[data-theme="light"] .market-ticker__label { color: #0c7dca !important; } html[data-theme="light"] .mt-up { color: #008f25 !important; } /* Apply-button (Partner page) — solid matrix slime with ink text */ html[data-theme="light"] body.partner-page .btn-primary, html[data-theme="light"] body.partner-page button[type="submit"] { background: #1d9bf0 !important; color: #0a0c0e !important; border-color: #0c7dca !important; } /* ───────────────────────────────────────────────────────────── v36.34d — ELECTRIC pass (trade-desk / athletic feel) 1) Signature triad glow (Capital / Connection / Momentum + hero accent words on Verdict/Funding/Partner) 2) Ticker pulse upgrade (expanding halo on LIVE dot, faint glow on up/down ticks) 3) CTA "energized" state (Submit a Deal / Apply / Run a Verdict — soft glow, intensifies on hover) No layout changes. Light theme only. ───────────────────────────────────────────────────────────── */ /* ── 1) TRIAD GLOW — REMOVED in v36.34e (user feedback) ── */ /* ── 2) TICKER PULSE UPGRADE ── */ /* Expanding halo on the LIVE dot — pseudo-element ring */ .market-ticker__label { position: relative; } .market-ticker__dot { position: relative; } .market-ticker__dot::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 1.5px solid rgba(29, 155, 240, 0.55); opacity: 0; pointer-events: none; animation: mt-ring 2.4s ease-out infinite; } @keyframes mt-ring { 0% { transform: scale(0.6); opacity: 0.85; } 70% { transform: scale(2.4); opacity: 0; } 100% { transform: scale(2.4); opacity: 0; } } @media (prefers-reduced-motion: reduce) { .market-ticker__dot::after { animation: none; opacity: 0; } } /* Glow on up/down ticks */ html[data-theme="light"] .mt-up { text-shadow: 0 0 6px rgba(0, 230, 57, 0.45); } html[data-theme="light"] .mt-dn { text-shadow: 0 0 6px rgba(209, 45, 82, 0.40); } html:not([data-theme="light"]) .mt-up { text-shadow: 0 0 6px rgba(0, 230, 57, 0.55); } html:not([data-theme="light"]) .mt-dn { text-shadow: 0 0 6px rgba(239, 68, 68, 0.50); } /* ── 3) CTA ENERGIZED STATE ── */ /* Run a Verdict (teal-bordered ghost) */ html[data-theme="light"] a[href="/verdict"].border-teal\/40, html[data-theme="light"] a[href*="verdict"][class*="border-teal"] { box-shadow: 0 0 0 1px rgba(0, 230, 57, 0.20), 0 0 12px rgba(0, 230, 57, 0.20); transition: box-shadow 220ms ease, transform 220ms ease; } html[data-theme="light"] a[href="/verdict"].border-teal\/40:hover, html[data-theme="light"] a[href*="verdict"][class*="border-teal"]:hover { box-shadow: 0 0 0 1px rgba(0, 230, 57, 0.55), 0 0 18px rgba(0, 230, 57, 0.45), 0 0 36px rgba(0, 230, 57, 0.22); } /* Submit a Deal — orange CTA in nav + drawer buttons */ html[data-theme="light"] .btn-zero, html[data-theme="light"] a[href="#submit"], html[data-theme="light"] button[data-open-drawer] { box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.18), 0 0 14px rgba(124, 58, 237, 0.22); transition: box-shadow 220ms ease, transform 220ms ease; } html[data-theme="light"] .btn-zero:hover, html[data-theme="light"] a[href="#submit"]:hover, html[data-theme="light"] button[data-open-drawer]:hover { box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.55), 0 0 20px rgba(124, 58, 237, 0.48), 0 0 40px rgba(124, 58, 237, 0.22); } /* Apply (Partner) — matrix slime energized */ html[data-theme="light"] body.partner-page .btn-primary, html[data-theme="light"] body.partner-page button[type="submit"] { box-shadow: 0 0 0 1px rgba(29, 155, 240, 0.30), 0 0 14px rgba(29, 155, 240, 0.30); transition: box-shadow 220ms ease, transform 220ms ease; } html[data-theme="light"] body.partner-page .btn-primary:hover, html[data-theme="light"] body.partner-page button[type="submit"]:hover { box-shadow: 0 0 0 1px rgba(29, 155, 240, 0.65), 0 0 22px rgba(29, 155, 240, 0.55), 0 0 42px rgba(29, 155, 240, 0.28); } /* CTA inside portal tiles — v52: color-matched soft glow on the bottom CTA button only. (The icon now owns the multi-stop halo defined in the v52 icon block above — do NOT redefine portal__icon box-shadow here or it will overwrite the splash halo.) */ html[data-theme="light"] .portal--amber .portal__cta { box-shadow: 0 0 12px rgba(139, 92, 246, 0.18); } html[data-theme="light"] .portal--teal .portal__cta { box-shadow: 0 0 12px rgba(45, 212, 191, 0.22); } html[data-theme="light"] .portal--violet .portal__cta { box-shadow: 0 0 14px rgba(136, 146, 168, 0.28); } /* === v36.35 live ticker additions === */ .mt-flat { color: #6b7280; } html:not([data-theme="light"]) .mt-flat { color: #9ca3af; } .mt-stamp .mt-sym { opacity: 0.7; font-weight: 500; } .mt-stamp .mt-val { font-weight: 600; letter-spacing: 0.04em; } /* === v36.36b — black text on bold matrix slime, everywhere === */ /* Catch: every place we filled bold slime as a background and had white/light text */ html[data-theme="light"] .bg-teal, html[data-theme="light"] .bg-teal-DEFAULT, html[data-theme="light"] .bg-teal-bright, html[data-theme="light"] .bg-cyan { color: #0a0c0e !important; } html[data-theme="light"] .bg-teal *, html[data-theme="light"] .bg-teal-DEFAULT *, html[data-theme="light"] .bg-teal-bright *, html[data-theme="light"] .bg-cyan * { color: #0a0c0e !important; } /* VERDICT hero "HOW IT WORKS" pill — black text on slime */ html[data-theme="light"] .verdict-hero__how-pill, html[data-theme="light"] .verdict-hero__how-pill * { color: #0a0c0e !important; } html[data-theme="light"] .verdict-hero__how-pill svg path, html[data-theme="light"] .verdict-hero__how-pill svg circle, html[data-theme="light"] .verdict-hero__how-pill svg { stroke: #0a0c0e !important; fill: #0a0c0e !important; } /* Portal tile CTA hover on VERDICT (Connection / slime) — black text on slime fill */ html[data-theme="light"] [data-portal="verdict"] .portal__cta:hover, html[data-theme="light"] .portal[data-portal="verdict"]:hover .portal__cta { color: #0a0c0e !important; } html[data-theme="light"] [data-portal="verdict"] .portal__cta:hover *, html[data-theme="light"] .portal[data-portal="verdict"]:hover .portal__cta * { color: #0a0c0e !important; } /* Portal tile arrow icon on slime tile — black */ html[data-theme="light"] [data-portal="verdict"] .portal__icon, html[data-theme="light"] [data-portal="verdict"] .portal__icon svg { color: #0a0c0e !important; stroke: #0a0c0e !important; } /* RUN A VERDICT button (slime-bordered) when filled on hover — black text */ html[data-theme="light"] a[href*="verdict"][class*="border-teal"]:hover, html[data-theme="light"] a[href="/verdict"]:hover, html[data-theme="light"] .btn-verdict:hover { color: #0a0c0e !important; } /* "FREE" badge on VERDICT — already black-ish, ensure */ html[data-theme="light"] .portal__badge--free, html[data-theme="light"] [data-portal="verdict"] .portal__badge { color: #0a0c0e !important; } /* ============================================================ v36.37 — VERDICT DARK CONSOLE (Option B · clean cut) Layer rules: - Header + breadcrumb strip + #verdict-intro: light (no change) - #underwriting and every sibling section after it: DARK - Palette inside dark zone: slime #00e639 (signature accent) off-white #e6e8eb (body) neon white #fafbfc (high emphasis) icy purple #9d63f3 (funding-touching copy only) crimson #d12d52 (down-tick / risk only) - No amber. No teal-variants. No fades. ============================================================ */ /* --- DARK CUT: hard surface from #underwriting onward --- */ html[data-theme="light"] body.verdict-page #underwriting, html[data-theme="light"] body.verdict-page #underwriting ~ section { background-color: #0a0c0e !important; color: #e6e8eb !important; border-color: rgba(255,255,255,0.08) !important; } /* Grid bg inside dark zone */ html[data-theme="light"] body.verdict-page #underwriting .grid-bg, html[data-theme="light"] body.verdict-page #underwriting ~ section .grid-bg { opacity: 0.18 !important; } /* Headlines and high-emphasis text → neon white */ html[data-theme="light"] body.verdict-page #underwriting h1, html[data-theme="light"] body.verdict-page #underwriting h2, html[data-theme="light"] body.verdict-page #underwriting h3, html[data-theme="light"] body.verdict-page #underwriting ~ section h1, html[data-theme="light"] body.verdict-page #underwriting ~ section h2, html[data-theme="light"] body.verdict-page #underwriting ~ section h3, html[data-theme="light"] body.verdict-page #underwriting .side-card__title, html[data-theme="light"] body.verdict-page #underwriting ~ section .eng-card__title, html[data-theme="light"] body.verdict-page #underwriting ~ section .eyebrow, html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="title"] { color: #fafbfc !important; } /* Body / paragraph text → off-white */ html[data-theme="light"] body.verdict-page #underwriting p, html[data-theme="light"] body.verdict-page #underwriting li, html[data-theme="light"] body.verdict-page #underwriting span, html[data-theme="light"] body.verdict-page #underwriting label, html[data-theme="light"] body.verdict-page #underwriting div, html[data-theme="light"] body.verdict-page #underwriting ~ section p, html[data-theme="light"] body.verdict-page #underwriting ~ section li, html[data-theme="light"] body.verdict-page #underwriting ~ section span, html[data-theme="light"] body.verdict-page #underwriting ~ section label, html[data-theme="light"] body.verdict-page #underwriting ~ section div { color: #e6e8eb; } /* Sub / muted text → softer */ html[data-theme="light"] body.verdict-page #underwriting [class*="text-ink-5"], html[data-theme="light"] body.verdict-page #underwriting [class*="text-ink-6"], html[data-theme="light"] body.verdict-page #underwriting [class*="text-ink-7"], html[data-theme="light"] body.verdict-page #underwriting .side-card__sub, html[data-theme="light"] body.verdict-page #underwriting .uw-picker__sub, html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="text-ink-5"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="text-ink-6"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="text-ink-7"] { color: #9ba1ac !important; } /* Card surfaces — subtle elevation against pure black */ html[data-theme="light"] body.verdict-page #underwriting .side-card, html[data-theme="light"] body.verdict-page #underwriting .uw-card, html[data-theme="light"] body.verdict-page #underwriting .uw-drawer, html[data-theme="light"] body.verdict-page #underwriting .uw-modal, html[data-theme="light"] body.verdict-page #underwriting [class*="bg-ink-9"], html[data-theme="light"] body.verdict-page #underwriting [class*="bg-ink-8"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="bg-ink-9"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="bg-ink-8"], html[data-theme="light"] body.verdict-page #underwriting ~ section .eng-card { background-color: #11141a !important; border-color: rgba(255,255,255,0.08) !important; } /* Borders inside dark zone */ html[data-theme="light"] body.verdict-page #underwriting [class*="border-ink"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="border-ink"] { border-color: rgba(255,255,255,0.10) !important; } /* ---- ACCENT DISCIPLINE: SLIME (no amber, no teal-variant) ---- */ /* Drop ALL amber inside dark zone → slime */ html[data-theme="light"] body.verdict-page #underwriting [class*="text-amber"], html[data-theme="light"] body.verdict-page #underwriting [class*="amber"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="text-amber"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="amber"] { color: #00e639 !important; } html[data-theme="light"] body.verdict-page #underwriting [class*="border-amber"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="border-amber"] { border-color: rgba(0, 230, 57, 0.45) !important; } html[data-theme="light"] body.verdict-page #underwriting [class*="bg-amber"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="bg-amber"] { background-color: #00e639 !important; color: #0a0c0e !important; } /* Map any teal-variant token to canonical slime */ html[data-theme="light"] body.verdict-page #underwriting [class*="text-teal"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="text-teal"], html[data-theme="light"] body.verdict-page #underwriting [class*="text-cyan"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="text-cyan"] { color: #00e639 !important; } html[data-theme="light"] body.verdict-page #underwriting [class*="border-teal"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="border-teal"], html[data-theme="light"] body.verdict-page #underwriting [class*="border-cyan"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="border-cyan"] { border-color: rgba(0, 230, 57, 0.45) !important; } /* v54b — SIDE A (operator / "I buy deals") button — solid teal fill, black text. Was: transparent + light teal text (poor contrast). Now matches lender's solid look. */ html[data-theme="light"] body.verdict-page #underwriting .side-card--operator .side-card__cta { background: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%) !important; background-color: #2dd4bf !important; color: #0a0c0e !important; border: 1.5px solid rgba(45,212,191,0.7) !important; box-shadow: 0 0 0 1px rgba(45,212,191,0.28), 0 8px 22px rgba(45,212,191,0.4), inset 0 1px 0 rgba(255,255,255,0.3) !important; text-shadow: none !important; } html[data-theme="light"] body.verdict-page #underwriting .side-card--operator:hover .side-card__cta { background: linear-gradient(135deg, #5eead4 0%, #2dd4bf 100%) !important; background-color: #5eead4 !important; color: #0a0c0e !important; border-color: rgba(45,212,191,0.85) !important; box-shadow: 0 0 0 1px rgba(45,212,191,0.5), 0 12px 32px rgba(45,212,191,0.6), inset 0 1px 0 rgba(255,255,255,0.4) !important; } /* SIDE B (lender) button — slime fill with black text, signature CTA */ html[data-theme="light"] body.verdict-page #underwriting .side-card--lender .side-card__cta { background-color: #00e639 !important; color: #0a0c0e !important; border-color: #00e639 !important; box-shadow: 0 0 0 1px rgba(0,230,57,0.5), 0 0 22px rgba(0,230,57,0.35) !important; } html[data-theme="light"] body.verdict-page #underwriting .side-card--lender:hover .side-card__cta { box-shadow: 0 0 0 1px rgba(0,230,57,0.85), 0 0 30px rgba(0,230,57,0.55) !important; } /* v36.44 — Side-card border accents — operator=teal, lender=slime */ html[data-theme="light"] body.verdict-page #underwriting .side-card--operator { border-color: rgba(94, 234, 212, 0.22) !important; } html[data-theme="light"] body.verdict-page #underwriting .side-card--operator:hover { border-color: rgba(94, 234, 212, 0.55) !important; box-shadow: 0 0 24px rgba(94, 234, 212, 0.18) !important; } html[data-theme="light"] body.verdict-page #underwriting .side-card--lender { border-color: rgba(0, 230, 57, 0.22) !important; } html[data-theme="light"] body.verdict-page #underwriting .side-card--lender:hover { border-color: rgba(0, 230, 57, 0.55) !important; box-shadow: 0 0 24px rgba(0, 230, 57, 0.18) !important; } /* v36.44 — SIDE tags split: operator=teal, lender=slime */ html[data-theme="light"] body.verdict-page #underwriting .side-card--operator .side-card__tag { color: #5eead4 !important; } html[data-theme="light"] body.verdict-page #underwriting .side-card--lender .side-card__tag { color: #00e639 !important; } html[data-theme="light"] body.verdict-page #underwriting .side-card--operator .side-card__for { color: #5eead4 !important; border-color: rgba(94, 234, 212, 0.35) !important; background-color: rgba(94, 234, 212, 0.06) !important; } html[data-theme="light"] body.verdict-page #underwriting .side-card--lender .side-card__for { color: #00e639 !important; border-color: rgba(0, 230, 57, 0.35) !important; background-color: rgba(0, 230, 57, 0.06) !important; } /* Console chips (STEP/MODULE/SIDES) — subtle slate on dark with slime values */ html[data-theme="light"] body.verdict-page #underwriting .uw-console__chip { background-color: rgba(255,255,255,0.03) !important; border-color: rgba(255,255,255,0.10) !important; } html[data-theme="light"] body.verdict-page #underwriting .uw-console__chip-k { color: #9ba1ac !important; } html[data-theme="light"] body.verdict-page #underwriting .uw-console__chip-v { color: #fafbfc !important; } html[data-theme="light"] body.verdict-page #underwriting .uw-console__live { color: #00e639 !important; } html[data-theme="light"] body.verdict-page #underwriting .uw-console__live-dot { background-color: #00e639 !important; box-shadow: 0 0 8px rgba(0, 230, 57, 0.7) !important; } /* PICK A SIDE meta line under split */ html[data-theme="light"] body.verdict-page #underwriting .uw-picker__sub, html[data-theme="light"] body.verdict-page #underwriting [class*="picker"] [class*="sub"] { color: #9ba1ac !important; } /* ---- ICY PURPLE — reserved for funding-touching copy ---- */ /* Partner network strip / "Become a DealCap USA Lending Partner" CTA — funding handoff */ html[data-theme="light"] body.verdict-page #underwriting a[href*="funding"], html[data-theme="light"] body.verdict-page #underwriting ~ section a[href*="funding"], html[data-theme="light"] body.verdict-page #underwriting a[href*="partner"], html[data-theme="light"] body.verdict-page #underwriting ~ section a[href*="partner"] { color: #9d63f3 !important; } html[data-theme="light"] body.verdict-page #underwriting [aria-label*="Fund"], html[data-theme="light"] body.verdict-page #underwriting ~ section [aria-label*="Fund"], html[data-theme="light"] body.verdict-page #underwriting [aria-label*="fund"], html[data-theme="light"] body.verdict-page #underwriting ~ section [aria-label*="fund"] { border-color: rgba(157, 99, 243, 0.30) !important; } /* Partner network CTA card specifically (icon + arrow) */ html[data-theme="light"] body.verdict-page #underwriting .partner-cta, html[data-theme="light"] body.verdict-page #underwriting ~ section .partner-cta { background-color: rgba(157, 99, 243, 0.06) !important; border-color: rgba(157, 99, 243, 0.25) !important; } html[data-theme="light"] body.verdict-page #underwriting .partner-cta:hover, html[data-theme="light"] body.verdict-page #underwriting ~ section .partner-cta:hover { background-color: rgba(157, 99, 243, 0.12) !important; border-color: rgba(157, 99, 243, 0.55) !important; box-shadow: 0 0 24px rgba(157, 99, 243, 0.18) !important; } /* "Visit DealCap USA to fund a deal" bridge section — purple stripe */ html[data-theme="light"] body.verdict-page section[aria-label*="Fund"] [class*="border"], html[data-theme="light"] body.verdict-page section[aria-label*="fund"] [class*="border"] { border-color: rgba(157, 99, 243, 0.30) !important; } /* ---- Engineering / methodology card text colors ---- */ html[data-theme="light"] body.verdict-page #underwriting ~ section .eng-card { background-color: #11141a !important; } html[data-theme="light"] body.verdict-page #underwriting ~ section .eng-card__head, html[data-theme="light"] body.verdict-page #underwriting ~ section .eng-card__title { color: #fafbfc !important; } /* ---- HOW IT WORKS pill (intro hero) — REMAINS LIGHT-zone, no change ---- */ /* ---- Inputs / form controls inside dark zone ---- */ html[data-theme="light"] body.verdict-page #underwriting input, html[data-theme="light"] body.verdict-page #underwriting select, html[data-theme="light"] body.verdict-page #underwriting textarea, html[data-theme="light"] body.verdict-page #underwriting ~ section input, html[data-theme="light"] body.verdict-page #underwriting ~ section select, html[data-theme="light"] body.verdict-page #underwriting ~ section textarea { background-color: #0e1116 !important; color: #fafbfc !important; border-color: rgba(255,255,255,0.12) !important; } html[data-theme="light"] body.verdict-page #underwriting input:focus, html[data-theme="light"] body.verdict-page #underwriting select:focus, html[data-theme="light"] body.verdict-page #underwriting textarea:focus, html[data-theme="light"] body.verdict-page #underwriting ~ section input:focus, html[data-theme="light"] body.verdict-page #underwriting ~ section select:focus, html[data-theme="light"] body.verdict-page #underwriting ~ section textarea:focus { border-color: rgba(0, 230, 57, 0.55) !important; box-shadow: 0 0 0 3px rgba(0, 230, 57, 0.15) !important; } html[data-theme="light"] body.verdict-page #underwriting ::placeholder, html[data-theme="light"] body.verdict-page #underwriting ~ section ::placeholder { color: rgba(230, 232, 235, 0.35) !important; } /* ---- Buttons (generic) inside dark zone ---- */ html[data-theme="light"] body.verdict-page #underwriting button[type="submit"], html[data-theme="light"] body.verdict-page #underwriting .btn-primary, html[data-theme="light"] body.verdict-page #underwriting ~ section button[type="submit"], html[data-theme="light"] body.verdict-page #underwriting ~ section .btn-primary { background-color: #00e639 !important; color: #0a0c0e !important; border-color: #00e639 !important; } html[data-theme="light"] body.verdict-page #underwriting button[type="submit"]:hover, html[data-theme="light"] body.verdict-page #underwriting .btn-primary:hover, html[data-theme="light"] body.verdict-page #underwriting ~ section button[type="submit"]:hover, html[data-theme="light"] body.verdict-page #underwriting ~ section .btn-primary:hover { box-shadow: 0 0 0 1px rgba(0,230,57,0.85), 0 0 22px rgba(0,230,57,0.45) !important; } /* ---- Tooltip dots (legend) inside dark zone ---- */ html[data-theme="light"] body.verdict-page #underwriting .term-legend__dot, html[data-theme="light"] body.verdict-page #underwriting ~ section .term-legend__dot, html[data-theme="light"] body.verdict-page #underwriting [data-term], html[data-theme="light"] body.verdict-page #underwriting ~ section [data-term] { color: #00e639 !important; } /* Hide the slime glow from sub-headlines in the dark zone — they're already glowing on dark */ html[data-theme="light"] body.verdict-page #underwriting [class*="glow"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="glow"] { text-shadow: 0 0 18px rgba(0, 230, 57, 0.45) !important; } /* ---- FAQ + process sections inside dark zone ---- */ html[data-theme="light"] body.verdict-page #underwriting ~ section details { background-color: #11141a !important; border-color: rgba(255,255,255,0.08) !important; } html[data-theme="light"] body.verdict-page #underwriting ~ section details summary { color: #fafbfc !important; } html[data-theme="light"] body.verdict-page #underwriting ~ section details[open] { border-color: rgba(0, 230, 57, 0.30) !important; } /* ---- Methodology / process step numbers — slime ---- */ html[data-theme="light"] body.verdict-page #underwriting ~ section .step-num, html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="step__num"], html[data-theme="light"] body.verdict-page #underwriting ~ section [class*="counter"] { color: #00e639 !important; } /* ---- Footer (last section) — slightly lifted from pure black ---- */ html[data-theme="light"] body.verdict-page footer { background-color: #08090b !important; color: #9ba1ac !important; border-top-color: rgba(255,255,255,0.08) !important; } html[data-theme="light"] body.verdict-page footer a { color: #e6e8eb !important; } html[data-theme="light"] body.verdict-page footer a:hover { color: #00e639 !important; } html[data-theme="light"] body.verdict-page footer a[href*="funding"], html[data-theme="light"] body.verdict-page footer a[href*="partner"] { color: #b89bff !important; } /* ---- Final safety: remove any teal/amber glow tokens leaking into dark zone ---- */ html[data-theme="light"] body.verdict-page #underwriting [style*="rgba(245"], html[data-theme="light"] body.verdict-page #underwriting ~ section [style*="rgba(245"] { /* amber inline styles — neutralize visual impact */ } /* ---- v36.37 patch — Partner strip icy-purple accent (funding-touching CTA) ---- */ html[data-theme="light"] body.verdict-page #underwriting .uw-partner-strip, html[data-theme="light"] body.verdict-page #underwriting ~ section .uw-partner-strip { background-color: rgba(157, 99, 243, 0.06) !important; border-color: rgba(157, 99, 243, 0.25) !important; color: #e6e8eb !important; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease; } html[data-theme="light"] body.verdict-page #underwriting .uw-partner-strip:hover, html[data-theme="light"] body.verdict-page #underwriting ~ section .uw-partner-strip:hover { background-color: rgba(157, 99, 243, 0.12) !important; border-color: rgba(157, 99, 243, 0.55) !important; box-shadow: 0 0 24px rgba(157, 99, 243, 0.18) !important; } html[data-theme="light"] body.verdict-page #underwriting .uw-partner-strip__tag, html[data-theme="light"] body.verdict-page #underwriting ~ section .uw-partner-strip__tag { color: #00e639 !important; } html[data-theme="light"] body.verdict-page #underwriting .uw-partner-strip__title, html[data-theme="light"] body.verdict-page #underwriting ~ section .uw-partner-strip__title { color: #fafbfc !important; } html[data-theme="light"] body.verdict-page #underwriting .uw-partner-strip__sub, html[data-theme="light"] body.verdict-page #underwriting ~ section .uw-partner-strip__sub { color: #9ba1ac !important; } html[data-theme="light"] body.verdict-page #underwriting .uw-partner-strip__arrow, html[data-theme="light"] body.verdict-page #underwriting .uw-partner-strip__icon, html[data-theme="light"] body.verdict-page #underwriting ~ section .uw-partner-strip__arrow, html[data-theme="light"] body.verdict-page #underwriting ~ section .uw-partner-strip__icon { color: #9d63f3 !important; } /* === v36.38 — FUNDING LANES DARK ZONE (Six Lanes. Choose Yours.) === Scoped to #lanes section on funding.html. Same "device on paper" cut approach as VERDICT dark console. Signature color: icy electric purple (Funding = Capital per v36.36 palette). Card variety preserved via rotating accents (purple → off-white → slime hint), but all on dark surface. No fade — hard clean cut from white sections above and below. */ html[data-theme="light"] #lanes { background-color: #0a0c0e !important; color: #e6e8eb !important; border-color: rgba(255,255,255,0.08) !important; } /* Section header — eyebrow, title, sub */ html[data-theme="light"] #lanes .section-header__index { color: #9d63f3 !important; } html[data-theme="light"] #lanes .section-header__index::before { background-color: #9d63f3 !important; } html[data-theme="light"] #lanes .section-header__title { color: #fafbfc !important; } html[data-theme="light"] #lanes .section-header__sub { color: #b8bdc7 !important; } /* Underline accent below title */ html[data-theme="light"] #lanes .section-header::after, html[data-theme="light"] #lanes .section-header__title::after { background-color: #9d63f3 !important; } /* Legend tag — dark pill, slime dot */ html[data-theme="light"] #lanes .term-legend { background-color: rgba(157, 99, 243, 0.08) !important; border-color: rgba(157, 99, 243, 0.30) !important; color: #e6e8eb !important; } html[data-theme="light"] #lanes .term-legend__dot { background-color: #9d63f3 !important; box-shadow: 0 0 8px rgba(157, 99, 243, 0.6) !important; } /* Lane counter chip */ html[data-theme="light"] #lanes .lane-deck__counter, html[data-theme="light"] #lanes .lane-deck__counter span { color: #9ba1ac !important; } html[data-theme="light"] #lanes [data-lane-current], html[data-theme="light"] #lanes [data-lane-total] { color: #9d63f3 !important; } /* --- LANE CARDS — DARK SURFACE WITH ROTATING ACCENTS --- */ html[data-theme="light"] #lanes .lane-card { background: linear-gradient(180deg, #11141a, #0c0e13) !important; border-color: rgba(255,255,255,0.10) !important; color: #e6e8eb !important; } html[data-theme="light"] #lanes .lane-card__title { color: #fafbfc !important; } html[data-theme="light"] #lanes .lane-card__sub { color: #b8bdc7 !important; } html[data-theme="light"] #lanes .lane-card__copy { color: #d4d8df !important; } /* Spec rows */ html[data-theme="light"] #lanes .lane-card__specs > div { border-color: rgba(255,255,255,0.08) !important; } html[data-theme="light"] #lanes .lane-card__specs dt { color: #8a8f99 !important; } html[data-theme="light"] #lanes .lane-card__specs dd { color: #fafbfc !important; } /* Rotating accent — amber → ICY PURPLE (signature) */ html[data-theme="light"] #lanes .lane-card--accent-amber .lane-card__tag { color: #9d63f3 !important; } html[data-theme="light"] #lanes .lane-card--accent-amber:hover { border-color: rgba(157, 99, 243, 0.55) !important; box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(157, 99, 243, 0.35), 0 0 32px rgba(157, 99, 243, 0.22) !important; } html[data-theme="light"] #lanes .lane-card--accent-amber:hover .lane-card__tag { color: #b89bff !important; } /* Rotating accent — white → NEON WHITE (high emphasis variant) */ html[data-theme="light"] #lanes .lane-card--accent-white .lane-card__tag { color: #fafbfc !important; } html[data-theme="light"] #lanes .lane-card--accent-white:hover { border-color: rgba(250, 251, 252, 0.55) !important; box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(250, 251, 252, 0.28), 0 0 28px rgba(250, 251, 252, 0.16) !important; } /* Rotating accent — violet → DEEPER PURPLE/INDIGO variant */ html[data-theme="light"] #lanes .lane-card--accent-violet .lane-card__tag { color: #b89bff !important; } html[data-theme="light"] #lanes .lane-card--accent-violet:hover { border-color: rgba(184, 155, 255, 0.65) !important; box-shadow: 0 14px 36px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(184, 155, 255, 0.32), 0 0 30px rgba(184, 155, 255, 0.20) !important; } html[data-theme="light"] #lanes .lane-card--accent-violet:hover .lane-card__tag { color: #d4c2ff !important; } /* Featured Double Close card — heightened icy purple signature */ html[data-theme="light"] #lanes .lane-card--feature { background: linear-gradient(180deg, rgba(157, 99, 243, 0.10), #0c0e13) !important; border-color: rgba(157, 99, 243, 0.45) !important; } html[data-theme="light"] #lanes .lane-card--feature::before { background: linear-gradient(180deg, #9d63f3, rgba(157, 99, 243, 0.3)) !important; } html[data-theme="light"] #lanes .lane-card--feature .lane-card__tag { color: #b89bff !important; } html[data-theme="light"] #lanes .lane-card--feature:hover { border-color: #9d63f3 !important; box-shadow: 0 16px 44px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(157, 99, 243, 0.45), 0 0 40px rgba(157, 99, 243, 0.28) !important; } /* Generic lane-card hover fallback */ html[data-theme="light"] #lanes .lane-card:hover { border-color: rgba(157, 99, 243, 0.55) !important; } html[data-theme="light"] #lanes .lane-card:hover .lane-card__tag { color: #b89bff !important; } /* CTAs inside lane cards — keep amber lane CTAs working but recolored to icy purple to stay inside dark-zone palette discipline. Submit-lane CTAs become purple-filled. */ html[data-theme="light"] #lanes .btn-zero { background-color: #9d63f3 !important; color: #ffffff !important; border-color: #9d63f3 !important; } html[data-theme="light"] #lanes .btn-zero:hover { background-color: #b89bff !important; border-color: #b89bff !important; box-shadow: 0 0 24px rgba(157, 99, 243, 0.45) !important; } html[data-theme="light"] #lanes .btn-zero--danger { background-color: #d12d52 !important; border-color: #d12d52 !important; } /* Carousel chrome — prev/next/dots */ html[data-theme="light"] #lanes [data-lane-prev], html[data-theme="light"] #lanes [data-lane-next], html[data-theme="light"] #lanes .lane-deck__nav button { background-color: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.15) !important; color: #e6e8eb !important; } html[data-theme="light"] #lanes [data-lane-prev]:hover, html[data-theme="light"] #lanes [data-lane-next]:hover, html[data-theme="light"] #lanes .lane-deck__nav button:hover { background-color: rgba(157, 99, 243, 0.15) !important; border-color: rgba(157, 99, 243, 0.55) !important; color: #fafbfc !important; } html[data-theme="light"] #lanes [data-lane-dot], html[data-theme="light"] #lanes .lane-deck__dots button { background-color: rgba(255,255,255,0.18) !important; } html[data-theme="light"] #lanes [data-lane-dot][aria-current="true"], html[data-theme="light"] #lanes [data-lane-dot].is-active, html[data-theme="light"] #lanes .lane-deck__dots button[aria-current="true"] { background-color: #9d63f3 !important; box-shadow: 0 0 10px rgba(157, 99, 243, 0.7) !important; } /* Disclaimer footer text inside #lanes */ html[data-theme="light"] #lanes p, html[data-theme="light"] #lanes em, html[data-theme="light"] #lanes small { color: #b8bdc7 !important; } html[data-theme="light"] #lanes .text-amber, html[data-theme="light"] #lanes [class*="text-amber"] { color: #9d63f3 !important; } /* Grid bg pattern softer in dark zone if present */ html[data-theme="light"] #lanes .grid-bg { opacity: 0.15 !important; } /* v36.38 patch — lane-card spec cells need dark surface override (root rule sets background: var(--c-ink-900) which maps to white in v36.32). */ html[data-theme="light"] #lanes .lane-card__specs { background-color: rgba(255,255,255,0.06) !important; } html[data-theme="light"] #lanes .lane-card__specs > div { background-color: #0f1218 !important; } /* v36.38 — disclaimer amber → icy purple in dark zone */ html[data-theme="light"] #lanes .text-amber { color: #9d63f3 !important; } /* ============================================================ v36.43 — Partner §03 CTA panel + Footer light-theme fixes The dark gradient panels need explicit white text overrides because html[data-theme="light"] body sets color #0a0c0e (specificity 0,1,1 — beats class selectors without !important). ============================================================ */ /* Partner §03 Apply CTA — keep dark gradient panel readable */ html[data-theme="light"] .applyA { color: #fafbfc; } html[data-theme="light"] .applyA-h2 { color: #fafbfc !important; } html[data-theme="light"] .applyA-sub { color: #c8cbd0 !important; } html[data-theme="light"] .applyA-eyebrow, html[data-theme="light"] .applyA__eyebrow { color: var(--partner-yellow, #facc15); } /* Footer center-lockup tagline — currently rgba(228,228,231,.55) which is invisible on white. Scope to Hub / Partner / Funding (NOT verdict). */ html[data-theme="light"]:not(:has(body.verdict-page)) .footer-tagline, html[data-theme="light"] body:not(.verdict-page) .footer-tagline { color: rgba(31, 35, 40, 0.62) !important; } /* Footer legal block (long paragraph + copyright) — same issue */ html[data-theme="light"] body:not(.verdict-page) .footer-legal__line { color: rgba(31, 35, 40, 0.68) !important; } html[data-theme="light"] body:not(.verdict-page) .footer-legal__links { color: rgba(31, 35, 40, 0.55) !important; } html[data-theme="light"] body:not(.verdict-page) .footer-legal__sep { color: rgba(31, 35, 40, 0.32) !important; } /* Verdict footer (sits inside dark zone) — keep original light-on-dark. No override needed since the original styles.css colors already work on dark bg, but we explicitly preserve them in case of cascade issues. */ /* ============================================================ */ /* v36.44 — VERDICT dark-zone low-contrast text sweep */ /* The verdict tool & all subsequent sections stay dark even in */ /* light theme. The global theme-light `body { color:#0a0c0e }` */ /* and `color:#1f2328` rules bleed into these dark zones making */ /* dark text on dark bg invisible. Scoped fixes below force */ /* light text inside #verdict-intro, #underwriting, and any */ /* section that follows #underwriting. */ /* ============================================================ */ /* 1. Hero / underwriter / kept-dark sections — neutralize dark body color on bold emphasis */ html[data-theme="light"] body.verdict-page #verdict-intro b, html[data-theme="light"] body.verdict-page #verdict-intro strong, html[data-theme="light"] body.verdict-page #underwriting b, html[data-theme="light"] body.verdict-page #underwriting strong, html[data-theme="light"] body.verdict-page #underwriting ~ section b, html[data-theme="light"] body.verdict-page #underwriting ~ section strong { color: #fafbfc !important; } /* 2. Slime-accent emphasis pattern in dark zones — acc-tldr b was already slime in light theme; keep that contract but ensure it's still slime on dark backgrounds. */ html[data-theme="light"] body.verdict-page #underwriting ~ section .acc-tldr b, html[data-theme="light"] body.verdict-page #underwriting ~ section .acc-tldr strong { color: #00e639 !important; } /* 3. acc-hero copy / section-header sub / acc-tldr / acc-hero__unit / section-header__index — all currently #1f2328 (dark ink) which is invisible on dark zones. */ html[data-theme="light"] body.verdict-page #underwriting ~ section .acc-hero__copy, html[data-theme="light"] body.verdict-page #underwriting ~ section .section-header__sub, html[data-theme="light"] body.verdict-page #underwriting ~ section .acc-tldr { color: #c8cbd0 !important; } html[data-theme="light"] body.verdict-page #underwriting ~ section .acc-hero__unit, html[data-theme="light"] body.verdict-page #underwriting ~ section .section-header__index { color: #9ba1ac !important; } /* 4. Pills & delta indicators — bright text on dark pill backgrounds */ html[data-theme="light"] body.verdict-page #underwriting .uw-delta-pill, html[data-theme="light"] body.verdict-page #underwriting ~ section .uw-delta-pill, html[data-theme="light"] body.verdict-page #underwriting .pill.pill--sm, html[data-theme="light"] body.verdict-page #underwriting ~ section .pill.pill--sm { color: #e6e8eb !important; } html[data-theme="light"] body.verdict-page #underwriting .pill.pill--danger, html[data-theme="light"] body.verdict-page #underwriting ~ section .pill.pill--danger { color: #fda4af !important; } /* 5. Faint footnote — "// Verdict · free · no signup" wrapper paragraph was text-ink-300 but rendering at #3d444c (~rgb(61,68,76)) due to theme-light overrides. Brighten it. */ html[data-theme="light"] body.verdict-page #underwriting .text-ink-300, html[data-theme="light"] body.verdict-page #underwriting ~ section .text-ink-300, html[data-theme="light"] body.verdict-page #verdict-intro .text-ink-300 { color: #c8cbd0 !important; } /* 6. text-ink-400 helpers (Live recalc, (optional), (adjusts score), unit labels) — bump up */ html[data-theme="light"] body.verdict-page #underwriting .text-ink-400, html[data-theme="light"] body.verdict-page #underwriting ~ section .text-ink-400, html[data-theme="light"] body.verdict-page #verdict-intro .text-ink-400 { color: #9ba1ac !important; } /* 7. text-ink-500 (rarely used in dark zones but possible) — bump up */ html[data-theme="light"] body.verdict-page #underwriting .text-ink-500, html[data-theme="light"] body.verdict-page #underwriting ~ section .text-ink-500 { color: #8a8f97 !important; } /* 8. Funding CTA button (.btn-zero--amber) — explicitly force black text on amber so theme-light body color doesn't bleed through to the inner spans/svgs. */ html[data-theme="light"] body.verdict-page .btn-zero--amber, html[data-theme="light"] body.verdict-page .btn-zero--amber * { color: #0a0c0e !important; } html[data-theme="light"] body.verdict-page .btn-zero--amber svg { stroke: #0a0c0e !important; } /* 9. Verdict Support CTA — text-teal button has white text bleed; force black on teal */ html[data-theme="light"] body.verdict-page #v-support .btn-zero--teal, html[data-theme="light"] body.verdict-page #v-support .btn-zero--teal * { color: #0a0c0e !important; } html[data-theme="light"] body.verdict-page #v-support .btn-zero--teal svg { stroke: #0a0c0e !important; } /* 10. Misc — make sure all hero copy in #verdict-intro stays bright */ html[data-theme="light"] body.verdict-page #verdict-intro, html[data-theme="light"] body.verdict-page #verdict-intro * { /* don't override the inline-style hero rules; only catch fallback inheritors */ } html[data-theme="light"] body.verdict-page #verdict-intro p { color: #c8cbd0 !important; } html[data-theme="light"] body.verdict-page #verdict-intro p .lede-tail { color: #8a8f97 !important; } /* v36.44 — boost specificity: the funding-link purple rule was outranking our amber CTA black-text rule. Match its specificity (and exceed) explicitly. */ html[data-theme="light"] body.verdict-page #underwriting ~ section a.btn-zero--amber, html[data-theme="light"] body.verdict-page #underwriting ~ section a.btn-zero--amber * { color: #0a0c0e !important; } html[data-theme="light"] body.verdict-page #underwriting ~ section a.btn-zero--amber svg { stroke: #0a0c0e !important; } /* v36.44 — brighten the purple accent (#7c3aed → #b8a4ff) for "velocity" lane chips and acc-hero "// BLACK BOX =" annotation so they pass WCAG AA on dark zones. */ html[data-theme="light"] body.verdict-page #underwriting ~ section .acc-hero__def-mark { color: #b8a4ff !important; } /* Lane hint inline spans (style="color:#7c3aed") — escalate via attribute selector */ html[data-theme="light"] body.verdict-page #underwriting ~ section .uw-lane-grid__hint span[style*="7c3aed"], html[data-theme="light"] body.verdict-page #underwriting ~ section .uw-lane-grid__hint span[style*="#7c3aed"] { color: #b8a4ff !important; } /* v36.44 — verdict dark zones: undo the global amber→purple swap and keep amber bright. The lane hint chips ("velocity") use inline style="color:#f59e0b" which the global light-theme rule transforms to dark purple #7c3aed. On dark bg, that's too low contrast. Restore the original amber here, which is signature for the velocity family. */ html[data-theme="light"] body.verdict-page #underwriting [style*="color:#f59e0b"], html[data-theme="light"] body.verdict-page #underwriting [style*="color: #f59e0b"], html[data-theme="light"] body.verdict-page #underwriting ~ section [style*="color:#f59e0b"], html[data-theme="light"] body.verdict-page #underwriting ~ section [style*="color: #f59e0b"] { color: #fbbf24 !important; /* slightly brighter amber for dark bg */ } /* ===================================================================================== v36.45 — FUNDING PORTAL theme pass ───────────────────────────────────────────────────────────────────────────────────── Primary: icy electric purple (#7c3aed deep · #a78bfa icy highlight) Secondary: amber (#f59e0b) Dark mode is the inverse but kept consistent because verdict-pointer + final CTA anchor the page identity. Items addressed: #2 Verdict-pointer CTA color shift so it stands out on white #3 Three Beats (process) light-mode rescue #4 FAQ — drop rainbow chips, use single purple accent (mirror partner.faq) #5 Theme: primary purple, secondary amber, applied across non-funding-CTA elements #6 Final transmission CTA — dark purple section bg ===================================================================================== */ /* ── 5. Theme tokens for the funding page ───────────────────────────────────────────── */ .funding-page { --f-purple: #7c3aed; --f-purple-icy: #a78bfa; /* lighter "icy electric" tint */ --f-purple-deep: #5b21b6; /* anchor for dark backgrounds in light mode */ --f-purple-glow: rgba(124, 58, 237, 0.35); --f-amber: #f59e0b; --f-amber-soft: rgba(245, 158, 11, 0.10); } /* ── 2. Verdict-pointer (the free pro tool strip) ────────────────────────────────────── The previous green/teal tint blended into white. Switch to icy purple so it pops while still reading as a "different/feature" callout. */ html[data-theme="light"] .funding-page .verdict-pointer { border-color: rgba(124, 58, 237, 0.35) !important; background: linear-gradient(135deg, rgba(167, 139, 250, 0.18), rgba(124, 58, 237, 0.06)) !important; box-shadow: 0 1px 0 rgba(124, 58, 237, 0.08), 0 12px 32px rgba(124, 58, 237, 0.12) !important; } html[data-theme="light"] .funding-page .verdict-pointer::before { background: radial-gradient(circle at 8% 50%, rgba(124, 58, 237, 0.18), transparent 45%) !important; } html[data-theme="light"] .funding-page .verdict-pointer__tag { color: var(--f-purple) !important; } html[data-theme="light"] .funding-page .verdict-pointer__title { color: #0a0c0e !important; } html[data-theme="light"] .funding-page .verdict-pointer__title .text-teal, html[data-theme="light"] .funding-page .verdict-pointer__title .text-slime { color: var(--f-purple) !important; } html[data-theme="light"] .funding-page .verdict-pointer__sub { color: #3a4150 !important; } html[data-theme="light"] .funding-page .verdict-pointer__meta { color: var(--f-purple-deep) !important; } /* The "Run a Verdict" button on this strip becomes a purple-on-white CTA */ html[data-theme="light"] .funding-page .verdict-pointer .btn-zero { background: var(--f-purple) !important; color: #ffffff !important; border-color: var(--f-purple) !important; } html[data-theme="light"] .funding-page .verdict-pointer .btn-zero:hover { background: var(--f-purple-deep) !important; border-color: var(--f-purple-deep) !important; box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.30) !important; } /* ── 3. Three Beats (process section) — light-mode rescue ────────────────────────────── */ html[data-theme="light"] .funding-page .beat__num { color: var(--f-purple-deep) !important; font-weight: 700 !important; font-size: 0.7rem !important; background: rgba(124, 58, 237, 0.10) !important; padding: 3px 9px !important; border-radius: 4px !important; display: inline-block !important; letter-spacing: 0.25em !important; } html[data-theme="light"] .funding-page .beat__watermark { color: rgba(124, 58, 237, 0.14) !important; font-weight: 700 !important; } html[data-theme="light"] .funding-page .beat--terminal .beat__watermark { color: rgba(245, 158, 11, 0.20) !important; } html[data-theme="light"] .funding-page .beat__title { color: #0a0c0e !important; } html[data-theme="light"] .funding-page .beat__copy { color: #3a4150 !important; } html[data-theme="light"] .funding-page .beat__sla { color: var(--f-purple) !important; } html[data-theme="light"] .funding-page .beat__sla--close { color: var(--f-amber) !important; } html[data-theme="light"] .funding-page .beat__sla-meta { color: #6b7280 !important; } html[data-theme="light"] .funding-page .beat__node { border-color: rgba(124, 58, 237, 0.40) !important; background: rgba(124, 58, 237, 0.05) !important; color: var(--f-purple) !important; } html[data-theme="light"] .funding-page .beat__node--terminal { border-color: rgba(245, 158, 11, 0.50) !important; background: rgba(245, 158, 11, 0.06) !important; color: var(--f-amber) !important; } html[data-theme="light"] .funding-page .beat__chip { color: var(--f-purple-deep) !important; background: rgba(124, 58, 237, 0.08) !important; border-color: rgba(124, 58, 237, 0.30) !important; } html[data-theme="light"] .funding-page .beat__chip--go { color: #047857 !important; background: rgba(16, 185, 129, 0.08) !important; border-color: rgba(16, 185, 129, 0.35) !important; } html[data-theme="light"] .funding-page .process-timeline__rail-fill { background: linear-gradient(180deg, var(--f-purple) 0%, var(--f-purple-icy) 70%, var(--f-amber) 100%) !important; } html[data-theme="light"] .funding-page .process-footnote { color: #4a5160 !important; } html[data-theme="light"] .funding-page .process-footnote__mark { color: var(--f-purple) !important; } /* ── 4. FAQ — drop rainbow chips, use single purple accent (partner.faq style) ──────── */ html[data-theme="light"] .funding-page .faq-item:nth-child(4n+1) .faq-item__num, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+2) .faq-item__num, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+3) .faq-item__num, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+4) .faq-item__num, html[data-theme="light"] .funding-page .faq-item__num { color: var(--f-purple) !important; background: rgba(124, 58, 237, 0.10) !important; padding: 4px 10px !important; border-radius: 6px !important; border: 1px solid rgba(124, 58, 237, 0.20) !important; font-weight: 700 !important; } html[data-theme="light"] .funding-page .faq-item { border-color: rgba(124, 58, 237, 0.14) !important; background: #ffffff !important; } /* Kill rainbow left-border stripes on .faq-item > summary (lines 1246-1249 base) */ html[data-theme="light"] .funding-page .faq-item:nth-child(4n+1) > summary, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+2) > summary, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+3) > summary, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+4) > summary, html[data-theme="light"] .funding-page .faq-item > summary { border-left-color: var(--f-purple) !important; } html[data-theme="light"] .funding-page .faq-item:nth-child(4n+1) > summary:hover, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+2) > summary:hover, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+3) > summary:hover, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+4) > summary:hover, html[data-theme="light"] .funding-page .faq-item > summary:hover { background: rgba(124, 58, 237, 0.05) !important; } /* Match the FAQ toggle color too */ html[data-theme="light"] .funding-page .faq-item:nth-child(4n+1) > summary .faq-item__toggle, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+2) > summary .faq-item__toggle, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+3) > summary .faq-item__toggle, html[data-theme="light"] .funding-page .faq-item:nth-child(4n+4) > summary .faq-item__toggle { color: var(--f-purple) !important; } html[data-theme="light"] .funding-page .faq-item:hover { border-color: rgba(124, 58, 237, 0.30) !important; background: rgba(124, 58, 237, 0.025) !important; } html[data-theme="light"] .funding-page .faq-item[open] { border-color: rgba(124, 58, 237, 0.35) !important; background: rgba(124, 58, 237, 0.03) !important; } html[data-theme="light"] .funding-page .faq-item__q { color: #0a0c0e !important; } html[data-theme="light"] .funding-page .faq-item__toggle { color: var(--f-purple) !important; } html[data-theme="light"] .funding-page .faq-item__a { color: #3a4150 !important; } html[data-theme="light"] .funding-page .faq-link { color: var(--f-purple) !important; text-decoration: underline !important; text-decoration-color: rgba(124, 58, 237, 0.40) !important; } html[data-theme="light"] .funding-page .faq-link:hover { color: var(--f-purple-deep) !important; text-decoration-color: var(--f-purple-deep) !important; } /* ── v52Z ─ Partner FAQ — lock to icy electric blue (#1d9bf0), mirrors funding pattern ── */ html[data-theme="light"] .partner-page .faq-item:nth-child(4n+1) .faq-item__num, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+2) .faq-item__num, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+3) .faq-item__num, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+4) .faq-item__num, html[data-theme="light"] .partner-page .faq-item__num { color: #1d9bf0 !important; background: rgba(29, 155, 240, 0.10) !important; padding: 4px 10px !important; border-radius: 6px !important; border: 1px solid rgba(29, 155, 240, 0.20) !important; font-weight: 700 !important; } html[data-theme="light"] .partner-page .faq-item { border-color: rgba(29, 155, 240, 0.14) !important; background: #ffffff !important; } html[data-theme="light"] .partner-page .faq-item:nth-child(4n+1) > summary, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+2) > summary, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+3) > summary, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+4) > summary, html[data-theme="light"] .partner-page .faq-item > summary { border-left-color: #1d9bf0 !important; } html[data-theme="light"] .partner-page .faq-item:nth-child(4n+1) > summary:hover, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+2) > summary:hover, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+3) > summary:hover, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+4) > summary:hover, html[data-theme="light"] .partner-page .faq-item > summary:hover { background: rgba(29, 155, 240, 0.05) !important; } html[data-theme="light"] .partner-page .faq-item:nth-child(4n+1) > summary .faq-item__toggle, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+2) > summary .faq-item__toggle, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+3) > summary .faq-item__toggle, html[data-theme="light"] .partner-page .faq-item:nth-child(4n+4) > summary .faq-item__toggle { color: #1d9bf0 !important; } html[data-theme="light"] .partner-page .faq-item:hover { border-color: rgba(29, 155, 240, 0.30) !important; background: rgba(29, 155, 240, 0.025) !important; } html[data-theme="light"] .partner-page .faq-item[open] { border-color: rgba(29, 155, 240, 0.35) !important; background: rgba(29, 155, 240, 0.03) !important; } html[data-theme="light"] .partner-page .faq-item__q { color: #0a0c0e !important; } html[data-theme="light"] .partner-page .faq-item__toggle { color: #1d9bf0 !important; } html[data-theme="light"] .partner-page .faq-item__a { color: #3a4150 !important; } /* Partner FAQ mobile shell — blue tone */ html[data-theme="light"] .partner-page .faq-shell__summary { border-color: rgba(29, 155, 240, 0.35) !important; background: linear-gradient(135deg, rgba(29,155,240,0.08) 0%, rgba(255,255,255,0.95) 60%) !important; } html[data-theme="light"] .partner-page .faq-shell[open] .faq-shell__summary { border-color: rgba(29, 155, 240, 0.55) !important; background: linear-gradient(135deg, rgba(29,155,240,0.12) 0%, rgba(255,255,255,0.98) 60%) !important; } html[data-theme="light"] .partner-page .faq-shell__icon { background: rgba(29, 155, 240, 0.12) !important; color: #1d9bf0 !important; } html[data-theme="light"] .partner-page .faq-shell__chev { color: #1d9bf0 !important; } html[data-theme="light"] .partner-page .faq-shell__title { color: #0a0c0e !important; } html[data-theme="light"] .partner-page .faq-shell__hint { color: #57606a !important; } /* v54i — Hub + Funding FAQ shells on white base (amber tone) */ html[data-theme="light"] body:not(.partner-page) .faq-shell__summary { border-color: rgba(245, 158, 11, 0.35) !important; background: linear-gradient(135deg, rgba(245,158,11,0.08) 0%, rgba(255,255,255,0.95) 60%) !important; } html[data-theme="light"] body:not(.partner-page) .faq-shell[open] .faq-shell__summary { border-color: rgba(245, 158, 11, 0.55) !important; background: linear-gradient(135deg, rgba(245,158,11,0.12) 0%, rgba(255,255,255,0.98) 60%) !important; } html[data-theme="light"] body:not(.partner-page) .faq-shell__icon { background: rgba(245, 158, 11, 0.12) !important; color: #b45309 !important; } html[data-theme="light"] body:not(.partner-page) .faq-shell__chev { color: #b45309 !important; } html[data-theme="light"] body:not(.partner-page) .faq-shell__title { color: #0a0c0e !important; } html[data-theme="light"] body:not(.partner-page) .faq-shell__hint { color: #57606a !important; } /* ── 6. Final Transmission CTA — amber signature background w/ purple mark watermark ── */ html[data-theme="light"] .funding-page #cta { background: linear-gradient(135deg, #f59e0b 0%, #ffb020 50%, #d97706 100%) !important; border-color: rgba(180, 110, 0, 0.55) !important; position: relative; } html[data-theme="light"] .funding-page #cta .grid-bg { opacity: 0.10 !important; filter: none !important; } html[data-theme="light"] .funding-page #cta .radial-pulse { opacity: 0.18 !important; } /* Brand mark watermark in dark ink-grey — quiet, like the original dark-mode treatment */ html[data-theme="light"] .funding-page #cta .cta-watermark { color: rgba(10, 12, 14, 0.14) !important; filter: drop-shadow(0 0 24px rgba(10, 12, 14, 0.15)) !important; } /* "// Final Transmission" kicker — deep ink for warm contrast on amber */ html[data-theme="light"] .funding-page #cta .font-mono.text-amber { color: #1a1306 !important; text-shadow: none !important; opacity: 0.85; } /* Headline — solid deep ink black for max impact on amber */ html[data-theme="light"] .funding-page #cta h2 { color: #0a0c0e !important; } html[data-theme="light"] .funding-page #cta h2 .text-amber { color: #0a0c0e !important; } html[data-theme="light"] .funding-page #cta h2 .glow-amber { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.30), 0 0 24px rgba(255, 255, 255, 0.20) !important; } /* Submit a Deal — INVERT: solid ink fill with white text (pops off the amber bg) */ html[data-theme="light"] .funding-page #cta .btn-zero { background: #0a0c0e !important; color: #ffffff !important; border-color: #0a0c0e !important; } html[data-theme="light"] .funding-page #cta .btn-zero * { color: #ffffff !important; } html[data-theme="light"] .funding-page #cta .btn-zero:hover { background: #1f2328 !important; border-color: #1f2328 !important; box-shadow: 0 0 0 3px rgba(10, 12, 14, 0.25) !important; } /* Contact Support ghost — dark ink border + dark text for legibility on amber */ html[data-theme="light"] .funding-page #cta .btn-ghost { color: #0a0c0e !important; border-color: rgba(10, 12, 14, 0.55) !important; background: rgba(255, 255, 255, 0.10) !important; } html[data-theme="light"] .funding-page #cta .btn-ghost:hover { background: rgba(10, 12, 14, 0.08) !important; border-color: #0a0c0e !important; color: #0a0c0e !important; } /* ── Section headers across funding page get amber underline (matches the rest) ─────── Keep purple for the eyebrow tag only on the §03 process + §04 faq sections so the purple identity stays prominent without overpowering the lanes (already amber/violet). The lanes section already uses the lane-card accent rotation. */ html[data-theme="light"] .funding-page #process .section-header__index, html[data-theme="light"] .funding-page #faq .section-header__index { color: var(--f-purple-deep) !important; } html[data-theme="light"] .funding-page #process .section-header__index::before, html[data-theme="light"] .funding-page #faq .section-header__index::before { background: var(--f-purple) !important; } /* ── DARK MODE inverse (amber dominant, purple secondary) ───────────────────────────── The dark mode already runs amber-heavy. We only tweak the verdict-pointer dark glow so it doesn't compete with slime (which is reserved for /verdict). */ html:not([data-theme="light"]) .funding-page .verdict-pointer { border-color: rgba(245, 158, 11, 0.22); background: linear-gradient(135deg, rgba(245, 158, 11, 0.06), rgba(245, 158, 11, 0.01)); } html:not([data-theme="light"]) .funding-page .verdict-pointer::before { background: radial-gradient(circle at 8% 50%, rgba(245, 158, 11, 0.10), transparent 40%); } html:not([data-theme="light"]) .funding-page .verdict-pointer__tag { color: var(--c-amber, #f59e0b); } html:not([data-theme="light"]) .funding-page .verdict-pointer__title .text-teal, html:not([data-theme="light"]) .funding-page .verdict-pointer__title .text-slime { color: var(--c-amber, #f59e0b) !important; } /* ============================================================ v52k — VERDICT CTA section visibility fixes (light theme) Pitch column sits on white bg; teal-on-light + muted greys were barely legible. Darken teal + body text + meta lines. ============================================================ */ html[data-theme="light"] .verdict-card__chip { color: #0f766e; /* dark teal */ border-color: rgba(15,118,110,0.45); background: rgba(15,118,110,0.08); font-weight: 600; } html[data-theme="light"] .verdict-card__copy { color: #1f2328; /* near-black body */ } html[data-theme="light"] .verdict-card__copy em.not-italic, html[data-theme="light"] .verdict-card__copy .text-ink-50 { color: #0a0c0e !important; /* emphasised words pop */ font-weight: 600; } html[data-theme="light"] .verdict-card__list li { color: #1f2328; /* body text — was #d6d3d1 */ } html[data-theme="light"] .verdict-card__list li strong { color: #0a0c0e; /* strong items */ } html[data-theme="light"] .verdict-card__list li .text-ink-50 { color: #374151 !important; /* secondary inline note */ } html[data-theme="light"] .verdict-card__tick { color: #0f766e; /* darker teal tick */ } html[data-theme="light"] .verdict-card__cta-meta { color: #374151; /* was #78716c — too pale */ font-weight: 600; } html[data-theme="light"] .verdict-card__method { color: #374151 !important; /* override Tailwind text-ink-300 */ } html[data-theme="light"] .verdict-card__method .text-teal { color: #0f766e !important; /* darker teal accent */ font-weight: 600; } /* v52M — Hub FAQ footer note: tighten contrast on white base */ html[data-theme="light"] .faq-footnote { color: #4b5563; /* was rgba(228,228,231,0.5) — invisible on white */ font-style: normal; /* italic + low contrast read as broken */ font-weight: 500; } html[data-theme="light"] .faq-footnote__mark { color: #0f766e; /* darker teal accent for white base */ opacity: 1; } /* ========================================================= v52N — FUNDING INTAKE DRAWER (light theme fixes) The .drawer styles were authored dark. On the funding page (data-theme="light"), --c-ink-900 maps to #f8f9fa so the panel is white-ish but section titles, formhead title, and dividers still use light text → invisible on white. These overrides restore contrast and add the amber+purple signature hue split: • AMBER = structural eyebrows, lane code chips, formhead left border, field dividers, the // marks • PURPLE = active tab, focus, data values, required *, primary CTA ========================================================= */ /* Panel + chrome */ html[data-theme="light"] .drawer__panel { background: #ffffff; border-left: 1px solid #d97706; box-shadow: -24px 0 60px rgba(15, 23, 42, 0.18), -1px 0 0 #d97706; color: #1f2328; } html[data-theme="light"] .drawer__head { border-bottom: 1px solid #e1e4e8; background: #ffffff; } html[data-theme="light"] #drawer-title { color: #0a0c0e; } html[data-theme="light"] .drawer__head .text-amber { color: #d97706 !important; /* DOSSIER // INTAKE eyebrow */ } html[data-theme="light"] .drawer__close { color: #1f2328; border-color: #e1e4e8; background: #ffffff; } html[data-theme="light"] .drawer__close:hover { color: #7c3aed; border-color: #7c3aed; background: rgba(124, 58, 237, 0.06); } /* Tabs */ html[data-theme="light"] .drawer__tabs { border-bottom: 1px solid #e1e4e8; background: #f8f9fa; } html[data-theme="light"] .drawer__tab { color: #4b5563; } html[data-theme="light"] .drawer__tab:hover { color: #0a0c0e; } html[data-theme="light"] .drawer__tab.is-active { color: #7c3aed; border-bottom-color: #7c3aed; background: rgba(124, 58, 237, 0.06); } /* Body + footer */ html[data-theme="light"] .drawer__body { background: #ffffff; } html[data-theme="light"] .drawer__foot { border-top: 1px solid #e1e4e8; background: #f8f9fa; } html[data-theme="light"] .drawer__foot .text-ink-400 { color: #4b5563 !important; } /* HUD strip (Size / Speed / Verdict) */ html[data-theme="light"] .drawer__body .hud-stat { background: #f8f9fa; border-color: #e1e4e8; } html[data-theme="light"] .drawer__body .hud-stat::before { display: none; } html[data-theme="light"] .drawer__body .grid.bg-ink-700\/60 { background: #e1e4e8 !important; border-color: #e1e4e8 !important; } html[data-theme="light"] .drawer__body .hud-stat__label { color: #4b5563; } html[data-theme="light"] .drawer__body .hud-stat__value { color: #0a0c0e; } /* Verdict speed value (e.g. "≤ 48h") → purple — it's a data value */ html[data-theme="light"] .drawer__body .hud-stat__value.text-amber { color: #7c3aed !important; } /* Lane copy prose ("// EMD LANE — We post the EMD…") */ html[data-theme="light"] .drawer__body .text-ink-300 { color: #1f2328 !important; } /* The lane tag (// EMD LANE / // DC-01 · TRANSACTIONAL) stays amber */ html[data-theme="light"] .drawer__body [data-lane-tag], html[data-theme="light"] .drawer__body .text-amber { color: #d97706 !important; } /* Quick-Quote card */ html[data-theme="light"] .drawer-calc { background: #f8f9fa; border: 1px solid #e1e4e8; } html[data-theme="light"] .drawer-calc__head { border-bottom: 1px solid #e1e4e8; background: #f8f9fa; } html[data-theme="light"] .drawer-calc__head .text-amber { color: #d97706 !important; } html[data-theme="light"] .drawer-calc__title { color: #0a0c0e; } html[data-theme="light"] .drawer-calc__toggle { color: #6b7280; border-color: #e1e4e8; background: #ffffff; } html[data-theme="light"] .drawer-calc__toggle:hover { color: #7c3aed; border-color: rgba(124, 58, 237, 0.45); background: rgba(124, 58, 237, 0.04); } /* Quote grid */ html[data-theme="light"] .drawer-calc .quote-grid > div { background: #ffffff; border-color: #e1e4e8; } html[data-theme="light"] .drawer-calc .quote-grid dt { color: #4b5563; } html[data-theme="light"] .drawer-calc .quote-grid dd { color: #0a0c0e; } /* Fee and Cash-to-Close are PURPLE data values */ html[data-theme="light"] .drawer-calc .quote-grid dd.text-amber, html[data-theme="light"] .drawer-calc .quote-grid__total dd { color: #7c3aed !important; } html[data-theme="light"] .drawer-calc .quote-grid__total { background: rgba(124, 58, 237, 0.06); border-color: rgba(124, 58, 237, 0.30); } html[data-theme="light"] #drawer-calc-disclaimer, html[data-theme="light"] .drawer-calc .text-ink-400 { color: #6b7280 !important; } html[data-theme="light"] .drawer-calc .field-label { color: #1f2328; font-weight: 600; } html[data-theme="light"] .drawer-calc .field { background: #ffffff; border: 1px solid #d1d5db; color: #0a0c0e; } html[data-theme="light"] .drawer-calc .field:focus { border-color: #7c3aed; box-shadow: 0 0 0 1px #7c3aed, 0 0 12px rgba(124, 58, 237, 0.16); } html[data-theme="light"] .drawer-calc .field::placeholder { color: #9ca3af; } /* Lane-form (lf-*) — the actual application form section */ /* v52N — formhead band hidden in light theme; redundant with eyebrow + drawer H1 */ html[data-theme="light"] .lf-formhead { display: none; } html[data-theme="light"] .lf-section { border-top: 1px solid #e1e4e8; } html[data-theme="light"] .lf-section__num { color: #d97706; /* SECTION 01 / 02 — amber */ } html[data-theme="light"] .lf-section__title { color: #0a0c0e; } html[data-theme="light"] .lf-section__intro { color: #4b5563; } html[data-theme="light"] .lf-label { color: #1f2328; font-weight: 600; } html[data-theme="light"] .lf-req { color: #6b7280 !important; /* required asterisk = muted grey (purple reserved for data outputs) */ font-weight: 500; } html[data-theme="light"] .lf-help { color: #6b7280; } html[data-theme="light"] .lf-help a { color: #7c3aed; text-decoration-color: rgba(124, 58, 237, 0.45); } html[data-theme="light"] .lf-input { background: #ffffff; border: 1px solid #d1d5db; color: #0a0c0e; } html[data-theme="light"] .lf-input:focus { border-color: #7c3aed; background: #ffffff; box-shadow: 0 0 0 1px #7c3aed, 0 0 12px rgba(124, 58, 237, 0.16); } html[data-theme="light"] .lf-input::placeholder { color: #9ca3af; } html[data-theme="light"] .lf-select { background-image: linear-gradient(45deg, transparent 50%, #7c3aed 50%), linear-gradient(135deg, #7c3aed 50%, transparent 50%); } html[data-theme="light"] .lf-select option { background: #ffffff; color: #0a0c0e; } html[data-theme="light"] .lf-money__pre { color: #7c3aed; /* $ prefix = purple data accent */ } html[data-theme="light"] .lf-invalid { border-color: #b91c1c !important; background: rgba(185, 28, 28, 0.04) !important; } html[data-theme="light"] .lf-file { border-color: #d1d5db; background: #ffffff; color: #1f2328; } html[data-theme="light"] .lf-file:hover { border-color: #7c3aed; background: rgba(124, 58, 237, 0.04); } /* Submit / primary CTA inside lane form → PURPLE */ html[data-theme="light"] .lf-submit, html[data-theme="light"] .lf-actions button[type="submit"], html[data-theme="light"] button.lf-btn--primary, html[data-theme="light"] .drawer__body button[type="submit"] { background: #7c3aed !important; border: 1px solid #7c3aed !important; color: #ffffff !important; } html[data-theme="light"] .lf-submit:hover, html[data-theme="light"] .lf-actions button[type="submit"]:hover, html[data-theme="light"] button.lf-btn--primary:hover, html[data-theme="light"] .drawer__body button[type="submit"]:hover { background: #6d28d9 !important; border-color: #6d28d9 !important; } /* Checkbox/radio accent */ html[data-theme="light"] .drawer__body input[type="checkbox"], html[data-theme="light"] .drawer__body input[type="radio"] { accent-color: #7c3aed; } /* Autofill */ html[data-theme="light"] .drawer__body .lf-input:-webkit-autofill, html[data-theme="light"] .drawer__body .field:-webkit-autofill { -webkit-text-fill-color: #0a0c0e; -webkit-box-shadow: 0 0 0 1000px #ffffff inset; caret-color: #0a0c0e; } /* v52N — calm the amber help-dots inside intake drawer. They stay amber (brand consistency) and stay interactive (cursor: help, hover scales), but lose the glowing halo + pulse so they read as info-icons, not decoration. */ html[data-theme="light"] .drawer__body .term__icon { width: 0.62em; height: 0.62em; background: #f59e0b; border-color: rgba(0, 0, 0, 0.20); box-shadow: none; animation: none; } html[data-theme="light"] .drawer__body .term:hover .term__icon, html[data-theme="light"] .drawer__body .term:focus-visible .term__icon { background: #d97706; transform: scale(1.20); box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.20); } /* ================================================================= v52P — Portal cards: restrained white base, strong signature Each portal is a mostly-clean surface anchored by a real icon plate at the top-left, a left-edge color rail running the full card height, and a CTA pill in the signature color. Funding (Portal 01) — white surface primary amber #f59e0b → rail, CTA, accents secondary icy purple #8b5cf6 → icon plate fill, hover splash VERDICT (Portal 02) — dark cinematic surface (bleeds in from the permanent dark VERDICT tool) primary matrix slime #00e639 (neon) → rail, icon plate, CTA secondary teal #2dd4bf (neon) → highlights, hover Partner (Portal 03) — white surface primary icy electric blue #1d9bf0 → rail, CTA, accents secondary terminal grey #8892a8 → icon plate fill, hover splash ================================================================= */ /* Reset — strip the v52O fill background and prior overrides */ /* v52Q: barely-there signature wash + soft secondary-color radial glow from top-left under the icon plate, fading out by ~40% of the card */ html[data-theme="light"] .portal--amber { background: radial-gradient(520px 360px at 0% 0%, rgba(139,92,246,0.16), transparent 60%), radial-gradient(420px 320px at 100% 100%, rgba(245,158,11,0.10), transparent 60%), #fdf1d4 !important; border: 1px solid #e8d9a8 !important; border-left: none !important; border-top: none !important; position: relative !important; overflow: hidden !important; padding-left: 2.25rem !important; } html[data-theme="light"] .portal--violet { background: radial-gradient(520px 360px at 0% 0%, rgba(29,155,240,0.20), transparent 60%), radial-gradient(420px 320px at 100% 100%, rgba(136,146,168,0.10), transparent 60%), #d9e8f6 !important; border: 1px solid #b5cee5 !important; border-left: none !important; border-top: none !important; position: relative !important; overflow: hidden !important; padding-left: 2.25rem !important; } /* VERDICT — dark cinematic surface */ html[data-theme="light"] .portal--teal { background: #0a0f14 !important; border: 1px solid #1a2330 !important; border-left: none !important; border-top: none !important; position: relative !important; overflow: hidden !important; padding-left: 2.25rem !important; color: #e6edf3 !important; } /* Left-edge signature color rail — runs full card height */ html[data-theme="light"] .portal--amber::before, html[data-theme="light"] .portal--teal::before, html[data-theme="light"] .portal--violet::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 6px !important; z-index: 2 !important; display: block !important; } html[data-theme="light"] .portal--amber::before { background: linear-gradient(180deg, #f59e0b 0%, #fbbf24 100%) !important; box-shadow: 0 0 16px rgba(245,158,11,0.30) !important; } html[data-theme="light"] .portal--teal::before { background: linear-gradient(180deg, #00e639 0%, #2dd4bf 100%) !important; box-shadow: 0 0 18px rgba(0,230,57,0.55) !important; } html[data-theme="light"] .portal--violet::before { background: linear-gradient(180deg, #1d9bf0 0%, #38bdf8 100%) !important; box-shadow: 0 0 16px rgba(29,155,240,0.30) !important; } /* Background-graphic SVG — reset to a tasteful corner watermark in the secondary color. Lower opacity, smaller, anchored bottom-right. */ html[data-theme="light"] .portal::after { right: -70px !important; bottom: -70px !important; width: 240px !important; height: 240px !important; opacity: 0.10 !important; } html[data-theme="light"] .portal:hover::after { opacity: 0.16 !important; transform: translate(-10px, -10px) rotate(-2deg) !important; } html[data-theme="light"] .portal--amber::after { background-image: url("data:image/svg+xml;utf8,") !important; } html[data-theme="light"] .portal--teal::after { opacity: 0.14 !important; background-image: url("data:image/svg+xml;utf8,") !important; } html[data-theme="light"] .portal--teal:hover::after { opacity: 0.22 !important; } html[data-theme="light"] .portal--violet::after { background-image: url("data:image/svg+xml;utf8,") !important; } /* ICON PLATE — bring the deprecated .portal__icon back as a real top-left square with the signature icon at full opacity. */ html[data-theme="light"] .portal__icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 64px !important; height: 64px !important; border-radius: 12px !important; margin-bottom: 1.25rem !important; position: relative !important; z-index: 1 !important; } html[data-theme="light"] .portal__icon::before { display: none !important; } html[data-theme="light"] .portal__icon svg { width: 32px !important; height: 32px !important; stroke-width: 2 !important; } /* Funding icon plate: stronger icy purple gradient with darker violet icon */ html[data-theme="light"] .portal--amber .portal__icon { background: linear-gradient(135deg, #ddd6fe 0%, #c4b5fd 100%) !important; border: 1px solid rgba(139,92,246,0.45) !important; box-shadow: 0 4px 12px rgba(139,92,246,0.15) !important; } html[data-theme="light"] .portal--amber .portal__icon svg { stroke: #5b21b6 !important; fill: none !important; } /* VERDICT icon plate: slime/teal fill with dark icon — reads on dark card */ html[data-theme="light"] .portal--teal .portal__icon { background: linear-gradient(135deg, rgba(0,230,57,0.18) 0%, rgba(45,212,191,0.20) 100%) !important; border: 1px solid rgba(0,230,57,0.45) !important; box-shadow: 0 0 18px rgba(0,230,57,0.30), inset 0 0 12px rgba(45,212,191,0.18) !important; } html[data-theme="light"] .portal--teal .portal__icon svg { stroke: #00e639 !important; fill: none !important; filter: drop-shadow(0 0 4px rgba(0,230,57,0.55)) !important; } /* Partner icon plate: deeper icy-blue gradient (matches Funding plate weight) */ html[data-theme="light"] .portal--violet .portal__icon { background: linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%) !important; border: 1px solid rgba(29,155,240,0.50) !important; box-shadow: 0 4px 12px rgba(29,155,240,0.20) !important; } html[data-theme="light"] .portal--violet .portal__icon svg { stroke: #1d4ed8 !important; fill: none !important; } /* TEXT — white-base cards keep dark text; dark VERDICT card needs light text */ html[data-theme="light"] .portal--amber .portal__title, html[data-theme="light"] .portal--violet .portal__title { color: #0a0c0e !important; } html[data-theme="light"] .portal--amber .portal__copy, html[data-theme="light"] .portal--amber .portal__bullets li, html[data-theme="light"] .portal--violet .portal__copy, html[data-theme="light"] .portal--violet .portal__bullets li { color: #1f2328 !important; } html[data-theme="light"] .portal--amber .portal__subtitle, html[data-theme="light"] .portal--violet .portal__subtitle { color: #4b5563 !important; } /* VERDICT dark card text */ html[data-theme="light"] .portal--teal .portal__title { color: #f5fdf7 !important; } html[data-theme="light"] .portal--teal .portal__copy, html[data-theme="light"] .portal--teal .portal__bullets li { color: #cdd6df !important; } html[data-theme="light"] .portal--teal .portal__subtitle { color: #2dd4bf !important; text-shadow: 0 0 8px rgba(45,212,191,0.30) !important; } /* "// PORTAL 01/02/03" tag — signature color per card */ html[data-theme="light"] .portal--amber .portal__index { color: #d97706 !important; } html[data-theme="light"] .portal--teal .portal__index { color: #00e639 !important; text-shadow: 0 0 8px rgba(0,230,57,0.45) !important; } html[data-theme="light"] .portal--violet .portal__index { color: #1d9bf0 !important; } /* CTA pills — each in its primary signature color */ html[data-theme="light"] .portal--amber .portal__cta { background: #f59e0b !important; color: #ffffff !important; border-color: #f59e0b !important; box-shadow: 0 4px 14px rgba(245,158,11,0.32) !important; } html[data-theme="light"] .portal--amber:hover .portal__cta, html[data-theme="light"] .portal--amber .portal__cta:hover { background: #8b5cf6 !important; border-color: #8b5cf6 !important; box-shadow: 0 4px 16px rgba(139,92,246,0.45) !important; } html[data-theme="light"] .portal--teal .portal__cta { background: linear-gradient(135deg, #00e639 0%, #2dd4bf 100%) !important; color: #04150a !important; border-color: transparent !important; box-shadow: 0 0 18px rgba(0,230,57,0.50), 0 4px 14px rgba(0,0,0,0.40) !important; font-weight: 700 !important; } html[data-theme="light"] .portal--teal:hover .portal__cta, html[data-theme="light"] .portal--teal .portal__cta:hover { background: linear-gradient(135deg, #2dd4bf 0%, #00e639 100%) !important; box-shadow: 0 0 24px rgba(45,212,191,0.65), 0 4px 14px rgba(0,0,0,0.40) !important; } html[data-theme="light"] .portal--violet .portal__cta { background: #1d9bf0 !important; color: #ffffff !important; border-color: #1d9bf0 !important; box-shadow: 0 4px 14px rgba(29,155,240,0.32) !important; } html[data-theme="light"] .portal--violet:hover .portal__cta, html[data-theme="light"] .portal--violet .portal__cta:hover { background: #475569 !important; border-color: #475569 !important; box-shadow: 0 4px 16px rgba(71,85,105,0.45) !important; } /* Badges */ html[data-theme="light"] .portal--amber .portal__badge, html[data-theme="light"] .portal--violet .portal__badge { background: #ffffff !important; color: #0a0c0e !important; border: 1px solid #e1e4e8 !important; } html[data-theme="light"] .portal--teal .portal__badge { background: rgba(0,230,57,0.12) !important; color: #00e639 !important; border: 1px solid rgba(0,230,57,0.45) !important; text-shadow: 0 0 6px rgba(0,230,57,0.40) !important; } /* VERDICT dark-card subtle scanline atmosphere (the cinematic touch) */ html[data-theme="light"] .portal--teal { background-image: radial-gradient(800px 400px at 110% -10%, rgba(0,230,57,0.10), transparent 60%), radial-gradient(600px 400px at -10% 110%, rgba(45,212,191,0.08), transparent 60%), linear-gradient(180deg, #0a0f14 0%, #0d1419 100%) !important; } /* v52T: VERDICT trailer LIVE badge — use dark text on light card surface so it's actually readable. Pulsing teal dot stays as the "live" indicator. */ html[data-theme="light"] .verdict-card__badge { color: #0a0c0e !important; font-weight: 700 !important; } html[data-theme="light"] #vr-badge-label { color: #0a0c0e !important; } /* keep the dot teal — it carries the "live" signal */ html[data-theme="light"] .verdict-card__badge-dot { background: #00c233 !important; box-shadow: 0 0 8px rgba(0,194,51,0.55) !important; } /* v52Q: bullet markers in primary signature color, with stronger weight */ html[data-theme="light"] .portal--amber .portal__bullets li::before { color: #f59e0b !important; font-weight: 700 !important; font-size: 0.95rem !important; } html[data-theme="light"] .portal--teal .portal__bullets li::before { color: #00e639 !important; font-weight: 700 !important; font-size: 0.95rem !important; text-shadow: 0 0 6px rgba(0,230,57,0.40) !important; } html[data-theme="light"] .portal--violet .portal__bullets li::before { color: #1d9bf0 !important; font-weight: 700 !important; font-size: 0.95rem !important; } /* Card hover lift — same subtle motion across all three */ html[data-theme="light"] .portal--amber, html[data-theme="light"] .portal--teal, html[data-theme="light"] .portal--violet { transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important; } html[data-theme="light"] .portal--amber:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 28px rgba(245,158,11,0.18), 0 4px 10px rgba(0,0,0,0.06) !important; border-color: rgba(245,158,11,0.40) !important; } html[data-theme="light"] .portal--teal:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 32px rgba(0,230,57,0.30), 0 4px 12px rgba(0,0,0,0.50) !important; border-color: rgba(0,230,57,0.50) !important; } html[data-theme="light"] .portal--violet:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 28px rgba(29,155,240,0.18), 0 4px 10px rgba(0,0,0,0.06) !important; border-color: rgba(29,155,240,0.40) !important; } /* =========================================================== v52U: Pick-your-flow tiles — filled signature colors Funding=amber, VERDICT=matrix slime, Partner=icy electric blue. Replaces ghost/outlined Tailwind utilities on /index final CTA. =========================================================== */ .pickflow-tile { display: block; position: relative; overflow: hidden; padding: 18px 18px 16px; border-radius: 10px; border: 1px solid transparent; text-align: center; /* v36.68 — center-aligned per request */ text-decoration: none; transition: transform 220ms cubic-bezier(.22,.61,.36,1), box-shadow 220ms ease, filter 220ms ease; will-change: transform; } .pickflow-tile__head { font-weight: 700; letter-spacing: 0.18em; font-size: 0.78rem; } .pickflow-tile__sub { margin-top: 6px; font-size: 0.68rem; letter-spacing: 0.14em; opacity: 0.78; font-weight: 500; } .pickflow-tile:hover { transform: translateY(-2px); filter: brightness(1.06); } /* Funding — amber fill */ .pickflow-tile--amber { background: linear-gradient(135deg, #f59e0b 0%, #ffb020 100%); color: #1a1306; border-color: rgba(180, 110, 0, 0.45); box-shadow: 0 8px 20px rgba(245, 158, 11, 0.28), 0 2px 6px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.35); } .pickflow-tile--amber .pickflow-tile__sub { color: #2a1f08; opacity: 0.72; } .pickflow-tile--amber:hover { box-shadow: 0 12px 28px rgba(245, 158, 11, 0.42), 0 4px 10px rgba(0, 0, 0, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.45); } /* VERDICT — matrix slime gradient w/ neon glow (cinematic, matches portal card) */ .pickflow-tile--slime { background: linear-gradient(135deg, #00e639 0%, #2dd4bf 100%); color: #04140a; border-color: rgba(0, 194, 51, 0.55); box-shadow: 0 8px 22px rgba(0, 230, 57, 0.35), 0 2px 8px rgba(45, 212, 191, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.30); } .pickflow-tile--slime .pickflow-tile__sub { color: #062815; opacity: 0.78; } .pickflow-tile--slime:hover { box-shadow: 0 14px 34px rgba(0, 230, 57, 0.55), 0 4px 14px rgba(45, 212, 191, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.40); } /* Partner — icy electric blue fill */ .pickflow-tile--blue { background: linear-gradient(135deg, #1d9bf0 0%, #38b6ff 100%); color: #ffffff; border-color: rgba(13, 110, 184, 0.50); box-shadow: 0 8px 20px rgba(29, 155, 240, 0.32), 0 2px 6px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.28); } .pickflow-tile--blue .pickflow-tile__sub { color: #e6f3fd; opacity: 0.85; } .pickflow-tile--blue:hover { box-shadow: 0 12px 30px rgba(29, 155, 240, 0.50), 0 4px 10px rgba(0, 0, 0, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.38); } /* Mobile — same fill, slightly tighter padding */ @media (max-width: 640px) { .pickflow-tile { padding: 16px 16px 14px; } .pickflow-tile__head { font-size: 0.74rem; } .pickflow-tile__sub { font-size: 0.64rem; } } /* ============================================================== v55 — FAQ utility nav link (light theme) ============================================================== */ html[data-theme="light"] .global-nav-divider { color: rgba(10,12,14,0.18) !important; } html[data-theme="light"] .global-nav-utility { color: #6b7280 !important; opacity: 0.85 !important; } html[data-theme="light"] .global-nav-utility:hover { color: #0a0c0e !important; opacity: 1 !important; } /* ============================================================== v36.67c — Lane grid override The dark-surface sweep above (line ~295) paints #0a0c10 onto every `uw-*` class, including .uw-lane-card__name (the title span). That created a black strip behind each lane title. Also blocks the family-color gradient bg on .uw-lane-card itself. Scope the fix to the lane grid only — do not affect inputs, workspace cards, or the rest of the VERDICT tool. ============================================================== */ html[data-theme="light"] #uw-lane-grid .uw-lane-card__name, html[data-theme="light"] #uw-lane-grid .uw-lane-card span { background: transparent !important; background-color: transparent !important; } /* Let the family-color gradient render on the card itself */ html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="flip"]{ background: linear-gradient(155deg, rgba(245,158,11,0.22) 0%, rgba(28,32,40,0.82) 75%) !important; } html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="hold"]{ background: linear-gradient(155deg, rgba(45,212,191,0.22) 0%, rgba(28,32,40,0.82) 75%) !important; } html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="multi"]{ background: linear-gradient(155deg, rgba(184,164,255,0.22) 0%, rgba(28,32,40,0.82) 75%) !important; } html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="build"]{ background: linear-gradient(155deg, rgba(103,232,249,0.22) 0%, rgba(28,32,40,0.82) 75%) !important; } html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="creative"]{ background: linear-gradient(155deg, rgba(251,113,133,0.22) 0%, rgba(28,32,40,0.82) 75%) !important; } /* Hover/selected gradients (boosted tint) */ html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="flip"]:hover, html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="flip"][aria-selected="true"]{ background: linear-gradient(155deg, rgba(245,158,11,0.32) 0%, rgba(36,42,52,0.88) 80%) !important; } html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="hold"]:hover, html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="hold"][aria-selected="true"]{ background: linear-gradient(155deg, rgba(45,212,191,0.32) 0%, rgba(36,42,52,0.88) 80%) !important; } html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="multi"]:hover, html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="multi"][aria-selected="true"]{ background: linear-gradient(155deg, rgba(184,164,255,0.32) 0%, rgba(36,42,52,0.88) 80%) !important; } html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="build"]:hover, html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="build"][aria-selected="true"]{ background: linear-gradient(155deg, rgba(103,232,249,0.32) 0%, rgba(36,42,52,0.88) 80%) !important; } html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="creative"]:hover, html[data-theme="light"] #uw-lane-grid .uw-lane-card[data-family="creative"][aria-selected="true"]{ background: linear-gradient(155deg, rgba(251,113,133,0.32) 0%, rgba(36,42,52,0.88) 80%) !important; } /* ============================================================== v36.67f — Section header tinted strip overrides Same root cause as the lane grid: the sweep at line ~295 paints #0a0c10 onto every uw-* class, including .uw-group__summary and its child title/count/chev spans. Scope this fix to underwriter group summaries only. ============================================================== */ /* Strip the dark fill from the summary and its children so the tinted gradient (defined in styles.css) shows through. */ html[data-theme="light"] .uw-group__summary, html[data-theme="light"] .uw-group__summary .uw-group__title, html[data-theme="light"] .uw-group__summary .uw-group__step, html[data-theme="light"] .uw-group__summary .uw-group__meta, html[data-theme="light"] .uw-group__summary .uw-group__chev { background-color: transparent !important; } /* Re-apply the tinted strip gradient on the summary itself. */ html[data-theme="light"] .uw-group--amber > .uw-group__summary{ background: linear-gradient(90deg, rgba(245,158,11,0.30) 0%, rgba(245,158,11,0.18) 60%, rgba(245,158,11,0.06) 100%) !important; border-bottom-color: rgba(245,158,11,0.32) !important; } html[data-theme="light"] .uw-group--teal > .uw-group__summary{ background: linear-gradient(90deg, rgba(45,212,191,0.30) 0%, rgba(45,212,191,0.18) 60%, rgba(45,212,191,0.06) 100%) !important; border-bottom-color: rgba(45,212,191,0.32) !important; } html[data-theme="light"] .uw-group--violet > .uw-group__summary{ background: linear-gradient(90deg, rgba(184,164,255,0.32) 0%, rgba(184,164,255,0.20) 60%, rgba(184,164,255,0.06) 100%) !important; border-bottom-color: rgba(184,164,255,0.34) !important; } html[data-theme="light"] .uw-group--rose > .uw-group__summary{ background: linear-gradient(90deg, rgba(251,113,133,0.30) 0%, rgba(251,113,133,0.18) 60%, rgba(251,113,133,0.06) 100%) !important; border-bottom-color: rgba(251,113,133,0.32) !important; } html[data-theme="light"] .uw-group--cyan > .uw-group__summary{ background: linear-gradient(90deg, rgba(103,232,249,0.30) 0%, rgba(103,232,249,0.18) 60%, rgba(103,232,249,0.06) 100%) !important; border-bottom-color: rgba(103,232,249,0.32) !important; } /* Collapsed: kill the inner border so the strip reads as a single bar with no seam under it. */ html[data-theme="light"] .uw-group:not([open]) > .uw-group__summary{ border-bottom-color: transparent !important; } /* Title — Space Grotesk 700 (matches lane card titles) */ html[data-theme="light"] .uw-group__summary .uw-group__title{ font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif !important; font-weight: 700 !important; font-size: 16px !important; letter-spacing: -0.01em !important; color: rgba(245,246,248,0.98) !important; } /* Count chip — subtle on tinted strip */ html[data-theme="light"] .uw-group__summary .uw-group__count{ background: rgba(10,13,18,0.30) !important; border-color: rgba(245,246,248,0.22) !important; color: rgba(245,246,248,0.85) !important; } /* ============================================================ v36.70 — VERDICT results section header bars (light theme override) Added at end so cascade lets these win over the blanket dark restore. User request: white background section header bars with black text to visually separate stages (intake side already feels clean — match it). ============================================================ */ html[data-theme="light"] body.verdict-page details.uw-stage > summary.uw-stage__head, html[data-theme="light"] body.verdict-page .uw-stage__rail{ background-color: #ffffff !important; color: #0a0d12 !important; border-color: rgba(0,0,0,0.06) !important; border-radius: 4px; padding: 0.85rem 1.05rem; margin: 0.35rem 0.35rem 0.5rem; box-shadow: 0 1px 0 rgba(0,0,0,0.04); } html[data-theme="light"] body.verdict-page details.uw-stage > summary.uw-stage__head:hover{ background-color: #f4f6f8 !important; } html[data-theme="light"] body.verdict-page .uw-stage__head .uw-stage__num, html[data-theme="light"] body.verdict-page .uw-stage__rail .uw-stage__num{ background-color: transparent !important; color: #0a0d12 !important; text-shadow: none !important; border-color: transparent !important; } html[data-theme="light"] body.verdict-page .uw-stage__head .uw-stage__title, html[data-theme="light"] body.verdict-page .uw-stage__rail .uw-stage__title{ background-color: transparent !important; color: #0a0d12 !important; border-color: transparent !important; font-weight: 600; } html[data-theme="light"] body.verdict-page .uw-stage__head .uw-stage__chev{ background-color: transparent !important; color: #0a0d12 !important; border-color: transparent !important; } /* Defensively hide legacy phase chips */ html[data-theme="light"] body.verdict-page .uw-stage__phase{ display: none !important; } /* v36.70 — Mobile: keep title inline with the number on the section bar */ @media (max-width: 640px){ html[data-theme="light"] body.verdict-page .uw-stage__head .uw-stage__title, html[data-theme="light"] body.verdict-page .uw-stage__rail .uw-stage__title{ flex-basis: auto !important; flex: 1 1 auto !important; order: 1 !important; font-size: 1.02rem; } html[data-theme="light"] body.verdict-page details.uw-stage > summary.uw-stage__head{ flex-wrap: nowrap !important; } html[data-theme="light"] body.verdict-page .uw-stage__head .uw-stage__chev{ order: 2 !important; margin-left: 0 !important; } } /* ============================================================ v36.70 — FAQ legibility on white body FAQ items need card presence + larger answer body on light theme ============================================================ */ html[data-theme="light"] .faq-item { border: 1px solid #e1e4e8 !important; border-left-width: 1px !important; background: #ffffff !important; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important; border-radius: 6px !important; } html[data-theme="light"] .faq-item:hover { border-color: #cbd2d9 !important; box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important; } html[data-theme="light"] .faq-item[open] { background: #f8f9fa !important; border-color: #cbd2d9 !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.07) !important; } /* Bump answer body legibility on white */ html[data-theme="light"] .faq-item__a, html[data-theme="light"] .faq-item__a p { font-size: 1rem !important; line-height: 1.7 !important; color: #24292f !important; } /* Question stays bold + dark; bump slightly for hierarchy */ html[data-theme="light"] .faq-item__q { font-size: 1.08rem !important; font-weight: 600 !important; color: #0a0c0e !important; } /* Mobile: smaller but still legible */ @media (max-width: 767px) { html[data-theme="light"] .faq-item__q { font-size: 1rem !important; } html[data-theme="light"] .faq-item__a, html[data-theme="light"] .faq-item__a p { font-size: 0.95rem !important; } } /* ===== /v36.70 FAQ legibility ===== */ /* ============================================================ MISSION STATEMENT — light-theme overrides (v36.71) ============================================================ */ html[data-theme="light"] .about-mission{ border-top-color: rgba(245, 158, 11, 0.5) !important; border-bottom-color: rgba(245, 158, 11, 0.25) !important; } html[data-theme="light"] .about-mission__lede{ color: #0a0c0e !important; } html[data-theme="light"] .about-mission__body{ color: #1f2328 !important; } html[data-theme="light"] .about-mission__eyebrow, html[data-theme="light"] .about-mission__payoff{ color: #b45309 !important; } /* ============================================================ ABOUT ASIDE — light-theme overrides (v36.71) ============================================================ */ html[data-theme="light"] .about-aside{ color: #4a5058 !important; } html[data-theme="light"] .about-aside em{ color: #0a0c0e !important; } /* ============================================================ v71.1 — INTAKE FORM TOUCH-UPS (funding portal, light theme only) 1. Amber bar around each section header with black text 2. Promote faint gray helper / dropzone / consent text to true black Scoped tightly to .drawer__body so the dark VERDICT tool is untouched. ============================================================ */ /* --- 1. Amber section header bar ---------------------------- */ html[data-theme="light"] .drawer__body .lf-section__head{ background: #f59e0b; /* amber 500 */ border-radius: 6px; padding: 10px 14px; margin-bottom: 14px; border-left: 3px solid #b45309; /* amber 700 accent */ box-shadow: 0 1px 0 rgba(180, 83, 9, 0.18); } html[data-theme="light"] .drawer__body .lf-section__title{ color: #0a0c0e !important; /* black text on amber */ font-weight: 700; letter-spacing: 0.09em; } html[data-theme="light"] .drawer__body .lf-section__num{ color: #0a0c0e !important; /* if section numbers ever return, keep them legible */ } /* Section divider line above each header — redundant once the bar exists */ html[data-theme="light"] .drawer__body .lf-section{ border-top: none; padding-top: 0.6rem; } html[data-theme="light"] .drawer__body .lf-section:first-of-type{ padding-top: 0.2rem; } /* --- 2. Helper / dropzone / consent text → true black ------- */ /* Helper text ("The signed contract with the Seller. PDF · DOC · ...") */ html[data-theme="light"] .drawer__body .lf-help{ color: #0a0c0e !important; } /* Dropzone CTA ("Click to upload or drag & drop") */ html[data-theme="light"] .drawer__body .lf-file__cta, html[data-theme="light"] .drawer__body .lf-file__text{ color: #0a0c0e !important; } html[data-theme="light"] .drawer__body .lf-file__text strong{ color: #0a0c0e !important; } /* Dropzone hint ("Add one or more files · PDF · DOC · ...") */ html[data-theme="light"] .drawer__body .lf-file__hint{ color: #0a0c0e !important; opacity: 0.85; /* slightly softer than the CTA, still legible */ } /* Privacy & terms / TCPA consent block */ html[data-theme="light"] .drawer__body .lf-consent{ color: #0a0c0e !important; background: rgba(245, 158, 11, 0.06); border-color: rgba(180, 83, 9, 0.28); border-left-color: #b45309; } html[data-theme="light"] .drawer__body .lf-consent strong{ color: #0a0c0e !important; } html[data-theme="light"] .drawer__body .lf-consent a{ color: #b45309 !important; /* amber-anchored link, legible on white */ text-decoration-color: rgba(180, 83, 9, 0.55); } html[data-theme="light"] .drawer__body .lf-consent a:hover{ color: #92400e !important; } /* Privacy section intro paragraph ("Submissions are reviewed by...") */ html[data-theme="light"] .drawer__body .lf-section__intro{ color: #0a0c0e !important; } /* "I agree to the terms" checkbox label */ html[data-theme="light"] .drawer__body .lf-check__label{ color: #0a0c0e !important; } /* v36.77 — slim FAQ link strip (portals defer to /faq for full set) */ .faq-link-strip{ background: #ffffff; } .faq-link-strip__lede{ font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #4a4e56; margin: 0 0 14px 0; } .faq-link-strip__cta{ display: inline-block; font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-weight: 600; font-size: 17px; color: #0a0c10; text-decoration: none; border-bottom: 1.5px solid #0a0c10; padding-bottom: 4px; transition: color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .faq-link-strip__cta:hover{ color: #0a8470; border-color: #0a8470; transform: translateY(-1px); } /* VERDICT page stays dark — keep strip readable if it ever appears there */ html[data-theme="dark"] .faq-link-strip{ background: transparent; } html[data-theme="dark"] .faq-link-strip__lede{ color: #a0a4ac; } html[data-theme="dark"] .faq-link-strip__cta{ color: #ffffff; border-color: #ffffff; } html[data-theme="dark"] .faq-link-strip__cta:hover{ color: #2dd4bf; border-color: #2dd4bf; }