/* Growlee landing WOW layer — scroll-driven effects inspired by premium SaaS landings.
   Scoped to body.landing-page.landing-wow so partners/contact keep their static rendering.
   DA: black #0b0b0b / white / green #06c167, Maison Neue, flat premium. */

/* Le moteur JS de la landing pilote l'inertie du scroll (molette + ancres) sur
   pointeur fin : les écritures de position par frame doivent rester instantanées,
   sinon le scroll-behavior:smooth global anime chaque frame et casse le lissage.
   Même condition que wowInertiaOn côté JS. */
@media (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html.wow-js { scroll-behavior: auto; }
}

/* ---------------------------------------------------------------------------
   1. Reveal engine (re-enabled on the wow landing only)
   The shared public stylesheet neutralises .reveal/.animate-on-scroll with
   opacity:1 !important — these higher-specificity rules bring motion back,
   but only when JS is live (html.wow-js) and motion is allowed.
--------------------------------------------------------------------------- */
html.wow-js body.landing-page.landing-wow .reveal,
html.wow-js body.landing-page.landing-wow .animate-on-scroll {
  opacity: 0 !important;
  transform: translate3d(0, 46px, 0) scale(.988) !important;
  transition:
    opacity 1s cubic-bezier(.22, 1, .36, 1),
    transform 1s cubic-bezier(.22, 1, .36, 1) !important;
  will-change: opacity, transform;
}

/* Children of key grids cascade in one by one once their section is revealed */
html.wow-js body.landing-page.landing-wow :where(.myli-sector-grid, .conversion-list) > * {
  opacity: 0;
  transform: translate3d(0, 26px, 0);
  transition:
    opacity .85s cubic-bezier(.22, 1, .36, 1),
    transform .85s cubic-bezier(.22, 1, .36, 1);
  transition-delay: calc(var(--ri, 0) * 90ms + 140ms);
}

html.wow-js body.landing-page.landing-wow .in :where(.myli-sector-grid, .conversion-list) > * {
  opacity: 1;
  transform: none;
}

html.wow-js body.landing-page.landing-wow .reveal.in,
html.wow-js body.landing-page.landing-wow .animate-on-scroll.visible,
html.wow-js body.landing-page.landing-wow .animate-on-scroll.in {
  opacity: 1 !important;
  transform: none !important;
}

html.wow-js body.landing-page.landing-wow .delay-1 { transition-delay: .1s !important; }
html.wow-js body.landing-page.landing-wow .delay-2 { transition-delay: .2s !important; }
html.wow-js body.landing-page.landing-wow .delay-3 { transition-delay: .3s !important; }

/* Scroll progress bar in Growlee green */
body.landing-page.landing-wow .scroll-progress {
  height: 3px;
  background: linear-gradient(90deg, var(--public-green), var(--public-green-dark)) !important;
  box-shadow: 0 0 18px rgba(6, 193, 103, .45) !important;
}

/* Header lift once the page scrolls */
body.landing-page.landing-wow.is-scrolled .nav-wrap {
  box-shadow: 0 10px 34px rgba(0, 0, 0, .08);
}

html[data-theme="dark"] body.landing-page.landing-wow.is-scrolled .nav-wrap {
  box-shadow: 0 12px 38px rgba(0, 0, 0, .5);
}

/* ---------------------------------------------------------------------------
   2. Hero — kinetic headline + phone mock + floating proof cards
--------------------------------------------------------------------------- */
body.landing-page.landing-wow .human-hero .hero-grid,
html:not([data-theme="dark"]) body.landing-page.landing-wow .human-hero .hero-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(30px, 4vw, 54px) !important;
  align-items: start !important;
}

/* Centered hero copy, myli-style */
body.landing-page.landing-wow .human-hero .hero-copy {
  max-width: 900px !important;
  justify-self: center !important;
  text-align: center !important;
}

body.landing-page.landing-wow .human-hero h1,
html[data-theme="light"] body.landing-page.landing-wow .human-hero h1,
html[data-theme="dark"] body.landing-page.landing-wow .human-hero h1 {
  max-width: 900px !important;
  margin: 0 auto 20px !important;
  font-size: clamp(44px, 5.4vw, 82px) !important;
  letter-spacing: -.045em !important;
}

body.landing-page.landing-wow .human-hero .reveal > p:not(.hero-proofline) {
  max-width: 640px !important;
  margin: 0 auto 26px !important;
}

body.landing-page.landing-wow .hero .actions {
  justify-content: center !important;
  margin: 0 0 18px !important;
}

body.landing-page.landing-wow .hero-proofline {
  margin: 0 auto !important;
  max-width: 560px !important;
}

