/* ============================================================================ reddenda-light.css · v=lt1 Reversible LIGHT THEME (Tempus look) for the Reddenda estate. EVERY rule is scoped under html[data-theme="light"] so dark pages — which never carry the attribute — are byte-for-byte unchanged. Presentation only. Loaded LAST on light-home.html. Overrides the REAL homepage namespaces: rebellion (--void/--ink/--cyan/--ember/--green/--violet), --ge-*, --ros3-*, --reddenda-font-* + a handful of inline/hardcoded offenders. Motion is preserved exactly: only COLOR VALUES change here. ========================================================================== */ /* ---- 0 · Tempus semantic anchors ---------------------------------------- */ html[data-theme="light"]{ --paper:#FFFFFF; --surface:#FFFFFF; --band:#F5F8F7; --ink:#0A0B0C; --body:#191D21; --muted:#5B6166; --faint:#9AA0A4; --hair:#EAEBEC; --teal:#0FB5A6; /* fills / borders / glows / gauge arc / large display only */ --teal-deep:#0A8E83; /* teal text that is LARGE or bold */ --teal-text:#0A8E83; /* teal as text/links — David spec: the deeper teal #0A8E83 */ --teal-cta:#077A70; /* primary CTA fill: white label passes AA at any size */ --on-teal:#FFFFFF; --dark:#0A1316; /* the ONE dark band */ --shadow-sm:0 1px 2px rgba(10,19,22,.05); --shadow-md:0 14px 40px rgba(10,19,22,.08); --shadow-lg:0 24px 64px rgba(10,19,22,.10); --font-serif:'Fraunces',Georgia,'Times New Roman',serif; } /* ---- 1 · page surface --------------------------------------------------- */ html[data-theme="light"]{ background:#FFFFFF !important; color:var(--body); } html[data-theme="light"] body{ background:#FFFFFF !important; color:var(--body); } html[data-theme="light"] ::selection{ background:rgba(15,181,166,.18); color:var(--ink); } /* ---- 2 · rebellion namespace (the dominant homepage chrome) ------------- */ html[data-theme="light"]{ --void:#FFFFFF; --void-2:#F5F8F7; --panel:#FFFFFF; --ink:#0A0B0C; --mut:#5B6166; --faint:#9AA0A4; --line:#EAEBEC; --cyan:#0FB5A6; --ember:#0A8E83; --green:#0A8E83; --violet:#5B6166; } /* hardcoded dark backgrounds in rebellion.css → light */ html[data-theme="light"] .rebellion-sec{ background:var(--band); border-color:var(--hair); } html[data-theme="light"] .tier{ background:var(--surface) !important; border-color:var(--hair); box-shadow:var(--shadow-sm); } html[data-theme="light"] .aitool__out{ background:var(--band); border-color:var(--hair); } /* ---- 3 · rebos-extreme-premium --ge-* ----------------------------------- */ html[data-theme="light"]{ --ge-bg:#FFFFFF; --ge-bg-2:#F5F8F7; --ge-ink:#0A0B0C; --ge-mut:#5B6166; --ge-faint:#9AA0A4; --ge-cyan:#0FB5A6; --ge-cyan-2:#0A8E83; --ge-violet:#6D5BD6; --ge-amber:#B45309; --ge-green:#059669; --ge-line:#EAEBEC; --ge-glass:rgba(255,255,255,.78); --ge-glass-2:rgba(245,248,247,.82); --ge-shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 14px 40px rgba(10,19,22,.08); --ge-glow-cyan:0 0 0 1px rgba(15,181,166,.22), 0 8px 40px -8px rgba(15,181,166,.20); --ge-glow-violet:0 0 0 1px rgba(109,91,214,.18), 0 8px 40px -8px rgba(109,91,214,.18); } html[data-theme="light"] .ge-code{ background:#0A1316; } /* code block stays dark on purpose (legible) */ /* ---- 4 · ros-v3 --ros3-* ------------------------------------------------ */ html[data-theme="light"]{ --ros3-bg:#FFFFFF; --ros3-bg-raised:#F5F8F7; --ros3-bg-card:#FFFFFF; --ros3-fg:#191D21; --ros3-fg-bright:#0A0B0C; --ros3-fg-muted:#5B6166; --ros3-accent:#0FB5A6; --ros3-accent-2:#0A8E83; --ros3-accent-3:#6D5BD6; --ros3-accent-ink:#FFFFFF; --ros3-good:#059669; --ros3-warn:#B45309; --ros3-bad:#DC2F3D; --ros3-border:#EAEBEC; --ros3-border-strong:#D6DADC; --ros3-shadow-1:0 1px 2px rgba(10,19,22,.05), 0 8px 24px -12px rgba(10,19,22,.07); --ros3-shadow-2:0 2px 6px rgba(10,19,22,.06), 0 14px 40px rgba(10,19,22,.08); --ros3-shadow-3:0 4px 10px rgba(10,19,22,.07), 0 24px 64px rgba(10,19,22,.10); --ros3-glow:0 0 0 1px rgba(15,181,166,.22), 0 0 30px -6px rgba(15,181,166,.28); } /* ---- 5 · brand fonts + gradient (Schibsted display; keep IBM Plex body/mono) */ html[data-theme="light"]{ --reddenda-font-display:'Schibsted Grotesk','Space Grotesk',system-ui,sans-serif; --reddenda-grad:linear-gradient(100deg,#0A0B0C 0%,#0A8E83 55%,#6D5BD6 100%); --reddenda-grad-soft:linear-gradient(100deg,rgba(15,181,166,.10),rgba(10,142,131,.10) 50%,rgba(109,91,214,.10)); } /* ---- 6 · gradient clip-text re-stops (clip + animation untouched) -------- */ html[data-theme="light"] .grad{ background:linear-gradient(180deg,#0A0B0C 30%,#3A4A57); -webkit-background-clip:text; background-clip:text; color:transparent; } html[data-theme="light"] .grad-cyan{ background:linear-gradient(110deg,#0A0B0C,#0A8E83 78%); -webkit-background-clip:text; background-clip:text; color:transparent; } html[data-theme="light"] .grad-ember{ background:linear-gradient(110deg,#0A8E83,#0FB5A6); -webkit-background-clip:text; background-clip:text; color:transparent; } /* ---- 7 · inline #fff offenders (color only) ----------------------------- */ /* NOTE: the RateScore scorecard + its .hgauge gauge are a DELIBERATE DARK device (see section 21). The 462 numeral + gauge tracks therefore stay WHITE/dark-theme — do NOT recolor them to ink. */ html[data-theme="light"] .hero__chips b{ color:var(--ink); } html[data-theme="light"] .rb-showcase__h{ color:var(--ink); } html[data-theme="light"] .rb-def__word{ color:var(--ink); } html[data-theme="light"] .foot__cols a:hover{ color:var(--ink); } /* NPI input field → light */ html[data-theme="light"] .sc-go__in{ background:#FFFFFF; border-color:rgba(15,181,166,.30); color:var(--ink); } html[data-theme="light"] .sc-go__in::placeholder{ color:var(--faint); } /* the two billing / rebellion h2 with inline color:#fff (scoped) */ html[data-theme="light"] .billing-sec h2, html[data-theme="light"] .rebellion-sec h2{ color:var(--ink) !important; } html[data-theme="light"] .billing-sec h2 .grad-cyan{ color:transparent; } /* ---- 7b · hero refinements (scenery, etymology, walk-cta card, eyebrow) -- */ /* dark-hero atmosphere (pure-black treeline + airglow + lake caption) does not fit a clean Tempus white hero. Decorative + aria-hidden; hidden on LIGHT only (dark keeps them all). */ html[data-theme="light"] .hero__mountains, html[data-theme="light"] .hero__airglow, html[data-theme="light"] .lake-caption, html[data-theme="light"] .hero-reflect{ display:none !important; } /* etymology lockup */ html[data-theme="light"] .rb-def__phon{ color:var(--muted); } html[data-theme="light"] .rb-def__meaning{ color:var(--body); } html[data-theme="light"] .rb-def__meaning em{ color:var(--teal-text); } html[data-theme="light"] .rb-def__root{ color:var(--faint); } html[data-theme="light"] .rb-def__root i{ color:var(--muted); } /* category eyebrow pill + official line */ html[data-theme="light"] .hero__eyebrow{ color:var(--teal-text); border-color:rgba(15,181,166,.30); background:rgba(15,181,166,.05); } html[data-theme="light"] .hero__eyebrow .d{ background:var(--teal); } html[data-theme="light"] .hero__official{ color:var(--body); } /* walkthrough card → light surface */ html[data-theme="light"] .walk-cta, html[data-theme="light"] .walk-cta--hero{ background:var(--surface); border:1px solid var(--hair); box-shadow:var(--shadow-md); } html[data-theme="light"] .walk-cta__kicker{ color:var(--teal-text); } html[data-theme="light"] .walk-cta__h{ color:var(--ink); } html[data-theme="light"] .walk-cta__h em{ background:linear-gradient(100deg,#0FB5A6,#6D5BD6); -webkit-background-clip:text; background-clip:text; color:transparent; } html[data-theme="light"] .walk-cta__sub{ color:var(--body); } html[data-theme="light"] .walk-cta__sub strong{ color:var(--ink); } html[data-theme="light"] .walk-cta__hint{ color:var(--muted); } html[data-theme="light"] .walk-cta__btn{ background:var(--teal-cta); color:var(--on-teal); } html[data-theme="light"] .walk-cta__btn:hover{ box-shadow:0 20px 50px -12px rgba(7,122,112,.5); } /* ---- 8 · focus ring (cyan ring is invisible on white) ------------------- */ html[data-theme="light"] :focus-visible{ outline:2px solid #0A8E83; outline-offset:2px; border-radius:3px; } /* ---- 9 · motion re-theme (COLOR VALUES ONLY; keyframes/timing untouched) - */ /* fixed dark nebula/star layer would bleed through every transparent section */ html[data-theme="light"] .cosmos{ display:none !important; } html[data-theme="light"] canvas#starfield-lite, html[data-theme="light"] canvas[id*="starfield"]{ display:none !important; } /* hero atmospheric glow → faint teal on paper, multiply (screen is a no-op on white) */ html[data-theme="light"] .hero__nebula, html[data-theme="light"] .hero::before, html[data-theme="light"] .hero::after{ mix-blend-mode:multiply; } /* scroll progress bar → teal */ html[data-theme="light"] .ros-scrollbar, html[data-theme="light"] .ros3-scrollbar{ background:linear-gradient(90deg,#0FB5A6,#0A8E83); box-shadow:0 0 10px rgba(15,181,166,.5); } /* card hover ring/sheen → teal */ html[data-theme="light"] .ge-card:hover{ box-shadow:var(--ge-glow-cyan), var(--shadow-md); } /* ---- 10 · nav + footer (global-nav.css is injected at runtime; we win on specificity) */ html[data-theme="light"] #main-nav, html[data-theme="light"] .nav{ background:rgba(255,255,255,.82); border-bottom:1px solid var(--hair); } html[data-theme="light"] .nav.scrolled, html[data-theme="light"] #main-nav.scrolled{ background:rgba(255,255,255,.92); box-shadow:var(--shadow-sm); } html[data-theme="light"] .nav a, html[data-theme="light"] .nav__link, html[data-theme="light"] .nav .wordmark, html[data-theme="light"] .rb-wordmark{ color:var(--ink); } /* text lockup on light: ink wordmark + muted tagline (R over H, left-aligned) */ html[data-theme="light"] .rb-brand__word{ color:var(--ink); } html[data-theme="light"] .rb-brand__tag{ color:var(--muted); } html[data-theme="light"] .nav__link:hover{ color:var(--teal-text); } /* primary nav / hero CTA fill → teal-cta (white label AA) */ html[data-theme="light"] .btn--primary, html[data-theme="light"] .nav-cta, html[data-theme="light"] .sc-go__btn, html[data-theme="light"] .btn.btn--cyan{ background:var(--teal-cta); color:var(--on-teal); border-color:transparent; } html[data-theme="light"] .btn--primary:hover, html[data-theme="light"] .sc-go__btn:hover{ background:#066b62; box-shadow:0 12px 30px -10px rgba(7,122,112,.5); } html[data-theme="light"] .btn--ghost, html[data-theme="light"] .btn--outline{ color:var(--ink); border-color:var(--hair); } html[data-theme="light"] .foot{ background:var(--band); border-top:1px solid var(--hair); } html[data-theme="light"] .foot, html[data-theme="light"] .foot a{ color:var(--body); } html[data-theme="light"] .foot a:hover{ color:var(--ink); } /* wordmark / logo PNGs are white-on-transparent → recolor to ink on white (shape preserved, no new asset). The living-swarm MARK (.rb-brand__mk / canvas) is NOT filtered — it is recolored teal via data-oc in global-nav.js. */ html[data-theme="light"] .rb-brand__tx, html[data-theme="light"] .rb-lp__logo, html[data-theme="light"] .rb-masthead__tx, html[data-theme="light"] .foot__brand img, html[data-theme="light"] img.rb-wordmark{ filter:brightness(0) saturate(0); } /* ---- 10b · LAUNCHPAD MEGA-MENU — light re-theme (Tempus-clean) ------------- The full-screen menu ships dark; on the light theme it becomes a clean white panel with ink text + teal accents so it matches the white site and reads like Tempus's mega-menu instead of a dark overlay dropping onto a white page. */ html[data-theme="light"] .rb-lp{ background:rgba(255,255,255,.98); -webkit-backdrop-filter:blur(22px) saturate(118%); backdrop-filter:blur(22px) saturate(118%); } html.low-perf[data-theme="light"] .rb-lp{ background:#FFFFFF; } html[data-theme="light"] .rb-lp__close{ color:var(--muted); border-color:var(--hair); } html[data-theme="light"] .rb-lp__close:hover{ color:var(--teal-text); border-color:rgba(15,181,166,.5); } html[data-theme="light"] .rb-lp__brand{ border-bottom-color:var(--hair); } html[data-theme="light"] .rb-lp__brandtag{ color:var(--muted); } html[data-theme="light"] .rb-lp__gt{ color:var(--teal-text); border-bottom-color:var(--hair); } html[data-theme="light"] .rb-lp__item b{ color:var(--ink); } html[data-theme="light"] .rb-lp__item small{ color:var(--muted); } html[data-theme="light"] .rb-lp__item:hover b, html[data-theme="light"] .rb-lp__item:focus-visible b{ color:var(--teal-text); } html[data-theme="light"] .rb-lp__item:hover small{ color:var(--body); } html[data-theme="light"] .rb-lp__item[aria-current="page"] b{ color:var(--teal-text); } html[data-theme="light"] .rb-lp__tag{ color:var(--teal-text); border-color:rgba(15,181,166,.42); } html[data-theme="light"] .rb-lp__feat{ border-left-color:var(--hair); } html[data-theme="light"] .rb-lp__feat-t{ color:var(--ink); } html[data-theme="light"] .rb-lp__feat-d{ color:var(--body); } html[data-theme="light"] .rb-lp__feat-s{ color:var(--teal-text); } html[data-theme="light"] .rb-lp__feat-cta{ background:var(--teal-cta); color:var(--on-teal); } html[data-theme="light"] .rb-lp__feat-cta:hover{ box-shadow:0 12px 32px -14px rgba(7,122,112,.5); } html[data-theme="light"] .rb-lp__feat-cta2{ border-color:#D6DADC; color:var(--ink); } html[data-theme="light"] .rb-lp__feat-cta2:hover{ border-color:rgba(15,181,166,.5); color:var(--teal-text); } html[data-theme="light"] .rb-lp__theme{ border-bottom-color:var(--hair); } html[data-theme="light"] .rb-lp__theme-lbl{ color:var(--muted); } @media (max-width:880px){ html[data-theme="light"] .rb-lp__feat{ border-top-color:var(--hair); } } /* ---- 11 · Tempus section rhythm — ALL WHITE (David: white > gray) --------- */ html[data-theme="light"] .sec{ background:transparent; } html[data-theme="light"] .pricing-teaser__item{ background:var(--surface); border-color:var(--hair); box-shadow:var(--shadow-sm); } /* subtle hairline section dividers carry the rhythm instead of gray fills */ html[data-theme="light"] .ros3-divider, html[data-theme="light"] .v3-seam hr{ background:var(--hair) !important; border:0; height:1px; opacity:1; } /* ============================================================================ 12 · THE ONE DARK BAND · TuendaAI (ported observatory "LIVING ENGINE") Always dark interior in BOTH themes; fades to paper at top + bottom edges. ========================================================================== */ .fade-dark{ position:relative; background:var(--dark,#0A1316); isolation:isolate; } .fade-dark::before,.fade-dark::after{ content:""; position:absolute; left:0; right:0; height:130px; pointer-events:none; z-index:2; } .fade-dark::before{ top:0; background:linear-gradient(var(--paper,#fff),transparent); } .fade-dark::after{ bottom:0; background:linear-gradient(transparent,var(--paper,#fff)); } @media(max-width:560px){ .fade-dark::before,.fade-dark::after{ height:88px; } } .fade-dark .fd-inner{ position:relative; z-index:1; max-width:1140px; margin:0 auto; padding:clamp(96px,15vw,140px) 22px; } .fade-dark .eyebrow{ font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:#0FB5A6; } .fade-dark .ob-h{ max-width:760px; margin:0 0 46px; } .fade-dark .ob-h h2{ font-family:var(--reddenda-font-display,'Schibsted Grotesk'); font-weight:700; letter-spacing:-.02em; font-size:clamp(30px,4.6vw,52px); line-height:1.05; margin:12px 0 0; color:#fff; } .fade-dark .ob-h h2 .grad{ background:linear-gradient(110deg,#7fe9ff,#0FB5A6 70%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; } .fade-dark .ob-h p{ color:rgba(233,240,247,.74); font-size:18px; line-height:1.6; margin:16px 0 0; max-width:62ch; } .fade-dark .ob-tele{ display:grid; grid-template-columns:repeat(auto-fit,minmax(168px,1fr)); gap:14px; margin-bottom:26px; } .fade-dark .ob-stat{ border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:20px 18px; background:rgba(255,255,255,.03); } .fade-dark .ob-stat .sv{ font-family:'IBM Plex Mono',monospace; font-variant-numeric:tabular-nums; font-weight:600; font-size:clamp(26px,3.4vw,38px); color:#fff; } .fade-dark .ob-stat .sl{ font-size:12.5px; color:rgba(233,240,247,.74); margin-top:4px; } .fade-dark .ob-stat .st{ font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:rgba(233,240,247,.46); margin-top:9px; } .fade-dark .ob-console{ border:1px solid rgba(15,181,166,.30); border-radius:16px; background:linear-gradient(180deg,rgba(8,16,30,.7),rgba(3,6,12,.85)); overflow:hidden; } .fade-dark .ob-console .cbar{ display:flex; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.3); } .fade-dark .ob-console .cbar b{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:13px; letter-spacing:.04em; color:#fff; } .fade-dark .ob-feed{ font-family:'IBM Plex Mono',monospace; font-size:12.5px; line-height:1.9; padding:16px; max-height:230px; overflow:hidden; color:rgba(233,240,247,.74); } .fade-dark .ob-feed .row{ display:flex; gap:12px; opacity:0; transform:translateY(6px); animation:obFeedIn .5s cubic-bezier(.16,1,.3,1) forwards; } .fade-dark .ob-feed .t{ color:rgba(233,240,247,.46); } .fade-dark .ob-feed .p{ color:#0FB5A6; } .fade-dark .ob-feed .c{ color:#7fe9ff; } .fade-dark .ob-feed .r{ color:#fff; margin-left:auto; } .fade-dark .ob-disc{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:rgba(233,240,247,.46); margin-top:14px; letter-spacing:.04em; } .fade-dark .ob-label{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; padding:3px 9px; border-radius:999px; border:1px solid rgba(255,255,255,.14); color:rgba(233,240,247,.6); } .fade-dark .ob-label.live{ color:#62FF8F; border-color:rgba(98,255,143,.4); } .fade-dark .ob-label.live i{ display:inline-block; width:7px; height:7px; border-radius:50%; background:#62FF8F; box-shadow:0 0 9px #62FF8F; margin-right:6px; vertical-align:middle; animation:obBlink 2.4s cubic-bezier(.16,1,.3,1) infinite; } @keyframes obFeedIn{ to{ opacity:1; transform:none; } } @keyframes obBlink{ 0%,100%{ opacity:1; } 50%{ opacity:.45; } } @media(prefers-reduced-motion:reduce){ .fade-dark .ob-label.live i{ animation:none; } .fade-dark .ob-feed .row{ animation:none; opacity:1; transform:none; } } /* ---- 13 · the ONE Fraunces signature line (closing) --------------------- */ html[data-theme="light"] .finalcta h2.grad{ font-family:var(--font-serif); font-weight:400; letter-spacing:-.01em; } html[data-theme="light"] .finalcta h2.grad{ background:linear-gradient(110deg,#0A0B0C,#0A8E83 80%); -webkit-background-clip:text; background-clip:text; color:transparent; } /* ---- 14 · theme toggle (light refinement; base styles inline in global-nav.js) */ html[data-theme="light"] .rb-theme-toggle{ background:#FFFFFF; border-color:var(--hair); color:var(--ink); } html[data-theme="light"] .rb-theme-toggle:hover{ border-color:rgba(15,181,166,.5); color:var(--teal-text); } /* ---- 15 · low-perf coexistence (light + weak device fire together) ------- */ html.low-perf[data-theme="light"] .nav, html.low-perf[data-theme="light"] #main-nav{ background:rgba(255,255,255,.97); } /* ============================================================================ 16 · GRAY-MUD KILL · THE #1 FIX rebellion.css 1271-1278 ("COSMOS FLOW") paints dark translucent veils onto sections BY ID with !important; with cosmos display:none on light they composite over white as flat gray. Re-assert each ID under light WITH !important (light sheet loads last). .fade-dark is never matched → stays dark. ------------------------------------------------------------------------- */ html[data-theme="light"] #engine, html[data-theme="light"] #who, html[data-theme="light"] #pricing-teaser, html[data-theme="light"] #contact, html[data-theme="light"] #mission, html[data-theme="light"] #rebellion{ background:var(--paper) !important; } html[data-theme="light"] #problem, html[data-theme="light"] #data-engine, html[data-theme="light"] #reclaim-cta, html[data-theme="light"] #billing-companies{ background:var(--paper) !important; } html[data-theme="light"] .foot{ background:var(--paper) !important; } html[data-theme="light"] #engine::before, html[data-theme="light"] #data-engine::before, html[data-theme="light"] #problem::before, html[data-theme="light"] .manifesto::before{ background:none !important; opacity:0 !important; } html[data-theme="light"] .sec::before{ background:linear-gradient(90deg,transparent,rgba(15,181,166,.22) 50%,transparent) !important; opacity:.4; } html[data-theme="light"] .manifesto{ background:var(--paper) !important; } html[data-theme="light"] .flow-sec{ background:transparent !important; } html[data-theme="light"] .backtest-band{ background:var(--paper) !important; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); } html[data-theme="light"] .float-orb{ display:none !important; } html[data-theme="light"] .has-spotlight::after{ background:radial-gradient(340px 340px at var(--sx,50%) var(--sy,50%),rgba(15,181,166,.10),transparent 60%); } /* ---- 17 · card / node / panel surfaces ---------------------------------- */ html[data-theme="light"] .surf, html[data-theme="light"] .aud, html[data-theme="light"] .bp, html[data-theme="light"] .reb-stat, html[data-theme="light"] .flow-node, html[data-theme="light"] .fp{ background:var(--surface); border:1px solid var(--hair); box-shadow:var(--shadow-sm); } html[data-theme="light"] .engine__core{ background:var(--surface); border-color:rgba(15,181,166,.22); box-shadow:var(--shadow-sm); } html[data-theme="light"] .flow-node--center{ background:linear-gradient(180deg,#FFFFFF,#F5F8F7); border-color:rgba(15,181,166,.30); box-shadow:var(--shadow-md); } html[data-theme="light"] .surf:hover, html[data-theme="light"] .aud:hover, html[data-theme="light"] .flow-node:hover{ border-color:rgba(15,181,166,.35); box-shadow:var(--shadow-md); } html[data-theme="light"] .flow-node__icon--glow{ filter:none; } html[data-theme="light"] .engine__core .ic, html[data-theme="light"] .surf .ic, html[data-theme="light"] .aud .ic{ filter:none; } /* ---- 18 · text · #fff / --faint offenders → ink heading + AA body -------- */ html[data-theme="light"] .surf h3, html[data-theme="light"] .aud h3, html[data-theme="light"] .bp strong, html[data-theme="light"] .flow-node__title, html[data-theme="light"] .reb-stat__value, html[data-theme="light"] .pricing-teaser__item b, html[data-theme="light"] .mission-line{ color:var(--ink); } html[data-theme="light"] .fp__n{ color:var(--ink); } html[data-theme="light"] .fp__n.grad-cyan{ color:transparent; } html[data-theme="light"] .mission-line{ text-shadow:none; } html[data-theme="light"] .surf p, html[data-theme="light"] .aud p, html[data-theme="light"] .bp p, html[data-theme="light"] .fp__l, html[data-theme="light"] .reb-stat__label, html[data-theme="light"] .pricing-teaser__item span{ color:var(--muted); } html[data-theme="light"] .lead, html[data-theme="light"] .shead .lead, html[data-theme="light"] .manifesto p, html[data-theme="light"] .finalcta .lead, html[data-theme="light"] .backtest-band__inner p{ color:var(--body); } html[data-theme="light"] .flow-node__sub, html[data-theme="light"] .reb-stat__sub, html[data-theme="light"] .manifesto .sig, html[data-theme="light"] .rb-def__root, html[data-theme="light"] .backtest-band .muted, html[data-theme="light"] .finalcta .muted, html[data-theme="light"] #cta-friction{ color:var(--muted); } html[data-theme="light"] .engine__core .k{ color:var(--teal-text); } html[data-theme="light"] .flow-connector__label{ color:var(--teal-text); opacity:1; } html[data-theme="light"] .reb-stat__value.cyan{ color:var(--teal-deep); } /* ---- 19 · two animated clip headlines (re-anchor to ink; keep motion) ---- */ html[data-theme="light"] .flow-text{ background:linear-gradient(100deg,#0A0B0C 0%,#0A8E83 32%,#6D5BD6 55%,#0A0B0C 82%); background-size:220% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; } /* ---- 20 · hero inline-hex offenders + ghost watch button ----------------- */ html[data-theme="light"] .hero__chips{ color:var(--muted); } html[data-theme="light"] .hero__chips i{ background:var(--faint); } html[data-theme="light"] .hero-watch__sub{ color:var(--muted); } html[data-theme="light"] a.hero-watch--ghost{ color:var(--teal-text); background:rgba(15,181,166,.05); border-color:rgba(15,181,166,.30); -webkit-backdrop-filter:none; backdrop-filter:none; } html[data-theme="light"] a.hero-watch--ghost:hover{ border-color:rgba(15,181,166,.55); color:var(--teal-cta); } html[data-theme="light"] .hero-watch__play--ghost{ background:rgba(15,181,166,.12); } /* ---- 21 · dark accent islands stay dark (scorecard + viral gap panel) ---- */ html[data-theme="light"] .hero__score .scorecard, html[data-theme="light"] .scorecard--v2{ box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 30px 80px -36px rgba(10,19,22,.45), 0 0 0 1px rgba(10,19,22,.06); } html[data-theme="light"] .reb-gap-cta__sub, html[data-theme="light"] .reb-gap-cta__note{ color:rgba(255,255,255,.80); } html[data-theme="light"] .reb-gap-cta__note a{ color:#5FE0D3; } /* ---- 22 · more contrast fixes (LATIN pill, trust badges, footer brand) --- */ /* the "LATIN" part-of-speech pill in the hero etymology was cyan → invisible on white */ html[data-theme="light"] .rb-def__pos{ color:var(--teal-text); border-color:rgba(15,181,166,.38); background:rgba(15,181,166,.07); } /* "Backed & accelerated by" trust badges: white/faint text + invisible border on white */ html[data-theme="light"] .tbadge{ background:var(--surface); border-color:var(--hair); box-shadow:var(--shadow-sm); } html[data-theme="light"] .tbadge:hover{ border-color:rgba(15,181,166,.35); } html[data-theme="light"] .tbadge .t b{ color:var(--ink); } html[data-theme="light"] .tbadge .t small{ color:var(--muted); } html[data-theme="light"] .badges .label{ color:var(--muted); } /* badge glyph strokes that were pale (#cfe1ee etc.) → ink so the icon reads on white */ html[data-theme="light"] .tbadge svg path[stroke="#cfe1ee"]{ stroke:var(--muted); } html[data-theme="light"] .tbadge svg path[stroke="#00E5FF"]{ stroke:var(--teal-deep); } /* footer brand lockup matches the nav (word ink, tagline muted, mark teal via data-oc) */ html[data-theme="light"] .foot .rb-brand__word{ color:var(--ink); } html[data-theme="light"] .foot .rb-brand__tag{ color:var(--muted); } /* footer theme toggle (labeled) on light */ html[data-theme="light"] .foot__theme-lbl{ color:var(--muted); } html[data-theme="light"] .rb-theme-toggle--labeled{ color:var(--ink); } /* ============================================================================ 23 · WAR-ROOM PERFECTION PASS · v=lt2 · presentation only · scoped light ========================================================================== */ /* 23.1 section eyebrows → Tempus mono labels */ html[data-theme="light"] .sec .eyebrow, html[data-theme="light"] .shead .eyebrow, html[data-theme="light"] .backtest-band__inner .eyebrow, html[data-theme="light"] .rb-showcase .eyebrow{ font-family:'IBM Plex Mono',ui-monospace,monospace; font-weight:500; font-size:11.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--teal-text); background:transparent; border:0; padding:0; border-radius:0; gap:8px; } html[data-theme="light"] .sec .eyebrow .d, html[data-theme="light"] .shead .eyebrow .d, html[data-theme="light"] .backtest-band__inner .eyebrow .d, html[data-theme="light"] .rb-showcase .eyebrow .d{ width:5px; height:5px; background:var(--teal); box-shadow:none; } html[data-theme="light"] .sec .eyebrow.ember{ color:var(--muted); } html[data-theme="light"] .sec .eyebrow.ember .d{ background:var(--muted); } html[data-theme="light"] .flow-connector__label{ font-family:'IBM Plex Mono',ui-monospace,monospace; letter-spacing:.2em; text-transform:uppercase; } /* 23.2 hero eyebrow stays a sentence pill */ html[data-theme="light"] .hero__eyebrow{ font-family:var(--reddenda-font-body),'IBM Plex Sans',system-ui,sans-serif; text-transform:none; letter-spacing:.005em; font-weight:600; color:var(--teal-text); border:1px solid rgba(15,181,166,.30); padding:8px 14px; background:rgba(15,181,166,.05); } html[data-theme="light"] .hero__eyebrow .d{ width:5px; height:5px; background:var(--teal); box-shadow:0 0 0 4px rgba(15,181,166,.12); } /* 23.3 hero H1 restraint */ html[data-theme="light"] .hero h1, html[data-theme="light"] .hero__h1, html[data-theme="light"] .hero__copy h1{ font-size:clamp(44px,6.6vw,74px); font-weight:680; letter-spacing:-.018em; line-height:1.03; } html[data-theme="light"] .hero__h1 .reg, html[data-theme="light"] .hero h1 .reg{ font-size:.40em; font-weight:600; vertical-align:.62em; letter-spacing:.02em; margin-left:.02em; } html[data-theme="light"] .hero__support{ margin-top:22px; color:var(--body); font-size:16px; line-height:1.6; } /* 23.4 primary CTA — solid teal + white label (kills cyan-gradient/black-label leak) */ html[data-theme="light"] .nav-cta, html[data-theme="light"] .btn--primary, html[data-theme="light"] .btn.btn--cyan, html[data-theme="light"] .walk-cta__btn, html[data-theme="light"] .walk-form__go{ background:var(--teal-cta); background-image:none; color:var(--on-teal); border-color:transparent; box-shadow:0 10px 30px -12px rgba(7,122,112,.45); } html[data-theme="light"] .nav-cta:hover, html[data-theme="light"] .btn--primary:hover, html[data-theme="light"] .walk-cta__btn:hover, html[data-theme="light"] .walk-form__go:hover{ background:#066b62; box-shadow:0 18px 46px -12px rgba(7,122,112,.55); } html[data-theme="light"] .nav-cta .v3-spin, html[data-theme="light"] .walk-cta__btn .v3-spin{ border-color:rgba(255,255,255,.4); border-top-color:#fff; } html[data-theme="light"] .hero__copy .hero-go .sc-go__btn{ background:var(--teal-cta); background-image:none; color:var(--on-teal); box-shadow:0 12px 34px -12px rgba(7,122,112,.5); } html[data-theme="light"] .hero__copy .hero-go .sc-go__btn .v3-spin{ border-color:rgba(255,255,255,.4); border-top-color:#fff; } /* 23.5 nav MENU trigger — ink label + visible hairline */ html[data-theme="light"] .rb-navtrig{ color:var(--ink); border-color:#D6DADC; background:#FFFFFF; } html[data-theme="light"] .rb-navtrig:hover{ color:var(--teal-text); border-color:rgba(15,181,166,.55); background:rgba(15,181,166,.05); } html[data-theme="light"] .rb-navtrig:focus-visible{ outline:2px solid #0A8E83; } /* 23.6 outlined secondary pills */ html[data-theme="light"] .btn--ghost, html[data-theme="light"] .btn--outline, html[data-theme="light"] .rb-showcase__ghost{ color:var(--ink); background:#FFFFFF; border:1px solid #D6DADC; border-radius:999px; } html[data-theme="light"] .btn--ghost:hover, html[data-theme="light"] .btn--outline:hover, html[data-theme="light"] .rb-showcase__ghost:hover{ border-color:var(--teal); color:var(--teal-text); background:rgba(15,181,166,.04); } html[data-theme="light"] #contact .btn--primary{ border-radius:999px; } /* 23.7 faint inline captions → AA */ html[data-theme="light"] .hero__chips, html[data-theme="light"] .hero__trust, html[data-theme="light"] .hero__multi, html[data-theme="light"] .stat .l, html[data-theme="light"] .badges .label, html[data-theme="light"] .sig, html[data-theme="light"] .portfolio-more, html[data-theme="light"] .portfolio-toolbar__sort, html[data-theme="light"] .portfolio-row__spec, html[data-theme="light"] .walk-cta__hint em, html[data-theme="light"] .walk-cta__fine, html[data-theme="light"] .walk-form__lab, html[data-theme="light"] .walk-form__fine, html[data-theme="light"] .walk-done__p{ color:var(--muted); } html[data-theme="light"] .hero__chips b{ color:var(--ink); } html[data-theme="light"] .hero__chips i{ background:var(--faint); } html[data-theme="light"] .rb-def__root{ color:var(--muted); } html[data-theme="light"] .rb-def__root i{ color:var(--body); } html[data-theme="light"] .npi-hint, html[data-theme="light"] .walk-form__err{ color:#C2283A; } html[data-theme="light"] .walk-done__h{ color:var(--teal-text); } html[data-theme="light"] .foot__cols a{ color:var(--body); } html[data-theme="light"] .foot__cols a:hover{ color:var(--ink); } /* 23.8 body/lead face → IBM Plex Sans */ html[data-theme="light"] .hero__support, html[data-theme="light"] .hero__chips, html[data-theme="light"] .sc-go__prov, html[data-theme="light"] .walk-form__lab, html[data-theme="light"] .lead, html[data-theme="light"] .rb-showcase__p{ font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif; } html[data-theme="light"] .lead{ font-size:clamp(16px,1.5vw,19px); line-height:1.6; } /* 23.9 restrained grotesk headlines */ html[data-theme="light"] .shead h2{ font-weight:600; letter-spacing:-.02em; line-height:1.06; } html[data-theme="light"] .rb-showcase__h{ letter-spacing:-.02em; line-height:1.05; } html[data-theme="light"] .flow-text{ letter-spacing:-.02em; line-height:1.06; } /* 23.10 section hairline architecture */ html[data-theme="light"] #engine, html[data-theme="light"] #data-engine, html[data-theme="light"] #who, html[data-theme="light"] #pricing-teaser, html[data-theme="light"] #billing-companies, html[data-theme="light"] #rebellion, html[data-theme="light"] #mission, html[data-theme="light"] #contact{ border-top:1px solid var(--hair); } html[data-theme="light"] .shead.center .lead{ margin-top:20px; color:var(--body); font-size:18px; line-height:1.62; } /* 23.11 dark Tuenda band — crisp seams + tighter fade (interior untouched) */ html[data-theme="light"] .fade-dark{ border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); } html[data-theme="light"] .fade-dark::before, html[data-theme="light"] .fade-dark::after{ height:104px; } html[data-theme="light"] .fade-dark .eyebrow{ letter-spacing:.24em; } @media(max-width:560px){ html[data-theme="light"] .fade-dark::before, html[data-theme="light"] .fade-dark::after{ height:72px; } } /* 23.12 engine data plate */ html[data-theme="light"] .engine__core{ border-radius:16px; background:linear-gradient(180deg,#FFFFFF,#FAFCFC); border:1px solid var(--hair); box-shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 6px 18px -12px rgba(10,19,22,.10); } html[data-theme="light"] .engine__core .k{ font-family:'IBM Plex Mono',ui-monospace,monospace; text-transform:uppercase; letter-spacing:.18em; font-size:11px; color:var(--teal-text); } html[data-theme="light"] .engine__core .v.grad-cyan{ background:linear-gradient(110deg,#0A0B0C,#0A8E83 82%); -webkit-background-clip:text; background-clip:text; color:transparent; } /* 23.13 cards → real product cards */ html[data-theme="light"] .surf, html[data-theme="light"] .aud, html[data-theme="light"] .flow-node{ border-top:2px solid rgba(15,181,166,.55); box-shadow:var(--shadow-md); border-radius:16px; } html[data-theme="light"] .pricing-teaser__item{ border-top:2px solid rgba(15,181,166,.45); box-shadow:var(--shadow-md); border-radius:14px; } html[data-theme="light"] .surf:hover, html[data-theme="light"] .aud:hover, html[data-theme="light"] .flow-node:hover{ border-top-color:var(--teal); box-shadow:var(--shadow-lg); } html[data-theme="light"] .pricing-teaser__item:hover{ box-shadow:var(--shadow-lg); } html[data-theme="light"] .surf h3, html[data-theme="light"] .flow-node__title{ letter-spacing:-.01em; } html[data-theme="light"] .surf .ic, html[data-theme="light"] .aud .ic, html[data-theme="light"] .flow-node__icon{ display:inline-grid; place-items:center; width:44px; height:44px; border-radius:11px; margin-bottom:14px; background:rgba(15,181,166,.08); border:1px solid rgba(15,181,166,.18); font-size:20px; line-height:1; color:var(--muted); } html[data-theme="light"] .flow-node--center .flow-node__icon{ background:linear-gradient(180deg,rgba(15,181,166,.16),rgba(15,181,166,.06)); border-color:rgba(15,181,166,.32); } /* 23.14 RateScore stage halo (decorative, behind; interior untouched) */ html[data-theme="light"] .hero__score{ position:relative; } html[data-theme="light"] .hero__score::before{ content:""; position:absolute; z-index:-1; inset:-8% -6% -10% -6%; background:radial-gradient(60% 55% at 50% 42%,rgba(15,181,166,.16),rgba(15,181,166,.05) 45%,transparent 72%); pointer-events:none; filter:blur(2px); } html[data-theme="light"] .hero__score .scorecard, html[data-theme="light"] .scorecard--v2{ box-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 40px 90px -34px rgba(10,19,22,.55), 0 8px 24px -12px rgba(10,19,22,.28), 0 0 0 1px rgba(10,19,22,.06); } /* 23.15 white-section marquee numerals tabular */ html[data-theme="light"] .reb-stat__value, html[data-theme="light"] .fp__n, html[data-theme="light"] .stat .n, html[data-theme="light"] .engine__core .v, html[data-theme="light"] .portfolio-opp strong{ font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; letter-spacing:-.02em; } /* 23.16 data-engine inner plate — teal hairline + lift (no gray fill) */ html[data-theme="light"] .backtest-band__inner{ border:1px solid rgba(15,181,166,.20); border-radius:18px; box-shadow:var(--shadow-md); } /* 23.17 closing — Fraunces room */ html[data-theme="light"] .finalcta .lead{ color:var(--body); font-size:18px; line-height:1.62; } html[data-theme="light"] .finalcta h2.grad{ font-family:var(--font-serif); font-weight:400; font-optical-sizing:auto; letter-spacing:-.02em; line-height:1.06; font-variant-numeric:lining-nums; font-feature-settings:"lnum" 1; } html[data-theme="light"] #cta-friction{ letter-spacing:.01em; } /* 23.18 footer — mono column heads + lifted chips */ html[data-theme="light"] .foot__cols h4{ font-family:'IBM Plex Mono',ui-monospace,monospace; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:500; color:var(--muted); } html[data-theme="light"] .foot .tbadge{ border-radius:12px; box-shadow:var(--shadow-sm); } /* 23.19 hero left-column + section-head rhythm */ html[data-theme="light"] .hero__official{ color:var(--body); } html[data-theme="light"] .shead h2{ margin:16px 0 18px; } /* ============================================================================ 24 · MOBILE-FIRST LIGHT POLISH (320-430px) · v=lt2 ========================================================================== */ @media (max-width:900px){ html[data-theme="light"] .hero h1, html[data-theme="light"] .hero__h1, html[data-theme="light"] .hero__copy h1{ font-size:clamp(32px,9vw,46px); letter-spacing:-.012em; line-height:1.05; } html[data-theme="light"] .hero__support{ margin-top:16px; } } @media (max-width:560px){ html[data-theme="light"] .shead h2, html[data-theme="light"] .finalcta h2{ font-size:clamp(26px,7.4vw,34px); line-height:1.08; } html[data-theme="light"] .lead, html[data-theme="light"] .hero__support{ font-size:15.5px; line-height:1.58; } html[data-theme="light"] .shead.center .lead, html[data-theme="light"] .finalcta .lead{ font-size:16px; line-height:1.58; } html[data-theme="light"] .sec .eyebrow, html[data-theme="light"] .shead .eyebrow{ font-size:10.5px; letter-spacing:.16em; } html[data-theme="light"] .hero__eyebrow{ font-size:11px; } html[data-theme="light"] .surf .ic, html[data-theme="light"] .aud .ic, html[data-theme="light"] .flow-node__icon{ width:40px; height:40px; font-size:18px; } html[data-theme="light"] .hero__score::before{ inset:-4% -2% -6% -2%; } html[data-theme="light"] .hero__score .scorecard, html[data-theme="light"] .scorecard--v2{ box-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 18px 44px -24px rgba(10,19,22,.40), 0 0 0 1px rgba(10,19,22,.05); } html[data-theme="light"] .rb-brand__tag{ letter-spacing:.1em; } html[data-theme="light"] #contact .btn--primary, html[data-theme="light"] #contact .btn--ghost{ width:100%; max-width:340px; } } @media (pointer:coarse){ html[data-theme="light"] .rb-theme-toggle{ width:44px; height:44px; border-radius:12px; } html[data-theme="light"] #main-nav .nav__burger, html[data-theme="light"] .nav__burger{ min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; } } @media (max-width:400px){ html[data-theme="light"] .fade-dark::before, html[data-theme="light"] .fade-dark::after{ height:88px; } } @media (max-width:360px){ html[data-theme="light"] .hero h1, html[data-theme="light"] .hero__copy h1{ font-size:clamp(30px,9vw,40px); overflow-wrap:anywhere; } html[data-theme="light"] .sec .eyebrow, html[data-theme="light"] .hero__eyebrow{ letter-spacing:.12em; font-size:10px; } } /* ============================================================================ 25 · MENU TRIGGER — bulletproof visibility on white (was #eef2fb near-white) The bars use currentColor + the label inherits, but make BOTH explicit + the border solid so it can never read as a ghost on the light nav. ========================================================================== */ html[data-theme="light"] .rb-navtrig{ color:var(--ink) !important; background:#FFFFFF !important; border:1px solid #C2C7CC !important; } html[data-theme="light"] .rb-navtrig__lbl{ color:var(--ink) !important; } html[data-theme="light"] .rb-navtrig__bars i{ background:var(--ink) !important; } html[data-theme="light"] .rb-navtrig:hover{ color:var(--teal-text) !important; border-color:rgba(15,181,166,.55) !important; background:rgba(15,181,166,.06) !important; } html[data-theme="light"] .rb-navtrig:hover .rb-navtrig__lbl{ color:var(--teal-text) !important; } html[data-theme="light"] .rb-navtrig:hover .rb-navtrig__bars i{ background:var(--teal-text) !important; } html[data-theme="light"] .rb-navtrig:focus-visible{ outline:2px solid #0A8E83 !important; } /* ============================================================================ 26 · CHAIR MERGE — READABILITY CRISP-PASS · v=lt3 · scoped light The #1 fix: "Enter the Platform" is .nav__cta (double underscore); the sheet only styled .nav-cta — so the dark cyan gradient leaked onto white estate-wide. ========================================================================== */ html[data-theme="light"] .nav__cta, html[data-theme="light"] #main-nav .nav__cta, html[data-theme="light"] .drawer .nav__cta{ color:var(--on-teal) !important; background:var(--teal-cta) !important; background-image:none !important; border:1px solid transparent !important; box-shadow:0 10px 30px -12px rgba(7,122,112,.45) !important; } html[data-theme="light"] .nav__cta:hover, html[data-theme="light"] #main-nav .nav__cta:hover{ background:#066b62 !important; box-shadow:0 18px 46px -12px rgba(7,122,112,.55) !important; } html[data-theme="light"] .nav__cta:focus-visible{ outline:2px solid var(--teal-deep) !important; outline-offset:2px; } /* sample-NPI link inside the dark scorecard — brighten (not ink) */ html[data-theme="light"] .npi-sample-link{ color:#5FE0D3 !important; text-decoration-color:rgba(95,224,211,.7) !important; } html[data-theme="light"] .npi-sample-link:hover{ color:#9af5ff !important; text-decoration-color:rgba(154,245,255,.85) !important; } /* payer-grade cards on the white rebellion section */ html[data-theme="light"] .payer-card{ background:var(--surface) !important; border:1px solid var(--hair) !important; box-shadow:var(--shadow-sm); border-radius:14px; } html[data-theme="light"] .payer-card:hover{ border-color:rgba(15,181,166,.35) !important; box-shadow:var(--shadow-md); } html[data-theme="light"] .payer-card [style*="color:#fff"], html[data-theme="light"] .payer-card [style*="color:#FFF"]{ color:var(--ink) !important; } html[data-theme="light"] .payer-card [style*="#7e8aa9"]{ color:var(--muted) !important; } html[data-theme="light"] .payer-card [style*="color:#ffd700"]{ color:#9A6B00 !important; } html[data-theme="light"] .payer-card [style*="color:#ff5060"]{ color:#D11F30 !important; } html[data-theme="light"] .payer-card [style*="color:#14e09a"]{ color:#067A52 !important; } html[data-theme="light"] .payer-card [style*="background:rgba(255,200,0"]{ background:rgba(154,107,0,.10) !important; border-color:rgba(154,107,0,.30) !important; } html[data-theme="light"] .payer-card [style*="background:rgba(255,50,80"]{ background:rgba(209,31,48,.08) !important; border-color:rgba(209,31,48,.28) !important; } html[data-theme="light"] .payer-card [style*="background:rgba(20,224,154"]{ background:rgba(6,122,82,.08) !important; border-color:rgba(6,122,82,.28) !important; } html[data-theme="light"] .payer-bar{ background:var(--hair) !important; } /* inline blue-grays on now-white surfaces */ html[data-theme="light"] .rb-showcase__p{ color:var(--body); } html[data-theme="light"] .hero__multi a{ color:var(--teal-text); } html[data-theme="light"] .hero__multi a:hover{ color:var(--teal-cta); } /* --faint used as real text on white */ html[data-theme="light"] .ato-label, html[data-theme="light"] .conn-legend, html[data-theme="light"] .rebellion-card__note, html[data-theme="light"] .tier .p small{ color:var(--muted); } /* non-text hairlines → 3:1 floor (were invisible on white) */ html[data-theme="light"] a.hero-watch--ghost{ border:1.5px solid rgba(10,142,131,.55); } html[data-theme="light"] a.hero-watch--ghost:hover{ border-color:var(--teal-cta); color:var(--teal-cta); } html[data-theme="light"] .btn--ghost, html[data-theme="light"] .btn--outline, html[data-theme="light"] .rb-showcase__ghost{ border:1px solid #AEB4B9; } html[data-theme="light"] .btn--ghost:hover, html[data-theme="light"] .btn--outline:hover, html[data-theme="light"] .rb-showcase__ghost:hover{ border-color:var(--teal); color:var(--teal-text); } html[data-theme="light"] .rb-theme-toggle{ border:1px solid #C2C7CC; } html[data-theme="light"] .rb-theme-toggle:hover{ border-color:rgba(15,181,166,.55); color:var(--teal-text); } html[data-theme="light"] .tbadge, html[data-theme="light"] .foot .tbadge{ border:1px solid #C8CDD1; } html[data-theme="light"] .tbadge:hover{ border-color:rgba(15,181,166,.45); } html[data-theme="light"] .tbadge svg path[stroke="#CFE1EE"]{ stroke:var(--muted); }