/* Light mode only: "Tape + Glow" (docs/review/landing-light-options.html, option 6). Loaded after light.css. It restyles, it never
   changes content: a dark ticker tape across the top of the hero, glowing green gradient pills for every primary button, soft
   cream raised secondary buttons, a soft green highlight under the key headline words, and a cream glow behind the hero.
   Dark mode is untouched: the tape is hidden there and nothing else is declared outside html[data-theme="light"].
   Colors are the existing light tokens (scripts/build-landing-light.mjs): paper #e9e0cf, cream #f5eddd, ink #2a2218, green #2d6624. */

.cef-tape { display: none; }

/* A breathing cream glow behind the hero */
html[data-theme="light"] .hero { background: radial-gradient(ellipse 52% 90% at 50% 18%, #f6efe2, rgba(246, 239, 226, 0) 100%); }

/* The tape: real distribution rates from the app's own fund list, scrolling slowly */
html[data-theme="light"] .cef-tape { display: block; position: relative; overflow: hidden; white-space: nowrap;
  background: linear-gradient(180deg, #2a2218, #1f1912); color: #e8dfcf; box-shadow: 0 4px 14px -6px rgba(42, 34, 24, .5);
  font: 500 15px/38px 'Geist Mono', ui-monospace, monospace; letter-spacing: .02em; }
.cef-tape__track { display: flex; width: max-content; animation: cef-tape-run 48s linear infinite; }
.cef-tape__half { display: flex; flex: none; align-items: center; }
.cef-tape__lbl { padding: 0 22px 0 26px; color: #e0b64a; text-transform: uppercase; letter-spacing: .1em; }
.cef-tape__i { padding: 0 22px; }
.cef-tape__i b { color: #9bd18b; font-weight: 500; }
@keyframes cef-tape-run { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .cef-tape__track { animation: none; }
  html[data-theme="light"] .cef-tape { overflow-x: auto; }
}

/* Soft green highlight under "Closed-End Funds" only (owner, Oct 20 2026: not ETFs) */
html[data-theme="light"] .hero h1 .hl-cef { -webkit-box-decoration-break: clone; box-decoration-break: clone; font-weight: inherit;
  background: linear-gradient(180deg, transparent 58%, rgba(63, 138, 50, .28) 58%); }

/* Primary buttons: glowing green gradient pill (header, trial banner, hero, RMS, pricing, final call to action) */
html[data-theme="light"] .button:not(.button-secondary) { border-radius: 999px; border-color: #2d6624; color: #f6f1e4;
  background: linear-gradient(180deg, #3f8a32, #2d6624);
  box-shadow: 0 10px 30px -8px rgba(45, 102, 36, .55), inset 0 1px 0 rgba(246, 241, 228, .28);
  transition: transform .15s, box-shadow .15s, background .15s; }
html[data-theme="light"] .button:not(.button-secondary):hover { background: linear-gradient(180deg, #46963a, #2d6624); border-color: #2d6624;
  transform: translateY(-1px); box-shadow: 0 14px 34px -8px rgba(45, 102, 36, .65), inset 0 1px 0 rgba(246, 241, 228, .32); }
html[data-theme="light"] .button:not(.button-secondary):focus-visible { outline: 2px solid #1f4a19; outline-offset: 3px; }

/* Secondary buttons: soft cream, raised */
html[data-theme="light"] .button-secondary { border-radius: 999px; background: #f6efe2; color: #2a2218;
  border-color: rgba(42, 34, 24, .18); box-shadow: 0 6px 16px -10px rgba(60, 40, 10, .45); transition: transform .15s, box-shadow .15s; }
html[data-theme="light"] .button-secondary:hover { background: #f9f3e8 !important; transform: translateY(-1px); box-shadow: 0 9px 20px -10px rgba(60, 40, 10, .5); }

@media (prefers-reduced-motion: reduce) {
  html[data-theme="light"] .button:not(.button-secondary):hover, html[data-theme="light"] .button-secondary:hover { transform: none; }
}

/* The broker logos keep their own pictures on a cream tile (they showed as dark squares) */
html[data-theme="light"] .broker-logo { background-color: #f5eddd; }

/* Dark twin of the light highlight (owner, Oct 20 2026): the light highlight's twin in gold, under "Closed-End Funds" only */
html:not([data-theme="light"]) .hero h1 .hl-cef { -webkit-box-decoration-break: clone; box-decoration-break: clone; font-weight: inherit;
  background: linear-gradient(180deg, transparent 60%, rgba(231, 179, 51, .34) 60%); }