/* Key phrase back in Growlee green (a later shared rule paints it near-black) */
body.landing-page.landing-wow .human-hero h1 .grad,
body.landing-page.landing-wow .human-hero h1 .grad .wow-word > span {
  color: var(--public-green-dark) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.landing-page.landing-wow .human-hero h1 .grad,
html[data-theme="dark"] body.landing-page.landing-wow .human-hero h1 .grad .wow-word > span {
  color: var(--public-green) !important;
}

/* Word-by-word headline rise (héros + titres de sections via .wow-kinetic) */
body.landing-page.landing-wow .human-hero h1 .wow-word,
body.landing-page.landing-wow .wow-kinetic .wow-word {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding-bottom: .08em;
  margin-bottom: -.08em;
}

body.landing-page.landing-wow .human-hero h1 .wow-word > span,
body.landing-page.landing-wow .wow-kinetic .wow-word > span {
  display: inline-block;
  transform: translate3d(0, 0, 0);
}

html.wow-js body.landing-page.landing-wow .human-hero h1.wow-words-ready .wow-word > span,
html.wow-js body.landing-page.landing-wow .wow-kinetic.wow-words-ready .wow-word > span {
  animation: wow-word-rise .9s cubic-bezier(.16, 1, .3, 1) both;
  animation-delay: calc(var(--wi, 0) * 70ms);
}

@keyframes wow-word-rise {
  from { transform: translate3d(0, 115%, 0); }
  to { transform: translate3d(0, 0, 0); }
}

/* Hero visual: the merchant admin dashboard, pinned while it straightens */
body.landing-page.landing-wow .wow-hero-stage {
  position: relative;
}

body.landing-page.landing-wow .wow-hero-visual {
  position: relative;
  width: min(1080px, 100%);
  margin: 0 auto;
  perspective: 1500px;
}

body.landing-page.landing-wow .wow-hero-visual {
  transform: translate3d(0, var(--wow-pin-y, 0px), 0);
  will-change: transform;
}

html.wow-js body.landing-page.landing-wow .wow-hero-visual {
  animation: wow-fade-in 1s ease .15s both;
}

@keyframes wow-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (min-width: 961px) and (prefers-reduced-motion: no-preference) {
  html.wow-js body.landing-page.landing-wow .wow-hero-stage {
    padding-bottom: 48vh;
  }
}

body.landing-page.landing-wow .wow-dash {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid var(--public-line);
  border-radius: 18px;
  background: var(--public-card) !important;
  box-shadow:
    0 calc(30px + var(--wow-hero-p, 0) * 26px) calc(70px + var(--wow-hero-p, 0) * 40px) rgba(0, 0, 0, calc(.12 + var(--wow-hero-p, 0) * .06)),
    0 4px 14px rgba(0, 0, 0, .05);
  transform:
    rotateX(calc(16deg - var(--wow-hero-p, 0) * 16deg))
    scale(calc(.9 + var(--wow-hero-p, 0) * .1))
    translate3d(0, calc((1 - var(--wow-hero-p, 0)) * 20px), 0);
  transform-origin: center 18%;
  will-change: transform;
}

body.landing-page.landing-wow .wow-dash-chrome {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--public-line);
  background: var(--public-surface) !important;
}

body.landing-page.landing-wow .wow-dash-chrome span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--public-ink) 14%, var(--public-surface));
}

body.landing-page.landing-wow .wow-dash-chrome i {
  margin: 0 auto;
  padding: 4px 14px;
  border-radius: 8px;
  border: 1px solid var(--public-line);
  background: var(--public-card) !important;
  color: var(--public-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 650;
}

body.landing-page.landing-wow .wow-dash-body {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
}

body.landing-page.landing-wow .wow-dash-side {
  display: grid;
  align-content: start;
  gap: 4px;
  padding: 20px 16px;
  border-right: 1px solid var(--public-line);
  background: var(--public-surface) !important;
  text-align: left;
}

body.landing-page.landing-wow .wow-dash-side small {
  color: var(--public-green-dark);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.landing-page.landing-wow .wow-dash-side > b {
  margin-bottom: 14px;
  color: var(--public-ink);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.02em;
}

body.landing-page.landing-wow .wow-dash-side nav {
  display: grid;
  gap: 4px;
}

body.landing-page.landing-wow .wow-dash-side nav span {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 9px;
  color: var(--public-muted);
  font-size: 12px;
  font-weight: 700;
}

body.landing-page.landing-wow .wow-dash-side nav span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 3px;
  border: 1.5px solid currentColor;
  opacity: .75;
}

body.landing-page.landing-wow .wow-dash-side nav span.is-active {
  background: color-mix(in srgb, var(--public-ink) 7%, var(--public-surface)) !important;
  color: var(--public-ink);
}

body.landing-page.landing-wow .wow-dash-side nav span.is-active::before {
  border-color: var(--public-green-dark);
  background: var(--public-green);
  opacity: 1;
}

body.landing-page.landing-wow .wow-dash-main {
  display: grid;
  gap: 14px;
  padding: 20px 22px 22px;
  text-align: left;
}

body.landing-page.landing-wow .wow-dash-title {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

body.landing-page.landing-wow .wow-dash-title b {
  color: var(--public-ink);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.03em;
}

body.landing-page.landing-wow .wow-dash-title span {
  color: var(--public-muted);
  font-size: 12px;
  font-weight: 650;
}

body.landing-page.landing-wow .wow-dash-cash {
  display: grid;
  place-items: center;
  min-height: 40px;
  border-radius: 10px;
  background: var(--growlee-black) !important;
  color: #ffffff;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: -.01em;
}

body.landing-page.landing-wow .wow-dash-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  transform: translate3d(0, calc(var(--wow-hero-p, 0) * -6px), 0);
}

body.landing-page.landing-wow .wow-dash-kpis > div {
  display: grid;
  gap: 3px;
  padding: 13px 14px;
  border: 1px solid var(--public-line);
  border-radius: 12px;
  background: var(--public-card) !important;
}

body.landing-page.landing-wow .wow-dash-kpis small {
  color: var(--public-muted);
  font-size: 11px;
  font-weight: 700;
}

body.landing-page.landing-wow .wow-dash-kpis b {
  color: var(--public-ink);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
}

body.landing-page.landing-wow .wow-dash-kpis em {
  color: var(--public-green-dark);
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
}

body.landing-page.landing-wow .wow-dash-panels {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 12px;
  transform: translate3d(0, calc(var(--wow-hero-p, 0) * -12px), 0);
}

body.landing-page.landing-wow .wow-dash-chart,
body.landing-page.landing-wow .wow-dash-feed {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--public-line);
  border-radius: 12px;
  background: var(--public-card) !important;
}

