/* =====================================================================
   LYD NDIS — SUNLIT palette layer (html.sunlit). Loaded LAST.
   Owner brief 8 Sep 2026: "the whole website feel should look rich, use vibrant colors, whole revamp".
   Deep petrol stays the dark anchor; coral is the one CTA colour; sunflower is the highlight; aqua marks ticks and
   proof; violet carries the AI band and numerals. Bright white ground. Flat fills only - no gradient bands or buttons.
   Every selector is prefixed html.luxe.sunlit so it outranks the luxe layer it recolours (luxe uses !important widely).
   Text-safe pairs (WCAG AA, measured): coral-ink #b3361f on white 6.1:1 (5.1:1 on the violet tint) · white on coral-ink 6.1:1 · violet-deep #4b3dd9 on white 7.1:1 ·
   aqua-ink #0b6f66 on white 6.0:1 · ink #0f2e38 on coral #ff6b57 5.1:1 · ink on sunflower #ffc533 9.1:1 ·
   sunflower on petrol 9.1:1 · coral-light #ff8f7f on petrol 6.5:1 · white on violet-deep 7.1:1 · white on #0b6f66 6.0:1.
   ===================================================================== */
html.sunlit {
  --sun: #ffc533; --sun-2: #ffd666; --sun-tint: #fff4cc;
  --coral: #ff6b57; --coral-2: #ff8f7f; --coral-ink: #b3361f; --coral-hover: #f25a45; --coral-tint: #ffe8e3;
  --aqua: #19c3b3; --aqua-ink: #0b6f66; --aqua-tint: #ddf7f3;
  --violet: #6d5df6; --violet-deep: #4b3dd9; --violet-dark: #1e1466; --violet-tint: #ece9ff;
  --ink: #0f2e38; --paper: #ffffff; --paper-2: #f6f8fb;
  /* re-point the luxe tokens so anything still reading them lands on the new palette */
  --gold: var(--coral); --gold-2: var(--sun); --gold-3: var(--coral-ink); --gold-ink: var(--coral-ink); --gold-grad: var(--coral);
  --ivory: var(--paper); --ivory-2: var(--paper-2); --ink-2: var(--ink);
  --color-lyd-gold-ink: var(--coral-ink); --color-lyd-yellow: var(--sun); --color-lyd-yellow-deep: var(--coral);
}

/* ---------- ground + type ---------- */
html.luxe.sunlit body, html.luxe.sunlit main section[data-band="cream"], html.luxe.sunlit .pin-over { background: var(--paper) !important; }
html.luxe.sunlit main section[data-band="surface"] { background: var(--paper-2) !important; border-color: rgba(15, 46, 56, 0.08) !important; }
html.luxe.sunlit main h1.font-display:not(.text-white), html.luxe.sunlit main h2.font-display, html.luxe.sunlit main h3.font-display { color: var(--ink); }
html.luxe.sunlit ::selection { background: var(--sun); color: var(--ink); }
html.sunlit a.skip-link { background: var(--ink); color: var(--sun); }
html.sunlit a.skip-link:focus-visible { outline-color: var(--coral); }

/* ---------- kicker: coral rule, coral-ink text on light; sunflower on dark ---------- */
html.luxe.sunlit .td-kicker { color: var(--coral-ink); }
html.luxe.sunlit .td-kicker::before { background: var(--coral) !important; }
html.luxe.sunlit .td-kicker-light, html.luxe.sunlit main section[data-band="deep"] .td-kicker, html.luxe.sunlit main > section.hero-interior[data-band="deep"] .td-kicker { color: var(--sun-2); }
html.luxe.sunlit main section[data-band="deep"] .td-kicker::before, html.luxe.sunlit main > section.hero-interior .td-kicker::before { background: var(--sun) !important; }

