/*
 * Light / dark theme for the public site (layouts/new_landing).
 *
 * The site was built dark-first with plain Tailwind classes (text-white/60,
 * bg-stone-950, teal-200 accents…). Dark mode is exactly that markup, untouched:
 * nothing below applies unless <html data-theme="light">, which is the default
 * (see the inline script in the layout; the choice is kept in localStorage).
 *
 * Light mode remaps those classes: white text -> ink, near-black surfaces ->
 * white, teal accents -> Creova pink (as in the redesign). Anything inside
 * .keep-dark (text over photos, the big footer CTA) keeps its dark surface and
 * only swaps teal for pink. Art with a baked-in black background (the AI-agent
 * reels) has a light copy, swapped with .theme-dark-only / .theme-light-only.
 *
 * When a page adds a new color class, add its light counterpart here.
 */

:root {
  --site-bg: #FFFFFF;
  --site-card: #F6F4EF;
  --site-ink: #111111;
  --site-accent: #FF5CC8;       /* fills: buttons, pills, bars */
  --site-accent-ink: #D1208E;   /* pink text on white (AA) */
}

html[data-theme="light"] { color-scheme: light; background: var(--site-bg); }
html[data-theme="dark"]  { color-scheme: dark; }

/* ---------- art that has a version per theme ---------- */
.theme-light-only { display: none; }
[data-theme="light"] .theme-dark-only { display: none; }
[data-theme="light"] .theme-light-only { display: block; }

/* ---------- logo: white+teal (dark) / ink+pink (light) ---------- */
.site-logo--light { display: none; }
[data-theme="light"] .site-logo--dark:not(.keep-dark *) { display: none; }
[data-theme="light"] .site-logo--light:not(.keep-dark *) { display: inline-block; }

/* ---------- theme toggle ---------- */
.theme-toggle .fa-sun { display: none; }
[data-theme="dark"] .theme-toggle .fa-sun { display: inline-block; }
[data-theme="dark"] .theme-toggle .fa-moon { display: none; }

/* ---------- header: the scroll state used to be inline styles set by JS ---------- */
#header-inner.is-scrolled {
  background: rgba(12, 12, 12, 0.85);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
/* In light mode the header is always solid: at the top it sits over the hero photo. */
[data-theme="light"] #header-inner {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(17, 17, 17, 0.08);
}

/* ---------- landing-specific pieces styled outside Tailwind ---------- */
/* Dark islands keep white as the inherited text color. */
[data-theme="light"] .keep-dark { color: #fff; }
/* The hero photo stays dark, but its bottom edge fades into the white page. */
[data-theme="light"] .hero-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 22%;
  background: linear-gradient(to bottom, rgb(255 255 255 / 0), var(--site-bg));
  pointer-events: none;
}
/* Gradient text. Only the landing defines .teal-shimmer for dark, so light spells it out in full. */
[data-theme="light"] .teal-shimmer {
  background-image: linear-gradient(90deg, #FF5CC8 0%, #FF9ADD 30%, #E0309F 60%, #FF5CC8 100%);
  background-size: 300% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Partners commission calculator sliders */
[data-theme="light"] .calc-range { background: rgb(17 17 17 / .1); }
[data-theme="light"] .calc-range::-webkit-slider-thumb {
  background: var(--site-accent);
  border-color: #fff;
  box-shadow: 0 0 0 1px rgb(255 92 200 / .45), 0 0 14px rgb(255 92 200 / .35);
}
[data-theme="light"] .calc-range::-moz-range-thumb {
  background: var(--site-accent);
  border-color: #fff;
  box-shadow: 0 0 14px rgb(255 92 200 / .35);
}
[data-theme="light"] .calc-range:focus-visible { outline-color: rgb(255 92 200 / .6); }

/* Terms / privacy table of contents */
[data-theme="light"] [data-toc-link].is-active {
  color: var(--site-ink);
  background: rgb(255 92 200 / .1);
  border-color: var(--site-accent);
}
[data-theme="light"] [data-toc-link].is-active [data-toc-num] { color: var(--site-accent-ink); }
/* The hero's "Scroll" cue sits on the fade to white, not on the photo */
[data-theme="light"] .hero-scroll { opacity: .85; }
[data-theme="light"] .hero-scroll span { color: rgb(17 17 17 / .6); }
[data-theme="light"] .hero-scroll .scroll-indicator {
  --tw-gradient-from: rgb(17 17 17 / .5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 17 17 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

/* step-card titles carry an inline teal color */
[data-theme="light"] [style*="color: #8DFBF0"] { color: var(--site-accent) !important; }
/* AI-agent capability pills draw their icons in teal */
[data-theme="light"] #ai-agent [stroke="#8DFBF0"] { stroke: var(--site-accent-ink); }
[data-theme="light"] .nav-link::after { background: var(--site-accent); }
[data-theme="light"] .feature-card:hover .absolute.top-4 { color: var(--site-accent-ink); }
[data-theme="light"] details[open].faq-item {
  box-shadow: 0 0 0 1px rgb(255 92 200 / .25), 0 8px 32px rgb(17 17 17 / .08);
}
[data-theme="light"] .egg-btn:not(.keep-dark *) {
  border-color: rgb(17 17 17 / .1);
  background: rgb(17 17 17 / .03);
  color: rgb(17 17 17 / .6);
}
[data-theme="light"] .egg-btn:hover { border-color: rgb(255 92 200 / .4); color: var(--site-accent-ink); }
[data-theme="light"] .site-progress {
  background-image: linear-gradient(90deg, #FF5CC8, #FF9ADD, #FF5CC8) !important;
  box-shadow: 0 0 10px rgb(255 92 200 / .45) !important;
}
[data-theme="light"] #cursor-glow {
  background: radial-gradient(circle, rgb(255 92 200 / .06) 0%, transparent 70%) !important;
}

/* ---------- Tailwind class remaps (generated list, kept flat on purpose) ---------- */

[data-theme="light"] .text-white:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17);
}

[data-theme="light"] .text-white\/20:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/20:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/20:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.48);
}