body.landing-page.landing-wow .wow-dash-chart > small,
body.landing-page.landing-wow .wow-dash-feed > small {
  color: var(--public-muted);
  font-size: 11px;
  font-weight: 750;
}

body.landing-page.landing-wow .wow-dash-bars {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  height: 92px;
}

body.landing-page.landing-wow .wow-dash-bars i {
  flex: 1;
  height: calc(var(--h, .4) * 100%);
  border-radius: 6px 6px 3px 3px;
  background: color-mix(in srgb, var(--public-green) 82%, var(--public-ink)) !important;
  transform-origin: bottom;
}

body.landing-page.landing-wow .wow-dash-bars i:nth-child(odd) {
  background: color-mix(in srgb, var(--public-green) 26%, var(--public-surface)) !important;
}

html.wow-js body.landing-page.landing-wow .wow-hero-visual .wow-dash-bars i {
  animation: wow-bar-grow .9s cubic-bezier(.16, 1, .3, 1) both;
}

body.landing-page.landing-wow .wow-dash-bars i:nth-child(1) { animation-delay: .30s; }
body.landing-page.landing-wow .wow-dash-bars i:nth-child(2) { animation-delay: .38s; }
body.landing-page.landing-wow .wow-dash-bars i:nth-child(3) { animation-delay: .46s; }
body.landing-page.landing-wow .wow-dash-bars i:nth-child(4) { animation-delay: .54s; }
body.landing-page.landing-wow .wow-dash-bars i:nth-child(5) { animation-delay: .62s; }
body.landing-page.landing-wow .wow-dash-bars i:nth-child(6) { animation-delay: .70s; }
body.landing-page.landing-wow .wow-dash-bars i:nth-child(7) { animation-delay: .78s; }

@keyframes wow-bar-grow {
  from { transform: scaleY(0); }
  to { transform: scaleY(1); }
}

body.landing-page.landing-wow .wow-dash-feed > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

body.landing-page.landing-wow .wow-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--public-green) !important;
  box-shadow: 0 0 0 3px rgba(6, 193, 103, .16);
}

body.landing-page.landing-wow .wow-dash-feed b {
  display: block;
  color: var(--public-ink);
  font-size: 12px;
  font-weight: 750;
}

body.landing-page.landing-wow .wow-dash-feed em {
  display: block;
  color: var(--public-muted);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 600;
}

/* Floating proof cards over the dashboard corners */
body.landing-page.landing-wow .wow-float {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--public-line);
  border-radius: 14px;
  background: var(--public-card) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .14);
  animation: wow-card-float 6s ease-in-out infinite;
}

body.landing-page.landing-wow .wow-float b {
  display: block;
  color: var(--public-ink);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -.01em;
}

body.landing-page.landing-wow .wow-float small {
  display: block;
  color: var(--public-muted);
  font-size: 11px;
  font-weight: 600;
}

body.landing-page.landing-wow .wow-float-review {
  top: -20px;
  left: max(-30px, -2.4vw);
  animation-delay: .8s;
  transform: translate3d(0, calc(var(--wow-hero-p, 0) * -26px), 0);
}

body.landing-page.landing-wow .wow-float-wallet {
  right: max(-34px, -2.6vw);
  top: 34%;
  animation-delay: 1.7s;
  transform: translate3d(0, calc(var(--wow-hero-p, 0) * -46px), 0);
}

body.landing-page.landing-wow .wow-float-gift {
  bottom: -18px;
  left: 6%;
  animation-delay: 2.6s;
  transform: translate3d(0, calc(var(--wow-hero-p, 0) * -60px), 0);
}

@keyframes wow-card-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -9px; }
}

body.landing-page.landing-wow .wow-stars {
  color: #f2a900;
  font-size: 14px;
  letter-spacing: 2px;
}

body.landing-page.landing-wow .wow-wallet-ico {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--growlee-mint) !important;
  color: var(--public-green-dark);
}

body.landing-page.landing-wow .wow-wallet-ico svg {
  width: 18px;
  height: 18px;
}