/* ---------- ticks, icons, numerals ---------- */
html.luxe.sunlit main svg.text-lyd-yellow-deep, html.luxe.sunlit main [class*="text-lyd-yellow"]:not([class*="bg-"]), html.luxe.sunlit main .text-lyd-gold-ink, html.luxe.sunlit main .mark { color: var(--aqua-ink) !important; }
html.luxe.sunlit main section[data-band="deep"] svg[class*="text-lyd-yellow"], html.luxe.sunlit main section[data-band="deep"] .text-lyd-yellow-deep, html.luxe.sunlit main section[data-band="deep"] [data-slot="card"] svg { color: var(--aqua) !important; }
html.luxe.sunlit main .numeral, html.luxe.sunlit main [class*="text-lyd-ink/25"] { color: var(--violet-deep) !important; }
html.luxe.sunlit main .leaks__numeral { color: var(--coral-ink) !important; }
html.luxe.sunlit main .bg-lyd-yellow-deep.rounded-full, html.luxe.sunlit main .bg-lyd-yellow.rounded-full, html.luxe.sunlit main .disc, html.luxe.sunlit main section[data-band="deep"] :is(.bg-lyd-yellow, .bg-lyd-yellow-deep)[class*="rounded-full"] { background: var(--sun) !important; color: var(--ink) !important; }
html.luxe.sunlit main .marker { background-image: linear-gradient(100deg, transparent 0.4%, rgba(255, 197, 51, 0.55) 2.6%, rgba(255, 214, 102, 0.6) 95.6%, transparent 98.8%); }
html.luxe.sunlit main .race-win, html.luxe.sunlit main .bg-lyd-yellow.race-win { background: var(--sun) !important; color: var(--ink) !important; }
html.luxe.sunlit main .pipe__status.is-booked, html.luxe.sunlit .chip-success, html.luxe.sunlit main .badge-tier, html.luxe.sunlit main .card-elevate .badge-tier { background: var(--coral) !important; color: var(--ink) !important; }