[data-theme="light"] .text-white\/25:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/25:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/25:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.51);
}

[data-theme="light"] .text-white\/30:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/30:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/30:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.54);
}

[data-theme="light"] .text-white\/35:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/35:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/35:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.58);
}

[data-theme="light"] .text-white\/40:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/40:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/40:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.61);
}

[data-theme="light"] .text-white\/45:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/45:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/45:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.64);
}

[data-theme="light"] .text-white\/50:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/50:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/50:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.68);
}

[data-theme="light"] .text-white\/55:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/55:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/55:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.71);
}

[data-theme="light"] .text-white\/60:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/60:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/60:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.74);
}

[data-theme="light"] .text-white\/65:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/65:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/65:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.77);
}

[data-theme="light"] .text-white\/70:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/70:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/70:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.8);
}

[data-theme="light"] .text-white\/75:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/75:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/75:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.84);
}

[data-theme="light"] .text-white\/80:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/80:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/80:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.87);
}

[data-theme="light"] .text-white\/85:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/85:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/85:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.9);
}

[data-theme="light"] .text-white\/90:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:text-white\/90:hover:not(.keep-dark, .keep-dark *),
[data-theme="light"] .group:hover .group-hover\:text-white\/90:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / 0.94);
}

[data-theme="light"] .\[\&_h2\]\:text-white h2:not(.keep-dark, .keep-dark *),
[data-theme="light"] .\[\&_h3\]\:text-white h3:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17);
}

[data-theme="light"] .text-text-secondary:not(.keep-dark, .keep-dark *) {
  color: rgb(17 17 17 / .65);
}

[data-theme="light"] .bg-stone-950:not(.keep-dark, .keep-dark *),
[data-theme="light"] .bg-background-primary:not(.keep-dark, .keep-dark *) {
  background-color: var(--site-bg);
}

[data-theme="light"] .bg-stone-950\/85:not(.keep-dark, .keep-dark *) {
  background-color: rgb(255 255 255 / .85);
}

[data-theme="light"] .bg-stone-900:not(.keep-dark, .keep-dark *),
[data-theme="light"] .bg-neutral-900:not(.keep-dark, .keep-dark *) {
  background-color: var(--site-card);
}

[data-theme="light"] .bg-stone-900\/95:not(.keep-dark, .keep-dark *) {
  background-color: rgb(255 255 255 / .96);
}

[data-theme="light"] .bg-neutral-900\/40:not(.keep-dark, .keep-dark *),
[data-theme="light"] .open\:bg-neutral-900\/90[open]:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:bg-neutral-900\/80:hover:not(.keep-dark, .keep-dark *) {
  background-color: var(--site-card);
}

[data-theme="light"] .bg-white\/\[0\.02\]:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:bg-white\/\[0\.02\]:hover:not(.keep-dark, .keep-dark *) {
  background-color: rgb(17 17 17 / 0.025);
}