/* Dark theme for the dashboard mock */
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash {
  border-color: rgba(255, 255, 255, .14);
  background: #141414 !important;
}
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash-chrome,
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash-side {
  border-color: rgba(255, 255, 255, .1);
  background: #101010 !important;
}
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash-chrome i,
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash-kpis > div,
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash-chart,
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash-feed {
  border-color: rgba(255, 255, 255, .1);
  background: #181818 !important;
}
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash-chrome span {
  background: rgba(255, 255, 255, .18);
}
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash-side nav span.is-active {
  background: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash-cash {
  background: var(--public-green) !important;
  color: #06210f;
}
html[data-theme="dark"] body.landing-page.landing-wow .wow-dash-bars i:nth-child(odd) {
  background: rgba(6, 193, 103, .22) !important;
}
html[data-theme="dark"] body.landing-page.landing-wow .wow-wallet-ico {
  background: rgba(6, 193, 103, .16) !important;
  color: var(--public-green);
}

/* Dark theme for the modules stage and crafted scenes */
html[data-theme="dark"] body.landing-page.landing-wow .wow-modules-stage {
  border-color: rgba(255, 255, 255, .12);
  background:
    radial-gradient(circle at 16% 18%, rgba(6, 193, 103, .14), transparent 30%),
    linear-gradient(135deg, #101511 0%, #131313 48%, #0f1712 100%) !important;
  box-shadow: 0 40px 110px rgba(0, 0, 0, .5);
}

html[data-theme="dark"] body.landing-page.landing-wow .wow-module-visual {
  border-color: rgba(255, 255, 255, .14);
}

/* The legacy dark repaint (strong/b -> #f8fafc, span/em -> #cbd5e1 !important)
   must not wash the crafted mockups, which keep light surfaces in dark mode. */
html[data-theme="dark"] body.landing-page.landing-wow .wow-wheel-hub { color: var(--public-green) !important; }
html[data-theme="dark"] body.landing-page.landing-wow .wow-visual-chip strong { color: #0b0b0b !important; }
html[data-theme="dark"] body.landing-page.landing-wow .wow-visual-chip small { color: #5c6660 !important; }
html[data-theme="dark"] body.landing-page.landing-wow .wow-chip-review b { color: #f2a900 !important; }
html[data-theme="dark"] body.landing-page.landing-wow .wow-mini-phone-screen b { color: #0b0b0b !important; }
html[data-theme="dark"] body.landing-page.landing-wow .wow-mini-phone-screen small { color: #5c6660 !important; }
html[data-theme="dark"] body.landing-page.landing-wow .wow-review-cta { color: #052012 !important; }
html[data-theme="dark"] body.landing-page.landing-wow .wow-review-alt { color: #8a938d !important; }
html[data-theme="dark"] body.landing-page.landing-wow .wow-stat b em { color: var(--public-green) !important; }
html[data-theme="dark"] body.landing-page.landing-wow .wow-module-kicker { color: var(--public-green) !important; }
html[data-theme="dark"] body.landing-page.landing-wow .wow-module-tab span { color: var(--public-green) !important; }
html[data-theme="dark"] body.landing-page.landing-wow #parcours .process-card .process-ico { color: var(--public-green) !important; }

/* ---------------------------------------------------------------------------
   3. Marquee — infinite sector ribbon
--------------------------------------------------------------------------- */
body.landing-page.landing-wow .wow-marquee {
  overflow: hidden;
  padding: 18px 0;
  border-bottom: 1px solid var(--public-line);
  background: var(--public-bg);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

body.landing-page.landing-wow .wow-marquee-track {
  display: flex;
  width: max-content;
  animation: wow-marquee-slide 30s linear infinite;
}

body.landing-page.landing-wow .wow-marquee.is-js .wow-marquee-track {
  animation: none !important;
  will-change: transform;
}

body.landing-page.landing-wow .wow-marquee:hover .wow-marquee-track {
  animation-play-state: paused;
}

@keyframes wow-marquee-slide {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

body.landing-page.landing-wow .wow-marquee-list {
  display: flex;
  flex: none;
  min-width: max-content;
  align-items: center;
  gap: 34px;
  margin: 0;
  padding: 0 17px;
  list-style: none;
}

body.landing-page.landing-wow .wow-marquee-list li {
  display: flex;
  align-items: center;
  gap: 34px;
  color: var(--public-muted);
  font-size: 15px;
  font-weight: 750;
  letter-spacing: -.01em;
  white-space: nowrap;
}

body.landing-page.landing-wow .wow-marquee-list li::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--public-green);
}

/* ---------------------------------------------------------------------------
   6. Journey scrollytelling — sticky intro, steps activating on scroll
--------------------------------------------------------------------------- */
body.landing-page.landing-wow .wow-journey-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(36px, 5vw, 84px);
  align-items: start;
}

body.landing-page.landing-wow .wow-journey-intro {
  position: sticky;
  top: 118px;
  display: grid;
  gap: 6px;
}

body.landing-page.landing-wow .wow-journey-intro h2,
body.landing-page.landing-wow .wow-journey-intro .lead {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.landing-page.landing-wow .wow-journey-progress {
  position: relative;
  width: 3px;
  height: 148px;
  margin-top: 22px;
  border-radius: 999px;
  background: var(--public-line);
  overflow: hidden;
}

body.landing-page.landing-wow .wow-journey-progress i {
  position: absolute;
  inset: 0 0 auto;
  display: block;
  height: calc(var(--wow-journey-p, 0) * 100%);
  border-radius: inherit;
  background: linear-gradient(180deg, var(--public-green), var(--public-green-dark)) !important;
}

body.landing-page.landing-wow.landing-wow #parcours .process,
body.landing-page.landing-wow #parcours .process {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.landing-page.landing-wow #parcours .process-card {
  position: relative;
  min-height: 0 !important;
  padding: 30px 30px 30px 96px !important;
  border: 1px solid var(--public-line) !important;
  border-radius: 16px !important;
  background: var(--public-card) !important;
  transition: border-color .45s ease, box-shadow .45s ease, transform .45s cubic-bezier(.16, 1, .3, 1), opacity .45s ease;
  opacity: .45;
  transform: scale(.985);
}

body.landing-page.landing-wow #parcours .process-card + .process-card {
  border-left: 1px solid var(--public-line) !important;
}

body.landing-page.landing-wow #parcours .process-card.is-active {
  opacity: 1;
  transform: scale(1);
  border-color: color-mix(in srgb, var(--public-green) 55%, var(--public-line)) !important;
  box-shadow: 0 26px 60px rgba(6, 193, 103, .12);
}

body.landing-page.landing-wow #parcours .process-card b {
  position: absolute !important;
  top: 26px;
  left: 26px;
  display: grid !important;
  place-items: center;
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  border: 1px solid var(--public-line);
  border-radius: 14px;
  background: var(--public-surface);
  color: var(--public-muted);
  font-size: 15px !important;
  font-weight: 800;
  transition: background .45s ease, color .45s ease, border-color .45s ease;
}

body.landing-page.landing-wow #parcours .process-card.is-active b {
  border-color: transparent !important;
  background: var(--public-green) !important;
  color: #06210f !important;
}

body.landing-page.landing-wow #parcours .process-card .process-ico {
  position: absolute;
  top: 26px;
  right: 26px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--growlee-mint);
  color: var(--public-green-dark);
  opacity: .55;
  transition: opacity .45s ease, background .45s ease, color .45s ease;
}

body.landing-page.landing-wow #parcours .process-card .process-ico svg {
  width: 20px;
  height: 20px;
}

body.landing-page.landing-wow #parcours .process-card.is-active .process-ico {
  opacity: 1;
}