/* ---------- buttons: coral is the one CTA colour ---------- */
html.luxe.sunlit .btn-primary-dark, html.luxe.sunlit .btn-primary-light, html.luxe.sunlit header a[class*="bg-lyd-yellow"], html.luxe.sunlit main a.bg-lyd-yellow[class*="px-"], html.luxe.sunlit main a.bg-primary, html.luxe.sunlit main a.bg-lyd-ink[class*="px-"], html.luxe.sunlit main .card-elevate .btn-primary-light, html.luxe.sunlit main section[data-band="deep"] .btn-primary-light, html.luxe.sunlit footer.footer-deep .btn-primary-light {
  background: var(--coral) !important; color: var(--ink) !important; border: 0 !important; box-shadow: 0 12px 28px -14px rgba(255, 107, 87, 0.7) !important;
}
html.luxe.sunlit .btn-primary-dark:hover, html.luxe.sunlit .btn-primary-light:hover, html.luxe.sunlit header a[class*="bg-lyd-yellow"]:hover { background: var(--coral-hover) !important; }
html.luxe.sunlit .pm-btn.btn-primary-dark:hover, html.luxe.sunlit .pm-btn.btn-primary-light:hover { box-shadow: 0 18px 36px -14px rgba(255, 107, 87, 0.75) !important; }
html.luxe.sunlit .btn-ghost-dark { border: 1px solid rgba(255, 255, 255, 0.42) !important; color: #fff; }
html.luxe.sunlit .btn-ghost-dark:hover { border-color: var(--sun) !important; background: rgba(255, 197, 51, 0.1); }
html.luxe.sunlit .btn-ghost-light { border: 1px solid rgba(15, 46, 56, 0.28) !important; color: var(--ink); }
html.luxe.sunlit .btn-ghost-light:hover { border-color: var(--coral) !important; color: var(--coral-ink); }
html.luxe.sunlit .btn:focus-visible, html.luxe.sunlit main a:focus-visible:not(.btn), html.luxe.sunlit main button:focus-visible, html.luxe.sunlit header a:focus-visible, html.luxe.sunlit footer a:focus-visible, html.luxe.sunlit main .faq-acc summary:focus-visible, html.luxe.sunlit main [tabindex="0"]:focus-visible { outline-color: var(--coral-ink); }
html.luxe.sunlit main section[data-band="deep"] :is(a, button, summary):focus-visible, html.luxe.sunlit main section.band-photo :is(a, button):focus-visible, html.luxe.sunlit footer a:focus-visible, html.luxe.sunlit body.hero-dark header:not(.pm-scrolled) a:focus-visible { outline-color: var(--sun) !important; }
/* pricing: Elevate keeps the filled CTA, the siblings are ghost - as before, in coral */
html.luxe.sunlit main [data-section="pricing"] [data-slot="card"]:not(.card-elevate):not(.card-anchor):not([class*="bg-lyd-yellow/"]) .btn-primary-light,
html.luxe.sunlit main [data-section="pricing"] [data-slot="card"]:not(.card-elevate):not(.card-anchor):not([class*="bg-lyd-yellow/"]) .btn-primary-dark,
html.luxe.sunlit main section[data-band="deep"]:has(.card-elevate) [data-slot="card"]:not(.card-elevate):not(.card-anchor):not([class*="bg-lyd-yellow/"]) .btn-primary-light,
html.luxe.sunlit main section[data-band="deep"]:has(.card-elevate) [data-slot="card"]:not(.card-elevate):not(.card-anchor):not([class*="bg-lyd-yellow/"]) .btn-primary-dark { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 143, 127, 0.55) !important; color: #fff !important; box-shadow: none !important; }
html.luxe.sunlit main [data-section="pricing"] [data-slot="card"]:not(.card-elevate):not(.card-anchor):not([class*="bg-lyd-yellow/"]) :is(.btn-primary-light, .btn-primary-dark):hover,
html.luxe.sunlit main section[data-band="deep"]:has(.card-elevate) [data-slot="card"]:not(.card-elevate):not(.card-anchor):not([class*="bg-lyd-yellow/"]) :is(.btn-primary-light, .btn-primary-dark):hover { background: rgba(255, 107, 87, 0.16) !important; border-color: var(--coral-2) !important; }

/* ---------- header ---------- */
html.luxe.sunlit header .nav-link::after { background: var(--coral) !important; }
html.luxe.sunlit header.pm-scrolled { background: rgba(255, 255, 255, 0.94) !important; }
html.luxe.sunlit header a.nav-link:hover, html.luxe.sunlit header a.nav-link[aria-current="page"] { color: var(--ink); }
html.sunlit #lang-toggle .lang-globe { color: inherit; }

/* ---------- hero: dark footage, sunflower marker, sunflower plates ---------- */
html.luxe.sunlit main > section:first-of-type:not(.hero-interior) h1 .marker, html.luxe.sunlit main > section:first-of-type:not(.hero-interior) h1 .marker-blue { color: var(--sun) !important; -webkit-text-fill-color: var(--sun); }
html.luxe.sunlit main [data-elevate="hero"] [data-count-to], html.luxe.sunlit main [data-elevate="hero"] .rd-hero-num, html.luxe.sunlit main [data-elevate="hero"] .text-2xl, html.luxe.sunlit main [data-elevate="hero"] .rd-mask, html.luxe.sunlit main [data-elevate="hero"] .rd-mask .rd-mask__in { color: var(--sun) !important; }
html.luxe.sunlit main [data-elevate="hero"] :is(.bg-lyd-yellow, .bg-lyd-yellow-deep) { background: rgba(255, 197, 51, 0.1) !important; }
html.luxe.sunlit main > section:first-of-type .hero-scrim { background: linear-gradient(100deg, rgba(8, 22, 34, 0.94) 0%, rgba(8, 22, 34, 0.8) 45%, rgba(15, 46, 56, 0.42) 75%, rgba(15, 46, 56, 0.3) 100%) !important; }
html.luxe.sunlit main > section:first-of-type video { filter: saturate(1.05) contrast(1.06) brightness(0.9); }
html.sunlit main > section:first-of-type .rd-hero-abn, html.sunlit main > section:first-of-type .rd-hero-abn:hover { text-decoration-color: rgba(255, 197, 51, 0.6); }
html.sunlit main > section:first-of-type .rd-hero-abn:hover, html.sunlit main > section:first-of-type .rd-hero-abn:focus-visible { color: var(--sun-2); }

/* ---------- the smile mark (abstract brand mark, no face) ---------- */
.sun-smile { position: relative; display: flex; align-items: center; gap: 1.25rem; margin-top: 1.75rem; max-width: 37rem; padding: 1rem 1.25rem 1rem 1rem; border-radius: 1.5rem; background: rgba(8, 22, 34, 0.52); border: 1px solid rgba(255, 197, 51, 0.38); box-shadow: 0 24px 60px -30px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.sun-smile[data-state="on"] { border-color: rgba(255, 107, 87, 0.65); }
.sun-smile__btn { position: relative; flex: none; width: 7.5rem; height: 7.5rem; padding: 0; border: 0; background: transparent; border-radius: 999px; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.sun-smile__btn:focus-visible { outline: 2px solid var(--sun); outline-offset: 4px; }
.sun-smile__svg { display: block; width: 100%; height: 100%; overflow: visible; }
.sun-smile__ring { fill: none; stroke: var(--sun); stroke-width: 4; }
.sun-smile__btn::before { content: ""; position: absolute; inset: -12%; border-radius: 999px; background: rgba(255, 197, 51, 0.24); filter: blur(10px); opacity: 0; pointer-events: none; }
.sun-smile__tap { font-family: var(--font-sans); font-size: 10px; font-weight: 800; letter-spacing: 0.22em; fill: var(--sun); }
.sun-smile[data-state="on"] .sun-smile__tap { opacity: 0; }
.sun-smile__disc { fill: var(--coral); transform-origin: 48px 48px; transform: scale(0); }
.sun-smile__flat, .sun-smile__arc { fill: none; stroke: var(--sun); stroke-width: 6; stroke-linecap: round; transform-origin: 48px 56px; }
.sun-smile__arc { opacity: 0; transform: scaleY(0.2); }
.sun-smile__spark circle { fill: var(--sun); opacity: 0; transform-origin: 48px 48px; transform: scale(0.6); }
.sun-smile[data-state="on"] .sun-smile__disc { transform: scale(1); }
.sun-smile[data-state="on"] .sun-smile__ring { stroke: var(--coral); }
.sun-smile[data-state="on"] .sun-smile__flat { opacity: 0; transform: scaleY(0.2); }
.sun-smile[data-state="on"] .sun-smile__arc { opacity: 1; transform: none; stroke: var(--ink); }
.sun-smile[data-state="on"] .sun-smile__spark circle { opacity: 1; transform: scale(1); }
.sun-smile__text { min-width: 0; }
.sun-smile__line { margin: 0; font-family: var(--font-sans); font-size: 1.2rem; line-height: 1.4; font-weight: 500; color: rgba(255, 255, 255, 0.92) !important; max-width: 26rem; }
.sun-smile[data-state="on"] .sun-smile__line { color: #fff !important; font-weight: 600; }
.sun-smile__link { display: inline-flex; align-items: center; gap: 0.4em; margin-top: 0.6rem; min-height: 2.75rem; padding: 0.55rem 1.1rem; font-family: var(--font-sans); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.01em; color: var(--sun-2) !important; text-decoration: none; border: 1px solid rgba(255, 214, 102, 0.55); border-radius: 999px; transition: background 0.25s, color 0.25s, border-color 0.25s; }
.sun-smile[data-state="on"] .sun-smile__link { background: var(--coral); color: var(--ink) !important; border-color: transparent; box-shadow: 0 12px 28px -14px rgba(255, 107, 87, 0.7); }
.sun-smile__link:hover, .sun-smile__link:focus-visible { background: var(--coral-hover); color: var(--ink) !important; border-color: transparent; }
.sun-smile__link:focus-visible { outline: 2px solid var(--sun); outline-offset: 3px; border-radius: 4px; }
.sun-smile__link > span[aria-hidden] { transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.sun-smile__link:hover > span[aria-hidden] { transform: translate(2px, -2px); }
/* motion (html.pm only): the disc blooms, the line curves into the smile, sparks pop; an idle ring pulse invites the first tap */
.pm .sun-smile__disc { transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1); }
.pm .sun-smile__ring { transition: stroke 0.4s; }
.pm .sun-smile__flat, .pm .sun-smile__arc { transition: opacity 0.35s, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.3s; }
.pm .sun-smile__spark circle { transition: opacity 0.4s, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.pm .sun-smile[data-state="on"] .sun-smile__spark circle:nth-child(1) { transition-delay: 0.1s; } .pm .sun-smile[data-state="on"] .sun-smile__spark circle:nth-child(2) { transition-delay: 0.18s; }
.pm .sun-smile[data-state="on"] .sun-smile__spark circle:nth-child(3) { transition-delay: 0.26s; } .pm .sun-smile[data-state="on"] .sun-smile__spark circle:nth-child(4) { transition-delay: 0.14s; }
.pm .sun-smile[data-state="on"] .sun-smile__spark circle:nth-child(5) { transition-delay: 0.3s; }
.pm .sun-smile:not(.is-touched) .sun-smile__ring { animation: sun-invite 2s cubic-bezier(0.16, 1, 0.3, 1) 0.8s 2 both; }
.pm .sun-smile:not(.is-touched) .sun-smile__btn::before { animation: sun-halo 2s ease-in-out 0.8s 2 both; }
@keyframes sun-halo { 0%, 100% { opacity: 0; transform: scale(0.9); } 50% { opacity: 1; transform: scale(1.06); } }
.pm .sun-smile__tap { transition: opacity 0.3s; }
@keyframes sun-invite { 0%, 100% { stroke-width: 3; opacity: 1; } 50% { stroke-width: 5; opacity: 0.75; } }
.pm .sun-smile__btn:hover .sun-smile__svg { transform: scale(1.04); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.pm .sun-smile__btn:active .sun-smile__svg { transform: scale(0.97); }
@media (max-width: 767px) { .sun-smile { gap: 1rem; margin-top: 1.5rem; padding: 0.9rem 1rem 0.9rem 0.9rem; } .sun-smile__btn { width: 6rem; height: 6rem; } .sun-smile__line { font-size: 1.05rem; } }
@media (prefers-reduced-motion: reduce) { .sun-smile * { transition: none !important; animation: none !important; } }

/* ---------- ticker: violet band ---------- */
html.sunlit main section.ticker { background: var(--violet-deep) !important; border-top-color: rgba(255, 255, 255, 0.18); border-bottom-color: rgba(255, 255, 255, 0.1); }
html.sunlit main section.ticker::before { background: linear-gradient(90deg, var(--violet-deep), rgba(75, 61, 217, 0)); }
html.sunlit main section.ticker::after { background: linear-gradient(270deg, var(--violet-deep), rgba(75, 61, 217, 0)); }
html.sunlit .ticker__item { color: #fff; }
html.sunlit .ticker__item strong { color: var(--sun-2); }
html.sunlit .ticker__item::before { background: var(--sun); }
html.sunlit .ticker__toggle { border-color: rgba(255, 255, 255, 0.4); background: rgba(30, 20, 102, 0.55); }

/* ---------- six gaps: white ground, rotating numerals, coral photo ring ---------- */
html.luxe.sunlit main .leaks-grid .leaks__slide:nth-child(6n+1) .leaks__numeral:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { color: var(--coral-ink) !important; }
html.luxe.sunlit main .leaks-grid .leaks__slide:nth-child(6n+2) .leaks__numeral:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { color: var(--violet-deep) !important; }
html.luxe.sunlit main .leaks-grid .leaks__slide:nth-child(6n+3) .leaks__numeral:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { color: var(--aqua-ink) !important; }
html.luxe.sunlit main .leaks-grid .leaks__slide:nth-child(6n+4) .leaks__numeral:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { color: var(--coral-ink) !important; }
html.luxe.sunlit main .leaks-grid .leaks__slide:nth-child(6n+5) .leaks__numeral:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { color: var(--violet-deep) !important; }
html.luxe.sunlit main .leaks-grid .leaks__slide:nth-child(6n+6) .leaks__numeral:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { color: var(--aqua-ink) !important; }
html.luxe.sunlit main .leaks__slide:hover .leaks__title { color: var(--coral-ink); }
html.sunlit .editorial-photo::before, html.sunlit .hero-photo::before { box-shadow: inset 0 0 0 2px rgba(255, 107, 87, 0.65); }
html.sunlit .editorial-photo img, html.sunlit .hero-photo img { filter: saturate(1.02) contrast(1.04) brightness(0.98); }
html.luxe.sunlit main img.photo, html.luxe.sunlit main img.pm-photo, html.luxe.sunlit main img[src$=".jpg"]:not([src*="poster"]) { filter: saturate(1.02) contrast(1.04) brightness(0.98); }
html.sunlit .hero-photo figcaption .kicker-mini { color: var(--sun-2); } html.sunlit .hero-photo figcaption .kicker-mini::before { background: var(--sun); }

/* ---------- deep bands: petrol with a warm coral/violet glow (highlight, not a fill) ---------- */
html.luxe.sunlit main section[data-band="deep"]::before { background: radial-gradient(42% 40% at 88% 0%, rgba(255, 107, 87, 0.16), transparent 70%), radial-gradient(34% 38% at 8% 100%, rgba(109, 93, 246, 0.22), transparent 70%); }
html.luxe.sunlit main section[data-band="deep"] [data-slot="card"]:hover, html.luxe.sunlit main section.hscroll[data-band="deep"] .hscroll__panel:hover { border-color: rgba(255, 143, 127, 0.55) !important; }
html.luxe.sunlit main section[data-band="deep"] [data-slot="card"] :is(.text-4xl, .text-3xl), html.luxe.sunlit main section[data-band="deep"] [data-slot="card"] .text-4xl { color: var(--sun) !important; }
html.luxe.sunlit main section.hscroll[data-band="deep"] .hscroll__panel [class*="text-5xl"] { color: #fff !important; }
html.luxe.sunlit main section[data-band="deep"] .proof-card :is(.bg-white, .bg-lyd-blue, .bg-lyd-yellow, .bg-lyd-yellow-deep)[class*="h-1"] { background: rgba(255, 197, 51, 0.16) !important; color: var(--sun) !important; }
html.luxe.sunlit main :is(section.closing-band, section[data-section="proof"], section[data-section="whynow"]) .watermark { filter: none; opacity: 0.08; }
/* why-now pull quote and source */
html.sunlit main .home-pull strong { color: var(--sun-2) !important; }
html.sunlit main .home-pull::before { background: var(--coral) !important; }

/* ---------- ecosystem: four vibrant stages ---------- */
html.luxe.sunlit main section.hscroll[data-band="deep"] .hscroll__panel:nth-of-type(1):not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { background: var(--aqua-ink) !important; }
html.luxe.sunlit main section.hscroll[data-band="deep"] .hscroll__panel:nth-of-type(2):not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { background: var(--violet-deep) !important; }
html.luxe.sunlit main section.hscroll[data-band="deep"] .hscroll__panel:nth-of-type(3):not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { background: var(--coral-ink) !important; }
html.luxe.sunlit main section.hscroll[data-band="deep"] .hscroll__panel:nth-of-type(4):not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { background: var(--sun) !important; }
html.luxe.sunlit main section.hscroll[data-band="deep"] .hscroll__panel:nth-of-type(4) :is(h3, p, span, [class*="text-5xl"], [class*="uppercase"], [class*="tracking-"]):not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { color: var(--ink) !important; }
html.luxe.sunlit main section.hscroll[data-band="deep"] .inline-flex.bg-lyd-yellow { color: var(--sun-2) !important; }
/* stage 04 sits on sunflower: every word ink (the id compound outranks premium-color's white body-text rule) */
html.luxe.sunlit #main section.hscroll[data-band="deep"] .hscroll__panel:nth-of-type(4) :is(h3, p, span, li, div, [class*="text-5xl"], [class*="uppercase"], [class*="tracking-"]) { color: var(--ink) !important; }
html.sunlit main section.hscroll[data-band="deep"] .inline-flex.bg-lyd-yellow::before { background: var(--sun); }
html.luxe.sunlit main section.hscroll[data-band="deep"] .hscroll__bar > * { background: var(--sun); }

/* ---------- AI band: violet ---------- */
html.luxe.sunlit main section[data-section="aeo"]:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { background: var(--violet-deep) !important; }
html.luxe.sunlit main section[data-section="aeo"] .phone-mock:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k), html.luxe.sunlit main section[data-section="aeo"] [class*="bg-lyd-ink"][class*="rounded"]:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { background: var(--violet-dark) !important; }
html.luxe.sunlit main section[data-section="aeo"] .td-kicker:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { color: var(--sun-2) !important; }
html.luxe.sunlit main section[data-section="aeo"] .td-kicker:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k)::before { background: var(--sun) !important; }
html.luxe.sunlit main section[data-section="aeo"] .bg-lyd-yellow:not(.btn):not(.rounded-full):not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { background: var(--sun) !important; color: var(--ink) !important; }
/* the typed question in the search box sat at 4.15:1 as petrol-grey on violet; white */
html.luxe.sunlit #main section[data-section="aeo"] p[data-typewriter] { color: #fff !important; }
/* body copy on the violet band (the lede and bullets were #b8c9d1 at 4.15:1); bubbles keep their own colours */
html.luxe.sunlit #main section[data-section="aeo"] :is(p, li, li span, li strong, li b):not(svg):not(.rd-aeo-msg):not(.rd-aeo-msg *):not(.phone-mock *) { color: rgba(255, 255, 255, 0.94) !important; }
html.luxe.sunlit main section[data-section="aeo"] :is(.bg-lyd-yellow.rounded-full, [class*="bg-lyd-yellow"].rounded-full, svg[class*="text-lyd-yellow"], .text-lyd-yellow-deep):not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { color: var(--sun) !important; }
html.luxe.sunlit main section[data-section="aeo"] [data-slot="card"]:not(._a):not(._b):not(._c):not(._d):not(._e):not(._f):not(._g):not(._h):not(._i):not(._j):not(._k) { background: rgba(255, 255, 255, 0.08) !important; border-color: rgba(255, 255, 255, 0.2) !important; }

/* ---------- pricing on deep: coral Elevate, sunflower prices, aqua ticks ---------- */
html.luxe.sunlit main section[data-section="pricing"][data-band="deep"] { background: var(--ink) !important; }
html.luxe.sunlit main .card-elevate, html.luxe.sunlit main .card-elevate[data-slot="card"], html.luxe.sunlit main section[data-band="deep"] [data-slot="card"][class*="bg-lyd-yellow/"], html.luxe.sunlit main section[data-band="deep"] [class*="bg-lyd-yellow/"][class*="p-"] { background: rgba(255, 107, 87, 0.12) !important; border: 1px solid rgba(255, 143, 127, 0.6) !important; }
html.luxe.sunlit main .card-elevate::before { background: conic-gradient(from var(--pm-a), transparent 0 58%, rgba(255, 143, 127, 1) 76%, transparent 92%); }
html.luxe.sunlit main [data-section="pricing"] [data-slot="card"] .inline-flex[class*="bg-lyd-yellow"], html.luxe.sunlit main section[data-band="deep"]:has(.card-elevate) [data-slot="card"] .inline-flex[class*="bg-lyd-yellow"], html.luxe.sunlit main .card-elevate .inline-flex[class*="bg-lyd-yellow"] { background: var(--coral) !important; color: var(--ink) !important; }
html.luxe.sunlit main section[data-band="deep"] [data-slot="card"] [class*="bg-lyd-yellow-deep"][class*="h-1"] { background: var(--coral) !important; }
html.luxe.sunlit main section[data-band="deep"] [data-slot="card"] .btn-ghost-light { border-color: rgba(255, 143, 127, 0.5) !important; }
html.luxe.sunlit main .est-plan[aria-pressed="true"], html.luxe.sunlit main .bg-lyd-yellow.border-lyd-yellow-deep, html.luxe.sunlit main [aria-checked="true"].bg-lyd-yellow { background: var(--sun-tint) !important; border-color: var(--coral) !important; }
html.luxe.sunlit main table thead th { color: var(--coral-ink); }

/* ---------- FAQ: violet-tinted ground, coral toggles ---------- */
html.luxe.sunlit main section[data-section="faq"] { background: var(--violet-tint) !important; }
html.sunlit main .faq-acc summary::after { color: var(--coral-ink) !important; }
html.luxe.sunlit main [data-slot="card"]:hover, html.luxe.sunlit main .card-lyd:hover, html.luxe.sunlit main .carousel-card:hover, html.luxe.sunlit main a.demo-frame:hover { border-color: rgba(255, 107, 87, 0.55) !important; }

/* ---------- closing band + contact card ---------- */
html.luxe.sunlit main section.closing-band .contact-card .text-2xl, html.luxe.sunlit main section.closing-band .contact-card a.text-white, html.luxe.sunlit main section.closing-band .contact-card a[href^="tel:"], html.luxe.sunlit main section.closing-band .contact-card .text-3xl { color: var(--sun-2) !important; }
html.luxe.sunlit main section.closing-band .contact-card a[href^="mailto:"] { text-decoration-color: rgba(255, 214, 102, 0.6); }
html.luxe.sunlit main section.closing-band .contact-card a[href^="mailto:"]:hover { color: var(--sun-2); }
html.sunlit main .cap-link { color: var(--sun-2) !important; }
html.sunlit main .cap-link:hover { color: #fff !important; }

/* ---------- footer ---------- */
html.luxe.sunlit footer.footer-deep, html.luxe.sunlit footer.footer-full.footer-deep { background: #0a2129 !important; border-top: 1px solid rgba(255, 143, 127, 0.3) !important; }
html.luxe.sunlit footer.footer-deep :is(h2, h3, h4) { color: var(--coral-2); }
html.luxe.sunlit footer.footer-deep [class*="rounded-full"][class*="border"] { border-color: rgba(255, 143, 127, 0.4) !important; }
html.luxe.sunlit footer.footer-deep [class*="rounded-full"][class*="border"]:hover { border-color: var(--coral-2) !important; background: rgba(255, 107, 87, 0.12) !important; }
html.sunlit footer.footer-deep .footer-legal { background: #06161c; }

/* ---------- demo frames + pipeline chrome ---------- */
html.luxe.sunlit main .pipe__frame { border-color: rgba(255, 143, 127, 0.3) !important; }
html.luxe.sunlit main .pipe__chrome .pipe__sample { border-color: rgba(255, 214, 102, 0.6); color: var(--sun-2); }
html.luxe.sunlit main .demo-frame::after { background: var(--sun); box-shadow: 0.95rem 0 0 var(--coral), 1.9rem 0 0 var(--aqua); }

/* ---------- Round-5 controls follow the palette ---------- */
html.sunlit .hero-video-toggle:hover, html.sunlit .ticker__toggle:hover { border-color: rgba(255, 214, 102, 0.8); }
html.sunlit .hero-video-toggle:focus-visible, html.sunlit .ticker__toggle:focus-visible { outline-color: var(--sun); }