[data-theme="light"] .bg-white\/\[0\.03\]:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:bg-white\/\[0\.03\]:hover:not(.keep-dark, .keep-dark *) {
  background-color: rgb(17 17 17 / 0.03);
}

[data-theme="light"] .bg-white\/\[0\.04\]:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:bg-white\/\[0\.04\]:hover:not(.keep-dark, .keep-dark *) {
  background-color: rgb(17 17 17 / 0.04);
}

[data-theme="light"] .bg-white\/\[0\.05\]:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:bg-white\/\[0\.05\]:hover:not(.keep-dark, .keep-dark *) {
  background-color: rgb(17 17 17 / 0.045);
}

[data-theme="light"] .bg-white\/5:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:bg-white\/5:hover:not(.keep-dark, .keep-dark *) {
  background-color: rgb(17 17 17 / 0.045);
}

[data-theme="light"] .bg-white\/\[0\.06\]:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:bg-white\/\[0\.06\]:hover:not(.keep-dark, .keep-dark *) {
  background-color: rgb(17 17 17 / 0.05);
}

[data-theme="light"] .bg-white\/10:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:bg-white\/10:hover:not(.keep-dark, .keep-dark *) {
  background-color: rgb(17 17 17 / 0.07);
}

[data-theme="light"] .bg-white\/20:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:bg-white\/20:hover:not(.keep-dark, .keep-dark *) {
  background-color: rgb(17 17 17 / 0.1);
}

[data-theme="light"] .bg-black\/20:not(.keep-dark, .keep-dark *) {
  background-color: rgb(17 17 17 / .04);
}

[data-theme="light"] .bg-white\/90:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:bg-white:hover:not(.keep-dark, .keep-dark *) {
  background-color: rgb(17 17 17);
}

[data-theme="light"] .bg-white\/90.text-black:not(.keep-dark, .keep-dark *) {
  color: #fff;
}

[data-theme="light"] .border-white\/10:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:border-white\/10:hover:not(.keep-dark, .keep-dark *) {
  border-color: rgb(17 17 17 / 0.1);
}

[data-theme="light"] .border-white\/15:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:border-white\/15:hover:not(.keep-dark, .keep-dark *) {
  border-color: rgb(17 17 17 / 0.14);
}

[data-theme="light"] .border-white\/20:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:border-white\/20:hover:not(.keep-dark, .keep-dark *) {
  border-color: rgb(17 17 17 / 0.18);
}

[data-theme="light"] .border-neutral-800:not(.keep-dark, .keep-dark *) {
  border-color: rgb(17 17 17 / .1);
}

[data-theme="light"] .ring-white\/5:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:ring-white\/5:hover:not(.keep-dark, .keep-dark *) {
  --tw-ring-color: rgb(17 17 17 / 0.07);
}

[data-theme="light"] .ring-white\/10:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:ring-white\/10:hover:not(.keep-dark, .keep-dark *) {
  --tw-ring-color: rgb(17 17 17 / 0.1);
}

[data-theme="light"] .ring-white\/20:not(.keep-dark, .keep-dark *),
[data-theme="light"] .hover\:ring-white\/20:hover:not(.keep-dark, .keep-dark *) {
  --tw-ring-color: rgb(17 17 17 / 0.16);
}