html[data-theme="dark"] body.landing-page.landing-wow #parcours .process-card .process-ico {
  background: rgba(6, 193, 103, .15);
  color: var(--public-green);
}

body.landing-page.landing-wow #parcours .process-card h3 {
  margin: 2px 0 6px;
}

@media (prefers-reduced-motion: no-preference) {
  html.wow-js body.landing-page.landing-wow #parcours .process-card { will-change: transform, opacity; }
}

/* ---------------------------------------------------------------------------
   7. Modules scrollytelling — pinned product panels
--------------------------------------------------------------------------- */
body.landing-page.landing-wow .wow-modules {
  min-height: 260vh;
  padding-top: clamp(86px, 10vw, 140px) !important;
  padding-bottom: clamp(86px, 10vw, 140px) !important;
}

body.landing-page.landing-wow .wow-modules-sticky {
  position: sticky;
  top: 88px;
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: clamp(42px, 6vw, 92px);
  align-items: center;
  min-height: calc(100vh - 112px);
}

body.landing-page.landing-wow .wow-modules-copy {
  display: grid;
  gap: 24px;
  text-align: left;
}

body.landing-page.landing-wow .wow-modules-copy h2,
body.landing-page.landing-wow .wow-modules-copy .lead {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

body.landing-page.landing-wow .wow-module-push-callout {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--public-green) 34%, var(--public-line));
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(6, 193, 103, .13), var(--public-card) 62%) !important;
  box-shadow: 0 16px 36px rgba(6, 193, 103, .10);
}

body.landing-page.landing-wow .wow-module-push-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--public-green);
  color: #052012;
}

body.landing-page.landing-wow .wow-module-push-icon svg {
  width: 21px;
  height: 21px;
}

body.landing-page.landing-wow .wow-module-push-callout strong {
  display: block;
  color: var(--public-ink);
  font-size: 14px;
  font-weight: 860;
  letter-spacing: -.01em;
}

body.landing-page.landing-wow .wow-module-push-callout small {
  display: block;
  margin-top: 2px;
  color: var(--public-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
}

body.landing-page.landing-wow .wow-module-tabs {
  display: grid;
  gap: 10px;
}

body.landing-page.landing-wow .wow-module-tab {
  appearance: none;
  display: grid;
  gap: 6px;
  width: 100%;
  padding: 16px 18px 16px 20px;
  border: 1px solid var(--public-line);
  border-left: 3px solid transparent;
  border-radius: 10px;
  background: var(--public-card);
  color: var(--public-muted);
  text-align: left;
  cursor: pointer;
  opacity: .48;
  transform: translate3d(0, 8px, 0);
  transition:
    transform 220ms cubic-bezier(.23, 1, .32, 1),
    opacity 220ms ease,
    border-color 220ms ease,
    background 220ms ease,
    box-shadow 220ms ease;
}

body.landing-page.landing-wow .wow-module-tab:active {
  transform: scale(.985);
}

body.landing-page.landing-wow .wow-module-tab span {
  color: var(--public-green-dark);
  font-size: 12px;
  font-weight: 860;
  letter-spacing: .02em;
}

body.landing-page.landing-wow .wow-module-tab strong {
  color: var(--public-ink);
  font-size: 15px;
  line-height: 1.35;
}

body.landing-page.landing-wow .wow-module-tab.is-active {
  opacity: 1;
  transform: none;
  border-color: color-mix(in srgb, var(--public-green) 55%, var(--public-line));
  border-left-color: var(--public-green);
  background: linear-gradient(90deg, rgba(6, 193, 103, .10), var(--public-card) 54%) !important;
  box-shadow: 0 18px 44px rgba(6, 193, 103, .11);
}

body.landing-page.landing-wow .wow-modules-stage {
  position: relative;
  min-height: min(680px, calc(100vh - 150px));
  overflow: hidden;
  border: 1px solid var(--public-line);
  border-radius: 22px;
  /* The premium flat guard strips background-image on the landing: keep !important. */
  background:
    radial-gradient(circle at 16% 18%, rgba(6, 193, 103, .16), transparent 30%),
    linear-gradient(135deg, #f7fbf9 0%, #ffffff 48%, #eefaf3 100%) !important;
  box-shadow: 0 40px 110px rgba(0, 0, 0, .10);
  isolation: isolate;
}

body.landing-page.landing-wow .wow-modules-stage::before {
  content: "";
  position: absolute;
  inset: auto -18% -30% 36%;
  height: 54%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(6, 193, 103, .18), transparent 68%) !important;
  pointer-events: none;
}

body.landing-page.landing-wow .wow-module-panel {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(260px, .75fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: center;
  padding: clamp(26px, 4vw, 54px);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 36px, 0) scale(.982);
  transition:
    opacity 360ms ease,
    transform 520ms cubic-bezier(.23, 1, .32, 1);
  will-change: transform, opacity;
}

body.landing-page.landing-wow .wow-module-panel.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

/* Shared crafted product scene: dark-green stage hosting each module mockup */
body.landing-page.landing-wow .wow-module-visual {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 18px;
  min-height: min(480px, calc(100vh - 240px));
  padding: clamp(22px, 4vw, 42px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 20px;
  /* The premium flat guard strips background-image on the landing: keep !important. */
  background:
    radial-gradient(circle at 72% 12%, rgba(6, 193, 103, .34), transparent 32%),
    linear-gradient(145deg, #06140d, #102318 62%, #1c3a29) !important;
  box-shadow: 0 28px 74px rgba(0, 0, 0, .16);
  color: #ffffff;
}

body.landing-page.landing-wow .wow-module-visual::before {
  content: "";
  position: absolute;
  inset: 8% auto auto 9%;
  width: 46%;
  aspect-ratio: 1;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 255, 255, .14), transparent 68%) !important;
  pointer-events: none;
}

/* Elements of the active panel cascade in one after the other */
html.wow-js body.landing-page.landing-wow .wow-module-visual > *,
html.wow-js body.landing-page.landing-wow .wow-module-proof > * {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition:
    opacity .6s cubic-bezier(.22, 1, .36, 1),
    transform .6s cubic-bezier(.22, 1, .36, 1);
}

html.wow-js body.landing-page.landing-wow .wow-module-panel.is-active .wow-module-visual > *,
html.wow-js body.landing-page.landing-wow .wow-module-panel.is-active .wow-module-proof > * {
  opacity: 1;
  transform: none;
}

html.wow-js body.landing-page.landing-wow .wow-module-panel.is-active .wow-module-visual > :nth-child(2),
html.wow-js body.landing-page.landing-wow .wow-module-panel.is-active .wow-module-proof > :nth-child(2) { transition-delay: .08s; }
html.wow-js body.landing-page.landing-wow .wow-module-panel.is-active .wow-module-visual > :nth-child(3),
html.wow-js body.landing-page.landing-wow .wow-module-panel.is-active .wow-module-proof > :nth-child(3) { transition-delay: .16s; }
html.wow-js body.landing-page.landing-wow .wow-module-panel.is-active .wow-module-visual > :nth-child(4),
html.wow-js body.landing-page.landing-wow .wow-module-panel.is-active .wow-module-proof > :nth-child(4) { transition-delay: .24s; }


/* Chips floating over the module scenes */
body.landing-page.landing-wow .wow-visual-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 13px;
  background: rgba(255, 255, 255, .95);
  color: #0b0b0b;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .24);
}

body.landing-page.landing-wow .wow-visual-chip strong {
  display: block;
  color: #0b0b0b;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: -.01em;
}

body.landing-page.landing-wow .wow-visual-chip small {
  display: block;
  color: #5c6660;
  font-size: 10.5px;
  font-weight: 620;
  line-height: 1.3;
}

body.landing-page.landing-wow .wow-chip-review b {
  color: #f2a900;
  font-size: 13px;
  letter-spacing: 1.5px;
}

@media (min-width: 961px) {
  body.landing-page.landing-wow .wow-chip-review { position: absolute; top: 13%; right: 7%; z-index: 2; }
  body.landing-page.landing-wow .wow-chip-feedback { position: absolute; bottom: 11%; left: 7%; z-index: 2; }
  body.landing-page.landing-wow .wow-chip-gain { position: absolute; top: 8%; right: 6%; z-index: 2; }
  body.landing-page.landing-wow .wow-chip-game-push { position: absolute; bottom: 10%; left: 6%; z-index: 2; }
  body.landing-page.landing-wow .wow-chip-wallet { position: absolute; bottom: 12%; right: 8%; z-index: 2; }
}

/* Module 2 — review prompt inside a mini phone */
body.landing-page.landing-wow .wow-mini-phone {
  position: relative;
  width: min(234px, 82%);
  padding: 10px 9px 12px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 26px;
  background: #0b0b0b;
  box-shadow: 0 26px 64px rgba(0, 0, 0, .32);
}

body.landing-page.landing-wow .wow-mini-phone-notch {
  position: absolute;
  top: 6px;
  left: 50%;
  translate: -50% 0;
  width: 46px;
  height: 5px;
  border-radius: 999px;
  background: #2c2c2c;
}

body.landing-page.landing-wow .wow-mini-phone-screen {
  display: grid;
  justify-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 20px 12px 16px;
  border-radius: 18px;
  background: #ffffff;
  text-align: center;
}

body.landing-page.landing-wow .wow-mini-phone-screen small {
  color: #5c6660;
  font-size: 10.5px;
  font-weight: 650;
}

body.landing-page.landing-wow .wow-mini-phone-screen b {
  color: #0b0b0b;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.02em;
}

body.landing-page.landing-wow .wow-review-stars {
  display: flex;
  gap: 5px;
  margin: 4px 0 2px;
}