[data-theme="light"] .from-stone-950:not(.keep-dark, .keep-dark *) {
  --tw-gradient-from: var(--site-bg) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

[data-theme="light"] .to-stone-950:not(.keep-dark, .keep-dark *),
[data-theme="light"] .to-black:not(.keep-dark, .keep-dark *) {
  --tw-gradient-to: var(--site-bg) var(--tw-gradient-to-position);
}

[data-theme="light"] .to-stone-950\/60:not(.keep-dark, .keep-dark *) {
  --tw-gradient-to: rgb(255 255 255 / .6) var(--tw-gradient-to-position);
}

[data-theme="light"] .via-black\/40:not(.keep-dark, .keep-dark *) {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

[data-theme="light"] .via-black\/60:not(.keep-dark, .keep-dark *) {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

[data-theme="light"] .from-white\/50:not(.keep-dark, .keep-dark *) {
  --tw-gradient-from: rgb(17 17 17 / .4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 17 17 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

[data-theme="light"] .via-white\/\[0\.03\]:not(.keep-dark, .keep-dark *) {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(17 17 17 / .02) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

[data-theme="light"] [class*="shadow-[0_"][class*="rgba(0,0,0"]:not(.keep-dark, .keep-dark *) {
  --tw-shadow: 0 24px 60px -28px rgb(17 17 17 / .22) !important;
}

[data-theme="light"] .shadow-xl:not(.keep-dark, .keep-dark *) {
  --tw-shadow: 0 16px 40px -12px rgb(17 17 17 / .18);
}

[data-theme="light"] .text-teal-200,
[data-theme="light"] .hover\:text-teal-200:hover {
  color: var(--site-accent-ink);
}

[data-theme="light"] .text-teal-200\/30,
[data-theme="light"] .hover\:text-teal-200\/30:hover {
  color: rgb(209 32 142 / 0.45);
}

[data-theme="light"] .text-teal-200\/60,
[data-theme="light"] .hover\:text-teal-200\/60:hover {
  color: rgb(209 32 142 / 0.75);
}

[data-theme="light"] .text-teal-200\/70,
[data-theme="light"] .hover\:text-teal-200\/70:hover {
  color: rgb(209 32 142 / 0.8);
}

[data-theme="light"] .text-teal-200\/80,
[data-theme="light"] .hover\:text-teal-200\/80:hover {
  color: rgb(209 32 142 / 0.9);
}

[data-theme="light"] .text-teal-200\/90,
[data-theme="light"] .hover\:text-teal-200\/90:hover {
  color: var(--site-accent-ink);
}

[data-theme="light"] .keep-dark .text-teal-200,
[data-theme="light"] .keep-dark .hover\:text-teal-200:hover {
  color: var(--site-accent);
}

[data-theme="light"] .text-teal-100,
[data-theme="light"] .hover\:text-teal-100:hover,
[data-theme="light"] .\[\&_a\]\:text-teal-200 a,
[data-theme="light"] .hover\:\[\&_a\]\:text-teal-100 a:hover {
  color: var(--site-accent-ink);
}

[data-theme="light"] .bg-teal-200,
[data-theme="light"] .hover\:bg-teal-200:hover,
[data-theme="light"] .peer\/creators:checked ~ .peer-checked\/creators\:bg-teal-200,
[data-theme="light"] .peer\/business:checked ~ .peer-checked\/business\:bg-teal-200 {
  background-color: var(--site-accent);
}

[data-theme="light"] .hover\:bg-teal-100:hover {
  background-color: #FF7DD4;
}

[data-theme="light"] .bg-teal-200\/5 {
  background-color: rgb(255 92 200 / 0.06);
}

[data-theme="light"] .bg-teal-200\/4 {
  background-color: rgb(255 92 200 / 0.05);
}

[data-theme="light"] .bg-teal-200\/10 {
  background-color: rgb(255 92 200 / 0.1);
}

[data-theme="light"] .bg-teal-200\/15 {
  background-color: rgb(255 92 200 / 0.14);
}

[data-theme="light"] .bg-teal-200\/\[0\.07\] {
  background-color: rgb(255 92 200 / 0.09);
}

[data-theme="light"] .border-teal-200,
[data-theme="light"] .hover\:border-teal-200:hover {
  border-color: var(--site-accent);
}

[data-theme="light"] .border-teal-200\/30,
[data-theme="light"] .hover\:border-teal-200\/30:hover,
[data-theme="light"] .open\:border-teal-200\/30[open] {
  border-color: rgb(255 92 200 / 0.35);
}

[data-theme="light"] .border-teal-200\/40,
[data-theme="light"] .hover\:border-teal-200\/40:hover,
[data-theme="light"] .open\:border-teal-200\/40[open] {
  border-color: rgb(255 92 200 / 0.45);
}

[data-theme="light"] .border-teal-200\/60,
[data-theme="light"] .hover\:border-teal-200\/60:hover,
[data-theme="light"] .open\:border-teal-200\/60[open] {
  border-color: rgb(255 92 200 / 0.7);
}

[data-theme="light"] .ring-teal-200\/20,
[data-theme="light"] .hover\:ring-teal-200\/20:hover {
  --tw-ring-color: rgb(255 92 200 / 0.25);
}

[data-theme="light"] .ring-teal-200\/25,
[data-theme="light"] .hover\:ring-teal-200\/25:hover {
  --tw-ring-color: rgb(255 92 200 / 0.3);
}

[data-theme="light"] [class*="shadow-[0_0_"][class*="rgba(141,251,240"]:hover {
  --tw-shadow: 0 0 28px rgb(255 92 200 / .35) !important;
}

[data-theme="light"] .from-teal-200\/\[0\.08\] {
  --tw-gradient-from: rgb(255 92 200 / .09) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 92 200 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}