body.landing-page.landing-wow .wow-review-stars i {
  width: 20px;
  height: 20px;
  background: #f2a900;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

body.landing-page.landing-wow .wow-review-cta {
  width: 100%;
  padding: 9px 10px;
  border-radius: 999px;
  background: var(--public-green);
  color: #052012;
  font-size: 11.5px;
  font-weight: 800;
}

body.landing-page.landing-wow .wow-review-alt {
  color: #8a938d;
  font-size: 10px;
  font-weight: 650;
}

/* Module 1 — reward wheel landing on a win */
body.landing-page.landing-wow .wow-wheel {
  position: relative;
  display: grid;
  place-items: center;
  width: min(236px, 62%);
  aspect-ratio: 1;
}

body.landing-page.landing-wow .wow-wheel-disc {
  width: 100%;
  height: 100%;
  border: 10px solid #ffffff;
  border-radius: 50%;
  background: conic-gradient(
    #06c167 0 45deg, #0b0b0b 45deg 90deg, #f2f7f4 90deg 135deg,
    #06c167 135deg 180deg, #0b0b0b 180deg 225deg, #f2f7f4 225deg 270deg,
    #06c167 270deg 315deg, #0b0b0b 315deg 360deg) !important;
  box-shadow: 0 26px 60px rgba(0, 0, 0, .32), inset 0 0 0 2px rgba(0, 0, 0, .12);
}

html.wow-js body.landing-page.landing-wow .wow-module-panel.is-active .wow-wheel-disc {
  animation: wow-wheel-settle 1.5s cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes wow-wheel-settle {
  from { rotate: -300deg; }
  to { rotate: 0deg; }
}

body.landing-page.landing-wow .wow-wheel-pin {
  position: absolute;
  top: -7px;
  left: 50%;
  z-index: 2;
  translate: -50% 0;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 16px solid #ffffff;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .3));
}

body.landing-page.landing-wow .wow-wheel-hub {
  position: absolute;
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #ffffff;
  color: var(--public-green-dark);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .25);
}

body.landing-page.landing-wow .wow-wheel-hub svg {
  width: 26px;
  height: 26px;
}

body.landing-page.landing-wow .wow-game-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: min(420px, 100%);
  margin-top: 8px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 15px;
  background: rgba(255, 255, 255, .10);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

body.landing-page.landing-wow .wow-game-flow span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 9px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .94);
  color: #0b0b0b;
}

body.landing-page.landing-wow .wow-game-flow b {
  overflow-wrap: anywhere;
  color: #0b0b0b;
  font-size: 11.5px;
  font-weight: 850;
  line-height: 1.15;
}

body.landing-page.landing-wow .wow-game-flow small {
  color: #5c6660;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.25;
}

/* Module 3 — wallet pass with stamps */
body.landing-page.landing-wow .wow-wallet-card {
  display: grid;
  gap: 16px;
  width: min(320px, 92%);
  padding: 20px 22px;
  border: 1px solid #2a2a2a;
  border-radius: 18px;
  background:
    radial-gradient(circle at 84% 14%, rgba(6, 193, 103, .28), transparent 40%),
    #0d0d0d !important;
  box-shadow: 0 28px 64px rgba(0, 0, 0, .36);
  color: #ffffff;
}

body.landing-page.landing-wow .wow-wallet-head {
  display: grid;
  gap: 2px;
}

body.landing-page.landing-wow .wow-wallet-head small {
  color: rgba(255, 255, 255, .62);
  font-size: 10.5px;
  font-weight: 750;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.landing-page.landing-wow .wow-wallet-head b {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
}

body.landing-page.landing-wow .wow-wallet-stamps {
  display: flex;
  gap: 10px;
}

body.landing-page.landing-wow .wow-wallet-stamps i {
  width: 30px;
  height: 30px;
  border: 2px dashed rgba(255, 255, 255, .35);
  border-radius: 50%;
}

body.landing-page.landing-wow .wow-wallet-stamps i.is-on {
  position: relative;
  border: 0;
  background: var(--public-green);
}

body.landing-page.landing-wow .wow-wallet-stamps i.is-on::after {
  content: "✓";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #052012;
  font-size: 14px;
  font-weight: 900;
}

body.landing-page.landing-wow .wow-wallet-foot {
  display: grid;
  gap: 2px;
}

body.landing-page.landing-wow .wow-wallet-foot span {
  color: rgba(255, 255, 255, .66);
  font-size: 11px;
  font-weight: 650;
}

body.landing-page.landing-wow .wow-wallet-foot strong {
  color: var(--public-green);
  font-size: 13px;
  font-weight: 800;
}

body.landing-page.landing-wow .wow-module-proof {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 18px;
  align-content: center;
  justify-items: start;
}

body.landing-page.landing-wow .wow-module-kicker {
  color: var(--public-green-dark);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.landing-page.landing-wow .wow-module-proof h3 {
  max-width: 420px;
  margin: 0;
  color: var(--public-ink);
  font-size: clamp(28px, 2.8vw, 42px);
  line-height: 1.04;
  letter-spacing: -.035em;
}

body.landing-page.landing-wow .wow-module-proof p {
  max-width: 400px;
  margin: 0;
  color: var(--public-muted);
  font-size: 15.5px;
  line-height: 1.6;
}

/* ---------------------------------------------------------------------------
   8. Final CTA glow
--------------------------------------------------------------------------- */
body.landing-page.landing-wow .conversion-card {
  position: relative;
  overflow: hidden;
}

body.landing-page.landing-wow .conversion-card::after {
  content: "";
  position: absolute;
  top: -140px;
  right: -140px;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(6, 193, 103, .22), transparent 68%) !important;
  animation: wow-glow-drift 9s ease-in-out infinite;
  pointer-events: none;
}

@keyframes wow-glow-drift {
  0%, 100% { translate: 0 0; opacity: .8; }
  50% { translate: -34px 26px; opacity: 1; }
}

/* ---------------------------------------------------------------------------
   9. Responsive
--------------------------------------------------------------------------- */
@media (max-width: 960px) {
  body.landing-page.landing-wow .human-hero .hero-grid,
  html:not([data-theme="dark"]) body.landing-page.landing-wow .human-hero .hero-grid {
    grid-template-columns: 1fr !important;
  }

  /* The legacy mobile hero puts the visual first (flex + order) — copy must lead. */
  body.landing-page.landing-wow .human-hero .hero-copy { order: 0 !important; }
  body.landing-page.landing-wow .wow-hero-visual {
    order: 1 !important;
    min-height: 0;
    margin-top: 8px;
  }

  body.landing-page.landing-wow .wow-dash-body {
    grid-template-columns: 1fr;
  }

  body.landing-page.landing-wow .wow-dash-side {
    display: none;
  }

  body.landing-page.landing-wow .wow-dash-panels {
    grid-template-columns: 1fr;
  }

  body.landing-page.landing-wow .wow-float-review { top: -16px; left: 0; }
  body.landing-page.landing-wow .wow-float-wallet { right: 0; top: auto; bottom: 32%; }
  body.landing-page.landing-wow .wow-float-gift { bottom: -14px; left: 4%; }

  body.landing-page.landing-wow .wow-journey-grid {
    grid-template-columns: 1fr;
  }

  body.landing-page.landing-wow .wow-journey-intro {
    position: static;
  }

  body.landing-page.landing-wow .wow-journey-progress {
    display: none;
  }

  body.landing-page.landing-wow .wow-modules {
    min-height: 0;
  }

  body.landing-page.landing-wow .wow-modules-sticky {
    position: static;
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body.landing-page.landing-wow .wow-modules-copy {
    text-align: center;
  }

  body.landing-page.landing-wow .wow-modules-copy h2,
  body.landing-page.landing-wow .wow-modules-copy .lead {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  body.landing-page.landing-wow .wow-module-push-callout {
    width: min(100%, 520px);
    margin: 0 auto;
    text-align: left;
  }

  body.landing-page.landing-wow .wow-module-tabs {
    display: none;
  }

  body.landing-page.landing-wow .wow-modules-stage {
    display: grid;
    gap: 18px;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.landing-page.landing-wow .wow-modules-stage::before {
    display: none;
  }

  body.landing-page.landing-wow .wow-module-panel {
    position: relative;
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 20px;
    border: 1px solid var(--public-line);
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff, #f7fbf9) !important;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  html[data-theme="dark"] body.landing-page.landing-wow .wow-module-panel {
    background: linear-gradient(180deg, #151515, #101410) !important;
  }

  body.landing-page.landing-wow .wow-module-panel .wow-module-visual {
    order: -1;
    min-height: 0;
  }

  body.landing-page.landing-wow .wow-game-flow {
    grid-template-columns: 1fr;
    max-width: 320px;
  }

  /* On mobile the panels stack: every element is visible without scrub */
  html.wow-js body.landing-page.landing-wow .wow-module-visual > *,
  html.wow-js body.landing-page.landing-wow .wow-module-proof > * {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

@media (max-width: 640px) {
  body.landing-page.landing-wow .wow-stat {
    padding: 6px 16px;
  }

  body.landing-page.landing-wow .wow-float {
    padding: 9px 11px;
  }

  body.landing-page.landing-wow .wow-float b { font-size: 12px; }
  body.landing-page.landing-wow .wow-float small { font-size: 10px; }

  body.landing-page.landing-wow #parcours .process-card {
    padding: 24px 20px 24px 84px !important;
  }

  body.landing-page.landing-wow #parcours .process-card b {
    top: 22px;
    left: 20px;
    width: 44px !important;
    height: 44px !important;
  }

  body.landing-page.landing-wow .wow-module-panel {
    padding: 16px;
  }

  body.landing-page.landing-wow .wow-module-proof h3 {
    font-size: 27px;
  }
}

/* ---------------------------------------------------------------------------
   10. Reduced motion — everything readable, nothing moves
--------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  html.wow-js body.landing-page.landing-wow .reveal,
  html.wow-js body.landing-page.landing-wow .animate-on-scroll {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  html.wow-js body.landing-page.landing-wow :where(.myli-sector-grid, .conversion-list) > * {
    opacity: 1;
    transform: none;
    transition: none;
  }

  html.wow-js body.landing-page.landing-wow .human-hero h1.wow-words-ready .wow-word > span,
  html.wow-js body.landing-page.landing-wow .wow-kinetic.wow-words-ready .wow-word > span {
    animation: none !important;
  }

  body.landing-page.landing-wow .wow-marquee-track,
  body.landing-page.landing-wow .wow-dash-bars i,
  body.landing-page.landing-wow .wow-float,
  body.landing-page.landing-wow .conversion-card::after {
    animation: none !important;
  }

  html.wow-js body.landing-page.landing-wow .wow-hero-visual {
    animation: none !important;
  }

  body.landing-page.landing-wow .wow-hero-visual,
  body.landing-page.landing-wow .wow-dash,
  body.landing-page.landing-wow .wow-dash-kpis,
  body.landing-page.landing-wow .wow-dash-panels,
  body.landing-page.landing-wow .wow-float,
  body.landing-page.landing-wow .module-illu {
    transform: none !important;
  }

  body.landing-page.landing-wow #parcours .process-card {
    opacity: 1;
    transform: none;
  }

  body.landing-page.landing-wow .wow-modules {
    min-height: 0;
  }

  body.landing-page.landing-wow .wow-modules-sticky {
    position: static;
    min-height: 0;
  }

  body.landing-page.landing-wow .wow-module-tab,
  body.landing-page.landing-wow .wow-module-panel,
  html.wow-js body.landing-page.landing-wow .wow-module-visual > *,
  html.wow-js body.landing-page.landing-wow .wow-module-proof > * {
    opacity: 1;
    transform: none !important;
    transition: none !important;
  }

  html.wow-js body.landing-page.landing-wow .wow-module-panel.is-active .wow-wheel-disc {
    animation: none !important;
  }

  body.landing-page.landing-wow .wow-module-panel {
    position: relative;
    pointer-events: auto;
  }
}