/* ================================================================
   RAYFLECTIONS V2 — GLASS MIRROR 3D + HOLOGRAM + DAY MODE
   Issue de la veille mai 2026 (Josh Comeau · Apple Liquid Glass · Pi)
   ================================================================ */

/* ====================================================================
   1. MODE JOUR — tokens override
   ==================================================================== */

html[data-theme="day"] {
  --ink-deep:    #F5F2EB;
  --ink-night:   #FAF7F0;
  --ink-elevated:#FFFFFF;
  --ink-line:    rgba(20, 35, 58, 0.10);
  --ink-glass:   rgba(255, 255, 255, 0.65);

  --paper:       #14233A;       /* texte */
  --paper-soft:  rgba(20, 35, 58, 0.78);
  --paper-mute:  rgba(20, 35, 58, 0.54);
  --paper-faint: rgba(20, 35, 58, 0.22);

  --gold:        #B89455;       /* or assombri pour contraste */
  --gold-light:  #C9A96A;
  --gold-warm:   #D8B27A;
  --gold-glow:   rgba(184, 148, 85, 0.18);
  --gold-line:   rgba(184, 148, 85, 0.32);
  --gold-faint:  rgba(184, 148, 85, 0.12);

  --instrument: #5879A8;
  --instrument-soft: rgba(88, 121, 168, 0.18);

  --shadow-card:   0 14px 40px rgba(74, 58, 31, 0.10);
  --shadow-glass:  0 22px 60px rgba(74, 58, 31, 0.14), inset 0 1px 0 rgba(255,255,255,0.6);
  --shadow-cta:    0 12px 30px rgba(184, 148, 85, 0.22);
  --shadow-lift:   0 24px 64px rgba(74, 58, 31, 0.16);
}

/* ====================================================================
   V2.5 — APPLE-LIKE EXPERIENCE PASS
   Objectif : plus de respiration, moins de sur-explication,
   une methode Rayflections lisible comme une experience.
   ==================================================================== */

.hero--apple {
  min-height: 100svh;
  padding-top: clamp(132px, 13vh, 170px);
  padding-bottom: clamp(78px, 10vh, 118px);
}

.hero--apple .hero__bg {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.88) 0%, rgba(7,16,31,0.68) 43%, rgba(7,16,31,0.24) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.10) 0%, rgba(7,16,31,0.88) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-hero-night-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .hero--apple .hero__bg {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.78) 0%, rgba(7,16,31,0.50) 48%, rgba(245,242,235,0.06) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.08) 0%, rgba(7,16,31,0.64) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-hero-day-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

.hero--apple .hero__shell {
  display: grid !important;
  grid-template-columns: minmax(0, 0.98fr) minmax(360px, 0.64fr) !important;
  width: min(1560px, calc(100% - 72px));
  max-width: 1560px;
  min-height: calc(100svh - 240px);
  align-items: center;
  gap: clamp(36px, 5vw, 88px);
}

.hero__copy {
  max-width: 820px;
}

.hero--apple .hero__brand-title {
  font-size: clamp(3.4rem, 8vw, 9.4rem);
  line-height: 0.82;
  color: rgba(247, 243, 234, 0.94) !important;
}

.hero--apple .hero__title {
  max-width: 12.7ch;
  color: #fffaf0 !important;
}

.hero--apple .hero__lead {
  max-width: 52ch;
  color: rgba(255, 250, 240, 0.90) !important;
}

.hero-experience-card {
  position: relative;
  min-height: clamp(470px, 56vh, 640px);
  overflow: hidden;
  border: 1px solid rgba(224, 190, 120, 0.24);
  border-radius: clamp(30px, 4vw, 46px);
  background: rgba(7, 16, 31, 0.48);
  box-shadow: 0 36px 120px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}

.hero-experience-card__media {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.06), rgba(7,16,31,0.44) 50%, rgba(7,16,31,0.94)),
    url("visuals-v2/webp/clean/v2-cockpit-command-panel-natural-night.webp") center/cover no-repeat;
  transform: scale(1.01);
}

html[data-theme="day"] .hero-experience-card__media {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(7,16,31,0.34) 52%, rgba(7,16,31,0.86)),
    url("visuals-v2/webp/clean/v2-cockpit-command-panel-natural-day.webp") center/cover no-repeat;
}

.hero-experience-card__panel {
  position: absolute;
  left: clamp(18px, 3vw, 34px);
  right: clamp(18px, 3vw, 34px);
  bottom: clamp(18px, 3vw, 34px);
  border: 1px solid rgba(224, 190, 120, 0.22);
  border-radius: 30px;
  padding: clamp(22px, 3vw, 34px);
  background: rgba(7, 16, 31, 0.84);
  box-shadow: 0 26px 80px rgba(0,0,0,0.42);
}

.hero-experience-card__panel span {
  display: block;
  margin-bottom: 10px;
  color: var(--gold-light);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.hero-experience-card__panel strong {
  display: block;
  max-width: 10ch;
  color: var(--paper);
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 4.6vw, 5.5rem);
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: -0.05em;
}

.hero-experience-card__panel p {
  max-width: 31rem;
  margin: 16px 0 0;
  color: rgba(247, 240, 226, 0.76);
  font-size: 1rem;
  line-height: 1.55;
}

.method--apple {
  position: relative;
  overflow: hidden;
  padding-top: clamp(92px, 12vw, 160px);
  padding-bottom: clamp(92px, 12vw, 160px);
  background: #07101f;
}

.method--apple .method__bg {
  background:
    radial-gradient(circle at 50% 16%, rgba(224, 190, 120, 0.20), transparent 24%),
    linear-gradient(180deg, rgba(7,16,31,0.74), rgba(7,16,31,0.98)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-night.webp") center 10% / cover no-repeat !important;
  opacity: 0.42;
  filter: none;
}

html[data-theme="day"] .method--apple {
  background: #f7f2e8;
}

html[data-theme="day"] .method--apple .method__bg {
  background:
    radial-gradient(circle at 50% 14%, rgba(184, 148, 85, 0.16), transparent 26%),
    linear-gradient(180deg, rgba(247,242,232,0.80), rgba(247,242,232,0.98)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-day.webp") center 10% / cover no-repeat !important;
  opacity: 0.56;
}

.method-apple__intro {
  max-width: 1050px !important;
  margin: 0 auto clamp(42px, 7vw, 92px) !important;
  text-align: center;
}

.method-apple__intro .t-h1 {
  max-width: 10.5ch;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(4.4rem, 9vw, 10rem);
  line-height: 0.82;
  letter-spacing: -0.065em;
}

.method-apple__intro .t-lead {
  max-width: 760px;
  margin: var(--s-5) auto 0 !important;
  color: rgba(247, 240, 226, 0.78);
  font-size: clamp(1.12rem, 1.55vw, 1.42rem);
  line-height: 1.72;
}

html[data-theme="day"] .method-apple__intro .t-lead {
  color: rgba(20, 35, 58, 0.72);
}

.method-apple {
  display: grid;
  gap: clamp(22px, 3.2vw, 42px);
}

.method-apple__hero-card {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.76fr);
  min-height: clamp(520px, 64vh, 720px);
  overflow: hidden;
  border: 1px solid rgba(224, 190, 120, 0.24);
  border-radius: clamp(34px, 4vw, 56px);
  background: rgba(10, 18, 34, 0.72);
  box-shadow: 0 36px 120px rgba(0,0,0,0.38);
}

.method-apple__visual {
  min-height: 480px;
  background:
    linear-gradient(90deg, rgba(7,16,31,0.08), rgba(7,16,31,0.54)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-night.webp") center/cover no-repeat;
}

.method-apple__hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 5vw, 70px);
}

.method-apple__hero-copy span {
  margin-bottom: var(--s-5);
  color: var(--gold-light);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.method-apple__hero-copy h3 {
  max-width: 10.8ch;
  margin: 0;
  color: var(--paper);
  font-family: var(--font-display);
  font-size: clamp(3.3rem, 5.2vw, 6.4rem);
  font-weight: 500;
  line-height: 0.88;
  letter-spacing: -0.055em;
}

.method-apple__hero-copy p {
  max-width: 34rem;
  margin: var(--s-5) 0 0;
  color: rgba(247, 240, 226, 0.76);
  font-size: clamp(1.02rem, 1.18vw, 1.18rem);
  line-height: 1.72;
}

.method-apple__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}

.method-apple-card {
  overflow: hidden;
  min-height: 500px;
  border: 1px solid rgba(224, 190, 120, 0.22);
  border-radius: clamp(28px, 3vw, 38px);
  background: rgba(10, 18, 34, 0.78);
  box-shadow: 0 24px 80px rgba(0,0,0,0.30);
}

.method-apple-card__media {
  min-height: 230px;
  background: center/cover no-repeat;
}

.method-apple-card--reset .method-apple-card__media {
  background-image: linear-gradient(180deg, rgba(7,16,31,0.02), rgba(7,16,31,0.50)), url("visuals-v2/webp/clean/v2-mental-reset-clear-desk-night.webp");
}

.method-apple-card--mirror .method-apple-card__media {
  background-image: linear-gradient(180deg, rgba(7,16,31,0.02), rgba(7,16,31,0.50)), url("visuals-v2/webp/clean/v2-mirror-lucidity-natural-night.webp");
}

.method-apple-card--vision .method-apple-card__media {
  background-image: linear-gradient(180deg, rgba(7,16,31,0.02), rgba(7,16,31,0.50)), url("visuals-v2/webp/clean/v2-vision-horizon-logbook-night.webp");
}

.method-apple-card--direction .method-apple-card__media {
  background-image: linear-gradient(180deg, rgba(7,16,31,0.02), rgba(7,16,31,0.50)), url("visuals-v2/webp/clean/v2-direction-roadmap-30-60-90-night.webp");
}

.method-apple-card__copy {
  padding: clamp(24px, 3vw, 32px);
}

.method-apple-card__copy span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--s-5);
  border-radius: 50%;
  background: var(--gold-soft);
  color: var(--ink);
  font-weight: 900;
}

.method-apple-card__copy h3 {
  margin: 0 0 var(--s-3);
  color: var(--paper);
  font-family: var(--font-display);
  font-size: clamp(2.35rem, 3vw, 3.4rem);
  font-weight: 500;
  line-height: 0.92;
  letter-spacing: -0.045em;
}

.method-apple-card__copy p {
  margin: 0;
  color: rgba(247, 240, 226, 0.76);
  line-height: 1.58;
}

.method-apple-card__copy strong {
  display: block;
  margin-top: var(--s-5);
  color: rgba(247, 240, 226, 0.92);
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  line-height: 1.42;
  text-transform: uppercase;
}

html[data-theme="day"] .method-apple__hero-card,
html[data-theme="day"] .method-apple-card {
  background: rgba(255, 252, 246, 0.86);
  border-color: rgba(184, 148, 85, 0.28);
  box-shadow: 0 24px 80px rgba(20, 35, 58, 0.12);
}

html[data-theme="day"] .method-apple__visual {
  background:
    linear-gradient(90deg, rgba(247,242,232,0.02), rgba(247,242,232,0.52)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-day.webp") center/cover no-repeat;
}

html[data-theme="day"] .method-apple__hero-copy h3,
html[data-theme="day"] .method-apple-card__copy h3,
html[data-theme="day"] .method-apple-card__copy strong {
  color: var(--ink);
}

html[data-theme="day"] .method-apple__hero-copy p,
html[data-theme="day"] .method-apple-card__copy p {
  color: rgba(20, 35, 58, 0.74);
}

html[data-theme="day"] .method-apple-card--reset .method-apple-card__media {
  background-image: linear-gradient(180deg, rgba(247,242,232,0.02), rgba(247,242,232,0.34)), url("visuals-v2/webp/clean/v2-mental-reset-clear-desk-morning.webp");
}

html[data-theme="day"] .method-apple-card--mirror .method-apple-card__media {
  background-image: linear-gradient(180deg, rgba(247,242,232,0.02), rgba(247,242,232,0.34)), url("visuals-v2/webp/clean/v2-mirror-lucidity-natural-day.webp");
}

html[data-theme="day"] .method-apple-card--vision .method-apple-card__media {
  background-image: linear-gradient(180deg, rgba(247,242,232,0.02), rgba(247,242,232,0.34)), url("visuals-v2/webp/clean/v2-vision-horizon-logbook-day.webp");
}

html[data-theme="day"] .method-apple-card--direction .method-apple-card__media {
  background-image: linear-gradient(180deg, rgba(247,242,232,0.02), rgba(247,242,232,0.34)), url("visuals-v2/webp/clean/v2-direction-roadmap-30-60-90-day.webp");
}

@media (max-width: 1180px) {
  .hero--apple .hero__shell,
  .method-apple__hero-card {
    grid-template-columns: 1fr !important;
  }

  .hero-experience-card {
    min-height: 520px;
  }

  .method-apple__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .hero--apple .hero__shell {
    width: min(100%, calc(100vw - 38px));
    max-width: calc(100vw - 38px);
  }

  .hero-experience-card {
    min-height: 430px;
    border-radius: 30px;
  }

  .hero-experience-card__panel strong {
    font-size: clamp(2.4rem, 12vw, 3.7rem);
  }

  .method-apple__intro .t-h1 {
    font-size: clamp(3.25rem, 15vw, 5.1rem);
  }

  .method-apple__hero-card {
    min-height: auto;
  }

  .method-apple__visual {
    min-height: 360px;
  }

  .method-apple__cards {
    grid-template-columns: 1fr;
  }
}

/* Premium launch pass - Methode Rayflections as a client-facing verification sequence */
.method-premium {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, 0.84fr) minmax(460px, 1.16fr);
  gap: clamp(22px, 3vw, 36px);
  align-items: stretch;
  margin-top: var(--s-10);
}

.method-premium::before {
  content: "";
  position: absolute;
  inset: -28px;
  z-index: -1;
  border-radius: 44px;
  background:
    radial-gradient(circle at 34% 40%, rgba(224, 190, 120, 0.22), transparent 28%),
    linear-gradient(135deg, rgba(7, 16, 31, 0.52), rgba(7, 16, 31, 0.86));
  filter: blur(0.2px);
}

.method-premium__stage,
.method-premium__step {
  position: relative;
  border: 1px solid rgba(224, 190, 120, 0.26);
  border-radius: var(--r-4);
  background:
    linear-gradient(145deg, rgba(9, 18, 33, 0.88), rgba(20, 28, 43, 0.74));
  box-shadow: 0 28px 74px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(22px);
}

.method-premium__stage {
  min-height: 660px;
  padding: clamp(28px, 4vw, 48px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  isolation: isolate;
}

.method-premium__stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.14), rgba(7, 16, 31, 0.86)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-night.webp") center/cover no-repeat;
  opacity: 0.72;
}

.method-premium__stage > * {
  position: relative;
  z-index: 1;
}

.method-premium__stage h3 {
  max-width: 11ch;
  margin: 26px 0 0;
  color: var(--paper);
  font-family: var(--font-display);
  font-size: clamp(3.1rem, 5.8vw, 6.6rem);
  font-weight: 600;
  line-height: 0.88;
  letter-spacing: -0.055em;
}

.method-premium__stage p {
  max-width: 38rem;
  margin: var(--s-6) 0 0;
  color: rgba(247, 240, 226, 0.80);
  font-size: clamp(1.02rem, 1.2vw, 1.17rem);
  line-height: 1.72;
}

.method-premium__compass {
  position: relative;
  width: min(100%, 360px);
  aspect-ratio: 1;
  margin-top: var(--s-9);
  border: 1px solid rgba(224, 190, 120, 0.30);
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(224, 190, 120, 0.20), transparent 32%),
    radial-gradient(circle at center, transparent 58%, rgba(224, 190, 120, 0.16) 59%, transparent 61%);
}

.method-premium__compass::before,
.method-premium__compass::after {
  content: "";
  position: absolute;
  inset: 18%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent 48%, rgba(224, 190, 120, 0.88) 50%, transparent 52%);
}

.method-premium__compass::after {
  transform: rotate(90deg);
}

.method-premium__compass span {
  position: absolute;
  color: rgba(247, 240, 226, 0.78);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.method-premium__compass span:nth-child(1) {
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}

.method-premium__compass span:nth-child(2) {
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
}

.method-premium__compass span:nth-child(3) {
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
}

.method-premium__compass span:nth-child(4) {
  top: 50%;
  left: 7%;
  transform: translateY(-50%);
}

.method-premium__flow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 22px);
}

.method-premium__step {
  min-height: 318px;
  padding: clamp(22px, 3vw, 32px);
}

.method-premium__step > span {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--gold-soft);
  color: var(--ink);
  font-weight: 900;
}

.method-premium__axis {
  margin: var(--s-4) 0 var(--s-2);
  color: rgba(224, 190, 120, 0.82);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.method-premium__step h3 {
  margin: 0;
  color: var(--paper);
  font-family: var(--font-display);
  font-size: clamp(2.35rem, 3.2vw, 3.55rem);
  line-height: 0.94;
  letter-spacing: -0.045em;
}

.method-premium__question {
  margin: var(--s-3) 0 var(--s-3);
  color: rgba(224, 190, 120, 0.88);
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 1.6vw, 1.55rem);
  font-style: italic;
  line-height: 1.24;
}

.method-premium__step p:not(.method-premium__axis):not(.method-premium__question) {
  color: rgba(247, 240, 226, 0.76);
  font-size: 0.98rem;
  line-height: 1.64;
}

.method-premium__step strong {
  display: block;
  margin-top: var(--s-5);
  color: var(--paper);
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html[data-theme="day"] .method-premium::before {
  background:
    radial-gradient(circle at 34% 40%, rgba(188, 150, 76, 0.20), transparent 28%),
    linear-gradient(135deg, rgba(248, 244, 236, 0.62), rgba(248, 244, 236, 0.88));
}

html[data-theme="day"] .method-premium__stage,
html[data-theme="day"] .method-premium__step {
  background:
    linear-gradient(145deg, rgba(255, 252, 246, 0.88), rgba(247, 240, 226, 0.76));
  border-color: rgba(188, 150, 76, 0.34);
  box-shadow: 0 24px 70px rgba(17, 31, 52, 0.16);
}

html[data-theme="day"] .method-premium__stage::before {
  background:
    linear-gradient(180deg, rgba(248, 244, 236, 0.28), rgba(248, 244, 236, 0.86)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-day.webp") center/cover no-repeat;
  opacity: 0.70;
}

html[data-theme="day"] .method-premium__stage h3,
html[data-theme="day"] .method-premium__step h3,
html[data-theme="day"] .method-premium__step strong {
  color: var(--ink);
}

html[data-theme="day"] .method-premium__stage p,
html[data-theme="day"] .method-premium__step p:not(.method-premium__axis):not(.method-premium__question) {
  color: rgba(18, 31, 49, 0.78);
}

html[data-theme="day"] .method-premium__compass {
  background:
    radial-gradient(circle at center, rgba(188, 150, 76, 0.20), transparent 32%),
    radial-gradient(circle at center, transparent 58%, rgba(188, 150, 76, 0.22) 59%, transparent 61%);
}

html[data-theme="day"] .method-premium__compass span {
  color: rgba(18, 31, 49, 0.74);
}

@media (max-width: 1080px) {
  .method-premium {
    grid-template-columns: 1fr;
  }

  .method-premium__stage {
    min-height: 520px;
  }
}

@media (max-width: 720px) {
  .method-premium {
    margin-top: var(--s-7);
  }

  .method-premium__flow {
    grid-template-columns: 1fr;
  }

  .method-premium__stage {
    min-height: 520px;
  }

  .method-premium__stage h3 {
    max-width: 12ch;
    font-size: clamp(3.1rem, 15vw, 4.5rem);
  }

  .method-premium__compass {
    width: min(100%, 280px);
  }
}

/* Body bascule en jour */
html[data-theme="day"] body {
  background: var(--ink-deep);
  color: var(--paper);
}

/* Hero day mode : fond plus clair */
html[data-theme="day"] .hero {
  background:
    radial-gradient(ellipse 70% 50% at 70% 30%, rgba(184, 148, 85, 0.12), transparent 60%),
    linear-gradient(180deg, #FAF7F0 0%, #F5F2EB 100%);
}
/* Doublon supprimé — la règle hero__bg day mode est définie dans v2-home.css (sans filtre, avec hero-day.png) */

/* Sections day mode */
html[data-theme="day"] .nav__inner {
  background: rgba(255, 251, 245, 0.78);
  border-color: rgba(184, 148, 85, 0.20);
}
html[data-theme="day"] .nav.scrolled .nav__inner {
  background: rgba(255, 251, 245, 0.92);
}

/* Body switch animation */
html, body { transition: background 0.5s cubic-bezier(0.22, 1, 0.36, 1), color 0.5s; }

/* ====================================================================
   2. THEME TOGGLE BUTTON
   ==================================================================== */

.theme-toggle {
  width: 40px; height: 40px;
  border-radius: 999px;
  background: rgba(15, 26, 46, 0.7);
  border: 1px solid var(--gold-line);
  color: var(--gold);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--s-3);
  transition: background var(--t-base), transform var(--t-base);
  position: relative;
  overflow: hidden;
}
.theme-toggle:hover {
  background: var(--gold);
  color: var(--ink-deep);
  transform: scale(1.05);
}
.theme-toggle__icon {
  width: 18px; height: 18px;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s;
}
.theme-toggle__icon--moon { display: block; }
.theme-toggle__icon--sun  { display: none; }
html[data-theme="day"] .theme-toggle__icon--moon { display: none; }
html[data-theme="day"] .theme-toggle__icon--sun  { display: block; }
html[data-theme="day"] .theme-toggle {
  background: rgba(255, 251, 245, 0.85);
  border-color: var(--gold-line);
  color: var(--gold);
}

/* ====================================================================
   3. GLASS MIRROR 3D — surface + reflet or + bord miroir bas
   ==================================================================== */

.glass-mirror {
  position: relative;
  background: linear-gradient(135deg,
    rgba(245, 242, 235, 0.06) 0%,
    rgba(216, 178, 122, 0.04) 100%);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(245, 242, 235, 0.12);
  border-radius: 24px;
  box-shadow:
    inset 0 1px 0 rgba(245, 242, 235, 0.18),
    inset 0 -1px 0 rgba(0, 0, 0, 0.20),
    0 22px 60px rgba(7, 16, 31, 0.40);
  isolation: isolate;
}

/* Reflet or qui suit la souris (combiné avec --mx --my de mouse-glow) */
.glass-mirror::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg,
    rgba(216, 178, 122, 0.30),
    transparent 40%,
    rgba(216, 178, 122, 0.15));
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
  opacity: 0.85;
}

/* Reflet miroir bas (effet 3D depth) */
.glass-mirror::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 32%;
  backdrop-filter: blur(8px) brightness(1.15);
  -webkit-backdrop-filter: blur(8px) brightness(1.15);
  -webkit-mask-image: linear-gradient(to top, black 30%, transparent);
          mask-image: linear-gradient(to top, black 30%, transparent);
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}

/* Day mode override */
html[data-theme="day"] .glass-mirror {
  background: linear-gradient(135deg,
    rgba(255, 255, 255, 0.55) 0%,
    rgba(184, 148, 85, 0.08) 100%);
  border-color: rgba(184, 148, 85, 0.20);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    inset 0 -1px 0 rgba(74, 58, 31, 0.05),
    0 18px 50px rgba(74, 58, 31, 0.14);
}

/* ====================================================================
   4. HOLOGRAMME LISA — silhouette + halo conic + scan-lines + flottement
   ==================================================================== */

.holo-card {
  position: relative;
  aspect-ratio: 3 / 4;
  width: min(100%, 260px);   /* réduit encore : 600 → 320 → 260 px */
  margin-left: auto;
  border-radius: 28px;
  overflow: hidden;
  isolation: isolate;
  background: var(--ink-deep);
  border: 1px solid rgba(216, 178, 122, 0.32);
  box-shadow:
    0 30px 70px rgba(7, 16, 31, 0.55),
    inset 0 1px 0 rgba(216, 178, 122, 0.20);
  /* Apparition/disparition cyclique + flottement */
  animation:
    holo-float 4s ease-in-out infinite,
    holo-pulse 14s ease-in-out infinite;
}

@keyframes holo-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}

/* Apparition/disparition : Lisa fade in/out cyclique pour donner vie */
@keyframes holo-pulse {
  0%, 100% { opacity: 1; filter: none; }
  45%      { opacity: 1; filter: none; }
  50%      { opacity: 0.35; filter: blur(2px); }
  55%      { opacity: 1; filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  .holo-card { animation: none; }
}

/* Photo Lisa en background */
.holo-card__portrait {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("../img/lisa-portrait.jpg");
  background-size: cover;
  background-position: center 22%;
  filter: saturate(0.78) contrast(1.05);
}

/* Halo holographique conic (couches couleurs gold/violet/bleu) */
.holo-card__halo {
  position: absolute;
  inset: -25%;
  background: conic-gradient(from 0deg,
    rgba(216, 178, 122, 0.55) 0deg,
    rgba(139, 123, 191, 0.32) 90deg,
    rgba(107, 138, 181, 0.42) 180deg,
    rgba(216, 178, 122, 0.55) 360deg);
  mix-blend-mode: color-dodge;
  filter: blur(50px);
  animation:
    halo-rotate 12s linear infinite,
    halo-speak 2.4s ease-in-out infinite;   /* pulse "elle parle" */
  z-index: 1;
  pointer-events: none;
  opacity: 0.65;
}
@keyframes halo-speak {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  35%      { opacity: 0.85; transform: scale(1.04); }
  60%      { opacity: 0.50; transform: scale(0.98); }
}

/* Cercle audio waveform sous Lisa pour suggérer la parole */
.holo-card__voice {
  position: absolute;
  bottom: 92px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 24px;
  pointer-events: none;
}
.holo-card__voice span {
  display: block;
  width: 2px;
  background: var(--gold-light);
  border-radius: 2px;
  box-shadow: 0 0 8px var(--gold);
  animation: voice-wave 1.2s ease-in-out infinite;
}
.holo-card__voice span:nth-child(1) { animation-delay: 0s;    height: 8px; }
.holo-card__voice span:nth-child(2) { animation-delay: 0.10s; height: 14px; }
.holo-card__voice span:nth-child(3) { animation-delay: 0.20s; height: 20px; }
.holo-card__voice span:nth-child(4) { animation-delay: 0.15s; height: 16px; }
.holo-card__voice span:nth-child(5) { animation-delay: 0.30s; height: 22px; }
.holo-card__voice span:nth-child(6) { animation-delay: 0.05s; height: 12px; }
.holo-card__voice span:nth-child(7) { animation-delay: 0.25s; height: 18px; }
@keyframes voice-wave {
  0%, 100% { transform: scaleY(0.4); opacity: 0.4; }
  50%      { transform: scaleY(1);   opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .holo-card__halo { animation: halo-rotate 24s linear infinite; }
  .holo-card__voice span { animation: none; opacity: 0.5; }
  .holo-card { animation: none; }
}
@keyframes halo-rotate {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .holo-card__halo { animation: none; }
}

/* Scan-lines (effet hologramme) */
.holo-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg,
    transparent 0px, transparent 3px,
    rgba(216, 178, 122, 0.06) 3px, rgba(216, 178, 122, 0.06) 4px);
  z-index: 2;
  pointer-events: none;
  animation: scan-drift 6s linear infinite;
  mix-blend-mode: overlay;
}
@keyframes scan-drift {
  0%   { background-position: 0 0; }
  100% { background-position: 0 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .holo-card::before { animation: none; }
}

/* Vignette dark vers le bas pour intégrer la carte CTA */
.holo-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(180deg,
    rgba(7, 16, 31, 0.10) 0%,
    rgba(7, 16, 31, 0.30) 50%,
    rgba(7, 16, 31, 0.85) 100%);
  pointer-events: none;
}

/* Texte d'intro Lisa (intro greeting) */
.holo-card__greeting {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  z-index: 4;
  pointer-events: none;
}
.holo-card__greeting-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(7, 16, 31, 0.55);
  border: 1px solid var(--gold-line);
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold-light);
  font-weight: 600;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.holo-card__greeting-tag::before {
  content: "";
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--gold-light);
  box-shadow: 0 0 10px var(--gold-light);
  animation: pulse 1.6s ease-in-out infinite;
}
.holo-card__greeting-name {
  margin-top: 12px;
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.6rem;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

/* Carte CTA glass au bas de l'hologramme */
.holo-card__cta {
  position: absolute;
  left: 16px; right: 16px; bottom: 16px;
  z-index: 5;
  padding: 16px 18px;
  border-radius: 18px;
  /* glass mirror inline */
  background:
    linear-gradient(135deg, rgba(245, 242, 235, 0.10) 0%, rgba(216, 178, 122, 0.06) 100%);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(245, 242, 235, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(245, 242, 235, 0.20),
    0 14px 30px rgba(7, 16, 31, 0.40);
  display: grid;
  gap: 10px;
}
.holo-card__cta-quote {
  font-family: var(--serif);
  font-style: italic;
  font-size: 0.95rem;
  line-height: 1.4;
  color: #fff;
  margin: 0;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}
.holo-card__cta-quote em { color: var(--gold-light); font-style: italic; }
.holo-card__cta-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--gold-light);
  text-decoration: none;
  transition: gap var(--t-base);
}
.holo-card__cta-link:hover { gap: 12px; }
.holo-card__cta-link::after { content: "→"; }

/* ====================================================================
   5. STAT CARD — pour section "Vrai problème"
   ==================================================================== */

.stat-block {
  position: relative;
  padding: var(--s-12) var(--s-10);
  border-radius: 32px;
  text-align: center;
  /* glass mirror appliqué */
  background:
    linear-gradient(135deg, rgba(245, 242, 235, 0.06) 0%, rgba(216, 178, 122, 0.04) 100%);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(216, 178, 122, 0.20);
  box-shadow:
    inset 0 1px 0 rgba(245, 242, 235, 0.18),
    0 22px 60px rgba(7, 16, 31, 0.45);
  isolation: isolate;
  overflow: hidden;
}
.stat-block::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(ellipse 60% 60% at 50% 0%, var(--gold-glow), transparent 65%);
  pointer-events: none;
  z-index: -1;
}

.stat-block__num {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(5rem, 14vw, 9rem);
  line-height: 0.85;
  letter-spacing: -0.04em;
  background: linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-warm));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 20px var(--gold-glow));
  margin: 0;
  display: inline-block;
}
.stat-block__num small {
  font-size: 0.4em;
  vertical-align: super;
  font-style: normal;
  margin-left: 4px;
}
.stat-block__title {
  font-family: var(--serif);
  font-size: clamp(1.4rem, 1rem + 1.5vw, 2.2rem);
  line-height: 1.25;
  margin: var(--s-3) auto var(--s-5);
  max-width: 28ch;
  color: var(--paper);
}
.stat-block__title em { font-style: italic; color: var(--gold-light); }
.stat-block__source {
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--paper-mute);
}
.stat-block__source a { color: var(--gold); text-decoration: none; }

/* ====================================================================
   6. FOUNDER QUOTE CARD — message de Koffi sous la stat
   ==================================================================== */

.founder-card {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: var(--s-6);
  align-items: center;
  padding: var(--s-7) var(--s-8);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(245, 242, 235, 0.05), rgba(7, 16, 31, 0.85));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--gold-faint);
  box-shadow: 0 18px 40px rgba(7, 16, 31, 0.4);
  max-width: 760px;
  margin: 0 auto;
}

/* Mode jour : fond ivoire + texte bleu nuit pour lisibilité */
html[data-theme="day"] .founder-card {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.85), rgba(255, 251, 245, 0.75));
  border: 1px solid rgba(184, 148, 85, 0.32);
  box-shadow: 0 18px 40px rgba(74, 58, 31, 0.14);
}
html[data-theme="day"] .founder-card__quote { color: #14233A; }
html[data-theme="day"] .founder-card__quote em { color: #B89455; }
html[data-theme="day"] .founder-card__quote::before { color: rgba(184, 148, 85, 0.55); }
html[data-theme="day"] .founder-card__sig { color: #B89455; }
@media (max-width: 700px) {
  .founder-card { grid-template-columns: 1fr; text-align: center; padding: var(--s-6); }
}

.founder-card__avatar {
  width: 140px; height: 140px;
  border-radius: 50%;
  background: var(--founder-img) center/cover no-repeat, var(--ink-elevated);
  border: 3px solid var(--gold);
  box-shadow: 0 0 0 8px rgba(216, 178, 122, 0.12), 0 14px 36px rgba(0, 0, 0, 0.45);
  margin: 0 auto;
}

.founder-card__quote {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.15rem;
  line-height: 1.5;
  color: var(--paper);
  margin: 0;
  position: relative;
}
.founder-card__quote em {
  color: var(--gold-light);
  font-style: italic;
}
.founder-card__quote::before {
  content: "“";
  position: absolute;
  left: -8px; top: -16px;
  font-family: var(--serif);
  color: var(--gold);
  font-size: 2.4rem;
  line-height: 1;
  opacity: 0.5;
}
.founder-card__sig {
  margin-top: var(--s-3);
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 600;
}

/* ====================================================================
   6.5. SECTION CONSTAT (stat + fondateur)
   ==================================================================== */

.constat {
  position: relative;
  padding: var(--section-y) var(--gutter);
  isolation: isolate;
  overflow: hidden;
}
.constat__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.85) 0%, rgba(7, 16, 31, 0.92) 60%, rgba(7, 16, 31, 0.98) 100%),
    url("../img/silhouette-horizon.jpg") center/cover no-repeat;
  filter: saturate(0.7);
}
html[data-theme="day"] .constat__bg {
  background:
    linear-gradient(180deg, rgba(245, 242, 235, 0.85) 0%, rgba(250, 247, 240, 0.92) 60%, rgba(245, 242, 235, 0.98) 100%),
    url("../img/silhouette-horizon.jpg") center/cover no-repeat;
}
.constat__shell {
  width: var(--shell);
  margin-inline: auto;
  max-width: 1080px;
  display: grid;
  gap: var(--s-12);
}

/* ====================================================================
   6.6. CHECKPOINT V2 — 2 offres glass-mirror
   ==================================================================== */

.cp-offers {
  display: grid;
  gap: var(--s-4);
}
@media (min-width: 700px) and (max-width: 980px) {
  .cp-offers { grid-template-columns: 1fr 1fr; }
}

.cp-offer {
  position: relative;
  padding: var(--s-8) var(--s-7);
  border-radius: 24px;
  display: grid;
  gap: var(--s-3);
  isolation: isolate;
}
.cp-offer__pretitle {
  font-size: 0.7rem;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.cp-offer__title {
  font-family: var(--serif);
  font-size: 1.6rem;
  line-height: 1.05;
  color: var(--paper);
  margin: 0;
  position: relative;
  z-index: 2;
}
.cp-offer__title em { color: var(--gold-light); font-style: italic; }
.cp-offer__price {
  display: flex;
  align-items: baseline;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.cp-offer__price-label {
  font-size: 0.78rem;
  color: var(--paper-mute);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.cp-offer__price-value {
  font-family: var(--serif);
  font-style: italic;
  color: var(--gold);
  font-size: 2rem;
  line-height: 1;
}
.cp-offer__lead {
  color: var(--paper-soft);
  font-size: 0.95rem;
  margin: 0;
  position: relative;
  z-index: 2;
}
.cp-offer--premium {
  border-color: var(--gold) !important;
  box-shadow:
    inset 0 1px 0 rgba(245, 242, 235, 0.20),
    0 0 0 1px rgba(216, 178, 122, 0.4),
    0 26px 64px rgba(7, 16, 31, 0.55) !important;
}
.cp-offer__badge {
  position: absolute;
  top: 16px; right: 16px;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--gold);
  color: var(--ink-deep);
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 4;
}

/* ====================================================================
   6.7. MC-CARD STATS (chiffres logbooks)
   ==================================================================== */

.mc-card__stats {
  list-style: none;
  margin: var(--s-3) 0 0;
  padding: var(--s-3) 0;
  border-top: 1px dashed rgba(255,255,255,0.07);
  border-bottom: 1px dashed rgba(255,255,255,0.07);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 6px;
  font-size: 0.78rem;
  color: var(--paper-mute);
}
.mc-card__stats li { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; }
.mc-card__stats strong {
  font-family: var(--serif);
  font-style: italic;
  color: var(--gold);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1;
}

/* ====================================================================
   6.8. FORMULAS — 3 cartes (Classique · Premium · Digital "bientôt")
   ==================================================================== */

.formulas { margin-top: var(--s-12); }
.formulas__title {
  font-family: var(--serif);
  font-size: var(--t-h2);
  text-align: center;
  margin: var(--s-3) auto var(--s-8);
  max-width: 18ch;
}
.formulas__title em { color: var(--gold-light); font-style: italic; }

.formulas__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s-4);
}
@media (max-width: 880px) {
  .formulas__grid { grid-template-columns: 1fr; }
}

.formula {
  position: relative;
  padding: var(--s-7) var(--s-6);
  border-radius: 22px;
  display: grid;
  gap: 10px;
  isolation: isolate;
}
.formula__pretitle {
  position: relative;
  z-index: 2;
  font-size: 0.7rem;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
}
.formula__title {
  position: relative;
  z-index: 2;
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.6rem;
  color: var(--paper);
  margin: 0;
}
.formula__desc {
  position: relative;
  z-index: 2;
  color: var(--paper-soft);
  font-size: 0.92rem;
  line-height: 1.55;
  margin: 0;
}
.formula__price {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding-top: var(--s-3);
  border-top: 1px dashed rgba(255,255,255,0.07);
  margin-top: var(--s-3);
}
.formula__price-label {
  font-size: 0.78rem;
  color: var(--paper-mute);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.formula__price-value {
  font-family: var(--serif);
  font-style: italic;
  color: var(--gold);
  font-size: 1.4rem;
}

.formula--premium {
  border-color: var(--gold) !important;
  box-shadow:
    inset 0 1px 0 rgba(245, 242, 235, 0.18),
    0 0 0 1px rgba(216, 178, 122, 0.32),
    0 26px 60px rgba(7, 16, 31, 0.55) !important;
}
.formula--soon {
  opacity: 0.78;
}
.formula__badge {
  position: absolute;
  top: 14px; right: 14px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--gold);
  color: var(--ink-deep);
  font-size: 0.65rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 700;
  z-index: 4;
}
.formula__badge--soon {
  background: rgba(107, 138, 181, 0.18);
  color: var(--instrument);
  border: 1px solid var(--instrument);
}

/* ====================================================================
   6.9. CHECKPOINT BG + CARROUSEL CODEX (cas Malik)
   ==================================================================== */

.checkpoint {
  position: relative;
  isolation: isolate;
}
.checkpoint__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.92) 0%, rgba(11,19,32,0.85) 50%, rgba(7,16,31,0.96) 100%),
    url("../img/cp-carousel/01-production-room-malik.webp") center/cover no-repeat;
  filter: saturate(0.8);
}
html[data-theme="day"] .checkpoint__bg {
  background:
    linear-gradient(180deg, rgba(245,242,235,0.92) 0%, rgba(250,247,240,0.85) 50%, rgba(245,242,235,0.96) 100%),
    url("../img/cp-carousel/01-production-room-malik.webp") center/cover no-repeat;
}
.checkpoint__shell {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: var(--s-12) !important;
}
.checkpoint__header {
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}
.checkpoint__brand {
  font-family: var(--serif);
  font-size: clamp(2.6rem, 1rem + 4vw, 5.5rem);
  line-height: 1;
  letter-spacing: 0.02em;
  margin: 0 0 var(--s-3);
  color: var(--paper);
}
.checkpoint__brand em {
  font-style: italic;
  color: var(--gold);
}
.checkpoint__subtitle {
  font-family: var(--serif);
  font-size: clamp(1.4rem, 0.9rem + 1vw, 2rem);
  line-height: 1.2;
  color: var(--paper);
  margin: 0 auto var(--s-5);
  max-width: 30ch;
}
.checkpoint__subtitle em { font-style: italic; color: var(--gold-light); }
html[data-theme="day"] .checkpoint__brand { color: #14233A; }
html[data-theme="day"] .checkpoint__brand em { color: #B89455; }
html[data-theme="day"] .checkpoint__subtitle { color: #14233A; }
html[data-theme="day"] .checkpoint__subtitle em { color: #B89455; }
.checkpoint__signature {
  margin-top: var(--s-5);
  font-family: var(--serif);
  font-style: italic;
  color: var(--gold-light);
  font-size: 1.05rem;
}
.checkpoint__cta {
  display: flex;
  justify-content: center;
  gap: var(--s-3);
  flex-wrap: wrap;
}

/* Carrousel Lisa codex */
.cp-carousel { width: 100%; }
.cp-slide {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;
  aspect-ratio: 16 / 10;
  border: 1px solid var(--gold-faint);
  box-shadow: 0 22px 50px rgba(7,16,31,0.55);
}
.cp-slide__bg {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: -2;
  transition: transform 0.6s var(--ease);
}
.cp-slide:hover .cp-slide__bg { transform: scale(1.04); }
.cp-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(7,16,31,0.10) 0%, rgba(7,16,31,0.55) 60%, rgba(7,16,31,0.95) 100%);
}
.cp-slide__caption {
  position: absolute;
  inset: auto var(--s-6) var(--s-6) var(--s-6);
  color: #fff;
  display: grid; gap: 6px;
}
.cp-slide__step {
  font-size: 0.7rem;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  color: var(--gold-light);
  font-weight: 700;
}
.cp-slide__title {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.3rem, 1rem + 1vw, 1.8rem);
  line-height: 1.15;
  margin: 0;
  text-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
.cp-slide__quote {
  font-family: var(--serif);
  font-style: italic;
  font-size: 0.95rem;
  color: var(--paper-soft);
  margin: 4px 0 0;
  text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}

/* ====================================================================
   6.10. CP-OFFER head fix (alignement)
   ==================================================================== */

.cp-offers {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: var(--s-4) !important;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
@media (max-width: 760px) {
  .cp-offers { grid-template-columns: 1fr !important; }
}
.cp-offer {
  align-content: start;
  display: grid !important;
  gap: var(--s-3) !important;
}
.cp-offer__head { display: grid; gap: 8px; position: relative; z-index: 2; }

/* ====================================================================
   6.11. METHOD BG — photo femme + montagne + horizon (à fournir)
   ==================================================================== */

.method {
  position: relative;
  isolation: isolate;
}
.method__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  /* Photo IA fournie : femme de profil avec compas sur sommet de montagne au coucher de soleil */
  background:
    linear-gradient(180deg, rgba(7,16,31,0.72) 0%, rgba(11,19,32,0.62) 35%, rgba(7,16,31,0.94) 100%),
    url("../img/method-mountain-compass.png") center/cover no-repeat;
  filter: saturate(0.92);
}
html[data-theme="day"] .method__bg {
  background:
    linear-gradient(180deg, rgba(245,242,235,0.72) 0%, rgba(250,247,240,0.55) 35%, rgba(245,242,235,0.92) 100%),
    url("../img/method-mountain-compass.png") center/cover no-repeat;
}

/* ====================================================================
   7. COMPAS 3D — méthode (4 piliers cardinaux)
   ==================================================================== */

.compass-3d {
  position: relative;
  width: min(100%, 720px);
  margin: 0 auto var(--s-12);
  aspect-ratio: 1;
  perspective: 1400px;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Base disque 3D (donne la profondeur) */
.compass-3d::before {
  content: "";
  position: absolute;
  inset: 18%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, rgba(216,178,122,0.35), rgba(11,19,32,0.85) 60%);
  box-shadow:
    inset 0 -30px 80px rgba(0,0,0,0.55),
    inset 0 30px 60px rgba(216,178,122,0.10),
    0 40px 100px rgba(0,0,0,0.55);
  transform: rotateX(58deg);
  z-index: 0;
  pointer-events: none;
}
.compass-3d::after {
  content: "";
  position: absolute;
  inset: 22%;
  border-radius: 50%;
  border: 2px solid rgba(216,178,122,0.25);
  box-shadow:
    inset 0 0 30px rgba(216,178,122,0.18),
    0 0 40px rgba(216,178,122,0.18);
  transform: rotateX(58deg);
  z-index: 1;
  pointer-events: none;
}

.compass-3d__rim {
  position: absolute;
  inset: 12%;
  z-index: 2;
  animation: compass-spin 60s linear infinite;
}
@keyframes compass-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .compass-3d__rim { animation: none; } }

.compass-3d__needle {
  position: absolute;
  inset: 12%;
  z-index: 3;
  filter: drop-shadow(0 8px 20px rgba(216,178,122,0.4)) drop-shadow(0 0 30px rgba(216,178,122,0.3));
  animation: needle-bob 8s ease-in-out infinite;
}
@keyframes needle-bob {
  0%, 100% { transform: rotate(-3deg); }
  50%      { transform: rotate(4deg); }
}
@media (prefers-reduced-motion: reduce) { .compass-3d__needle { animation: none; } }

.compass-3d__core {
  position: absolute;
  width: 130px; height: 130px;
  border-radius: 50%;
  background: radial-gradient(circle at center, var(--gold), var(--gold-warm));
  color: var(--ink-deep);
  font-family: var(--serif);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow:
    0 0 0 6px rgba(216,178,122,0.16),
    0 0 50px var(--gold-glow),
    0 18px 36px rgba(0,0,0,0.55);
  z-index: 5;
}
.compass-3d__core-pretitle {
  font-size: 0.62rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--sans);
}
.compass-3d__core-name {
  font-size: 2.2rem;
  font-style: italic;
  line-height: 1;
  margin-top: 2px;
}

/* 4 piliers placés aux 4 points cardinaux EXTERIEURS */
.compass-3d__pillar {
  position: absolute;
  width: 200px;
  padding: var(--s-4) var(--s-5);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(15,26,46,0.72), rgba(7,16,31,0.92));
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  border: 1px solid var(--gold-line);
  box-shadow: 0 14px 36px rgba(7,16,31,0.55);
  text-align: center;
  z-index: 4;
  transition: border-color var(--t-base), transform var(--t-base);
}
.compass-3d__pillar:hover {
  border-color: var(--gold);
  z-index: 6;
}
.compass-3d__pillar--n { top: -10px; left: 50%; transform: translateX(-50%); }
.compass-3d__pillar--e { right: -10px; top: 50%; transform: translateY(-50%); }
.compass-3d__pillar--s { bottom: -10px; left: 50%; transform: translateX(-50%); }
.compass-3d__pillar--w { left: -10px; top: 50%; transform: translateY(-50%); }
.compass-3d__pillar--n:hover { transform: translateX(-50%) translateY(-3px); }
.compass-3d__pillar--e:hover { transform: translateY(-50%) translateX(3px); }
.compass-3d__pillar--s:hover { transform: translateX(-50%) translateY(3px); }
.compass-3d__pillar--w:hover { transform: translateY(-50%) translateX(-3px); }

.compass-3d__pillar-num {
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  font-family: var(--sans);
}
.compass-3d__pillar-name {
  font-family: var(--serif);
  font-size: 1.15rem;
  color: var(--paper);
  margin: 6px 0 4px;
  line-height: 1.1;
}
.compass-3d__pillar-name em { color: var(--gold-light); font-style: italic; }
.compass-3d__pillar-desc {
  font-size: 0.78rem;
  color: var(--paper-mute);
  line-height: 1.4;
  margin: 0;
}

@media (max-width: 880px) {
  .compass-3d {
    aspect-ratio: auto;
    min-height: auto;
    padding: var(--s-6) 0;
  }
  .compass-3d::before, .compass-3d::after,
  .compass-3d__rim, .compass-3d__needle { display: none; }
  .compass-3d__core { position: static; margin: 0 auto var(--s-6); }
  .compass-3d__pillar { position: static; width: 100%; transform: none !important; margin-bottom: var(--s-3); }
  .compass-3d__pillar:hover { transform: none !important; }
}

/* ====================================================================
   7. METHOD-WITH-PILLAR — "Toi" au centre (legacy, conservé)
   ==================================================================== */

.method-pillar {
  position: relative;
  width: min(100%, 720px);
  margin: 0 auto var(--s-12);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}

.method-pillar__core {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at center, var(--gold), var(--gold-warm));
  color: var(--ink-deep);
  font-family: var(--serif);
  box-shadow: 0 0 0 8px rgba(216, 178, 122, 0.15), 0 0 60px var(--gold-glow), 0 14px 36px rgba(0,0,0,0.5);
  z-index: 4;
}
.method-pillar__core-pretitle {
  font-size: 0.7rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--sans);
}
.method-pillar__core-name {
  font-size: 2.6rem;
  font-style: italic;
  line-height: 1;
  margin-top: 4px;
}

/* 4 pétales orbitales */
.method-pillar__petal {
  position: absolute;
  width: 200px;
  padding: var(--s-5) var(--s-6);
  border-radius: 22px;
  /* glass mirror */
  background:
    linear-gradient(135deg, rgba(245, 242, 235, 0.08) 0%, rgba(216, 178, 122, 0.06) 100%);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  border: 1px solid var(--gold-line);
  box-shadow: 0 14px 36px rgba(7,16,31,0.5);
  text-align: center;
  z-index: 3;
  transition: transform var(--t-base) var(--ease), border-color var(--t-base);
}
.method-pillar__petal:hover {
  transform: scale(1.04);
  border-color: var(--gold);
}
.method-pillar__petal--n { top: 0; left: 50%; transform: translateX(-50%); }
.method-pillar__petal--e { right: 0; top: 50%; transform: translateY(-50%); }
.method-pillar__petal--s { bottom: 0; left: 50%; transform: translateX(-50%); }
.method-pillar__petal--w { left: 0; top: 50%; transform: translateY(-50%); }
.method-pillar__petal--n:hover { transform: translateX(-50%) scale(1.04); }
.method-pillar__petal--e:hover { transform: translateY(-50%) scale(1.04); }
.method-pillar__petal--s:hover { transform: translateX(-50%) scale(1.04); }
.method-pillar__petal--w:hover { transform: translateY(-50%) scale(1.04); }

.method-pillar__petal-num {
  font-family: var(--serif);
  font-style: italic;
  color: var(--gold);
  font-size: 0.75rem;
  display: block;
  margin-bottom: 4px;
}
.method-pillar__petal-name {
  font-family: var(--serif);
  font-size: 1.2rem;
  color: var(--paper);
  margin: 0;
  line-height: 1.1;
}
.method-pillar__petal-name em { color: var(--gold-light); font-style: italic; }
.method-pillar__petal-desc {
  font-size: 0.78rem;
  color: var(--paper-mute);
  line-height: 1.45;
  margin-top: 6px;
}

/* Connectivity rings */
.method-pillar__rings {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.method-pillar__rings circle {
  fill: none;
  stroke: var(--gold-faint);
  stroke-width: 1;
  stroke-dasharray: 4 6;
}
.method-pillar__rings .ring-active {
  stroke: var(--gold);
  stroke-dasharray: none;
  opacity: 0.4;
}

@media (max-width: 760px) {
  .method-pillar { aspect-ratio: auto; min-height: auto; flex-direction: column; gap: var(--s-4); padding: var(--s-6); }
  .method-pillar__core { position: static; width: 140px; height: 140px; margin: 0 auto var(--s-4); }
  .method-pillar__core-name { font-size: 2rem; }
  .method-pillar__petal { position: static; width: 100%; transform: none !important; }
  .method-pillar__rings { display: none; }
}

/* ================================================================
   RAYFLECTIONS V2 REFINEMENT — copie de travail, non-prod
   ================================================================ */

.hero__shell {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 440px);
  align-items: center;
}

.hero-mode-panel {
  position: relative;
  min-height: 520px;
  border-radius: 34px;
  padding: var(--s-7);
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(150deg, rgba(7, 16, 31, 0.86), rgba(15, 26, 46, 0.66)),
    radial-gradient(circle at 72% 22%, rgba(216, 178, 122, 0.26), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  border: 1px solid rgba(216, 178, 122, 0.28);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--s-5);
}

.hero-mode-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.06), rgba(7,16,31,0.75)),
    url("../img/hero-night.png?v=3") center / cover no-repeat;
  opacity: 0.62;
  filter: saturate(1.08) contrast(1.06);
}

.hero-mode-panel__scene {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.hero-mode-panel__route {
  position: absolute;
  left: 50%;
  bottom: -14%;
  width: 42%;
  height: 82%;
  transform: translateX(-50%) perspective(680px) rotateX(62deg);
  border-left: 1px solid rgba(216, 178, 122, 0.45);
  border-right: 1px solid rgba(216, 178, 122, 0.45);
  background:
    linear-gradient(90deg, transparent 48%, rgba(216,178,122,0.65) 49%, rgba(216,178,122,0.65) 51%, transparent 52%),
    linear-gradient(180deg, transparent, rgba(216,178,122,0.18));
  animation: ray-route 2.8s linear infinite;
}

.hero-mode-panel__vehicle {
  position: absolute;
  left: 50%;
  top: 28%;
  width: 74px;
  height: 74px;
  transform: translateX(-50%);
  border-radius: 28px 28px 18px 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,0.65), transparent 16%),
    linear-gradient(180deg, rgba(216,178,122,0.92), rgba(124,86,38,0.84));
  box-shadow: 0 0 44px rgba(216,178,122,0.48);
  animation: ray-vehicle 3.6s ease-in-out infinite;
}

.hero-mode-panel__pulse {
  position: absolute;
  left: 50%;
  top: 26%;
  width: 118px;
  height: 118px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  border: 1px solid rgba(216,178,122,0.45);
  animation: ray-pulse 1.8s ease-out infinite;
}

.hero-mode-panel__screen {
  padding: var(--s-5);
  border-radius: 22px;
  background: rgba(6, 13, 25, 0.74);
  border: 1px solid rgba(216, 178, 122, 0.34);
  backdrop-filter: blur(18px);
  box-shadow: inset 0 0 32px rgba(216,178,122,0.08);
}

.hero-mode-panel__screen strong,
.hero-mode-panel__screen small,
.hero-mode-panel__label {
  display: block;
}

.hero-mode-panel__label {
  color: var(--gold);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  margin-bottom: 8px;
}

.hero-mode-panel__screen strong {
  font-family: var(--serif);
  font-size: clamp(1.65rem, 3vw, 2.6rem);
  line-height: 0.95;
  color: var(--paper);
}

.hero-mode-panel__screen small {
  color: var(--paper-mute);
  margin-top: var(--s-3);
}

.hero-mode-panel__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hero-mode-panel__chips span {
  border: 1px solid rgba(216,178,122,0.34);
  border-radius: 999px;
  padding: 9px 12px;
  color: var(--gold-light);
  background: rgba(7,16,31,0.58);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero-mode-panel p {
  margin: 0;
  color: var(--paper-soft);
  line-height: 1.6;
}

@keyframes ray-route {
  from { background-position: 0 0, 0 0; }
  to { background-position: 0 120px, 0 0; }
}

@keyframes ray-vehicle {
  0%, 100% { transform: translateX(-50%) translateY(0) scale(1); }
  50% { transform: translateX(-50%) translateY(-16px) scale(1.03); }
}

@keyframes ray-pulse {
  0% { opacity: 0.9; transform: translate(-50%, -50%) scale(0.58); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1.42); }
}

.stat-block__title {
  font-size: clamp(1.8rem, 1.12rem + 2.4vw, 3.2rem);
  line-height: 1.02;
}

.constat__bg {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.50), rgba(7,16,31,0.72)),
    radial-gradient(circle at 50% 25%, rgba(216,178,122,0.14), transparent 38%),
    url("../img/hero-chemin.jpg") center / cover no-repeat !important;
  filter: saturate(1.02) contrast(1.04);
}

.offer-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 auto var(--s-4);
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.78rem;
  font-weight: 700;
}

.offer-kicker::before,
.offer-kicker::after {
  content: "";
  width: 42px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216,178,122,0.75));
}

.offer-kicker::after {
  background: linear-gradient(90deg, rgba(216,178,122,0.75), transparent);
}

.checkpoint__subtitle {
  font-size: clamp(1.55rem, 1.04rem + 1.9vw, 2.9rem);
}

.checkpoint__definition {
  max-width: 66ch;
  margin: var(--s-5) auto 0;
  padding: var(--s-5) var(--s-6);
  border-radius: 24px;
  color: var(--paper-soft);
  line-height: 1.65;
  border: 1px solid rgba(216,178,122,0.24);
  background: rgba(7, 16, 31, 0.42);
  backdrop-filter: blur(14px);
}

.checkpoint__signature {
  font-size: clamp(1.2rem, 0.95rem + 1vw, 1.95rem);
}

.checkpoint__split-explain {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 180px;
  gap: var(--s-4);
  align-items: center;
  max-width: 980px;
  margin: 0 auto var(--s-7);
  text-align: center;
}

.checkpoint__split-explain span {
  border-radius: 999px;
  padding: 12px 14px;
  border: 1px solid rgba(216,178,122,0.35);
  color: var(--gold-light);
  background: rgba(7,16,31,0.58);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.76rem;
  font-weight: 700;
}

.checkpoint__split-explain p {
  margin: 0;
  color: var(--paper-soft);
  line-height: 1.55;
}

.checkpoint-audience {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--s-4);
  margin: var(--s-10) auto var(--s-10);
}

.checkpoint-audience article {
  min-height: 215px;
  padding: var(--s-5);
  border-radius: 24px;
  border: 1px solid rgba(216,178,122,0.2);
  background:
    radial-gradient(circle at 100% 0%, rgba(216,178,122,0.1), transparent 45%),
    rgba(7,16,31,0.52);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
}

.checkpoint-audience span {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  margin-bottom: var(--s-4);
  border: 1px solid rgba(216,178,122,0.36);
  border-radius: 50%;
  color: var(--gold-light);
  font-size: 0.75rem;
  font-weight: 800;
}

.checkpoint-audience h3 {
  margin: 0 0 var(--s-3);
  color: var(--paper);
  font-family: var(--serif);
  font-size: clamp(1.35rem, 1rem + 0.8vw, 2rem);
  font-weight: 400;
  line-height: 1.05;
}

.checkpoint-audience p {
  margin: 0;
  color: var(--paper-soft);
  line-height: 1.55;
  font-size: 0.92rem;
}

.cp-slide__split-note {
  display: inline-block;
  margin-top: var(--s-3);
  color: var(--gold-light);
  font-size: 0.84rem;
  line-height: 1.45;
}

.method__bg {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.54), rgba(7,16,31,0.42) 52%, rgba(7,16,31,0.88)),
    url("../img/method-mountain-compass.png") center 34% / cover no-repeat !important;
}

:root[data-theme="day"] .method__bg,
html[data-theme="day"] .method__bg {
  background:
    linear-gradient(180deg, rgba(255,251,243,0.28), rgba(255,251,243,0.42) 50%, rgba(255,251,243,0.76)),
    url("../img/method-mountain-compass.png") center 34% / cover no-repeat !important;
}

.method__header--prime .t-h1 {
  font-size: clamp(2.7rem, 1.6rem + 4vw, 5.8rem);
}

.method__visual-note {
  max-width: 62ch;
  margin: var(--s-5) auto 0;
  color: var(--gold-light);
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.1rem, 0.96rem + 0.55vw, 1.45rem);
  line-height: 1.35;
}

.method__ctas,
.masterclass__cta,
.koffi-links,
.endcta__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--s-4);
  flex-wrap: wrap;
}

.method__ctas {
  margin-top: var(--s-12);
}

/* ====================================================================
   V2.1 — DIFFERENTIATION CHECKPOINT
   ==================================================================== */

.not-coaching {
  position: relative;
  padding: var(--section-y) 0;
  isolation: isolate;
  background:
    radial-gradient(circle at 86% 20%, rgba(216,178,122,0.12), transparent 32rem),
    linear-gradient(180deg, rgba(7,16,31,0.98), rgba(11,19,32,0.9));
}

.not-coaching__shell {
  width: var(--shell);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 0.92fr;
  gap: var(--s-8);
  align-items: stretch;
}

.not-coaching__copy,
.not-coaching__grid article {
  border: 1px solid rgba(216,178,122,0.24);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(245,242,235,0.08), rgba(245,242,235,0.02)),
    rgba(7,16,31,0.72);
  box-shadow: var(--shadow-glass);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.not-coaching__copy {
  padding: clamp(28px, 5vw, 56px);
}

.not-coaching__copy .t-h1 {
  margin-top: var(--s-5);
}

.not-coaching__copy .t-lead {
  margin-top: var(--s-5);
}

.not-coaching__grid {
  display: grid;
  gap: var(--s-4);
}

.not-coaching__grid article {
  padding: var(--s-6);
}

.not-coaching__grid span {
  display: block;
  margin-bottom: var(--s-3);
  color: var(--gold-light);
  font-family: var(--serif);
  font-size: clamp(1.7rem, 1.2rem + 1.5vw, 3rem);
  line-height: 1;
}

.not-coaching__grid p {
  margin: 0;
  color: var(--paper-soft);
}

.mc-card__cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  margin-top: auto;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(216,178,122,0.36);
  color: var(--gold-light);
  font-weight: 700;
  letter-spacing: 0.04em;
  background: rgba(7,16,31,0.34);
}

.mc-card__cta:hover {
  border-color: var(--gold);
  color: var(--paper);
}

.masterclass__cta {
  max-width: 820px;
  margin: var(--s-12) auto 0;
  padding: var(--s-6);
  border-radius: 28px;
  border: 1px solid rgba(216,178,122,0.22);
  background: rgba(7,16,31,0.30);
  text-align: center;
}

.masterclass__cta p {
  margin: 0;
  color: var(--paper-soft);
  line-height: 1.6;
  max-width: 56ch;
}

.koffi-links {
  margin-top: var(--s-8);
}

.koffi-links a {
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(216,178,122,0.32);
  background: rgba(7,16,31,0.48);
  color: var(--paper);
  font-weight: 700;
}

.social-strip {
  max-width: 780px;
  margin: var(--s-7) auto 0;
  padding: var(--s-5);
  border-top: 1px solid rgba(216,178,122,0.18);
  border-bottom: 1px solid rgba(216,178,122,0.18);
  display: flex;
  justify-content: center;
  gap: var(--s-5);
  flex-wrap: wrap;
  color: var(--paper-soft);
}

.social-strip span {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.74rem;
  font-weight: 800;
}

.social-strip a {
  color: var(--paper);
}

/* ====================================================================
   V2.1 — EDITORIAL HUB
   ==================================================================== */

.editorial-hub {
  position: relative;
  padding: var(--section-y) 0;
  background:
    radial-gradient(circle at 18% 0%, rgba(216,178,122,0.13), transparent 34rem),
    linear-gradient(180deg, rgba(11,19,32,0.96), rgba(7,16,31,0.98));
  isolation: isolate;
}

.editorial-hub__shell {
  width: var(--shell);
  margin-inline: auto;
}

.editorial-hub__head {
  max-width: 820px;
  margin-bottom: var(--s-12);
}

.editorial-hub__head .t-h1 {
  margin-top: var(--s-5);
}

.editorial-hub__head .t-lead {
  margin-top: var(--s-5);
}

.editorial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-5);
}

.editorial-card {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--s-6);
  border: 1px solid rgba(216,178,122,0.24);
  border-radius: 30px;
  background:
    radial-gradient(circle at 90% 0%, rgba(216,178,122,0.12), transparent 42%),
    rgba(7,16,31,0.72);
  box-shadow: var(--shadow-glass);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.editorial-card::after {
  content: "";
  position: absolute;
  inset: auto -20% -36% -20%;
  height: 150px;
  background: radial-gradient(circle, rgba(216,178,122,0.16), transparent 62%);
  pointer-events: none;
}

.editorial-card__type {
  width: fit-content;
  padding: 8px 11px;
  border: 1px solid rgba(216,178,122,0.34);
  border-radius: 999px;
  color: var(--gold-light);
  background: rgba(216,178,122,0.08);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.editorial-card h3 {
  margin: var(--s-6) 0 var(--s-3);
  color: var(--paper);
  font-family: var(--serif);
  font-size: clamp(1.8rem, 1.25rem + 1.5vw, 3rem);
  font-weight: 400;
  line-height: 1;
}

.editorial-card p {
  margin: 0;
  color: var(--paper-soft);
}

.editorial-card a {
  position: relative;
  z-index: 1;
  width: fit-content;
  margin-top: var(--s-6);
  color: var(--gold-light);
  font-weight: 800;
}

.editorial-card--koffi {
  border-color: rgba(216,178,122,0.38);
}

.editorial-card--lisa {
  background:
    radial-gradient(circle at 90% 0%, rgba(107,138,181,0.18), transparent 45%),
    rgba(7,16,31,0.72);
}

.testimonial-format-strip {
  display: flex;
  justify-content: center;
  gap: var(--s-3);
  flex-wrap: wrap;
  margin: 0 auto var(--s-8);
}

.testimonial-format-strip span {
  border-radius: 999px;
  border: 1px solid rgba(216,178,122,0.25);
  color: var(--gold-light);
  background: rgba(7,16,31,0.34);
  padding: 10px 13px;
  font-size: 0.8rem;
}

.endcta__title {
  max-width: 18ch;
}

.endcta__copy {
  max-width: 760px;
  margin: 0 auto var(--s-6);
  color: var(--paper-soft);
  line-height: 1.7;
  font-size: clamp(1rem, 0.92rem + 0.32vw, 1.18rem);
}

@media (max-width: 900px) {
  .hero__shell {
    grid-template-columns: 1fr;
  }

  .hero-mode-panel {
    min-height: 420px;
  }

  .checkpoint__split-explain {
    grid-template-columns: 1fr;
  }

  .checkpoint-audience,
  .editorial-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .not-coaching__shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .hero-mode-panel {
    min-height: 360px;
    padding: var(--s-5);
  }

  .hero-mode-panel__chips span,
  .checkpoint__split-explain span {
    width: 100%;
  }

  .checkpoint-audience,
  .editorial-grid {
    grid-template-columns: 1fr;
  }
}

/* ====================================================================
   V2.1 — CHECKPOINT PRODUCT PROOF
   ==================================================================== */

.checkpoint-product {
  position: relative;
  padding: var(--section-y) 0;
  isolation: isolate;
  background:
    radial-gradient(circle at 12% 0%, rgba(216,178,122,0.14), transparent 34rem),
    linear-gradient(180deg, rgba(7,16,31,0.96), rgba(11,19,32,0.86));
}

.checkpoint-product::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.12;
  background:
    linear-gradient(rgba(7,16,31,0.28), rgba(7,16,31,0.92)),
    url("../img/methode-logbook-bg.jpg") center/cover no-repeat;
}

.checkpoint-product__shell {
  width: var(--shell);
  margin-inline: auto;
}

.checkpoint-product__intro {
  max-width: 880px;
}

.checkpoint-product__intro .t-lead {
  margin-top: var(--s-5);
}

.checkpoint-product__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-5);
  margin-top: var(--s-12);
}

.checkpoint-product-card {
  min-height: 280px;
  padding: var(--s-7, 28px);
  border-radius: 30px;
  border: 1px solid rgba(216,178,122,0.26);
  background:
    linear-gradient(145deg, rgba(245,242,235,0.085), rgba(245,242,235,0.025)),
    rgba(7,16,31,0.74);
  box-shadow: var(--shadow-glass);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.checkpoint-product-card__tag {
  display: inline-flex;
  padding: 8px 11px;
  border: 1px solid rgba(216,178,122,0.35);
  border-radius: 999px;
  color: var(--gold-light);
  background: rgba(216,178,122,0.08);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.checkpoint-product-card h3 {
  margin: var(--s-6) 0 var(--s-4);
  font-family: var(--serif);
  font-size: clamp(1.9rem, 1.2rem + 1.8vw, 3.2rem);
  font-weight: 400;
  line-height: 1;
  color: var(--paper);
}

.checkpoint-product-card p {
  margin: 0;
  color: var(--paper-soft);
  line-height: 1.65;
}

.checkpoint-product__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-4);
  margin-top: var(--s-10);
}

/* ====================================================================
   V2.1 — METHOD INSTRUMENTS
   ==================================================================== */

.method-instruments {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--s-4);
  margin: var(--s-8) auto 0;
}

.method-instrument {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  padding: var(--s-6);
  border-radius: 28px;
  border: 1px solid rgba(216,178,122,0.24);
  background:
    radial-gradient(circle at 100% 0%, rgba(216,178,122,0.12), transparent 42%),
    linear-gradient(150deg, rgba(245,242,235,0.075), rgba(245,242,235,0.02)),
    rgba(7,16,31,0.76);
  box-shadow: var(--shadow-glass);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.method-instrument::after {
  content: "";
  position: absolute;
  inset: auto -18% -42% -18%;
  height: 160px;
  background: radial-gradient(circle, rgba(216,178,122,0.18), transparent 62%);
  pointer-events: none;
}

.method-instrument__num {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
  color: var(--ink-deep);
  background: var(--gold);
  font-weight: 900;
  margin-bottom: var(--s-6);
}

.method-instrument h3 {
  font-family: var(--serif);
  font-size: clamp(1.7rem, 1.1rem + 1.6vw, 2.8rem);
  font-weight: 400;
  color: var(--paper);
  line-height: 1;
  margin: 0 0 var(--s-4);
}

.method-instrument__question {
  margin: 0 0 var(--s-4);
  color: var(--gold-light);
  font-family: var(--serif);
  font-size: 1.18rem;
  font-style: italic;
  line-height: 1.25;
}

.method-instrument ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.method-instrument li {
  position: relative;
  padding-left: 16px;
  color: var(--paper-soft);
  line-height: 1.55;
  font-size: 0.92rem;
}

.method-instrument li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold);
}

@media (max-width: 1080px) {
  .method-instruments {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .checkpoint-product__grid,
  .method-instruments {
    grid-template-columns: 1fr;
  }
}

/* ====================================================================
   V2.2 — HOME CLEANUP CLIENT-FACING
   Retire les artefacts de maquette et sécurise la lisibilité jour/nuit.
   ==================================================================== */

.hero__shell {
  grid-template-columns: minmax(0, 780px) !important;
  justify-content: start;
}

.hero__lead {
  max-width: 720px;
}

.founder-card__avatar {
  background-image: url("../img/createur.jpg");
  background-color: rgba(245, 242, 235, 0.86);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Poster vidéo Koffi : chargé via classe modifier pour éviter
   le bug d'URL relative quand on passe par une CSS custom property
   inline (résolution relative au CSS qui consomme, pas au doc). */
.video-card__poster--createur {
  background-image: url("../img/createur.jpg") !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.checkpoint__subtitle {
  max-width: 24ch;
  margin-bottom: var(--s-4);
}

.checkpoint__header .t-lead {
  margin-inline: auto;
  line-height: 1.6;
}

.checkpoint__essentials {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 760px;
  margin: var(--s-6) auto 0;
}

.checkpoint__essentials span {
  padding: 10px 13px;
  border-radius: 999px;
  border: 1px solid rgba(216, 178, 122, 0.32);
  background: rgba(7, 16, 31, 0.42);
  color: var(--gold-light);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

html[data-theme="day"] .checkpoint__essentials span {
  background: rgba(255, 255, 255, 0.68);
  color: #8B6B34;
  border-color: rgba(184, 148, 85, 0.34);
}

html[data-theme="day"] .checkpoint__split-explain span {
  background: rgba(255, 255, 255, 0.70);
  color: #8B6B34;
  border-color: rgba(184, 148, 85, 0.34);
}

html[data-theme="day"] .checkpoint__split-explain p {
  color: rgba(20, 35, 58, 0.76);
}

.method-instrument,
.editorial-card,
.mc-card {
  color: #F5F2EB;
}

.method-instrument h3,
.editorial-card h3,
.mc-card__title {
  color: #F7F2E8 !important;
}

.method-instrument li,
.editorial-card p,
.mc-card__desc,
.mc-card__stats,
.mc-card__stats li {
  color: rgba(245, 242, 235, 0.78) !important;
}

html[data-theme="day"] .method-instrument,
html[data-theme="day"] .editorial-card,
html[data-theme="day"] .mc-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(216,178,122,0.12), transparent 42%),
    linear-gradient(150deg, rgba(245,242,235,0.075), rgba(245,242,235,0.02)),
    rgba(7,16,31,0.78);
  border-color: rgba(216,178,122,0.26);
}

html[data-theme="day"] .editorial-hub,
html[data-theme="day"] .masterclass {
  background: linear-gradient(180deg, #07101F 0%, #0B1320 100%);
  color: #F5F2EB;
}

html[data-theme="day"] .editorial-hub__head .t-h1,
html[data-theme="day"] .editorial-hub__head .t-lead,
html[data-theme="day"] .masterclass .t-h1,
html[data-theme="day"] .masterclass .t-lead {
  color: rgba(245, 242, 235, 0.88);
}

html[data-theme="day"] .method__bg {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.40), rgba(7,16,31,0.30) 48%, rgba(7,16,31,0.78)),
    url("../img/method-mountain-compass.png") center 34% / cover no-repeat !important;
}

html[data-theme="day"] .method__header--prime .t-h1,
html[data-theme="day"] .method__header--prime .t-lead {
  color: #F7F2E8;
  text-shadow: 0 12px 36px rgba(0, 0, 0, 0.46);
}

html[data-theme="day"] .method__visual-note {
  color: #E2C982;
  text-shadow: 0 10px 26px rgba(0, 0, 0, 0.42);
}

/* ====================================================================
   V2.3 — HOME REFOCUS
   Objectif : rendre la home client-facing, plus visuelle et plus lisible.
   ==================================================================== */

.hero {
  min-height: 100svh;
}

.hero__bg {
  background:
    linear-gradient(90deg, rgba(7, 16, 31, 0.92) 0%, rgba(7, 16, 31, 0.74) 42%, rgba(7, 16, 31, 0.48) 100%),
    linear-gradient(180deg, rgba(7, 16, 31, 0.14) 0%, rgba(7, 16, 31, 0.84) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-hero-night-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .hero__bg {
  background:
    linear-gradient(90deg, rgba(13, 25, 42, 0.68) 0%, rgba(13, 25, 42, 0.38) 52%, rgba(255, 255, 255, 0.12) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(13, 25, 42, 0.50) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-hero-day-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

.hero__shell {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.68fr) !important;
  align-items: end;
  gap: clamp(28px, 5vw, 86px);
  min-height: calc(100svh - 130px);
}

.hero__brand-title {
  color: rgba(245, 242, 235, 0.92);
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.44);
}

.hero__title {
  max-width: 12.6ch;
  color: var(--paper);
}

.hero__lead {
  color: rgba(245, 242, 235, 0.88);
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.55);
}

.hero-flight-panel {
  position: relative;
  overflow: hidden;
  align-self: center;
  min-height: 520px;
  border-radius: 42px;
  border: 1px solid rgba(216, 178, 122, 0.26);
  background:
    linear-gradient(180deg, rgba(245, 242, 235, 0.08), rgba(245, 242, 235, 0.02)),
    rgba(7, 16, 31, 0.62);
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.48);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
}

.hero-flight-panel__media {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.06), rgba(7,16,31,0.74) 60%, rgba(7,16,31,0.92)),
    url("visuals-v2/webp/clean/v2-cockpit-command-panel-natural-night.webp") center/cover no-repeat;
  transform: scale(1.02);
}

html[data-theme="day"] .hero-flight-panel__media {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(7,16,31,0.52) 62%, rgba(7,16,31,0.84)),
    url("visuals-v2/webp/clean/v2-cockpit-command-panel-natural-day.webp") center/cover no-repeat;
}

.hero-flight-panel__screen,
.hero-flight-panel__chips,
.hero-flight-panel__note {
  position: relative;
  z-index: 1;
}

.hero-flight-panel__screen {
  margin: clamp(220px, 42vh, 310px) clamp(18px, 3vw, 30px) 0;
  padding: clamp(22px, 2.2vw, 32px);
  border-radius: 28px;
  border: 1px solid rgba(216, 178, 122, 0.22);
  background: rgba(7, 16, 31, 0.82);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
}

.hero-flight-panel__screen span,
.hero-flight-panel__chips span {
  display: block;
  color: var(--gold);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.hero-flight-panel__screen strong {
  display: block;
  margin: 10px 0 8px;
  color: var(--paper);
  font-family: var(--serif);
  font-size: clamp(2.2rem, 2vw + 1.3rem, 4.4rem);
  font-weight: 400;
  line-height: 0.98;
}

.hero-flight-panel__screen p,
.hero-flight-panel__note {
  margin: 0;
  color: rgba(245, 242, 235, 0.74);
  line-height: 1.55;
}

.hero-flight-panel__chips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 18px clamp(18px, 3vw, 30px) 0;
}

.hero-flight-panel__chips span {
  border: 1px solid rgba(216, 178, 122, 0.28);
  border-radius: 999px;
  padding: 12px 14px;
  background: rgba(7, 16, 31, 0.58);
  color: var(--gold-light);
  letter-spacing: 0.14em;
}

.hero-flight-panel__note {
  margin: 16px clamp(18px, 3vw, 30px) 30px;
  font-size: 0.96rem;
}

.constat {
  min-height: auto;
  padding: clamp(92px, 12vw, 150px) 0;
}

.constat__bg {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.58), rgba(7, 16, 31, 0.86)),
    url("visuals-v2/webp/clean/v2-trajectory-misalignment-desk-night.webp") center/cover no-repeat !important;
  opacity: 1 !important;
}

html[data-theme="day"] .constat__bg {
  background:
    linear-gradient(180deg, rgba(245, 242, 235, 0.62), rgba(245, 242, 235, 0.88)),
    url("visuals-v2/webp/clean/v2-trajectory-misalignment-desk-day.webp") center/cover no-repeat !important;
}

.constat-panel {
  max-width: 1080px;
  margin: 0 auto var(--s-9);
  padding: clamp(34px, 5vw, 74px);
  border-radius: 42px;
  border: 1px solid rgba(216, 178, 122, 0.30);
  background:
    linear-gradient(135deg, rgba(245, 242, 235, 0.11), rgba(245, 242, 235, 0.035)),
    rgba(7, 16, 31, 0.66);
  box-shadow: var(--shadow-glass);
  text-align: center;
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
}

.constat-panel__label {
  display: inline-flex;
  color: var(--gold);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.constat-panel__title {
  margin: var(--s-5) auto var(--s-5);
  color: var(--paper);
  font-family: var(--serif);
  font-size: clamp(2.8rem, 5.5vw, 7.4rem);
  font-weight: 400;
  line-height: 0.95;
  max-width: 13ch;
}

.constat-panel__title em {
  color: var(--gold-light);
  font-style: italic;
}

.constat-panel p {
  max-width: 760px;
  margin: 0 auto;
  color: rgba(245, 242, 235, 0.80);
  font-size: clamp(1.02rem, 0.92rem + 0.38vw, 1.28rem);
  line-height: 1.72;
}

html[data-theme="day"] .constat-panel {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.70), rgba(255, 255, 255, 0.46)),
    rgba(245, 242, 235, 0.74);
}

html[data-theme="day"] .constat-panel__title {
  color: var(--ink);
}

html[data-theme="day"] .constat-panel p {
  color: rgba(20, 35, 58, 0.76);
}

.founder-card {
  background:
    linear-gradient(135deg, rgba(245, 242, 235, 0.92), rgba(245, 242, 235, 0.68)),
    rgba(245, 242, 235, 0.88);
}

.founder-card__quote,
.founder-card__sig {
  color: var(--ink);
}

.founder-card__avatar {
  background-image: url("visuals-v2/founder/koffi-founder-portrait.webp?v=20260710-founder-cache-v1") !important;
  background-position: center 30%;
  background-size: cover;
}

.checkpoint__bg {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.78), rgba(7, 16, 31, 0.84)),
    url("visuals-v2/responsive-crops/desktop/v2-checkpoint-audit-table-logbook-night-desktop.webp") center/cover no-repeat !important;
}

.checkpoint__split-explain {
  max-width: 920px;
  margin-inline: auto;
}

.method {
  padding: clamp(96px, 13vw, 170px) 0;
}

.method__bg {
  background:
    radial-gradient(circle at 52% 44%, rgba(216,178,122,0.18), transparent 26rem),
    linear-gradient(180deg, rgba(7,16,31,0.62), rgba(7,16,31,0.84) 48%, rgba(7,16,31,0.96)),
    url("visuals-v2/responsive-crops/desktop/v2-method-compass-liquid-glass-day-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method__bg {
  background:
    radial-gradient(circle at 52% 44%, rgba(216,178,122,0.18), transparent 26rem),
    linear-gradient(180deg, rgba(7,16,31,0.34), rgba(7,16,31,0.55) 48%, rgba(7,16,31,0.86)),
    url("visuals-v2/responsive-crops/desktop/v2-method-compass-liquid-glass-day-desktop.webp") center/cover no-repeat !important;
}

.method__header--prime {
  margin-bottom: clamp(34px, 6vw, 74px) !important;
}

.method-system {
  display: grid;
  grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.35fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: stretch;
}

.method-system__visual,
.method-step-card {
  border: 1px solid rgba(216, 178, 122, 0.25);
  background:
    linear-gradient(145deg, rgba(245,242,235,0.09), rgba(245,242,235,0.025)),
    rgba(7,16,31,0.74);
  box-shadow: var(--shadow-glass);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
}

.method-system__visual {
  position: relative;
  overflow: hidden;
  min-height: 600px;
  padding: clamp(28px, 4vw, 54px);
  border-radius: 42px;
}

.method-system__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.46;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.12), rgba(7,16,31,0.78)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-night.webp") center/cover no-repeat;
  transform: scale(1.03);
}

html[data-theme="day"] .method-system__visual::before {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.08), rgba(7,16,31,0.66)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-day.webp") center/cover no-repeat;
}

.method-system__visual > * {
  position: relative;
  z-index: 1;
}

.method-system__label {
  display: inline-flex;
  color: var(--gold);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.20em;
  text-transform: uppercase;
}

.method-system__visual h3 {
  max-width: 8.5ch;
  margin: var(--s-5) 0 var(--s-4);
  color: var(--paper);
  font-family: var(--serif);
  font-size: clamp(3rem, 4.6vw, 6.4rem);
  font-weight: 400;
  line-height: 0.9;
}

.method-system__visual p {
  max-width: 430px;
  color: rgba(245, 242, 235, 0.82);
  line-height: 1.72;
}

.method-system__orbits {
  position: absolute;
  inset: auto clamp(22px, 4vw, 48px) clamp(22px, 4vw, 48px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.method-system__orbits span {
  border-radius: 999px;
  border: 1px solid rgba(216,178,122,0.32);
  background: rgba(7,16,31,0.54);
  padding: 12px 14px;
  color: var(--gold-light);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-align: center;
}

.method-system__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}

.method-step-card {
  min-height: 270px;
  border-radius: 32px;
  padding: clamp(24px, 2.8vw, 36px);
}

.method-step-card span {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 50%;
  background: var(--gold);
  color: var(--ink-deep);
  font-weight: 900;
}

.method-step-card h3 {
  margin: var(--s-5) 0 var(--s-3);
  color: var(--paper);
  font-family: var(--serif);
  font-size: clamp(2.1rem, 2vw, 3.4rem);
  font-weight: 400;
  line-height: 0.95;
}

.method-step-card__question {
  color: var(--gold-light) !important;
  font-family: var(--serif);
  font-size: 1.18rem;
  font-style: italic;
  line-height: 1.35;
}

.method-step-card p:not(.method-step-card__question) {
  color: rgba(245, 242, 235, 0.78);
  line-height: 1.62;
}

.editorial-card--brand {
  background:
    linear-gradient(145deg, rgba(7,16,31,0.78), rgba(7,16,31,0.88)),
    url("visuals-v2/webp/clean/v2-logbook-mockup-night.webp") center/cover no-repeat;
}

.editorial-card--koffi {
  background:
    linear-gradient(145deg, rgba(7,16,31,0.76), rgba(7,16,31,0.90)),
    url("visuals-v2/webp/clean/v2-founder-authority-night.webp?v=20260710-founder-cache-v1") center/cover no-repeat;
}

.editorial-card--lisa {
  background:
    linear-gradient(145deg, rgba(7,16,31,0.76), rgba(7,16,31,0.90)),
    url("visuals-v2/webp/clean/v2-checkpoint-video-call-premium-night.webp") center/cover no-repeat;
}

.testi__disclaimer {
  color: rgba(245, 242, 235, 0.70);
}

@media (max-width: 1080px) {
  .hero__shell,
  .method-system {
    grid-template-columns: 1fr !important;
  }

  .hero-flight-panel {
    min-height: 460px;
  }

  .method-system__visual {
    min-height: 520px;
  }
}

@media (max-width: 720px) {
  .hero__bg {
    background:
      linear-gradient(180deg, rgba(7, 16, 31, 0.74), rgba(7, 16, 31, 0.90)),
      url("visuals-v2/responsive-crops/mobile/v2-hero-night-cockpit-human-mobile.webp") center/cover no-repeat !important;
  }

  html[data-theme="day"] .hero__bg {
    background:
      linear-gradient(180deg, rgba(13, 25, 42, 0.48), rgba(13, 25, 42, 0.76)),
      url("visuals-v2/responsive-crops/mobile/v2-hero-day-cockpit-human-mobile.webp") center/cover no-repeat !important;
  }

  .hero-flight-panel {
    min-height: 380px;
    border-radius: 30px;
  }

  .hero-flight-panel__screen {
    margin-top: 160px;
  }

  .method-system__cards,
  .method-system__orbits {
    grid-template-columns: 1fr;
  }

  .method-system__visual {
    min-height: 560px;
    border-radius: 32px;
  }

  .method-step-card {
    min-height: auto;
  }
}

/* ====================================================================
   V2.4 — QA CORRECTIONS
   Lisibilité carrousel, densité des sections et réduction des zones vides.
   ==================================================================== */

html {
  scroll-padding-top: 118px;
}

.checkpoint,
.masterclass,
.vid-intro,
.editorial-hub,
.testi,
.proof,
.endcta {
  padding-top: clamp(72px, 8vw, 112px);
  padding-bottom: clamp(72px, 8vw, 112px);
}

.checkpoint__shell,
.masterclass__shell,
.editorial-hub__shell,
.testi__shell,
.proof__shell,
.endcta__shell {
  position: relative;
  z-index: 1;
}

.checkpoint__header {
  max-width: 980px;
}

.checkpoint__brand {
  font-size: clamp(3rem, 5.8vw, 7rem);
}

.checkpoint__subtitle {
  max-width: 22ch;
  font-size: clamp(1.8rem, 2.8vw, 3.8rem);
}

.checkpoint__header .t-lead {
  color: rgba(245, 242, 235, 0.82);
}

.checkpoint__split-explain {
  padding: 20px 22px;
  border-radius: 999px;
  border: 1px solid rgba(216,178,122,0.18);
  background: rgba(7,16,31,0.50);
  backdrop-filter: blur(16px) saturate(145%);
  -webkit-backdrop-filter: blur(16px) saturate(145%);
}

.checkpoint__split-explain p {
  color: rgba(245, 242, 235, 0.78) !important;
}

.cp-carousel {
  max-width: 1180px;
  margin: 0 auto;
}

.cp-slide {
  min-height: 520px;
  aspect-ratio: 16 / 9;
  border-color: rgba(216,178,122,0.34);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.44);
}

.cp-slide__bg {
  filter: saturate(0.98) contrast(1.06) brightness(0.84);
}

.cp-slide::before {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.86) 0%, rgba(7,16,31,0.48) 44%, rgba(7,16,31,0.18) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.06) 0%, rgba(7,16,31,0.26) 52%, rgba(7,16,31,0.72) 100%);
}

.cp-slide__caption {
  left: clamp(22px, 4vw, 54px);
  right: auto;
  bottom: clamp(22px, 4vw, 44px);
  max-width: min(580px, calc(100% - 44px));
  padding: clamp(18px, 2vw, 28px);
  border-radius: 26px;
  border: 1px solid rgba(216,178,122,0.28);
  background: rgba(7,16,31,0.74);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.cp-slide__title {
  color: var(--paper);
  font-size: clamp(1.7rem, 2.6vw, 3.3rem);
}

.cp-slide__quote,
.cp-slide__split-note {
  color: rgba(245, 242, 235, 0.82) !important;
}

.carousel__nav {
  margin-top: var(--s-6);
}

.method {
  padding-top: clamp(86px, 9vw, 126px);
  padding-bottom: clamp(86px, 9vw, 126px);
}

.method-system__visual {
  min-height: 520px;
}

.method-system__visual h3 {
  font-size: clamp(2.6rem, 3.9vw, 5.4rem);
}

.method-step-card {
  min-height: 245px;
}

.method__ctas,
.masterclass__cta {
  margin-top: clamp(28px, 4vw, 48px);
}

.masterclass {
  background:
    radial-gradient(circle at 50% 8%, rgba(216,178,122,0.10), transparent 34rem),
    linear-gradient(180deg, #07101F 0%, #0B1320 100%);
}

.mc-grid {
  margin-top: clamp(34px, 5vw, 62px);
}

.mc-card {
  min-height: 430px;
  border-color: rgba(216,178,122,0.20);
}

.mc-card--personnel {
  --mc-image: url("visuals-v2/webp/clean/v2-brochure-personnel-night.webp");
}

.mc-card--relationnel {
  --mc-image: url("visuals-v2/webp/clean/v2-future-couple-alignment-night.webp");
}

.mc-card--pro {
  --mc-image: url("visuals-v2/webp/clean/v2-future-professional-trajectory-night.webp");
}

.mc-card::after {
  background:
    linear-gradient(170deg, rgba(11,19,32,0.24) 0%, rgba(11,19,32,0.62) 54%, rgba(7,16,31,0.96) 100%),
    var(--mc-gradient, transparent);
}

.vid-intro {
  padding-top: clamp(76px, 7vw, 104px);
  padding-bottom: clamp(76px, 7vw, 104px);
}

.editorial-hub__head {
  margin-bottom: clamp(34px, 5vw, 64px);
}

.testi {
  background:
    radial-gradient(circle at 50% 0%, rgba(216,178,122,0.08), transparent 32rem),
    var(--ink-night);
}

.proof {
  background:
    radial-gradient(circle at 88% 10%, rgba(216,178,122,0.08), transparent 28rem),
    linear-gradient(180deg, #0B1320, #07101F);
}

@media (max-width: 900px) {
  .checkpoint__split-explain {
    border-radius: 28px;
  }

  .cp-slide {
    min-height: 460px;
  }

  .cp-slide__caption {
    max-width: calc(100% - 34px);
  }
}

@media (max-width: 560px) {
  .checkpoint,
  .masterclass,
  .vid-intro,
  .editorial-hub,
  .testi,
  .proof,
  .endcta,
  .method {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .cp-slide {
    min-height: 520px;
    aspect-ratio: auto;
  }

  .cp-slide::before {
    background:
      linear-gradient(180deg, rgba(7,16,31,0.20) 0%, rgba(7,16,31,0.48) 42%, rgba(7,16,31,0.94) 100%);
  }

  .cp-slide__caption {
    inset: auto 16px 16px 16px;
    max-width: none;
  }

  .checkpoint__split-explain {
    padding: 18px;
  }
}

/* ====================================================================
   V2.5 — HOME REFOCUS
   Lisibilité premium, vrais visuels V2 et méthode Rayflections recentrée.
   ==================================================================== */

.hero {
  min-height: 100svh;
  padding-top: clamp(118px, 13vh, 160px);
}

.hero__bg {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.74) 0%, rgba(7,16,31,0.48) 45%, rgba(7,16,31,0.28) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.30), rgba(7,16,31,0.92)),
    url("visuals-v2/responsive-crops/desktop/v2-hero-night-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .hero__bg {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.62) 0%, rgba(7,16,31,0.36) 46%, rgba(7,16,31,0.18) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.18), rgba(7,16,31,0.74)),
    url("visuals-v2/responsive-crops/desktop/v2-hero-day-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

.hero__shell {
  grid-template-columns: minmax(0, 1.02fr) minmax(330px, 500px) !important;
  align-items: center;
}

.hero__brand-title {
  font-size: clamp(3rem, 7vw, 7.8rem);
  letter-spacing: 0.10em;
}

.hero__title {
  max-width: 13.5ch;
  color: #F5F2EB !important;
}

.hero__title em,
.hero__copilot {
  color: #E5C47D !important;
}

.hero__lead {
  max-width: 60ch;
  color: rgba(245,242,235,0.90) !important;
  font-weight: 500;
}

.hero-flight-panel {
  min-height: 500px;
  border-radius: 36px;
  background:
    linear-gradient(145deg, rgba(245,242,235,0.08), rgba(245,242,235,0.025)),
    rgba(7,16,31,0.56);
}

.hero-flight-panel__media {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.05), rgba(7,16,31,0.48) 48%, rgba(7,16,31,0.92)),
    url("visuals-v2/webp/clean/v2-cockpit-command-panel-natural-night.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .hero-flight-panel__media {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.02), rgba(7,16,31,0.36) 48%, rgba(7,16,31,0.86)),
    url("visuals-v2/webp/clean/v2-cockpit-command-panel-natural-night.webp") center/cover no-repeat !important;
}

.hero-flight-panel__screen {
  margin-top: clamp(210px, 37vh, 280px);
  background: rgba(7,16,31,0.78);
}

.hero-flight-panel__screen strong {
  font-size: clamp(2.4rem, 3.4vw, 4.8rem);
  color: #F5F2EB !important;
}

.hero-flight-panel__note {
  max-width: 34ch;
  color: rgba(245,242,235,0.82);
}

.constat {
  background: #07101F;
}

.constat-panel {
  max-width: 1120px;
}

.constat-panel__title {
  max-width: 15ch;
  font-size: clamp(2.8rem, 5vw, 6.7rem);
}

.constat-truths {
  width: min(100%, 1120px);
  margin: clamp(24px, 4vw, 44px) auto 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

.constat-truths article {
  padding: clamp(22px, 2.6vw, 34px);
  border: 1px solid rgba(216,178,122,0.22);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(245,242,235,0.08), rgba(245,242,235,0.025)),
    rgba(7,16,31,0.62);
  box-shadow: 0 24px 70px rgba(0,0,0,0.24);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}

.constat-truths span {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--gold);
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.74rem;
}

.constat-truths strong {
  display: block;
  color: #F5F2EB;
  font-family: var(--serif);
  font-size: clamp(1.5rem, 1.6vw, 2.15rem);
  font-weight: 500;
  line-height: 1.05;
}

.constat-truths p {
  margin: 12px 0 0;
  color: rgba(245,242,235,0.74);
  line-height: 1.6;
}

html[data-theme="day"] .constat-truths article {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.74), rgba(255,255,255,0.46)),
    rgba(245,242,235,0.80);
  box-shadow: 0 18px 50px rgba(74,58,31,0.12);
}

html[data-theme="day"] .constat-truths strong {
  color: #14233A;
}

html[data-theme="day"] .constat-truths p {
  color: rgba(20,35,58,0.72);
}

.checkpoint,
.method,
.masterclass,
.vid-intro,
.editorial-hub,
.testi,
.proof,
.endcta {
  color: #F5F2EB;
}

html[data-theme="day"] .checkpoint,
html[data-theme="day"] .method,
html[data-theme="day"] .masterclass,
html[data-theme="day"] .vid-intro,
html[data-theme="day"] .editorial-hub,
html[data-theme="day"] .testi,
html[data-theme="day"] .proof,
html[data-theme="day"] .endcta {
  color: #F5F2EB;
}

.checkpoint .t-h1,
.checkpoint .t-lead,
.method .t-h1,
.method .t-lead,
.masterclass .t-h1,
.masterclass .t-lead,
.editorial-hub .t-h1,
.editorial-hub .t-lead,
.testi .t-h1,
.testi .t-lead,
.proof .t-h1,
.proof .t-lead,
.endcta .endcta__title,
.endcta .endcta__copy {
  color: inherit;
}

.checkpoint {
  background:
    radial-gradient(circle at 50% 0%, rgba(216,178,122,0.12), transparent 34rem),
    linear-gradient(180deg, #07101F 0%, #0B1320 100%);
}

.checkpoint__bg {
  opacity: 0.88;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.72), rgba(7,16,31,0.90)),
    url("visuals-v2/responsive-crops/desktop/v2-checkpoint-audit-table-logbook-night-desktop.webp") center/cover no-repeat !important;
}

.checkpoint__brand,
.checkpoint__subtitle {
  color: #F5F2EB !important;
  text-shadow: 0 18px 46px rgba(0,0,0,0.42);
}

.checkpoint__brand em {
  color: #E5C47D !important;
}

.checkpoint__subtitle {
  max-width: 28ch;
}

.checkpoint__essentials span {
  color: #E5C47D;
}

.method__bg {
  background:
    radial-gradient(circle at 50% 42%, rgba(216,178,122,0.18), transparent 26rem),
    linear-gradient(180deg, rgba(7,16,31,0.68), rgba(7,16,31,0.90) 56%, rgba(7,16,31,0.98)),
    url("visuals-v2/responsive-crops/desktop/v2-method-compass-liquid-glass-day-desktop.webp") center/cover no-repeat !important;
}

.method__header--prime {
  padding: clamp(26px, 4vw, 46px);
  border: 1px solid rgba(216,178,122,0.18);
  border-radius: 34px;
  background: rgba(7,16,31,0.48);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  box-shadow: 0 24px 70px rgba(0,0,0,0.28);
}

.method__header--prime .t-h1,
.method__header--prime .t-lead {
  color: #F5F2EB;
}

.method-system {
  grid-template-columns: minmax(340px, 0.9fr) minmax(0, 1.35fr);
}

.method-system__visual {
  min-height: 610px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.method-system__visual::before {
  opacity: 0.88;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.05), rgba(7,16,31,0.28) 42%, rgba(7,16,31,0.92)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-night.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method-system__visual::before {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.04), rgba(7,16,31,0.22) 42%, rgba(7,16,31,0.88)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-day.webp") center/cover no-repeat !important;
}

.method-system__visual h3 {
  max-width: 10ch;
  color: #F5F2EB;
}

.method-system__visual p {
  color: rgba(245,242,235,0.84);
}

.method-step-card {
  background:
    linear-gradient(145deg, rgba(245,242,235,0.10), rgba(245,242,235,0.025)),
    rgba(7,16,31,0.76);
  border-color: rgba(216,178,122,0.25);
}

.method-step-card h3 {
  color: #F5F2EB;
}

.method-step-card p:not(.method-step-card__question) {
  color: rgba(245,242,235,0.78);
}

.masterclass {
  background:
    radial-gradient(circle at 50% 0%, rgba(216,178,122,0.10), transparent 34rem),
    linear-gradient(180deg, #0B1320 0%, #07101F 100%);
}

.mc-card {
  min-height: 455px;
  border-color: rgba(216,178,122,0.30);
}

.mc-card__title,
.mc-card__desc,
.mc-card__stats,
.mc-card__cta {
  color: #F5F2EB;
}

.mc-card__stats li {
  color: rgba(245,242,235,0.78);
}

.vid-intro,
.editorial-hub,
.testi,
.proof,
.endcta {
  background:
    radial-gradient(circle at 50% 0%, rgba(216,178,122,0.08), transparent 34rem),
    linear-gradient(180deg, #07101F 0%, #0B1320 100%);
}

.proof {
  background:
    linear-gradient(180deg, #0B1320 0%, #07101F 100%);
}

.proof-cell {
  background: rgba(245,242,235,0.055);
  border-color: rgba(216,178,122,0.18);
}

.proof-cell__value {
  color: #F5F2EB;
}

.proof-cell__sub {
  color: rgba(245,242,235,0.68);
}

@media (max-width: 980px) {
  .hero__shell,
  .method-system {
    grid-template-columns: 1fr !important;
  }

  .constat-truths {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .hero__bg {
    background:
      linear-gradient(180deg, rgba(7,16,31,0.60), rgba(7,16,31,0.92)),
      url("visuals-v2/responsive-crops/mobile/v2-hero-night-cockpit-human-mobile.webp") center/cover no-repeat !important;
  }

  html[data-theme="day"] .hero__bg {
    background:
      linear-gradient(180deg, rgba(7,16,31,0.42), rgba(7,16,31,0.80)),
      url("visuals-v2/responsive-crops/mobile/v2-hero-day-cockpit-human-mobile.webp") center/cover no-repeat !important;
  }

  .hero-flight-panel {
    min-height: 390px;
  }

  .method-system__visual {
    min-height: 520px;
  }
}

/* ====================================================================
   V2.6 — MOBILE STABILITY
   Empêche les débordements horizontaux et resserre le hero mobile.
   ==================================================================== */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 720px) {
  html {
    scroll-padding-top: 92px;
  }

  .nav {
    padding: 18px 14px 0;
  }

  .nav__inner {
    width: calc(100vw - 28px);
    max-width: calc(100vw - 28px);
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 10px;
    padding: 10px 10px 10px 14px;
  }

  .nav__brand {
    min-width: 0;
    gap: 10px;
  }

  .nav__brand span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: clamp(1rem, 6vw, 1.25rem);
    letter-spacing: 0.035em;
  }

  .nav__brand-mark {
    width: 28px;
    height: 28px;
  }

  .nav__burger {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }

  .theme-toggle {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
  }

  .nav__cta {
    gap: 0;
  }

  .hero {
    min-height: auto;
    padding-top: 136px;
    padding-bottom: 70px;
  }

  .hero__shell {
    width: min(100%, calc(100vw - 40px));
    max-width: calc(100vw - 40px);
    min-height: auto;
    gap: 34px;
  }

  .hero__content,
  .hero__lead,
  .hero__ctas {
    min-width: 0;
    max-width: 100%;
  }

  .hero__brand-title {
    max-width: 100%;
    font-size: clamp(2rem, 9.4vw, 2.62rem);
    letter-spacing: 0.035em;
    line-height: 0.95;
    overflow-wrap: normal;
    text-wrap: balance;
  }

  .hero__copilot {
    margin-bottom: 28px;
    font-size: clamp(1.05rem, 5.5vw, 1.42rem);
  }

  .hero__title {
    max-width: 10.8ch;
    font-size: clamp(3.05rem, 14vw, 4.35rem);
    line-height: 0.98;
    margin-bottom: 28px;
  }

  .hero__lead {
    max-width: 31ch;
    font-size: clamp(0.98rem, 4.1vw, 1.08rem);
    line-height: 1.55;
    overflow-wrap: break-word;
    text-wrap: pretty;
  }

  .hero__ctas {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .hero__ctas .btn {
    width: 100%;
    justify-content: center;
  }

  .hero-flight-panel {
    width: 100%;
    min-height: 360px;
  }

  .checkpoint__brand {
    font-size: clamp(3.1rem, 16vw, 4.8rem);
  }

  .checkpoint__subtitle {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .method__header--prime {
    padding: 28px 22px;
  }

  .method__header--prime .t-h1 {
    font-size: clamp(3rem, 13.5vw, 4.35rem);
  }
}

/* ====================================================================
   V2.7 — PHASE 2 HOME ORIENTATION
   Point d'entrée client, preuve Checkpoint et méthode plus exploitable.
   ==================================================================== */

.entry-router {
  position: relative;
  padding: clamp(76px, 8vw, 120px) var(--gutter);
  overflow: hidden;
  isolation: isolate;
  color: #F5F2EB;
  background:
    radial-gradient(circle at 12% 12%, rgba(216,178,122,0.14), transparent 27rem),
    radial-gradient(circle at 88% 26%, rgba(88,121,168,0.14), transparent 30rem),
    linear-gradient(180deg, #07101F 0%, #0B1320 100%);
}

.entry-router__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.38;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.30), rgba(7,16,31,0.92)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-night.webp") center/cover no-repeat;
  filter: saturate(0.82) contrast(1.03);
}

html[data-theme="day"] .entry-router {
  color: #14233A;
  background:
    radial-gradient(circle at 14% 14%, rgba(184,148,85,0.18), transparent 28rem),
    linear-gradient(180deg, #F5F2EB 0%, #FAF7F0 100%);
}

html[data-theme="day"] .entry-router__bg {
  opacity: 0.20;
  background:
    linear-gradient(180deg, rgba(245,242,235,0.18), rgba(250,247,240,0.88)),
    url("visuals-v2/responsive-crops/desktop/v2-method-compass-liquid-glass-day-desktop.webp") center/cover no-repeat;
}

.entry-router__shell {
  width: var(--shell);
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

.entry-router__head {
  max-width: 880px;
  margin: 0 auto clamp(34px, 5vw, 64px);
  text-align: center;
}

.entry-router__head .eyebrow {
  justify-content: center;
}

.entry-router__head .t-h1,
.entry-router__head .t-lead {
  color: inherit;
}

.route-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

.route-card {
  position: relative;
  min-height: 280px;
  padding: clamp(24px, 2.6vw, 34px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 30px;
  border: 1px solid rgba(216,178,122,0.22);
  background:
    linear-gradient(145deg, rgba(245,242,235,0.095), rgba(245,242,235,0.025)),
    rgba(7,16,31,0.70);
  box-shadow: 0 28px 80px rgba(0,0,0,0.28);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  color: #F5F2EB;
  overflow: hidden;
  transition:
    transform 360ms var(--ease),
    border-color 360ms var(--ease),
    background 360ms var(--ease);
}

.route-card::after {
  content: "→";
  position: absolute;
  right: 24px;
  top: 22px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--gold);
  border: 1px solid rgba(216,178,122,0.26);
  background: rgba(7,16,31,0.38);
}

.route-card:hover {
  transform: translateY(-8px);
  border-color: rgba(216,178,122,0.55);
  background:
    linear-gradient(145deg, rgba(216,178,122,0.16), rgba(245,242,235,0.04)),
    rgba(7,16,31,0.78);
}

.route-card small {
  max-width: calc(100% - 56px);
  color: var(--gold);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.route-card strong {
  display: block;
  margin-top: auto;
  font-family: var(--serif);
  font-size: clamp(1.65rem, 1.9vw, 2.45rem);
  line-height: 1.03;
  font-weight: 500;
}

.route-card span {
  display: block;
  margin-top: 18px;
  color: rgba(245,242,235,0.74);
  line-height: 1.58;
}

html[data-theme="day"] .route-card {
  color: #14233A;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.80), rgba(255,255,255,0.48)),
    rgba(245,242,235,0.72);
  box-shadow: 0 18px 46px rgba(74,58,31,0.12);
}

html[data-theme="day"] .route-card span {
  color: rgba(20,35,58,0.70);
}

.process-rail {
  margin: clamp(28px, 4vw, 48px) auto 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid rgba(216,178,122,0.20);
  background: rgba(216,178,122,0.18);
}

.process-rail div {
  min-height: 138px;
  padding: 24px;
  background: rgba(7,16,31,0.72);
}

.process-rail span {
  display: block;
  margin-bottom: 10px;
  font-family: var(--serif);
  font-size: clamp(1.6rem, 1.9vw, 2.25rem);
  color: #F5F2EB;
}

.process-rail p {
  margin: 0;
  color: rgba(245,242,235,0.70);
  line-height: 1.5;
}

html[data-theme="day"] .process-rail div {
  background: rgba(255,255,255,0.76);
}

html[data-theme="day"] .process-rail span {
  color: #14233A;
}

html[data-theme="day"] .process-rail p {
  color: rgba(20,35,58,0.68);
}

.checkpoint-proof {
  width: min(100%, 1120px);
  margin: clamp(28px, 4vw, 50px) auto clamp(30px, 4vw, 56px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 18px);
}

.checkpoint-proof article {
  min-height: 210px;
  padding: clamp(20px, 2.2vw, 28px);
  border-radius: 26px;
  border: 1px solid rgba(216,178,122,0.20);
  background:
    linear-gradient(145deg, rgba(245,242,235,0.09), rgba(245,242,235,0.025)),
    rgba(7,16,31,0.68);
  box-shadow: 0 24px 70px rgba(0,0,0,0.22);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}

.checkpoint-proof small {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  margin-bottom: 26px;
  color: #07101F;
  background: var(--gold-light);
  font-weight: 900;
}

.checkpoint-proof strong {
  display: block;
  font-family: var(--serif);
  font-size: clamp(1.45rem, 1.55vw, 2rem);
  line-height: 1.08;
  color: #F5F2EB;
  font-weight: 500;
}

.checkpoint-proof p {
  margin: 14px 0 0;
  color: rgba(245,242,235,0.72);
  line-height: 1.55;
}

.method-step-card__checks {
  margin: 18px 0 0;
  padding: 16px 0 0;
  list-style: none;
  border-top: 1px solid rgba(216,178,122,0.16);
  display: grid;
  gap: 9px;
}

.method-step-card__checks li {
  position: relative;
  padding-left: 18px;
  color: rgba(245,242,235,0.68);
  font-size: 0.92rem;
  line-height: 1.45;
}

.method-step-card__checks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold-light);
}

.method-step-card {
  min-height: 315px;
}

@media (max-width: 1080px) {
  .route-grid,
  .checkpoint-proof {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .process-rail {
    grid-template-columns: repeat(5, minmax(180px, 1fr));
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  .process-rail div {
    scroll-snap-align: start;
  }
}

@media (max-width: 680px) {
  .entry-router {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .route-grid,
  .checkpoint-proof {
    grid-template-columns: 1fr;
  }

  .route-card,
  .checkpoint-proof article,
  .method-step-card {
    min-height: auto;
  }
}

/* ====================================================================
   V2.8 — CONTRAST GUARD
   Derniere couche de lisibilite : le texte doit rester premium, mais
   lisible sur les versions jour et nuit, surtout sur images claires.
   ==================================================================== */

section[id] {
  scroll-margin-top: 0;
}

.hero,
.checkpoint,
.method,
.masterclass,
.vid-intro,
.editorial-hub,
.testi,
.proof,
.endcta {
  --section-title: #F7F3EA;
  --section-text: rgba(247,243,234,0.88);
  --section-muted: rgba(247,243,234,0.72);
  --section-gold: #E5C47D;
}

.hero :is(.t-h1, .t-lead, .hero__lead, .hero-flight-panel__note),
.checkpoint :is(.t-h1, .t-lead, .checkpoint__brand, .checkpoint__subtitle, .checkpoint__split-explain p),
.method :is(.t-h1, .t-lead, .method-system__visual h3, .method-system__visual p),
.masterclass :is(.t-h1, .t-lead),
.vid-intro :is(.t-h1, .t-lead),
.editorial-hub :is(.t-h1, .t-lead),
.testi :is(.t-h1, .t-lead),
.proof :is(.t-h1, .t-lead),
.endcta :is(.endcta__title, .endcta__copy) {
  color: var(--section-title) !important;
}

.checkpoint :is(p, li, .checkpoint-proof p, .cp-slide__quote, .cp-slide__split-note),
.method :is(p, li, .method-step-card__checks li),
.masterclass :is(p, li, .mc-card p, .mc-card span),
.vid-intro :is(p, li),
.editorial-hub :is(p, li, .editorial-card p),
.testi :is(p, li, .testi-card__role, .testi__disclaimer),
.proof :is(p, li, .proof-cell__sub),
.endcta :is(p, li) {
  color: var(--section-text) !important;
}

.checkpoint :is(.eyebrow, .checkpoint__essentials span, .checkpoint-proof small, .cp-slide__step),
.method :is(.eyebrow, .method-system__label, .method-step-card__num, .method-step-card__question),
.masterclass :is(.eyebrow, .mc-card__num, .mc-card__tag),
.vid-intro :is(.eyebrow),
.editorial-hub :is(.eyebrow, .editorial-card__type),
.testi :is(.eyebrow, .testimonial-format-strip span, .testi-card__type, .testi-card__metric strong),
.proof :is(.eyebrow, .proof-cell__label, .proof-cell__value),
.endcta :is(.endcta__sig, .eyebrow) {
  color: var(--section-gold) !important;
}

html[data-theme="day"] .hero__bg {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.72) 0%, rgba(7,16,31,0.46) 48%, rgba(7,16,31,0.24) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.22), rgba(7,16,31,0.78)),
    url("visuals-v2/responsive-crops/desktop/v2-hero-day-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .entry-router {
  --section-title: #14233A;
  --section-text: rgba(20,35,58,0.78);
  --section-muted: rgba(20,35,58,0.64);
  --section-gold: #8F6B2E;
}

html[data-theme="day"] .entry-router :is(.t-h1, .t-lead, .route-card strong, .process-rail span) {
  color: var(--section-title) !important;
}

html[data-theme="day"] .entry-router :is(p, .route-card span, .process-rail p) {
  color: var(--section-text) !important;
}

html[data-theme="day"] .entry-router :is(.eyebrow, .route-card small, .t-em) {
  color: var(--section-gold) !important;
}

html[data-theme="day"] .route-card::after {
  color: #14233A;
  border-color: rgba(143,107,46,0.30);
  background: rgba(143,107,46,0.13);
}

html[data-theme="day"] .process-rail {
  border-color: rgba(143,107,46,0.20);
  background: rgba(143,107,46,0.16);
}

html[data-theme="day"] .process-rail div {
  background: rgba(255,255,255,0.86);
}

html[data-theme="day"] .checkpoint__bg,
html[data-theme="day"] .method__bg {
  filter: saturate(0.96) contrast(1.04) brightness(0.78);
}

html[data-theme="day"] .checkpoint-proof article,
html[data-theme="day"] .method-step-card,
html[data-theme="day"] .testimonial-format-strip,
html[data-theme="day"] .testi-card,
html[data-theme="day"] .proof-cell {
  background:
    linear-gradient(145deg, rgba(7,16,31,0.88), rgba(7,16,31,0.74)),
    rgba(7,16,31,0.82);
}

/* ====================================================================
   V2.9 — NOVA HOME AUDIT
   Home recentree : moins de redondance, texte plus lisible, images plus
   contextuelles et contraste stabilise jour/nuit.
   ==================================================================== */

.hero {
  min-height: 100svh;
  padding-top: clamp(132px, 14vh, 178px);
  padding-bottom: clamp(76px, 10vh, 118px);
}

.hero__bg {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.84) 0%, rgba(7,16,31,0.58) 43%, rgba(7,16,31,0.30) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.20) 0%, rgba(7,16,31,0.90) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-hero-night-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .hero__bg {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.78) 0%, rgba(7,16,31,0.52) 46%, rgba(7,16,31,0.26) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.18) 0%, rgba(7,16,31,0.82) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-hero-day-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

.hero__shell {
  display: grid !important;
  grid-template-columns: minmax(0, 820px) !important;
  justify-content: start;
  align-items: center;
  min-height: calc(100svh - 230px);
  gap: 0;
}

.hero__brand-title {
  max-width: 100%;
  font-size: clamp(3.1rem, 7.5vw, 8.4rem);
  line-height: 0.86;
}

.hero__copilot {
  margin-bottom: clamp(22px, 3vw, 34px);
  color: #E5C47D !important;
}

.hero__title {
  max-width: 12.9ch;
  margin-bottom: clamp(24px, 3vw, 36px);
  color: #F7F3EA !important;
}

.hero__lead {
  max-width: 54ch;
  font-size: clamp(1.02rem, 0.94rem + 0.34vw, 1.22rem);
  line-height: 1.72;
  color: rgba(247,243,234,0.91) !important;
}

.hero-flight-panel {
  display: none !important;
}

.constat-panel {
  text-wrap: balance;
}

.constat-panel__title {
  max-width: 14.5ch;
}

.constat-panel p,
.entry-router__head .t-lead,
.checkpoint__header .t-lead,
.method__header .t-lead,
.masterclass .t-lead,
.vid-intro .t-lead,
.endcta__copy {
  text-wrap: pretty;
}

section[id] {
  scroll-margin-top: 118px;
}

.checkpoint {
  padding-top: clamp(86px, 9vw, 128px);
  padding-bottom: clamp(86px, 9vw, 128px);
}

.checkpoint__bg {
  opacity: 0.94;
  background:
    radial-gradient(circle at 46% 12%, rgba(216,178,122,0.14), transparent 30rem),
    linear-gradient(180deg, rgba(7,16,31,0.74), rgba(7,16,31,0.93)),
    url("visuals-v2/responsive-crops/desktop/v2-checkpoint-audit-table-logbook-night-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .checkpoint__bg {
  filter: none;
  background:
    radial-gradient(circle at 46% 12%, rgba(184,148,85,0.16), transparent 30rem),
    linear-gradient(180deg, rgba(7,16,31,0.62), rgba(7,16,31,0.88)),
    url("visuals-v2/webp/clean/v2-checkpoint-audit-table-logbook-day.webp") center/cover no-repeat !important;
}

.checkpoint__header {
  max-width: 900px;
  margin-inline: auto;
  text-align: center;
}

.checkpoint__header .offer-kicker {
  justify-content: center;
}

.checkpoint__brand {
  max-width: 11ch;
  margin-inline: auto;
  font-size: clamp(3.2rem, 5.2vw, 6.5rem);
}

.checkpoint__subtitle {
  max-width: 24ch;
  margin-inline: auto;
  font-size: clamp(1.75rem, 2.4vw, 3.15rem);
  line-height: 1.02;
}

.checkpoint__header .t-lead {
  margin-inline: auto;
  color: rgba(247,243,234,0.86) !important;
}

.checkpoint__essentials {
  justify-content: center;
}

.checkpoint-proof {
  max-width: 980px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(30px, 4vw, 48px);
  margin-bottom: clamp(34px, 5vw, 64px);
}

.checkpoint-proof article {
  min-height: 190px;
  display: flex;
  flex-direction: column;
}

.checkpoint .checkpoint-proof small {
  margin-bottom: 22px;
  color: #07101F !important;
}

.checkpoint-proof strong {
  font-size: clamp(1.55rem, 1.7vw, 2.12rem);
}

.checkpoint-proof p {
  color: rgba(247,243,234,0.78) !important;
}

.checkpoint__split-explain {
  display: none !important;
}

.cp-carousel {
  margin-top: clamp(24px, 4vw, 42px);
}

.cp-slide {
  min-height: clamp(430px, 54vw, 560px);
}

.cp-slide__caption {
  max-width: min(540px, calc(100% - 44px));
}

.cp-slide__title {
  max-width: 14ch;
}

.method__bg {
  filter: none !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(216,178,122,0.20), transparent 28rem),
    linear-gradient(180deg, rgba(7,16,31,0.72), rgba(7,16,31,0.92) 58%, rgba(7,16,31,0.98)),
    url("visuals-v2/responsive-crops/desktop/v2-method-compass-liquid-glass-day-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method__bg {
  filter: none !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(184,148,85,0.18), transparent 28rem),
    linear-gradient(180deg, rgba(7,16,31,0.48), rgba(7,16,31,0.76) 58%, rgba(7,16,31,0.92)),
    url("visuals-v2/responsive-crops/desktop/v2-method-compass-liquid-glass-day-desktop.webp") center/cover no-repeat !important;
}

.method-system__visual {
  min-height: 560px;
}

.method__header--prime {
  background: rgba(7,16,31,0.68);
}

.method__header--prime .t-lead {
  color: rgba(247,243,234,0.86) !important;
}

.method-system__visual h3 {
  max-width: 9.5ch;
}

.method-step-card {
  min-height: 286px;
}

.method-step-card p:not(.method-step-card__question),
.method-step-card__checks li {
  color: rgba(247,243,234,0.78) !important;
}

.masterclass {
  padding-top: clamp(86px, 9vw, 126px);
  padding-bottom: clamp(86px, 9vw, 126px);
  background:
    radial-gradient(circle at 18% 8%, rgba(216,178,122,0.12), transparent 30rem),
    radial-gradient(circle at 82% 16%, rgba(88,121,168,0.12), transparent 32rem),
    linear-gradient(180deg, #0B1320 0%, #07101F 100%);
}

.masterclass .method__header {
  max-width: 760px !important;
}

.mc-card {
  min-height: 430px;
}

.mc-card--personnel {
  --mc-image: url("visuals-v2/webp/clean/v2-mental-reset-clear-desk-night.webp") !important;
}

.mc-card--relationnel {
  --mc-image: url("visuals-v2/future-needs/clean/v2-future-couple-decision-night.webp") !important;
}

.mc-card--pro {
  --mc-image: url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-night.webp?v=20260710-founder-cache-v1") !important;
}

html[data-theme="day"] .mc-card--personnel {
  --mc-image: url("visuals-v2/webp/clean/v2-mental-reset-clear-desk-morning.webp") !important;
}

html[data-theme="day"] .mc-card--relationnel {
  --mc-image: url("visuals-v2/future-needs/clean/v2-future-couple-decision-day.webp") !important;
}

html[data-theme="day"] .mc-card--pro {
  --mc-image: url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-day.webp?v=20260710-founder-cache-v1") !important;
}

.mc-card::after {
  background:
    linear-gradient(170deg, rgba(11,19,32,0.20) 0%, rgba(11,19,32,0.62) 52%, rgba(7,16,31,0.97) 100%),
    var(--mc-gradient, transparent);
}

.vid-intro {
  padding-top: clamp(78px, 8vw, 112px);
  padding-bottom: clamp(78px, 8vw, 112px);
}

.endcta {
  padding-top: clamp(88px, 10vw, 138px);
  padding-bottom: clamp(88px, 10vw, 138px);
  background:
    radial-gradient(circle at 50% 12%, rgba(216,178,122,0.12), transparent 32rem),
    linear-gradient(180deg, #0B1320 0%, #07101F 100%);
}

.endcta__title {
  max-width: 13ch;
  margin-inline: auto;
}

.endcta__copy {
  max-width: 760px;
}

@media (max-width: 1080px) {
  .hero__shell {
    grid-template-columns: minmax(0, 760px) !important;
  }

  .method-system {
    grid-template-columns: 1fr !important;
  }

  .checkpoint-proof {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  section[id] {
    scroll-margin-top: 96px;
  }

  .hero {
    padding-top: 132px;
    padding-bottom: 66px;
  }

  .hero__bg {
    background:
      linear-gradient(180deg, rgba(7,16,31,0.70), rgba(7,16,31,0.94)),
      url("visuals-v2/responsive-crops/mobile/v2-hero-night-cockpit-human-mobile.webp") center/cover no-repeat !important;
  }

  html[data-theme="day"] .hero__bg {
    background:
      linear-gradient(180deg, rgba(7,16,31,0.56), rgba(7,16,31,0.86)),
      url("visuals-v2/responsive-crops/mobile/v2-hero-day-cockpit-human-mobile.webp") center/cover no-repeat !important;
  }

  .hero__shell {
    width: min(100%, calc(100vw - 38px));
    max-width: calc(100vw - 38px);
    min-height: auto;
  }

  .hero__brand-title {
    font-size: clamp(2.15rem, 10vw, 3rem);
    letter-spacing: 0.04em;
  }

  .hero__title {
    max-width: 11.2ch;
    font-size: clamp(3rem, 13vw, 4.1rem);
  }

  .hero__lead {
    max-width: 33ch;
    line-height: 1.62;
  }

  .checkpoint,
  .method,
  .masterclass,
  .vid-intro,
  .endcta {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .checkpoint__brand {
    max-width: 10ch;
    font-size: clamp(3rem, 15vw, 4.35rem);
  }

  .checkpoint__subtitle {
    font-size: clamp(1.75rem, 8vw, 2.55rem);
  }

  .checkpoint__essentials {
    justify-content: flex-start;
  }

  .checkpoint-proof {
    margin-bottom: 36px;
  }

  .cp-slide {
    min-height: 500px;
  }

  .method-system__visual {
    min-height: 500px;
  }

  .method-step-card {
    min-height: auto;
  }

  .mc-card {
    min-height: 380px;
  }
}

/* ====================================================================
   V3.0 — APPLE-LIKE RAYFLECTIONS PASS
   But : conserver la DA Rayflections, mais passer la home dans une
   experience plus claire, plus respirante et plus "produit".
   References UX : grandes cartes, peu de texte, image dominante,
   hierarchie nette et lecture immediate.
   ==================================================================== */

.hero--apple {
  min-height: 100svh !important;
  padding-top: clamp(132px, 13vh, 172px) !important;
  padding-bottom: clamp(78px, 10vh, 122px) !important;
  background: #07101f !important;
}

.hero--apple .hero__bg {
  opacity: 1 !important;
  filter: none !important;
  background:
    radial-gradient(circle at 76% 16%, rgba(216,178,122,0.18), transparent 24rem),
    linear-gradient(90deg, rgba(7,16,31,0.96) 0%, rgba(7,16,31,0.78) 42%, rgba(7,16,31,0.44) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.18) 0%, rgba(7,16,31,0.94) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-hero-night-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .hero--apple .hero__bg {
  background:
    radial-gradient(circle at 76% 16%, rgba(184,148,85,0.16), transparent 24rem),
    linear-gradient(90deg, rgba(7,16,31,0.88) 0%, rgba(7,16,31,0.60) 44%, rgba(7,16,31,0.24) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.10) 0%, rgba(7,16,31,0.78) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-hero-day-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

.hero--apple .hero__shell {
  display: grid !important;
  grid-template-columns: minmax(0, 0.98fr) minmax(360px, 0.66fr) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(34px, 5vw, 92px) !important;
  width: min(1560px, calc(100% - 72px)) !important;
  max-width: 1560px !important;
  min-height: calc(100svh - 240px) !important;
}

.hero--apple .hero__copy {
  max-width: 820px !important;
}

.hero--apple .hero__brand-title {
  max-width: 100% !important;
  font-size: clamp(3.2rem, 7.6vw, 8.9rem) !important;
  line-height: 0.84 !important;
  letter-spacing: 0.12em !important;
  color: rgba(247,243,234,0.96) !important;
}

.hero--apple .hero__copilot {
  margin-bottom: clamp(22px, 3vw, 34px) !important;
  color: #e5c47d !important;
}

.hero--apple .hero__title {
  max-width: 12.5ch !important;
  margin-bottom: clamp(24px, 3vw, 36px) !important;
  color: #fffaf0 !important;
}

.hero--apple .hero__title em {
  color: #e5c47d !important;
}

.hero--apple .hero__lead {
  max-width: 56ch !important;
  font-size: clamp(1.03rem, 0.95rem + 0.34vw, 1.23rem) !important;
  line-height: 1.7 !important;
  color: rgba(247,243,234,0.90) !important;
}

.hero--apple .hero-flight-panel {
  display: none !important;
}

.hero--apple .hero-experience-card {
  display: block !important;
  position: relative !important;
  min-height: clamp(470px, 56vh, 640px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(224,190,120,0.25) !important;
  border-radius: clamp(30px, 4vw, 48px) !important;
  background: rgba(7,16,31,0.48) !important;
  box-shadow: 0 36px 120px rgba(0,0,0,0.46) !important;
  backdrop-filter: blur(18px) saturate(138%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(138%) !important;
}

.hero--apple .hero-experience-card__media {
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.04), rgba(7,16,31,0.42) 52%, rgba(7,16,31,0.95)),
    url("visuals-v2/webp/clean/v2-cockpit-command-panel-natural-night.webp") center/cover no-repeat !important;
  transform: scale(1.01) !important;
}

html[data-theme="day"] .hero--apple .hero-experience-card__media {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(7,16,31,0.32) 52%, rgba(7,16,31,0.88)),
    url("visuals-v2/webp/clean/v2-cockpit-command-panel-natural-day.webp") center/cover no-repeat !important;
}

.hero--apple .hero-experience-card__panel {
  position: absolute !important;
  left: clamp(18px, 3vw, 34px) !important;
  right: clamp(18px, 3vw, 34px) !important;
  bottom: clamp(18px, 3vw, 34px) !important;
  padding: clamp(22px, 3vw, 34px) !important;
  border: 1px solid rgba(224,190,120,0.24) !important;
  border-radius: 30px !important;
  background: rgba(7,16,31,0.86) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,0.42) !important;
}

.hero--apple .hero-experience-card__panel span {
  display: block !important;
  margin-bottom: 14px !important;
  color: #d8b27a !important;
  font: 700 0.78rem/1.1 var(--sans) !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

.hero--apple .hero-experience-card__panel strong {
  display: block !important;
  max-width: 12ch !important;
  color: #fffaf0 !important;
  font-family: var(--serif) !important;
  font-size: clamp(3rem, 4.8vw, 5.2rem) !important;
  font-weight: 500 !important;
  line-height: 0.94 !important;
}

.hero--apple .hero-experience-card__panel p {
  max-width: 36ch !important;
  margin: 18px 0 0 !important;
  color: rgba(247,243,234,0.72) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.method--apple {
  min-height: auto !important;
  padding-top: clamp(96px, 11vw, 156px) !important;
  padding-bottom: clamp(96px, 11vw, 156px) !important;
  background: #07101f !important;
}

.method--apple .method__bg {
  opacity: 0.9 !important;
  filter: none !important;
  background:
    radial-gradient(circle at 52% 26%, rgba(216,178,122,0.18), transparent 26rem),
    linear-gradient(180deg, rgba(7,16,31,0.86) 0%, rgba(7,16,31,0.64) 38%, rgba(7,16,31,0.98) 100%),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-night.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method--apple {
  background: #f5f2eb !important;
}

html[data-theme="day"] .method--apple .method__bg {
  opacity: 0.94 !important;
  filter: none !important;
  background:
    radial-gradient(circle at 52% 26%, rgba(184,148,85,0.18), transparent 26rem),
    linear-gradient(180deg, rgba(245,242,235,0.88) 0%, rgba(245,242,235,0.60) 38%, rgba(245,242,235,0.96) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-method-compass-liquid-glass-day-desktop.webp") center/cover no-repeat !important;
}

.method--apple .method__shell {
  width: min(1480px, calc(100% - 72px)) !important;
}

.method--apple .method__header--prime {
  max-width: 1060px !important;
  margin: 0 auto clamp(44px, 7vw, 90px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}

.method--apple .method__header--prime .eyebrow {
  color: #e5c47d !important;
}

.method--apple .method__header--prime .t-h1 {
  max-width: 10.6ch !important;
  margin-inline: auto !important;
  color: #fffaf0 !important;
  font-size: clamp(4.2rem, 9vw, 9rem) !important;
  line-height: 0.86 !important;
  letter-spacing: -0.055em !important;
}

.method--apple .method__header--prime .t-h1 .t-em {
  color: #e5c47d !important;
}

.method--apple .method__header--prime .t-lead {
  max-width: 780px !important;
  margin: clamp(24px, 3vw, 36px) auto 0 !important;
  color: rgba(247,243,234,0.82) !important;
  font-size: clamp(1.07rem, 0.98rem + 0.4vw, 1.34rem) !important;
  line-height: 1.68 !important;
}

html[data-theme="day"] .method--apple .method__header--prime .t-h1 {
  color: #14233a !important;
}

html[data-theme="day"] .method--apple .method__header--prime .t-lead {
  color: rgba(20,35,58,0.78) !important;
}

.method--apple .method-apple {
  display: grid !important;
  gap: clamp(22px, 3vw, 34px) !important;
}

.method--apple .method-apple__hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr) !important;
  align-items: stretch !important;
  min-height: clamp(500px, 54vw, 680px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(224,190,120,0.22) !important;
  border-radius: clamp(32px, 4vw, 52px) !important;
  background: rgba(7,16,31,0.72) !important;
  box-shadow: 0 34px 110px rgba(0,0,0,0.42) !important;
}

.method--apple .method-apple__visual {
  min-height: 500px !important;
  background:
    linear-gradient(90deg, rgba(7,16,31,0.06), rgba(7,16,31,0.72)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-night.webp") center/cover no-repeat !important;
}

.method--apple .method-apple__hero-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(34px, 5vw, 78px) !important;
}

.method--apple .method-apple__hero-copy span,
.method--apple .method-apple-card__copy span {
  color: #e5c47d !important;
  font: 700 0.78rem/1.1 var(--sans) !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

.method--apple .method-apple__hero-copy h3 {
  max-width: 11.5ch !important;
  margin: 18px 0 22px !important;
  color: #fffaf0 !important;
  font-family: var(--serif) !important;
  font-size: clamp(3.1rem, 5vw, 6.2rem) !important;
  font-weight: 500 !important;
  line-height: 0.92 !important;
  letter-spacing: -0.045em !important;
}

.method--apple .method-apple__hero-copy p {
  max-width: 42ch !important;
  color: rgba(247,243,234,0.76) !important;
  font-size: clamp(1rem, 0.95rem + 0.24vw, 1.18rem) !important;
  line-height: 1.7 !important;
}

.method--apple .method-apple__cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(240px, 1fr)) !important;
  gap: clamp(18px, 2vw, 26px) !important;
}

.method--apple .method-apple-card {
  position: relative !important;
  display: grid !important;
  min-height: 560px !important;
  overflow: hidden !important;
  border: 1px solid rgba(224,190,120,0.20) !important;
  border-radius: clamp(28px, 3vw, 42px) !important;
  background: rgba(7,16,31,0.78) !important;
  box-shadow: 0 24px 82px rgba(0,0,0,0.28) !important;
}

.method--apple .method-apple-card__media {
  position: absolute !important;
  inset: 0 !important;
  min-height: 0 !important;
  opacity: 0.84 !important;
  background-size: cover !important;
  background-position: center !important;
}

.method--apple .method-apple-card__media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.10) 0%, rgba(7,16,31,0.34) 42%, rgba(7,16,31,0.92) 100%) !important;
}

.method--apple .method-apple-card__copy {
  position: relative !important;
  z-index: 1 !important;
  align-self: end !important;
  padding: clamp(24px, 3vw, 34px) !important;
}

.method--apple .method-apple-card__copy h3 {
  margin: 18px 0 12px !important;
  color: #fffaf0 !important;
  font-family: var(--serif) !important;
  font-size: clamp(2.15rem, 2.8vw, 3.65rem) !important;
  font-weight: 500 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
}

.method--apple .method-apple-card__copy p {
  max-width: 26ch !important;
  margin: 0 0 16px !important;
  color: rgba(247,243,234,0.78) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

.method--apple .method-apple-card__copy strong {
  display: block !important;
  max-width: 27ch !important;
  color: rgba(247,243,234,0.94) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

.method--apple .method-apple-card--reset .method-apple-card__media {
  background-image: url("visuals-v2/webp/clean/v2-mental-reset-clear-desk-night.webp") !important;
}

.method--apple .method-apple-card--mirror .method-apple-card__media {
  background-image: url("visuals-v2/webp/clean/v2-mirror-lucidity-natural-night.webp") !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media {
  background-image: url("visuals-v2/webp/clean/v2-vision-horizon-logbook-night.webp") !important;
}

.method--apple .method-apple-card--direction .method-apple-card__media {
  background-image: url("visuals-v2/webp/clean/v2-direction-roadmap-30-60-90-night.webp") !important;
}

html[data-theme="day"] .method--apple .method-apple__hero-card,
html[data-theme="day"] .method--apple .method-apple-card {
  background: rgba(255,252,246,0.88) !important;
  border-color: rgba(184,148,85,0.24) !important;
  box-shadow: 0 26px 86px rgba(20,35,58,0.13) !important;
}

html[data-theme="day"] .method--apple .method-apple__visual {
  background:
    linear-gradient(90deg, rgba(245,242,235,0.02), rgba(245,242,235,0.62)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-day.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card__media {
  opacity: 0.74 !important;
}

html[data-theme="day"] .method--apple .method-apple-card__media::after {
  background:
    linear-gradient(180deg, rgba(245,242,235,0.04) 0%, rgba(245,242,235,0.38) 42%, rgba(245,242,235,0.94) 100%) !important;
}

html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media {
  background-image: url("visuals-v2/webp/clean/v2-mental-reset-clear-desk-morning.webp") !important;
}

html[data-theme="day"] .method--apple .method-apple-card--mirror .method-apple-card__media {
  background-image: url("visuals-v2/webp/clean/v2-mirror-lucidity-natural-day.webp") !important;
}

html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media {
  background-image: url("visuals-v2/webp/clean/v2-vision-horizon-logbook-day.webp") !important;
}

html[data-theme="day"] .method--apple .method-apple-card--direction .method-apple-card__media {
  background-image: url("visuals-v2/webp/clean/v2-direction-roadmap-30-60-90-day.webp") !important;
}

html[data-theme="day"] .method--apple .method-apple__hero-copy h3,
html[data-theme="day"] .method--apple .method-apple-card__copy h3,
html[data-theme="day"] .method--apple .method-apple-card__copy strong {
  color: #14233a !important;
}

html[data-theme="day"] .method--apple .method-apple__hero-copy p,
html[data-theme="day"] .method--apple .method-apple-card__copy p {
  color: rgba(20,35,58,0.74) !important;
}

.method--apple .method__ctas {
  margin-top: clamp(32px, 5vw, 56px) !important;
}

@media (max-width: 1180px) {
  .hero--apple .hero__shell,
  .method--apple .method-apple__hero-card {
    grid-template-columns: 1fr !important;
  }

  .hero--apple .hero-experience-card {
    min-height: 520px !important;
  }

  .method--apple .method-apple__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .hero--apple .hero__shell,
  .method--apple .method__shell {
    width: min(100%, calc(100vw - 38px)) !important;
    max-width: calc(100vw - 38px) !important;
  }

  .hero--apple .hero-experience-card {
    min-height: 420px !important;
    border-radius: 30px !important;
  }

  .hero--apple .hero-experience-card__panel strong {
    font-size: clamp(2.45rem, 12vw, 3.65rem) !important;
  }

  .method--apple .method__header--prime .t-h1 {
    font-size: clamp(3.25rem, 15vw, 5.3rem) !important;
  }

  .method--apple .method-apple__hero-card {
    min-height: auto !important;
  }

  .method--apple .method-apple__visual {
    min-height: 350px !important;
  }

  .method--apple .method-apple__cards {
    grid-template-columns: 1fr !important;
  }

  .method--apple .method-apple-card {
    min-height: 500px !important;
  }
}

/* ====================================================================
   V3.1 — HERO + METHODE EXPERIENCE PASS
   Inspiration UX : Apple product/editorial cards.
   Objectif : moins de decor, plus de demonstration lisible.
   ==================================================================== */

.hero--apple {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 100svh !important;
  padding: clamp(126px, 12vh, 156px) 0 clamp(58px, 7vh, 86px) !important;
  overflow: hidden !important;
  background: #07101f !important;
}

.hero--apple .hero__bg {
  opacity: 1 !important;
  filter: none !important;
  background:
    radial-gradient(circle at 74% 18%, rgba(216,178,122,0.16), transparent 22rem),
    linear-gradient(90deg, rgba(7,16,31,0.98) 0%, rgba(7,16,31,0.82) 42%, rgba(7,16,31,0.42) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.04) 0%, rgba(7,16,31,0.94) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .hero--apple .hero__bg {
  background:
    radial-gradient(circle at 74% 18%, rgba(184,148,85,0.18), transparent 22rem),
    linear-gradient(90deg, rgba(9,18,32,0.90) 0%, rgba(9,18,32,0.64) 44%, rgba(9,18,32,0.24) 100%),
    linear-gradient(180deg, rgba(245,242,235,0.08) 0%, rgba(7,16,31,0.68) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center/cover no-repeat !important;
}

.hero--apple .hero__noise,
.hero--apple .particles {
  opacity: 0.16 !important;
}

.hero--apple .hero__shell {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.72fr) !important;
  align-items: center !important;
  gap: clamp(32px, 5vw, 86px) !important;
  width: min(1480px, calc(100% - 72px)) !important;
  max-width: 1480px !important;
  min-height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.hero--apple .hero__copy {
  max-width: 780px !important;
}

.hero--apple .hero__brand-title {
  margin-bottom: clamp(16px, 2.5vw, 26px) !important;
  font-size: clamp(3.4rem, 6.6vw, 7.4rem) !important;
  line-height: 0.86 !important;
  letter-spacing: 0.11em !important;
  color: rgba(255,250,240,0.98) !important;
  text-shadow: 0 18px 48px rgba(0,0,0,0.34) !important;
}

.hero--apple .hero__copilot {
  margin: 0 0 clamp(22px, 3vw, 34px) !important;
  color: #e5c47d !important;
  font-size: clamp(1.2rem, 1.6vw, 1.55rem) !important;
  letter-spacing: 0.04em !important;
}

html[data-theme="day"] .hero--apple .hero__copilot {
  color: #FFFFFF !important;
  text-shadow: 0 2px 16px rgba(7, 16, 31, 0.55) !important;
}

.hero--apple .hero__title {
  max-width: 13ch !important;
  margin: 0 0 clamp(22px, 3vw, 32px) !important;
  color: #fffaf0 !important;
  font-size: clamp(3.2rem, 5.7vw, 6.35rem) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance !important;
}

.hero--apple .hero__lead {
  max-width: 58ch !important;
  margin-bottom: clamp(24px, 3vw, 34px) !important;
  color: rgba(255,250,240,0.88) !important;
  font-size: clamp(1.02rem, 0.96rem + 0.28vw, 1.18rem) !important;
  line-height: 1.68 !important;
}

.hero--apple .hero__ctas {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

.hero--apple .hero-experience-card {
  align-self: center !important;
  min-height: clamp(430px, 51vh, 590px) !important;
  border-radius: clamp(30px, 4vw, 46px) !important;
  background: rgba(9,18,32,0.42) !important;
}

.hero--apple .hero-experience-card__media {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.02), rgba(7,16,31,0.34) 52%, rgba(7,16,31,0.92)),
    url("visuals-v2/webp/clean/v2-cockpit-command-panel-natural-night.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .hero--apple .hero-experience-card__media {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.02), rgba(7,16,31,0.25) 52%, rgba(7,16,31,0.88)),
    url("visuals-v2/webp/clean/v2-cockpit-command-panel-natural-day.webp") center/cover no-repeat !important;
}

.hero--apple .hero-experience-card__panel {
  border-radius: 28px !important;
  background: rgba(7,16,31,0.82) !important;
}

.hero--apple .hero-experience-card__panel strong {
  max-width: 13ch !important;
  font-size: clamp(2.55rem, 4vw, 4.55rem) !important;
  line-height: 0.96 !important;
}

.method--apple {
  position: relative !important;
  padding: clamp(98px, 11vw, 164px) 0 !important;
  overflow: hidden !important;
  background: #07101f !important;
}

.method--apple .method__bg {
  opacity: 1 !important;
  filter: none !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(216,178,122,0.12), transparent 26rem),
    radial-gradient(circle at 82% 74%, rgba(112,155,196,0.10), transparent 28rem),
    linear-gradient(180deg, #07101f 0%, #0b1423 54%, #07101f 100%) !important;
}

html[data-theme="day"] .method--apple {
  background: #f5f2eb !important;
}

html[data-theme="day"] .method--apple .method__bg {
  background:
    radial-gradient(circle at 18% 16%, rgba(184,148,85,0.13), transparent 26rem),
    radial-gradient(circle at 82% 74%, rgba(20,35,58,0.08), transparent 28rem),
    linear-gradient(180deg, #f5f2eb 0%, #fffaf2 54%, #f5f2eb 100%) !important;
}

.method--apple .method__shell {
  position: relative !important;
  z-index: 1 !important;
  width: min(1420px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
}

.method--apple .method__header--prime {
  max-width: 980px !important;
  margin: 0 auto clamp(42px, 6.5vw, 82px) !important;
}

.method--apple .method__header--prime .t-h1 {
  max-width: 11.6ch !important;
  font-size: clamp(3.65rem, 7.2vw, 7.9rem) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.052em !important;
}

.method--apple .method__header--prime .t-lead {
  max-width: 760px !important;
  font-size: clamp(1.06rem, 0.98rem + 0.34vw, 1.26rem) !important;
  line-height: 1.64 !important;
}

.method--apple .method-apple {
  gap: clamp(22px, 3vw, 34px) !important;
}

.method--apple .method-apple__hero-card {
  grid-template-columns: minmax(0, 1.04fr) minmax(350px, 0.82fr) !important;
  min-height: clamp(460px, 46vw, 620px) !important;
  border-radius: clamp(30px, 4vw, 48px) !important;
  background: rgba(12,23,39,0.82) !important;
}

.method--apple .method-apple__visual {
  min-height: 460px !important;
  background:
    linear-gradient(90deg, rgba(7,16,31,0.02), rgba(7,16,31,0.54)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-night.webp") center/cover no-repeat !important;
  background-position: center 70% !important;
}

.method--apple .method-apple__visual--video {
  position: relative !important;
  overflow: hidden !important;
}

.method--apple .method-apple__visual--player {
  background: #07101f !important;
}

.method--apple .method-apple__visual--video::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(217, 189, 120, 0.16), transparent 34%),
    linear-gradient(90deg, rgba(7, 16, 31, 0.04), rgba(7, 16, 31, 0.52)) !important;
}

.method--apple .method-apple__video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 60% !important;
  opacity: 0 !important;
  transition: opacity 800ms ease !important;
}

.method--apple .method-apple__visual--player::after {
  display: none !important;
}

.method--apple .method-apple__visual--player .method-apple__video {
  background: #07101f !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1 !important;
}

.method--apple .method-apple__play {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 3 !important;
  width: clamp(72px, 7.4vw, 112px) !important;
  height: clamp(72px, 7.4vw, 112px) !important;
  transform: translate(-50%, -50%) !important;
  border: 1px solid rgba(216, 178, 122, 0.78) !important;
  border-radius: 999px !important;
  background: rgba(7, 16, 31, 0.66) !important;
  color: #f6f0e5 !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.34),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(10px) !important;
  transition: opacity 220ms ease, transform 220ms ease, background 220ms ease, border-color 220ms ease !important;
}

.method--apple .method-apple__play:hover,
.method--apple .method-apple__play:focus-visible {
  background: rgba(216, 178, 122, 0.2) !important;
  border-color: rgba(216, 178, 122, 0.98) !important;
  outline: none !important;
  transform: translate(-50%, -50%) scale(1.04) !important;
}

.method--apple .method-apple__play-icon {
  width: 0 !important;
  height: 0 !important;
  border-top: clamp(12px, 1.2vw, 18px) solid transparent !important;
  border-bottom: clamp(12px, 1.2vw, 18px) solid transparent !important;
  border-left: clamp(20px, 1.9vw, 30px) solid currentColor !important;
  margin-left: clamp(4px, 0.5vw, 7px) !important;
}

.method--apple .method-apple__visual--player.is-playing .method-apple__play {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) scale(0.92) !important;
}

html[data-theme="day"] .method--apple .method-apple__play {
  background: rgba(7, 16, 31, 0.7) !important;
  color: #fffaf0 !important;
}

.method--apple .method-apple__video.is-ready {
  opacity: 1 !important;
}

.method--apple .method-apple__hero-copy {
  padding: clamp(32px, 4.6vw, 68px) !important;
}

.method--apple .method-apple__hero-copy h3 {
  max-width: 12.4ch !important;
  font-size: clamp(2.8rem, 4.4vw, 5.35rem) !important;
  line-height: 0.96 !important;
}

.method--apple .method-apple__cards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2vw, 24px) !important;
}

.method--apple .method-apple-card {
  min-height: clamp(430px, 38vw, 520px) !important;
  border-radius: clamp(24px, 3vw, 38px) !important;
}

.method--apple .method-apple-card__copy {
  padding: clamp(22px, 2.6vw, 30px) !important;
}

.method--apple .method-apple-card__copy h3 {
  font-size: clamp(2.05rem, 2.55vw, 3.15rem) !important;
}

html[data-theme="day"] .method--apple .method-apple__hero-card,
html[data-theme="day"] .method--apple .method-apple-card {
  background: rgba(255,252,246,0.92) !important;
  border-color: rgba(184,148,85,0.24) !important;
  box-shadow: 0 28px 82px rgba(20,35,58,0.12) !important;
}

html[data-theme="day"] .method--apple .method-apple__visual {
  background:
    linear-gradient(90deg, rgba(255,252,246,0.02), rgba(255,252,246,0.64)),
    url("visuals-v2/webp/clean/v2-method-compass-liquid-glass-day.webp") center/cover no-repeat !important;
  background-position: center 70% !important;
}

html[data-theme="day"] .method--apple .method-apple__visual--video::after {
  background:
    radial-gradient(circle at 22% 18%, rgba(184, 148, 85, 0.14), transparent 34%),
    linear-gradient(90deg, rgba(255, 252, 246, 0.02), rgba(255, 252, 246, 0.42)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .method--apple .method-apple__video {
    display: none !important;
  }

  .method--apple .method-apple__visual--player .method-apple__video {
    display: block !important;
  }
}

html[data-theme="day"] .method--apple .method-apple-card__media::after {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.00) 0%, rgba(255,252,246,0.22) 38%, rgba(255,252,246,0.96) 100%) !important;
}

@media (max-width: 1180px) {
  .hero--apple {
    min-height: auto !important;
  }

  .hero--apple .hero__shell,
  .method--apple .method-apple__hero-card {
    grid-template-columns: 1fr !important;
  }

  .hero--apple .hero-experience-card {
    width: min(720px, 100%) !important;
    margin-inline: auto !important;
  }

  .method--apple .method-apple__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .hero--apple {
    padding-top: 112px !important;
  }

  .hero--apple .hero__shell,
  .method--apple .method__shell {
    width: min(100%, calc(100vw - 36px)) !important;
  }

  .hero--apple .hero__brand-title {
    font-size: clamp(2.85rem, 13vw, 4.5rem) !important;
  }

  .hero--apple .hero__title {
    font-size: clamp(2.7rem, 12vw, 4.2rem) !important;
  }

  .hero--apple .hero-experience-card {
    min-height: 390px !important;
  }

  .method--apple .method__header--prime .t-h1 {
    font-size: clamp(3.05rem, 14vw, 4.85rem) !important;
  }

  .method--apple .method-apple__visual {
    min-height: 330px !important;
  }

  .method--apple .method-apple__cards {
    grid-template-columns: 1fr !important;
  }

  .method--apple .method-apple-card {
    min-height: 420px !important;
  }
}

/* V3.1.1 — METHODE REVEAL SAFETY
   The method section is a core explanation block, so it must remain readable
   even when loaded directly from an anchor or file preview. */
.method--apple .method__shell.stagger > * {
  opacity: 1 !important;
  transform: none !important;
}

/* ====================================================================
   V3.2 — CONTRAST + DAY/NIGHT VISUAL LOCK
   Objectif : jour vraiment clair, nuit vraiment lisible, et chaque
   visuel Methode incarne par un personnage.
   ==================================================================== */

.hero--apple .hero__bg {
  background:
    radial-gradient(circle at 74% 18%, rgba(216,178,122,0.16), transparent 22rem),
    linear-gradient(90deg, rgba(7,16,31,0.98) 0%, rgba(7,16,31,0.82) 42%, rgba(7,16,31,0.42) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.04) 0%, rgba(7,16,31,0.94) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-hero-night-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .hero--apple {
  background: #f7f2e8 !important;
}

html[data-theme="day"] .hero--apple .hero__bg {
  background:
    radial-gradient(circle at 76% 20%, rgba(184,148,85,0.16), transparent 22rem),
    linear-gradient(90deg, rgba(20,35,58,0.68) 0%, rgba(20,35,58,0.42) 44%, rgba(20,35,58,0.14) 100%),
    linear-gradient(180deg, rgba(255,250,240,0.02) 0%, rgba(20,35,58,0.28) 100%),
    url("visuals-v2/responsive-crops/desktop/v2-hero-day-cockpit-human-desktop.webp") center/cover no-repeat !important;
}

html[data-theme="day"] body,
html[data-theme="day"] main {
  background: #f7f2e8 !important;
  color: #14233a !important;
}

html[data-theme="day"] .constat,
html[data-theme="day"] .entry-router,
html[data-theme="day"] .checkpoint,
html[data-theme="day"] .method--apple,
html[data-theme="day"] .masterclass,
html[data-theme="day"] .vid-intro,
html[data-theme="day"] .endcta {
  background-color: #f7f2e8 !important;
  color: #14233a !important;
}

.method--apple .method__header--prime .t-h1,
.method--apple .method-apple__hero-copy h3,
.method--apple .method-apple-card__copy h3 {
  color: #fffaf0 !important;
}

.method--apple .method__header--prime .t-lead,
.method--apple .method-apple__hero-copy p,
.method--apple .method-apple-card__copy p {
  color: rgba(255,250,240,0.82) !important;
}

.method--apple .method-apple-card__copy strong {
  color: rgba(255,250,240,0.94) !important;
}

html[data-theme="day"] .method--apple .method__bg {
  background:
    radial-gradient(circle at 16% 16%, rgba(184,148,85,0.13), transparent 24rem),
    radial-gradient(circle at 82% 74%, rgba(20,35,58,0.055), transparent 30rem),
    linear-gradient(180deg, #f7f2e8 0%, #fffaf2 52%, #f7f2e8 100%) !important;
}

html[data-theme="day"] .method--apple .method__header--prime .t-h1,
html[data-theme="day"] .method--apple .method-apple__hero-copy h3,
html[data-theme="day"] .method--apple .method-apple-card__copy h3 {
  color: #14233a !important;
}

html[data-theme="day"] .method--apple .method__header--prime .t-lead,
html[data-theme="day"] .method--apple .method-apple__hero-copy p,
html[data-theme="day"] .method--apple .method-apple-card__copy p {
  color: rgba(20,35,58,0.78) !important;
}

html[data-theme="day"] .method--apple .method-apple-card__copy strong {
  color: #1b2b43 !important;
}

.method--apple .method-apple__hero-card,
.method--apple .method-apple-card {
  background: rgba(10,19,34,0.88) !important;
  border-color: rgba(216,178,122,0.22) !important;
}

html[data-theme="day"] .method--apple .method-apple__hero-card,
html[data-theme="day"] .method--apple .method-apple-card {
  background: rgba(255,252,246,0.94) !important;
  border-color: rgba(184,148,85,0.24) !important;
  box-shadow: 0 30px 90px rgba(20,35,58,0.12) !important;
}

.method--apple .method-apple__visual {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.02), rgba(7,16,31,0.68)),
    url("visuals-v2/future-needs/clean/v2-future-mature-executive-night.webp") center/cover no-repeat !important;
  background-position: center center !important;
}

html[data-theme="day"] .method--apple .method-apple__visual {
  background:
    linear-gradient(90deg, rgba(255,252,246,0.00), rgba(255,252,246,0.70)),
    url("visuals-v2/future-needs/clean/v2-future-mature-executive-day.webp") center/cover no-repeat !important;
  background-position: center center !important;
}

.method--apple .method-apple-card__media::after {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.02) 0%, rgba(7,16,31,0.28) 38%, rgba(7,16,31,0.94) 100%) !important;
}

.method--apple .method-apple-card--reset .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.04), rgba(7,16,31,0.66)),
    url("visuals-v2/future-needs/clean/v2-future-single-plus-size-clarification-day.webp") center/cover no-repeat !important;
}

.method--apple .method-apple-card--mirror .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.04), rgba(7,16,31,0.66)),
    url("visuals-v2/future-needs/clean/v2-future-mirror-profile-night.webp") center/cover no-repeat !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.04), rgba(7,16,31,0.66)),
    url("visuals-v2/future-needs/clean/v2-future-mature-executive-night.webp") center/cover no-repeat !important;
}

.method--apple .method-apple-card--direction .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.04), rgba(7,16,31,0.66)),
    url("visuals-v2/future-needs/clean/v2-future-entrepreneur-architect-night.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card__media::after {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.00) 0%, rgba(255,252,246,0.18) 38%, rgba(255,252,246,0.96) 100%) !important;
}

html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.02), rgba(255,252,246,0.42)),
    url("visuals-v2/future-needs/clean/v2-future-single-plus-size-clarification-day.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--mirror .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.02), rgba(255,252,246,0.42)),
    url("visuals-v2/webp/clean/v2-mirror-lucidity-natural-day.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.02), rgba(255,252,246,0.42)),
    url("visuals-v2/future-needs/clean/v2-future-mature-executive-day.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--direction .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.02), rgba(255,252,246,0.42)),
    url("visuals-v2/future-needs/clean/v2-future-athlete-discipline-day.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card__media {
  min-height: 230px !important;
}

/* V3.3.7 — HARMONISATION DES PHOTOS MÉTHODE DAY
   Les 4 photos restent thématiquement liées aux 4 piliers, mais une
   couche de filtre commune (warm-toned, désaturée légèrement) leur
   donne une signature visuelle partagée. */
html[data-theme="day"] .method--apple .method-apple-card__media {
  filter: saturate(0.86) brightness(1.04) contrast(1.02) hue-rotate(-4deg) sepia(0.06);
  transition: filter 0.5s var(--ease, cubic-bezier(0.22, 1, 0.36, 1));
}

html[data-theme="day"] .method-apple-card:hover .method-apple-card__media {
  filter: saturate(1) brightness(1.06) contrast(1.04) hue-rotate(0deg) sepia(0);
}

/* En nuit on garde la palette froide gold/bleu d'origine — pas de filter ici. */

/* ====================================================================
   V3.3 — USER QA PASS: DAY SECTIONS + SOCIAL SHOWCASE
   Objectif : sections jour vraiment lisibles, visuels alignes avec le
   contexte et bloc reseaux sociaux dedie avec cartes visuelles.
   ==================================================================== */

.method--apple .method-apple__visual {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.02), rgba(7,16,31,0.68)),
    url("visuals-v2/webp/clean/v2-hero-night-cockpit-human.webp") center/cover no-repeat !important;
  background-position: center center !important;
}

html[data-theme="day"] .method--apple .method-apple__visual {
  background:
    linear-gradient(90deg, rgba(255,252,246,0.00), rgba(255,252,246,0.62)),
    url("visuals-v2/webp/clean/v2-hero-day-cockpit-human.webp") center/cover no-repeat !important;
  background-position: center center !important;
}

.method--apple .method-apple-card--reset .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.04), rgba(7,16,31,0.66)),
    url("visuals-v2/webp/clean/v2-mental-reset-clear-desk-night.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.02), rgba(255,252,246,0.42)),
    url("visuals-v2/webp/clean/v2-mental-reset-clear-desk-morning.webp") center/cover no-repeat !important;
}

html[data-theme="day"] .checkpoint {
  background:
    radial-gradient(circle at 18% 12%, rgba(184,148,85,0.11), transparent 28rem),
    linear-gradient(180deg, #f7f2e8 0%, #fffaf2 50%, #f7f2e8 100%) !important;
  color: #14233a !important;
}

html[data-theme="day"] .checkpoint__bg {
  background:
    linear-gradient(180deg, rgba(247,242,232,0.68) 0%, rgba(247,242,232,0.92) 72%, #f7f2e8 100%),
    linear-gradient(90deg, rgba(247,242,232,0.86), rgba(247,242,232,0.48)),
    url("visuals-v2/webp/clean/v2-checkpoint-hero-day.webp") center/cover no-repeat !important;
  opacity: 1 !important;
}

html[data-theme="day"] .checkpoint__header,
html[data-theme="day"] .checkpoint-proof article,
html[data-theme="day"] .checkpoint__essentials span,
html[data-theme="day"] .cp-slide,
html[data-theme="day"] .checkpoint__split-explain {
  background-color: rgba(255,252,246,0.76) !important;
  border-color: rgba(184,148,85,0.24) !important;
  box-shadow: 0 24px 70px rgba(20,35,58,0.10) !important;
}

html[data-theme="day"] .checkpoint :is(.offer-kicker, .checkpoint__brand, .checkpoint__subtitle, .t-lead, p, strong, h3),
html[data-theme="day"] .checkpoint-proof :is(strong, p),
html[data-theme="day"] .checkpoint__essentials span {
  color: #14233a !important;
}

html[data-theme="day"] .checkpoint :is(.checkpoint__brand em, .cp-slide__step, .offer-kicker) {
  color: #b89455 !important;
}

html[data-theme="day"] .masterclass {
  background:
    radial-gradient(circle at 16% 6%, rgba(184,148,85,0.12), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(20,35,58,0.055), transparent 34rem),
    linear-gradient(180deg, #f7f2e8 0%, #fffaf2 52%, #f7f2e8 100%) !important;
  color: #14233a !important;
}

html[data-theme="day"] .masterclass .method__header :is(.t-h1, .t-lead),
html[data-theme="day"] .masterclass__cta p {
  color: #14233a !important;
}

.mc-card--personnel {
  --mc-image: url("visuals-v2/webp/clean/v2-brochure-personnel-night.webp") !important;
}

.mc-card--relationnel {
  --mc-image: url("visuals-v2/webp/clean/v2-brochure-relationnel-night.webp") !important;
}

.mc-card--pro {
  --mc-image: url("visuals-v2/webp/clean/v2-brochure-professionnel-night.webp") !important;
}

html[data-theme="day"] .mc-card--personnel {
  --mc-image: url("visuals-v2/webp/clean/v2-brochure-personnel-day.webp") !important;
}

html[data-theme="day"] .mc-card--relationnel {
  --mc-image: url("visuals-v2/webp/clean/v2-brochure-relationnel-day.webp") !important;
}

html[data-theme="day"] .mc-card--pro {
  --mc-image: url("visuals-v2/webp/clean/v2-brochure-professionnel-day.webp") !important;
}

html[data-theme="day"] .mc-card::after {
  background:
    linear-gradient(180deg, rgba(20,35,58,0.08) 0%, rgba(20,35,58,0.42) 42%, rgba(255,252,246,0.92) 100%),
    var(--mc-gradient, transparent) !important;
}

html[data-theme="day"] .mc-card {
  border-color: rgba(184,148,85,0.24) !important;
  box-shadow: 0 28px 82px rgba(20,35,58,0.11) !important;
}

html[data-theme="day"] .mc-card :is(.mc-card__title, .mc-card__desc, .mc-card__stats li, .mc-card__cta) {
  color: #14233a !important;
  text-shadow: 0 1px 18px rgba(255,252,246,0.62);
}

html[data-theme="day"] .mc-card :is(.mc-card__num, .mc-card__stats strong, .mc-card__title small) {
  color: #b89455 !important;
}

html[data-theme="day"] .vid-intro {
  background:
    radial-gradient(circle at 20% 16%, rgba(184,148,85,0.11), transparent 30rem),
    linear-gradient(180deg, #f7f2e8 0%, #fffaf2 58%, #f7f2e8 100%) !important;
  color: #14233a !important;
}

html[data-theme="day"] .vid-intro :is(.t-h1, .t-lead, .t-small, .video-card__title, .video-card__sub, .koffi-links a) {
  color: #14233a !important;
}

html[data-theme="day"] .vid-intro .video-card,
html[data-theme="day"] .vid-intro .koffi-links a {
  background-color: rgba(255,252,246,0.78) !important;
  border-color: rgba(184,148,85,0.24) !important;
}

.social-showcase {
  width: min(1180px, 100%);
  margin: clamp(2.8rem, 6vw, 5.4rem) auto 0;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid rgba(216,178,122,0.22);
  border-radius: clamp(28px, 4vw, 46px);
  background:
    radial-gradient(circle at 8% 0%, rgba(216,178,122,0.13), transparent 24rem),
    linear-gradient(135deg, rgba(11,19,32,0.92), rgba(7,16,31,0.82));
  box-shadow: 0 32px 96px rgba(0,0,0,0.28);
}

.social-showcase__head {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr);
  gap: clamp(1rem, 3vw, 3rem);
  align-items: end;
  margin-bottom: clamp(1.35rem, 3vw, 2.4rem);
}

.social-showcase__head span {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.78rem;
  font-weight: 800;
}

.social-showcase__head h3 {
  margin: 0.45rem 0 0;
  color: #fffaf0;
  font-family: var(--font-display);
  font-size: clamp(2.25rem, 5vw, 5.2rem);
  font-weight: 500;
  line-height: 0.92;
  letter-spacing: -0.04em;
}

.social-showcase__head p {
  color: rgba(255,250,240,0.74);
  font-size: clamp(1rem, 1.45vw, 1.18rem);
  line-height: 1.7;
  max-width: 58ch;
  margin: 0;
}

.social-showcase__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.9rem, 2vw, 1.3rem);
}

.social-card {
  min-height: 310px;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(216,178,122,0.24);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  isolation: isolate;
  background: #07101f;
  color: #fffaf0;
  box-shadow: 0 22px 58px rgba(0,0,0,0.24);
}

.social-card::before,
.social-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}

.social-card::before {
  background: var(--social-image) center/cover no-repeat;
  transform: scale(1.02);
  transition: transform 520ms ease, filter 520ms ease;
}

.social-card::after {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.08) 0%, rgba(7,16,31,0.54) 46%, rgba(7,16,31,0.96) 100%),
    radial-gradient(circle at 20% 12%, rgba(216,178,122,0.18), transparent 18rem);
}

.social-card:hover::before {
  transform: scale(1.08);
  filter: saturate(1.08) contrast(1.06);
}

.social-card span {
  width: fit-content;
  margin-bottom: auto;
  padding: 0.58rem 0.82rem;
  border-radius: 999px;
  border: 1px solid rgba(216,178,122,0.34);
  background: rgba(7,16,31,0.50);
  color: #e7c980;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.68rem;
  font-weight: 850;
}

.social-card strong {
  display: block;
  max-width: 11.5ch;
  color: #fffaf0;
  font-family: var(--font-display);
  font-size: clamp(1.65rem, 2.6vw, 2.45rem);
  font-weight: 500;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

.social-card em {
  margin-top: 0.9rem;
  color: rgba(255,250,240,0.76);
  font-style: normal;
  font-size: 0.95rem;
  line-height: 1.35;
}

.social-card--instagram {
  --social-image: url("visuals-v2/future-needs/clean/v2-future-content-creator-day.webp");
}

.social-card--youtube {
  --social-image: url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-day.webp?v=20260710-founder-cache-v1");
}

.social-card--linkedin {
  --social-image: url("visuals-v2/webp/clean/v2-brochure-professionnel-day.webp");
}

.social-card--tiktok {
  --social-image: url("visuals-v2/future-needs/clean/v2-future-athlete-city-day.webp");
}

html[data-theme="day"] .social-showcase {
  background:
    radial-gradient(circle at 8% 0%, rgba(184,148,85,0.13), transparent 24rem),
    linear-gradient(135deg, rgba(255,252,246,0.94), rgba(247,242,232,0.82)) !important;
  border-color: rgba(184,148,85,0.22) !important;
  box-shadow: 0 32px 96px rgba(20,35,58,0.10) !important;
}

html[data-theme="day"] .social-showcase__head h3,
html[data-theme="day"] .social-showcase__head p {
  color: #14233a !important;
}

html[data-theme="day"] .social-card::after {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.04) 0%, rgba(20,35,58,0.28) 45%, rgba(20,35,58,0.84) 100%),
    radial-gradient(circle at 20% 12%, rgba(216,178,122,0.18), transparent 18rem) !important;
}

@media (max-width: 1020px) {
  .social-showcase__head,
  .social-showcase__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 680px) {
  .social-showcase {
    width: min(100%, calc(100vw - 36px));
    border-radius: 34px;
    padding: 1rem;
  }

  .social-showcase__head,
  .social-showcase__grid {
    grid-template-columns: 1fr;
  }

  .social-card {
    min-height: 250px;
  }
}

/* V3.3.1 — READABILITY SAFETY
   Les ancres directes et les captures mobiles ne doivent jamais afficher
   des blocs a demi-reveles ou du texte ton sur ton. */
.checkpoint__shell.stagger > *,
.masterclass__shell.stagger > *,
.vid-intro__shell.stagger > * {
  opacity: 1 !important;
  transform: none !important;
}

html[data-theme="day"] .checkpoint-proof article {
  background:
    linear-gradient(145deg, rgba(255,252,246,0.92), rgba(247,242,232,0.78)) !important;
  color: #14233a !important;
}

html[data-theme="day"] .checkpoint-proof article :is(strong, p) {
  color: #14233a !important;
}

html[data-theme="day"] .cp-slide__caption {
  background: rgba(7,16,31,0.88) !important;
  border-color: rgba(216,178,122,0.28) !important;
}

html[data-theme="day"] .cp-slide__caption :is(.cp-slide__title, .cp-slide__quote, .cp-slide__split-note) {
  color: #fffaf0 !important;
}

html[data-theme="day"] .mc-card :is(.mc-card__title, .mc-card__desc, .mc-card__stats li, .mc-card__cta) {
  color: #fffaf0 !important;
  text-shadow: 0 2px 18px rgba(7,16,31,0.64) !important;
}

html[data-theme="day"] .mc-card :is(.mc-card__num, .mc-card__stats strong, .mc-card__title small) {
  color: #e4c678 !important;
  text-shadow: 0 2px 18px rgba(7,16,31,0.50) !important;
}

html[data-theme="day"] .mc-card::after {
  background:
    linear-gradient(180deg, rgba(20,35,58,0.08) 0%, rgba(20,35,58,0.52) 38%, rgba(7,16,31,0.92) 100%),
    var(--mc-gradient, transparent) !important;
}

html[data-theme="day"] .social-showcase__head h3,
html[data-theme="day"] .social-showcase__head p {
  color: #14233a !important;
}

html[data-theme="day"] .social-card::after {
  background:
    linear-gradient(180deg, rgba(20,35,58,0.05) 0%, rgba(20,35,58,0.48) 42%, rgba(7,16,31,0.94) 100%),
    radial-gradient(circle at 20% 12%, rgba(216,178,122,0.18), transparent 18rem) !important;
}

html[data-theme="day"] .social-card :is(strong, em) {
  color: #fffaf0 !important;
  text-shadow: 0 2px 18px rgba(7,16,31,0.58) !important;
}

html[data-theme="day"] .social-card span {
  background: rgba(7,16,31,0.56) !important;
  color: #e7c980 !important;
}

/* V3.3.2 — SOCIAL SHOWCASE DAY MODE
   La section reseaux doit fonctionner comme une vitrine editoriale :
   photo visible, lecture claire, ambiance jour, pas seulement des blocs sombres. */
html[data-theme="day"] .social-showcase {
  background:
    radial-gradient(circle at 12% 0%, rgba(224, 190, 128, 0.18), transparent 22rem),
    linear-gradient(135deg, rgba(255,252,246,0.98), rgba(248,244,235,0.92)) !important;
}

html[data-theme="day"] .social-showcase__head {
  align-items: start;
}

html[data-theme="day"] .social-card {
  min-height: 360px;
  padding: 1rem;
  justify-content: flex-end;
  background: rgba(255,252,246,0.92) !important;
  color: #14233a !important;
  border-color: rgba(184,148,85,0.24) !important;
  box-shadow: 0 28px 72px rgba(20,35,58,0.12) !important;
}

html[data-theme="day"] .social-card::before {
  inset: 0;
  z-index: 0;
  height: 58%;
  border-radius: 28px 28px 18px 18px;
  background-position: center 28%;
  opacity: 1;
  filter: saturate(1.06) contrast(1.02);
}

html[data-theme="day"] .social-card::after {
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(255,252,246,0.0) 0%, rgba(255,252,246,0.08) 42%, rgba(255,252,246,0.98) 58%, rgba(255,252,246,1) 100%),
    linear-gradient(180deg, rgba(20,35,58,0.04), rgba(20,35,58,0.0)) !important;
}

html[data-theme="day"] .social-card span,
html[data-theme="day"] .social-card strong,
html[data-theme="day"] .social-card em {
  position: relative;
  z-index: 1;
  text-shadow: none !important;
}

html[data-theme="day"] .social-card span {
  margin: 0 0 5.2rem;
  background: rgba(255,252,246,0.88) !important;
  color: #14233a !important;
  border-color: rgba(184,148,85,0.38) !important;
  box-shadow: 0 12px 32px rgba(20,35,58,0.10);
}

html[data-theme="day"] .social-card strong {
  max-width: 12.5ch;
  color: #14233a !important;
}

html[data-theme="day"] .social-card em {
  color: rgba(20,35,58,0.76) !important;
}

html[data-theme="day"] .social-card--instagram::before {
  background-position: center 22%;
}

html[data-theme="day"] .social-card--youtube::before {
  background-position: center 34%;
}

html[data-theme="day"] .social-card--linkedin::before {
  background-position: center 30%;
}

html[data-theme="day"] .social-card--tiktok::before {
  background-position: center 24%;
}

@media (max-width: 680px) {
  html[data-theme="day"] .social-card {
    min-height: 310px;
  }

  html[data-theme="day"] .social-card span {
    margin-bottom: 4.2rem;
  }
}

/* V3.3.3 — MASTERCLASS DAY MODE TRUE LIGHT
   La section Masterclass doit vraiment basculer en mode jour :
   fond ivoire, photo visible en haut, texte bleu nuit en bas.
   Pattern aligné sur la social-card V3.3.2. */

/* 1. Section : fond ivoire avec accent doré */
html[data-theme="day"] .masterclass {
  background:
    radial-gradient(circle at 12% 0%, rgba(224, 190, 128, 0.18), transparent 22rem),
    linear-gradient(180deg, rgba(255,252,246,1) 0%, rgba(248,244,235,0.96) 100%) !important;
  color: #14233a !important;
}

/* 2. En-tête section : titres bleu nuit, accent gold */
html[data-theme="day"] .masterclass .t-h1,
html[data-theme="day"] .masterclass .method__header .t-h1 {
  color: #14233a !important;
}

html[data-theme="day"] .masterclass .t-em {
  color: #B89455 !important;
}

html[data-theme="day"] .masterclass .t-lead,
html[data-theme="day"] .masterclass .method__header .t-lead,
html[data-theme="day"] .masterclass .eyebrow {
  color: rgba(20, 35, 58, 0.82) !important;
}

/* 3. Cartes : photo + fade ivoire en background direct, sans pseudo-éléments
   (évite les conflits de stacking avec isolation: isolate). */
html[data-theme="day"] .mc-card {
  background:
    linear-gradient(180deg,
      rgba(255,252,246,0) 0,
      rgba(255,252,246,0) 200px,
      rgba(255,252,246,0.94) 248px,
      rgba(255,252,246,1) 280px,
      rgba(255,252,246,1) 100%),
    var(--mc-image, none) center 24% / cover no-repeat,
    rgba(255,252,246,1) !important;
  color: #14233a !important;
  border-color: rgba(184,148,85,0.32) !important;
  box-shadow: 0 28px 72px rgba(20,35,58,0.12) !important;
  padding-top: 268px;
  min-height: 540px !important;
}

/* 4 et 5. Désactiver les pseudo-éléments en day mode :
   la photo et le fade sont déjà dans le background direct ci-dessus. */
html[data-theme="day"] .mc-card::before,
html[data-theme="day"] .mc-card::after {
  display: none !important;
}

/* 6. Textes day : bleu nuit + accents gold foncé */
html[data-theme="day"] .mc-card :is(.mc-card__title, .mc-card__desc, .mc-card__stats li, .mc-card__cta) {
  color: #14233a !important;
  text-shadow: none !important;
  position: relative;
  z-index: 1;
}

html[data-theme="day"] .mc-card :is(.mc-card__num, .mc-card__stats strong, .mc-card__title small) {
  color: #B89455 !important;
  text-shadow: none !important;
  position: relative;
  z-index: 1;
}

/* 7. CTA carte : lien souligné gold sur fond ivoire */
html[data-theme="day"] .mc-card__cta {
  border-bottom: 1px solid rgba(184,148,85,0.42) !important;
  padding-bottom: 4px;
  align-self: flex-start;
}

html[data-theme="day"] .mc-card__cta:hover {
  color: #8B6B34 !important;
  border-bottom-color: rgba(184,148,85,0.72) !important;
}

/* 8. Tagline finale (masterclass__cta) : bloc ivoire avec texte bleu nuit */
html[data-theme="day"] .masterclass__cta {
  background: rgba(255,252,246,0.78) !important;
  border-color: rgba(184,148,85,0.32) !important;
  color: #14233a !important;
  box-shadow: 0 12px 36px rgba(20,35,58,0.08);
}

html[data-theme="day"] .masterclass__cta p {
  color: rgba(20, 35, 58, 0.82) !important;
  text-shadow: none !important;
}

/* 9. Signal formats (.mc-formats) : ligne discrète sous la grille */
html[data-theme="day"] .mc-formats {
  color: rgba(20, 35, 58, 0.70) !important;
  border-color: rgba(184,148,85,0.34) !important;
}

.mc-formats {
  margin-top: clamp(20px, 2.4vw, 32px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 18px;
  text-align: center;
  font-family: var(--sans);
  font-size: 0.92rem;
  letter-spacing: 0.02em;
  color: rgba(245,242,235,0.78);
  border-top: 1px solid rgba(216,178,122,0.20);
  padding-top: clamp(16px, 1.8vw, 24px);
}

.mc-formats strong {
  font-weight: 600;
  color: var(--gold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

.mc-formats span {
  opacity: 0.92;
}

/* 10. Mobile : zone photo 200 px, padding-top 224 px,
   fade ivoire qui démarre plus tôt. */
@media (max-width: 680px) {
  html[data-theme="day"] .mc-card {
    background:
      linear-gradient(180deg,
        rgba(255,252,246,0) 0,
        rgba(255,252,246,0) 160px,
        rgba(255,252,246,0.94) 200px,
        rgba(255,252,246,1) 226px,
        rgba(255,252,246,1) 100%),
      var(--mc-image, none) center 24% / cover no-repeat,
      rgba(255,252,246,1) !important;
    padding-top: 224px;
    min-height: 480px !important;
  }
}

/* V3.3.4 — HERO MOBILE FIT
   Empêche le wordmark RAYFLECTIONS et le titre principal de déborder
   sur viewport ≤ 480 px. Le bug venait de .hero--apple .hero__brand-title
   dont le clamp() prenait son min (54 px) à 390 px et faisait sortir
   le .hero__copy de son shell. */
@media (max-width: 480px) {
  .hero__shell,
  .hero--apple .hero__shell {
    width: min(100%, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
  }

  .hero__copy,
  .hero--apple .hero__copy {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .hero__brand-title,
  .hero--apple .hero__brand-title {
    font-size: clamp(1.6rem, 8.4vw, 2.4rem) !important;
    letter-spacing: 0.06em !important;
    line-height: 1 !important;
  }

  .hero__copilot,
  .hero--apple .hero__copilot {
    font-size: clamp(0.95rem, 3vw, 1.1rem) !important;
  }

  .hero__title,
  .hero--apple .hero__title {
    font-size: clamp(2.05rem, 9vw, 2.85rem) !important;
    max-width: 100% !important;
    line-height: 1.02 !important;
    letter-spacing: -0.02em !important;
    text-wrap: balance;
  }

  .hero__lead,
  .hero--apple .hero__lead {
    font-size: clamp(0.95rem, 3.6vw, 1.05rem) !important;
    max-width: 100% !important;
    line-height: 1.55 !important;
  }
}

/* ====================================================================
   V3.3.5 — HERO TRAJECTOIRE (Direction B)
   La photo de fond reprend vie via Ken Burns ; une trajectoire dorée
   se dessine en SVG ; un ruban de 4 mouvements anime le bas du hero.
   La carte « écran de bord » est supprimée — le storytelling porte
   maintenant sur la trajectoire elle-même.
   ==================================================================== */

/* Le hero passe en stacking context propre pour gérer ses couches. */
.hero--trajectoire {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* Le shell passe en single-column quand on est en mode trajectoire,
   puisque l'écran de bord à droite a été retiré. */
.hero--trajectoire .hero__shell {
  grid-template-columns: minmax(0, 880px) !important;
  justify-content: start !important;
  padding-bottom: clamp(140px, 14vw, 200px) !important; /* place pour le ruban */
}

/* Ken Burns subtil sur la photo de fond : zoom + pan lents en boucle.
   Préfère l'animation seulement si l'utilisateur ne demande pas de
   reduce-motion. */
@media (prefers-reduced-motion: no-preference) {
  .hero--trajectoire .hero__bg {
    animation: heroKenBurns 22s ease-in-out infinite alternate;
    transform-origin: 60% 50%;
    will-change: transform;
  }
}

@keyframes heroKenBurns {
  0%   { transform: scale(1)    translate(0, 0); }
  100% { transform: scale(1.08) translate(-2.2%, -1.4%); }
}

/* SVG de la trajectoire dorée — couvre tout le hero, derrière le texte */
.hero__trajectory {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1; /* au-dessus de hero__bg et noise, sous le shell (qui est en z auto) */
  opacity: 0.92;
}

.hero__trajectory-path {
  stroke-dasharray: 1800;
  stroke-dashoffset: 1800;
}

@media (prefers-reduced-motion: no-preference) {
  .hero__trajectory-path {
    animation: heroPathDraw 14s ease-in-out infinite;
  }
}

@keyframes heroPathDraw {
  0%   { stroke-dashoffset: 1800; opacity: 0; }
  10%  { opacity: 0.95; }
  60%  { stroke-dashoffset: 0; opacity: 0.95; }
  85%  { stroke-dashoffset: 0; opacity: 0.95; }
  100% { stroke-dashoffset: -1800; opacity: 0; }
}

.hero__trajectory-dot {
  filter: drop-shadow(0 0 8px rgba(232, 200, 148, 0.85));
}

/* En mode jour, on adapte la trajectoire :
   - couleur plus chaude (ocre/gold doré pour ne pas se perdre sur la photo claire)
   - opacité augmentée pour bien voir la ligne sur fond plus lumineux */
html[data-theme="day"] .hero__trajectory {
  opacity: 1;
  filter: saturate(1.1);
}

html[data-theme="day"] .hero__trajectory-dot {
  fill: #FFE6B0;
  filter: drop-shadow(0 0 12px rgba(255, 230, 176, 1));
}

/* ===== Ruban des 4 mouvements ===== */
.hero__ribbon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 18px clamp(20px, 4vw, 48px) clamp(22px, 3.4vw, 36px);
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0) 0%, rgba(7, 16, 31, 0.62) 60%, rgba(7, 16, 31, 0.86) 100%);
  backdrop-filter: blur(6px) saturate(1.1);
  -webkit-backdrop-filter: blur(6px) saturate(1.1);
  border-top: 1px solid rgba(216, 178, 122, 0.22);
}

html[data-theme="day"] .hero__ribbon {
  background:
    linear-gradient(180deg, rgba(255, 252, 246, 0) 0%, rgba(255, 252, 246, 0.62) 55%, rgba(255, 252, 246, 0.92) 100%);
  border-top-color: rgba(184, 148, 85, 0.32);
}

.hero__ribbon-track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(12px, 2vw, 32px);
  max-width: 1240px;
  margin: 0 auto;
}

/* Un item « hero-move » : icône, numéro, label, sous-ligne */
.hero-move {
  display: grid;
  grid-template-columns: 36px 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 12px;
  row-gap: 2px;
  color: rgba(255, 250, 240, 0.92);
  position: relative;
}

.hero-move::before {
  content: "";
  position: absolute;
  left: 36px;
  top: 50%;
  width: 1px;
  height: 60%;
  transform: translateY(-50%);
  background: linear-gradient(180deg, transparent, rgba(216,178,122,0.32), transparent);
}

.hero-move:last-child::before { display: none; }

.hero-move__icon {
  grid-row: 1 / span 2;
  width: 34px;
  height: 34px;
  color: #E8C894;
}

.hero-move__step {
  font-family: var(--serif);
  font-style: italic;
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(216, 178, 122, 0.84);
}

.hero-move__label {
  font-family: var(--serif);
  font-size: clamp(1.05rem, 1.6vw, 1.35rem);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.1;
  color: rgba(255, 250, 240, 0.98);
}

.hero-move__sub {
  grid-column: 2;
  grid-row: 2;
  margin-top: 4px;
  font-family: var(--sans);
  font-style: normal;
  font-size: clamp(0.78rem, 1vw, 0.92rem);
  color: rgba(245, 242, 235, 0.74);
  letter-spacing: 0.01em;
}

/* Mode jour : ruban ivoire, texte bleu nuit */
html[data-theme="day"] .hero-move,
html[data-theme="day"] .hero-move__label,
html[data-theme="day"] .hero-move__sub {
  color: rgba(20, 35, 58, 0.92);
}

html[data-theme="day"] .hero-move__label {
  color: #14233a;
}

html[data-theme="day"] .hero-move__sub {
  color: rgba(20, 35, 58, 0.66);
}

html[data-theme="day"] .hero-move__step {
  color: rgba(139, 107, 52, 0.88);
}

html[data-theme="day"] .hero-move__icon {
  color: #B89455;
}

html[data-theme="day"] .hero-move::before {
  background: linear-gradient(180deg, transparent, rgba(139, 107, 52, 0.34), transparent);
}

/* Animation orientation (flèche qui pivote) */
@media (prefers-reduced-motion: no-preference) {
  @keyframes heroMoveOrient {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(-22deg); }
    50%  { transform: rotate(8deg); }
    75%  { transform: rotate(-12deg); }
    100% { transform: rotate(0deg); }
  }
}

/* Reduce-motion : on neutralise les anims principales */
@media (prefers-reduced-motion: reduce) {
  .hero--trajectoire .hero__bg { animation: none !important; }
  .hero__trajectory-path { stroke-dashoffset: 0 !important; animation: none !important; opacity: 0.8 !important; }
  .hero__trajectory-dot { display: none !important; }
  .hero-move__icon * { animation: none !important; }
}

/* Mobile : ruban en 2x2 plus compact + contraste renforcé */
@media (max-width: 720px) {
  .hero--trajectoire .hero__shell {
    grid-template-columns: 1fr !important;
    padding-bottom: clamp(220px, 60vw, 290px) !important;
  }

  .hero__ribbon {
    padding: 14px 16px 18px;
    /* Fond plus opaque pour mieux détacher le ruban du visuel de fond */
    background:
      linear-gradient(180deg, rgba(7, 16, 31, 0.10) 0%, rgba(7, 16, 31, 0.78) 38%, rgba(7, 16, 31, 0.94) 100%);
  }

  html[data-theme="day"] .hero__ribbon {
    background:
      linear-gradient(180deg, rgba(255, 252, 246, 0.10) 0%, rgba(255, 252, 246, 0.82) 38%, rgba(255, 252, 246, 0.97) 100%);
  }

  .hero__ribbon-track {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 18px;
  }

  .hero-move {
    grid-template-columns: 28px 1fr;
    column-gap: 10px;
  }

  .hero-move::before { display: none; }

  .hero-move__icon {
    width: 26px;
    height: 26px;
    /* Contour gold plus saturé pour qu'on voie les icônes sur la photo */
    color: #F2D08A;
    filter: drop-shadow(0 1px 4px rgba(7, 16, 31, 0.6));
  }

  html[data-theme="day"] .hero-move__icon {
    color: #8B6B34;
    filter: drop-shadow(0 1px 4px rgba(255, 252, 246, 0.8));
  }

  /* Labels plus lumineux pour bien ressortir sur la photo mobile */
  .hero-move__label {
    font-size: 1.02rem;
    color: rgba(255, 250, 240, 1);
    text-shadow: 0 1px 6px rgba(7, 16, 31, 0.55);
  }

  html[data-theme="day"] .hero-move__label {
    color: #07101F;
    text-shadow: 0 1px 6px rgba(255, 252, 246, 0.85);
  }

  /* Sous-titres : palette plus lisible (avant ils étaient à 0.74 et tronqués peu lisibles) */
  .hero-move__sub {
    font-size: 0.76rem;
    margin-top: 2px;
    color: rgba(245, 242, 235, 0.92);
    line-height: 1.32;
    text-shadow: 0 1px 4px rgba(7, 16, 31, 0.55);
  }

  html[data-theme="day"] .hero-move__sub {
    color: rgba(20, 35, 58, 0.86);
    text-shadow: 0 1px 4px rgba(255, 252, 246, 0.75);
  }

  /* Step (01, 02...) plus gold/contrasté */
  .hero-move__step {
    font-size: 0.7rem;
    color: #F2D08A;
    text-shadow: 0 1px 4px rgba(7, 16, 31, 0.55);
  }

  html[data-theme="day"] .hero-move__step {
    color: #8B6B34;
    text-shadow: none;
  }
}

/* Très petits écrans : 1 colonne, scroll snap horizontal */
@media (max-width: 380px) {
  .hero__ribbon-track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding-inline: 4px;
  }

  .hero__ribbon-track::-webkit-scrollbar { display: none; }

  .hero-move {
    flex: 0 0 78%;
    scroll-snap-align: start;
  }
}

/* ===== Mise en avant successive d'un mouvement (carousel logique) ===== */

/* État actif d'un .hero-move : scale up + glow + label plus contrasté */
.hero-move {
  transition: transform 0.5s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              opacity 0.4s var(--ease);
}

.hero-move.is-spotlight {
  transform: translateY(-3px) scale(1.04);
  z-index: 1;
}

.hero-move.is-spotlight .hero-move__icon {
  animation-duration: 2s !important;
  filter: drop-shadow(0 0 14px rgba(232, 200, 148, 0.6));
}

.hero-move.is-spotlight .hero-move__label {
  text-shadow: 0 0 22px rgba(232, 200, 148, 0.45);
}

html[data-theme="day"] .hero-move.is-spotlight .hero-move__icon {
  filter: drop-shadow(0 0 12px rgba(184, 148, 85, 0.5));
}

html[data-theme="day"] .hero-move.is-spotlight .hero-move__label {
  text-shadow: 0 0 18px rgba(184, 148, 85, 0.35);
}

/* Les autres items s'estompent légèrement quand un est en spotlight */
.hero__ribbon[data-active] .hero-move:not(.is-spotlight) {
  opacity: 0.62;
}

/* ===== Dots de carousel sous le ruban ===== */
.hero__ribbon-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: clamp(12px, 1.6vw, 18px) auto 0;
  padding: 0;
}

.hero__ribbon-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(216, 178, 122, 0.55);
  background: rgba(216, 178, 122, 0.18);
  padding: 0;
  cursor: pointer;
  transition: width 0.5s var(--ease), background 0.3s var(--ease),
              border-color 0.3s var(--ease), transform 0.3s var(--ease);
}

.hero__ribbon-dot:hover {
  background: rgba(216, 178, 122, 0.45);
  border-color: rgba(232, 200, 148, 0.9);
}

.hero__ribbon-dot.is-active {
  width: 28px;
  background: linear-gradient(90deg, rgba(216,178,122,0.9), rgba(232,200,148,1));
  border-color: rgba(232, 200, 148, 1);
  box-shadow: 0 0 14px rgba(232, 200, 148, 0.55);
}

html[data-theme="day"] .hero__ribbon-dot {
  border-color: rgba(139, 107, 52, 0.55);
  background: rgba(184, 148, 85, 0.18);
}

html[data-theme="day"] .hero__ribbon-dot:hover {
  background: rgba(184, 148, 85, 0.4);
  border-color: rgba(139, 107, 52, 0.9);
}

html[data-theme="day"] .hero__ribbon-dot.is-active {
  background: linear-gradient(90deg, rgba(184,148,85,0.95), rgba(216,178,122,1));
  border-color: rgba(139, 107, 52, 1);
  box-shadow: 0 0 14px rgba(184, 148, 85, 0.45);
}

/* ===== Pause au scroll : quand le hero sort du viewport,
   on freeze toutes les anims pour économiser la batterie ===== */
.hero--trajectoire.is-offscreen .hero__bg,
.hero--trajectoire.is-offscreen .hero__trajectory-path,
.hero--trajectoire.is-offscreen .hero__trajectory-dot,
.hero--trajectoire.is-offscreen .hero-move__icon *,
.hero--trajectoire.is-offscreen .particles {
  animation-play-state: paused !important;
}

/* Petit polish mobile : dots un peu plus petits */
@media (max-width: 720px) {
  .hero__ribbon-dots {
    margin-top: 10px;
    gap: 8px;
  }

  .hero__ribbon-dot { width: 7px; height: 7px; }
  .hero__ribbon-dot.is-active { width: 22px; }
}

/* ====================================================================
   V3.3.6 — NAV CONTRAST FALLBACK
   Deux cas à régler :
   1. Theme DAY par défaut : la nav est ivoire mais le texte par défaut
      reste clair (var(--paper-soft)) → illisible.
   2. Theme NIGHT au-dessus d'une section forcée day (Checkpoint,
      Masterclass) : la nav sombre ne change pas, mais le texte clair
      sur fond ivoire devient illisible quand la backdrop-filter laisse
      passer la section claire.
   Solution unifiée :
   - Style day : texte bleu nuit, accents gold foncé.
   - Classe .nav--over-light : applique le même style en theme night
     (togglée par IntersectionObserver dans v2-dynamic.js).
   ==================================================================== */

/* Theme day : texte de nav en bleu nuit lisible */
html[data-theme="day"] .nav__brand,
html[data-theme="day"] .nav__brand span,
html[data-theme="day"] .nav__links a,
html[data-theme="day"] .nav__burger span {
  color: #14233a;
}

html[data-theme="day"] .nav__links {
  color: rgba(20, 35, 58, 0.74);
}

html[data-theme="day"] .nav__links a:hover {
  color: #14233a;
}

html[data-theme="day"] .nav__links a.is-primary {
  color: #8B6B34;
}

html[data-theme="day"] .nav__links a.is-primary::after {
  background: #8B6B34;
}

html[data-theme="day"] .nav__burger span {
  background: #14233a !important;
}

/* Theme night + classe .nav--over-light : forcer le style day
   (utilisé quand la nav survole une section forcée day) */
html[data-theme="night"] .nav.nav--over-light .nav__inner {
  background: rgba(255, 251, 245, 0.82) !important;
  border-color: rgba(184, 148, 85, 0.28) !important;
  box-shadow: 0 14px 40px rgba(20, 35, 58, 0.18) !important;
}

html[data-theme="night"] .nav.nav--over-light.scrolled .nav__inner {
  background: rgba(255, 251, 245, 0.94) !important;
}

html[data-theme="night"] .nav--over-light .nav__brand,
html[data-theme="night"] .nav--over-light .nav__brand span,
html[data-theme="night"] .nav--over-light .nav__links a,
html[data-theme="night"] .nav--over-light .nav__burger span {
  color: #14233a !important;
}

html[data-theme="night"] .nav--over-light .nav__links {
  color: rgba(20, 35, 58, 0.78) !important;
}

html[data-theme="night"] .nav--over-light .nav__links a:hover {
  color: #07101F !important;
}

html[data-theme="night"] .nav--over-light .nav__brand-mark {
  color: #14233a !important;
}

html[data-theme="night"] .nav--over-light .nav__links a.is-primary {
  color: #8B6B34 !important;
}

html[data-theme="night"] .nav--over-light .nav__links a.is-primary::after {
  background: #8B6B34 !important;
}

html[data-theme="night"] .nav--over-light .theme-toggle {
  background: rgba(255, 251, 245, 0.85) !important;
  border-color: rgba(184, 148, 85, 0.4) !important;
  color: #B89455 !important;
}

/* Transitions douces pour l'apparition / disparition du contraste */
.nav .nav__inner,
.nav__brand,
.nav__brand span,
.nav__brand-mark,
.nav__links a,
.nav__burger span,
.theme-toggle {
  transition: color 0.4s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              background 0.4s var(--ease),
              border-color 0.4s var(--ease),
              box-shadow 0.4s var(--ease);
}

/* ====================================================================
   V3.4.0 — CONSTAT CARTES "QUAND..." AVEC PLACEHOLDERS IMAGES
   Chaque carte reçoit un emplacement visuel en haut, qui peut être
   rempli plus tard par une photo. Pour l'instant : dégradé subtle gold/ivoire.
   ==================================================================== */
.constat-truths__media {
  width: 100%;
  height: clamp(120px, 14vw, 160px);
  border-radius: 14px;
  margin-bottom: 1rem;
  background:
    linear-gradient(135deg, rgba(216, 178, 122, 0.18) 0%, rgba(216, 178, 122, 0.04) 60%, rgba(7, 16, 31, 0.32) 100%),
    radial-gradient(circle at 20% 24%, rgba(232, 200, 148, 0.22), transparent 60%);
  border: 1px solid rgba(216, 178, 122, 0.22);
  position: relative;
  overflow: hidden;
}

.constat-truths__media::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 80% 80%, rgba(7, 16, 31, 0.42), transparent 55%);
}

/* Sigle discret au centre du placeholder (icône SVG en background) */
.constat-truths__media::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 36px;
  height: 36px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: rgba(216, 178, 122, 0.55);
  box-shadow: 0 0 18px rgba(216, 178, 122, 0.42);
  opacity: 0.7;
}

html[data-theme="day"] .constat-truths__media {
  background:
    linear-gradient(135deg, rgba(184, 148, 85, 0.12) 0%, rgba(184, 148, 85, 0.02) 60%, rgba(20, 35, 58, 0.04) 100%),
    radial-gradient(circle at 20% 24%, rgba(216, 178, 122, 0.16), transparent 60%);
  border-color: rgba(184, 148, 85, 0.28);
}

html[data-theme="day"] .constat-truths__media::before {
  background: radial-gradient(circle at 80% 80%, rgba(20, 35, 58, 0.08), transparent 55%);
}

html[data-theme="day"] .constat-truths__media::after {
  background: rgba(184, 148, 85, 0.6);
  box-shadow: 0 0 14px rgba(184, 148, 85, 0.4);
}

/* Slot-specific accents (positionne le sigle différemment pour ne pas être 3 fois identique) */
.constat-truths__media[data-slot="ambition"]::after { transform: translate(-50%, -50%) rotate(-12deg) scale(1.05); }
.constat-truths__media[data-slot="flou"]::after { transform: translate(-50%, -50%) scale(0.92); opacity: 0.55; }
.constat-truths__media[data-slot="trajectoire"]::after { transform: translate(-50%, -50%) rotate(18deg); }

/* ====================================================================
   V3.4.1 — POINTS D'ENTRÉE : style du CTA gold sous chaque route-card
   ==================================================================== */
.route-card__cta {
  display: inline-flex;
  align-items: center;
  margin-top: var(--s-3);
  padding-top: var(--s-2);
  border-top: 1px solid rgba(216, 178, 122, 0.18);
  font-family: var(--serif);
  font-style: italic;
  font-size: 0.95rem;
  color: var(--gold);
  letter-spacing: 0.02em;
  transition: color 0.3s var(--ease, cubic-bezier(0.22, 1, 0.36, 1));
}

.route-card:hover .route-card__cta {
  color: #F2D08A;
}

.route-card__student-badge {
  display: inline-flex !important;
  align-self: flex-start;
  width: fit-content;
  margin-top: 0.2rem;
  padding: 0.42rem 0.72rem;
  border: 1px solid rgba(217, 189, 120, 0.38);
  border-radius: 999px;
  background: rgba(217, 189, 120, 0.12);
  color: var(--gold, #d9bd78) !important;
  font-family: var(--sans, "Inter", sans-serif);
  font-size: 0.66rem !important;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html[data-theme="day"] .route-card__student-badge {
  border-color: rgba(185, 151, 77, 0.34);
  background: rgba(185, 151, 77, 0.12);
  color: #9f7f35 !important;
}

html[data-theme="day"] .route-card__cta {
  color: #8B6B34;
  border-top-color: rgba(139, 107, 52, 0.22);
}

html[data-theme="day"] .route-card:hover .route-card__cta {
  color: #5F4720;
}

/* ====================================================================
   V3.4.2 — RECOVERY (accompagnement avancé : 3 sous-services)
   Pattern aligné sur Checkpoint pour la cohérence visuelle.
   ==================================================================== */
.recovery {
  position: relative;
  padding: clamp(80px, 9vw, 130px) var(--gutter);
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.10), transparent 30rem),
    linear-gradient(180deg, #07101F 0%, #0B1320 100%);
  color: var(--paper);
  overflow: hidden;
}

.recovery__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.recovery__shell {
  position: relative;
  z-index: 1;
  width: var(--shell);
  max-width: 1280px;
  margin-inline: auto;
}

.recovery__header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto clamp(40px, 5vw, 64px);
}

.recovery__header .offer-kicker {
  font-family: var(--sans);
  font-size: 0.85rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(216, 178, 122, 0.78);
  margin: 0 0 var(--s-4);
}

.recovery__brand {
  font-family: var(--serif);
  font-size: clamp(2.6rem, 5vw, 4.4rem);
  font-weight: 400;
  line-height: 1;
  color: var(--paper);
  margin: 0 0 var(--s-4);
}

.recovery__brand em {
  font-style: italic;
  color: var(--gold);
}

.recovery__subtitle {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
  color: rgba(245, 242, 235, 0.88);
  max-width: 38ch;
  margin: 0 auto var(--s-5);
  line-height: 1.4;
}

.recovery__header .t-lead {
  margin-inline: auto;
}

.recovery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 2.4vw, 32px);
  margin-bottom: clamp(40px, 5vw, 64px);
}

.recovery-card {
  position: relative;
  padding: clamp(28px, 3vw, 40px) clamp(22px, 2.4vw, 32px) clamp(26px, 3vw, 36px);
  border-radius: 22px;
  background:
    linear-gradient(155deg, rgba(15, 26, 46, 0.85), rgba(11, 19, 32, 0.94));
  border: 1px solid rgba(216, 178, 122, 0.20);
  color: var(--paper);
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  overflow: hidden;
  transition: transform 0.4s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              border-color 0.4s var(--ease),
              box-shadow 0.4s var(--ease);
}

.recovery-card:hover {
  transform: translateY(-4px);
  border-color: rgba(216, 178, 122, 0.45);
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.42);
}

.recovery-card__num {
  font-family: var(--serif);
  font-style: italic;
  font-size: 3.2rem;
  line-height: 1;
  color: var(--gold);
  letter-spacing: -0.02em;
}

.recovery-card__title {
  font-family: var(--serif);
  font-size: clamp(1.7rem, 2.4vw, 2.1rem);
  font-weight: 500;
  line-height: 1.1;
  color: #F7F2E8;
  margin: 0;
}

.recovery-card__lead {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.05rem;
  color: rgba(232, 200, 148, 0.92);
  line-height: 1.4;
  margin: 0;
}

.recovery-card__desc {
  font-family: var(--sans);
  font-size: 0.96rem;
  color: rgba(245, 242, 235, 0.82);
  line-height: 1.6;
  margin: 0;
  flex: 1;
}

.recovery-card__cta {
  display: inline-flex;
  align-items: center;
  margin-top: var(--s-3);
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(216, 178, 122, 0.42);
  font-family: var(--serif);
  font-style: italic;
  font-size: 1rem;
  color: var(--gold);
  letter-spacing: 0.02em;
  align-self: flex-start;
  transition: color 0.3s var(--ease), border-color 0.3s var(--ease);
}

.recovery-card__cta:hover {
  color: #F2D08A;
  border-bottom-color: rgba(232, 200, 148, 0.85);
}

.recovery__cta {
  max-width: 820px;
  margin: 0 auto;
  padding: var(--s-6);
  border-radius: 28px;
  border: 1px solid rgba(216, 178, 122, 0.22);
  background: rgba(7, 16, 31, 0.30);
  text-align: center;
}

.recovery__cta p {
  margin: 0 0 var(--s-5);
  color: var(--paper-soft);
  line-height: 1.6;
  max-width: 56ch;
  margin-inline: auto;
}

/* Day mode pour Recovery : tons clairs, photos visibles si on en ajoute */
html[data-theme="day"] .recovery {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.10), transparent 30rem),
    linear-gradient(180deg, rgba(255, 252, 246, 1) 0%, rgba(248, 244, 235, 0.96) 100%);
  color: #14233a;
}

html[data-theme="day"] .recovery__header .offer-kicker {
  color: rgba(139, 107, 52, 0.88);
}

html[data-theme="day"] .recovery__brand {
  color: #14233a;
}

html[data-theme="day"] .recovery__brand em {
  color: #B89455;
}

html[data-theme="day"] .recovery__subtitle {
  color: rgba(20, 35, 58, 0.82);
}

html[data-theme="day"] .recovery-card {
  background: rgba(255, 252, 246, 0.94);
  border-color: rgba(184, 148, 85, 0.32);
  color: #14233a;
  box-shadow: 0 28px 72px rgba(20, 35, 58, 0.12);
}

html[data-theme="day"] .recovery-card__title {
  color: #14233a;
}

html[data-theme="day"] .recovery-card__num,
html[data-theme="day"] .recovery-card__lead {
  color: #B89455;
}

html[data-theme="day"] .recovery-card__desc {
  color: rgba(20, 35, 58, 0.74);
}

html[data-theme="day"] .recovery-card__cta {
  color: #8B6B34;
  border-bottom-color: rgba(139, 107, 52, 0.42);
}

html[data-theme="day"] .recovery-card__cta:hover {
  color: #5F4720;
  border-bottom-color: rgba(95, 71, 32, 0.72);
}

html[data-theme="day"] .recovery__cta {
  background: rgba(255, 252, 246, 0.82);
  border-color: rgba(184, 148, 85, 0.32);
  color: #14233a;
  box-shadow: 0 12px 36px rgba(20, 35, 58, 0.08);
}

html[data-theme="day"] .recovery__cta p {
  color: rgba(20, 35, 58, 0.78);
}

/* ====================================================================
   V3.6.1 — RECOVERY ICÔNES SIGNATURE (V330.3.D)
   Une icône SVG par sous-service pour casser la planéité textuelle
   et donner une identité visuelle à chacun.
   ==================================================================== */
.recovery-card {
  position: relative;
  padding-top: clamp(36px, 4vw, 52px);
}

.recovery-card__icon {
  position: absolute;
  top: clamp(28px, 3vw, 36px);
  right: clamp(22px, 2.4vw, 32px);
  width: clamp(48px, 5vw, 64px);
  height: clamp(48px, 5vw, 64px);
  color: var(--gold);
  opacity: 0.92;
  transition: transform 0.5s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              opacity 0.3s var(--ease);
}

.recovery-card:hover .recovery-card__icon {
  transform: scale(1.06) rotate(-3deg);
  opacity: 1;
}

.recovery-card--raystore:hover .recovery-card__icon {
  transform: scale(1.06) rotate(0deg);
}

.recovery-card--momentum:hover .recovery-card__icon {
  transform: scale(1.08) translateX(2px);
}

/* Day mode : icônes en gold profond */
html[data-theme="day"] .recovery-card__icon {
  color: var(--gold-deep);
  opacity: 0.88;
}

/* Mobile : icônes un peu plus petites, juste au-dessus du num */
@media (max-width: 880px) {
  .recovery-card__icon {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 6px;
    width: 48px;
    height: 48px;
  }
  .recovery-card {
    padding-top: clamp(28px, 3vw, 40px);
  }
}

/* ====================================================================
   V3.6.2 — FOUNDER CARD : VRAIE PHOTO KOFFI (V330.3.C)
   Override final pour utiliser /img/createur.jpg au lieu de la stock photo
   "v2-founder-session-premium-day-square.webp?v=20260710-founder-cache-v1" (introduite plus tôt).
   Trust signal critique : pas de mensonge sur l'auteur.
   ==================================================================== */
.founder-card__avatar {
  background-image: url("visuals-v2/founder/koffi-founder-portrait.webp?v=20260710-founder-cache-v1") !important;
  background-position: center 30%;
  background-size: cover;
  background-repeat: no-repeat;
}

html[data-theme="day"] .founder-card__avatar {
  background-image: url("visuals-v2/founder/koffi-founder-portrait.webp?v=20260710-founder-cache-v1") !important;
  border: 3px solid var(--gold-deep);
}

/* Day mode : founder-card en bloc ivoire premium */
html[data-theme="day"] .founder-card {
  background: var(--day-card) !important;
  border: 1px solid var(--day-line) !important;
  color: var(--day-text) !important;
  box-shadow: 0 24px 56px rgba(20, 35, 58, 0.10);
}

html[data-theme="day"] .founder-card__quote {
  color: var(--day-text) !important;
}

html[data-theme="day"] .founder-card__quote em {
  color: var(--gold-deep) !important;
}

html[data-theme="day"] .founder-card__sig {
  color: var(--day-text-mute) !important;
}

/* ====================================================================
   V3.6.3 — V330.4 FOUNDER CARD NIGHT LISIBILITÉ + METHODE RESET PHOTO
   ==================================================================== */

/* Night : forcer un contraste correct sur la citation et signature founder */
html[data-theme="night"] .founder-card,
.founder-card {
  background: rgba(15, 26, 46, 0.94) !important;
  border: 1px solid rgba(216, 178, 122, 0.32) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.45);
}

html[data-theme="night"] .founder-card .founder-card__quote,
.founder-card .founder-card__quote {
  color: #F7F2E8 !important;
}

html[data-theme="night"] .founder-card .founder-card__quote em,
.founder-card .founder-card__quote em {
  color: var(--gold-light) !important;
  font-style: italic;
}

html[data-theme="night"] .founder-card .founder-card__sig,
.founder-card .founder-card__sig {
  color: rgba(216, 178, 122, 0.92) !important;
  letter-spacing: 0.06em;
}

/* Mental Reset : même photo (founder-authority-day) en night et day — V330.4.AB */
.method--apple .method-apple-card--reset .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.10), rgba(7,16,31,0.62)),
    url("visuals-v2/webp/clean/v2-founder-authority-day.webp?v=20260710-founder-cache-v1") center 24% / cover no-repeat !important;
  filter: saturate(0.95) brightness(1.02) contrast(1.04) !important;
}

html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.02), rgba(255,252,246,0.38)),
    url("visuals-v2/webp/clean/v2-founder-authority-day.webp?v=20260710-founder-cache-v1") center 24% / cover no-repeat !important;
  filter: saturate(0.92) brightness(1.04) contrast(1.04) hue-rotate(-4deg) !important;
}

/* ====================================================================
   V3.6.4 — RUBAN HERO DAY : LISIBILITÉ RENFORCÉE (V330.4.H)
   En day mode, le ruban devient un bandeau ivoire plus opaque pour
   que les sous-titres se lisent franchement.
   ==================================================================== */
html[data-theme="day"] .hero__ribbon {
  background:
    linear-gradient(180deg, rgba(255, 252, 246, 0.0) 0%, rgba(255, 252, 246, 0.92) 38%, rgba(255, 252, 246, 1) 100%) !important;
  backdrop-filter: blur(10px) saturate(1.2);
  border-top-color: rgba(184, 148, 85, 0.32) !important;
  box-shadow: 0 -8px 24px rgba(20, 35, 58, 0.06);
}

html[data-theme="day"] .hero-move__label {
  color: #14233A !important;
  text-shadow: none !important;
  font-weight: 500;
}

html[data-theme="day"] .hero-move__sub {
  color: rgba(20, 35, 58, 0.78) !important;
  text-shadow: none !important;
  font-style: italic;
}

html[data-theme="day"] .hero-move__step {
  color: var(--gold-deep) !important;
  text-shadow: none !important;
}

html[data-theme="day"] .hero-move__icon {
  color: var(--gold-deep) !important;
  filter: none !important;
}

html[data-theme="day"] .hero__ribbon-dot {
  border-color: rgba(139, 107, 52, 0.62) !important;
  background: rgba(184, 148, 85, 0.22) !important;
}

html[data-theme="day"] .hero__ribbon-dot.is-active {
  background: linear-gradient(90deg, rgba(184,148,85,1), rgba(216,178,122,1)) !important;
  border-color: rgba(139, 107, 52, 1) !important;
  box-shadow: 0 0 14px rgba(184, 148, 85, 0.55) !important;
}

/* ====================================================================
   V3.7.0 — CONSTAT V330.4 : Hook + Stat 21% Gallup + Cards 2 puces
   ==================================================================== */

/* Hook sous l'eyebrow (phrase d'amorce italique) — agrandie V330.4 */
.constat__hook {
  text-align: center;
  max-width: 42ch;
  margin: clamp(8px, 1vw, 12px) auto clamp(18px, 2vw, 28px);
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.5rem, 2.4vw, 2.1rem);
  color: var(--gold-light);
  line-height: 1.35;
  letter-spacing: 0.01em;
}

html[data-theme="day"] .constat__hook {
  color: var(--gold-deep);
}

/* Panel constat avec stat à gauche + texte à droite */
.constat-panel--with-stat {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: clamp(20px, 2.4vw, 40px);
  align-items: center;
  padding: clamp(28px, 3vw, 42px) clamp(24px, 2.6vw, 38px);
  max-width: 1100px;
  margin-bottom: clamp(8px, 1vw, 16px);
}

.constat-panel__stat {
  text-align: center;
  padding-right: clamp(0px, 2vw, 22px);
  border-right: 1px solid rgba(216, 178, 122, 0.22);
}

.constat-panel__stat-value {
  display: block;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(10rem, 18vw, 17rem);
  line-height: 0.9;
  color: var(--gold);
  letter-spacing: -0.05em;
  text-align: center;
}

.constat-panel__stat-value small {
  font-size: 0.38em;
  font-weight: 400;
  color: var(--gold-light);
  margin-left: 6px;
  vertical-align: top;
}

.constat-panel__stat-headline {
  margin: clamp(8px, 1.2vw, 14px) 0 6px;
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.55rem, 2.2vw, 2rem);
  color: rgba(245, 242, 235, 0.96);
  line-height: 1.3;
}

.constat-panel__stat-sub {
  margin: 0 0 clamp(8px, 1vw, 14px);
  font-family: var(--sans);
  font-size: clamp(1.05rem, 1.3vw, 1.18rem);
  color: rgba(245, 242, 235, 0.82);
  line-height: 1.5;
}

.constat-panel__stat-source {
  font-family: var(--sans);
  font-size: 0.78rem;
  font-style: normal;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(216, 178, 122, 0.85);
}

.constat-panel__copy { display: flex; flex-direction: column; }

/* Day mode pour le panel stat */
html[data-theme="day"] .constat-panel__stat {
  border-right-color: rgba(184, 148, 85, 0.28);
}

html[data-theme="day"] .constat-panel__stat-value {
  color: var(--gold-deep);
}

html[data-theme="day"] .constat-panel__stat-value small {
  color: rgba(139, 107, 52, 0.78);
}

html[data-theme="day"] .constat-panel__stat-headline {
  color: var(--day-text);
}

html[data-theme="day"] .constat-panel__stat-sub {
  color: var(--day-text-soft);
}

html[data-theme="day"] .constat-panel__stat-source {
  color: rgba(139, 107, 52, 0.78);
}

/* Intro avant les 3 cards "Quand..." — agrandie V330.4, espace réduit V330.4.Z */
.constat-truths__intro {
  text-align: center;
  max-width: 48ch;
  margin: clamp(6px, 0.8vw, 12px) auto clamp(6px, 0.8vw, 12px);
  font-family: var(--serif);
  font-size: clamp(1.55rem, 2.2vw, 2rem);
  font-style: italic;
  color: rgba(245, 242, 235, 0.96);
  line-height: 1.3;
}

.constat-truths__intro em {
  color: var(--gold-light);
  font-style: italic;
}

html[data-theme="day"] .constat-truths__intro {
  color: var(--day-text);
}

html[data-theme="day"] .constat-truths__intro em {
  color: var(--gold-deep);
}

/* Cards "Quand..." avec puces */
.constat-truths__bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.2vw, 16px);
}

.constat-truths__bullets li {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-left: 14px;
  border-left: 2px solid rgba(216, 178, 122, 0.42);
}

.constat-truths__bullets li b {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 500;
  font-size: 1rem;
  color: var(--gold-light);
  letter-spacing: 0.01em;
}

.constat-truths__bullets li span {
  font-family: var(--sans);
  font-size: 0.88rem;
  color: rgba(245, 242, 235, 0.72);
  line-height: 1.5;
}

html[data-theme="day"] .constat-truths__bullets li {
  border-left-color: rgba(184, 148, 85, 0.42);
}

html[data-theme="day"] .constat-truths__bullets li b {
  color: var(--gold-deep);
}

html[data-theme="day"] .constat-truths__bullets li span {
  color: var(--day-text-soft);
}

/* ====================================================================
   V3.9.8 — INVERSION CASSE PUCES CONSTAT (V330.4.X, alignement V330.4.AD)
   - <b> (titre puce) en MAJUSCULES tracking premium
   - <span> (description) en minuscule normale (override du uppercase hérité
     de .constat-truths span général)
   - Hauteur min uniforme pour aligner les 3 cards
   ==================================================================== */
.constat-truths__bullets {
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 1.6vw, 22px) !important;
}

.constat-truths__bullets li {
  display: flex !important;
  flex-direction: column;
  gap: 4px;
  min-height: calc(0.85rem * 1.3 * 2 + 1.08rem * 1.45 * 2);
  justify-content: flex-start;
}

.constat-truths__bullets li b {
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-style: normal !important;
  font-family: var(--sans) !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  line-height: 1.3 !important;
  display: block;
  margin-bottom: 4px;
  /* Hauteur min pour aligner même si le titre est sur 1 ou 2 lignes */
  min-height: calc(0.85rem * 1.3 * 2);
}

.constat-truths__bullets li span {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
  font-style: italic;
  font-family: var(--serif) !important;
  font-size: clamp(0.98rem, 1.05vw, 1.08rem) !important;
  line-height: 1.45 !important;
  display: block !important;
  margin-bottom: 0 !important;
  min-height: calc(1.08rem * 1.45 * 2);
}

/* Égaliser les 3 cards en flex */
.constat-truths {
  align-items: stretch;
}

.constat-truths article {
  display: flex;
  flex-direction: column;
}

.constat-truths article > strong {
  min-height: calc(1.6rem * 1.05 * 2);
  display: block;
}

/* Photos sur les 3 cards constat (slot media) */
.constat-truths__media {
  width: 100%;
  height: clamp(160px, 16vw, 200px);
  border-radius: 14px;
  margin-bottom: clamp(14px, 1.6vw, 20px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid rgba(216, 178, 122, 0.22);
}

.constat-truths__media[data-slot="ambition"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.18) 0%, rgba(7,16,31,0.62) 100%),
    url("visuals-v2/future-needs/clean/v2-future-athlete-city-day.webp");
}

.constat-truths__media[data-slot="flou"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.18) 0%, rgba(7,16,31,0.62) 100%),
    url("visuals-v2/future-needs/clean/v2-future-mirror-profile-night.webp");
}

.constat-truths__media[data-slot="trajectoire"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.18) 0%, rgba(7,16,31,0.62) 100%),
    url("visuals-v2/future-needs/clean/v2-future-mature-executive-night.webp");
}

/* Day mode : on adoucit, photos plus claires */
html[data-theme="day"] .constat-truths__media {
  border-color: rgba(184, 148, 85, 0.28);
  filter: saturate(0.86) brightness(1.05) hue-rotate(-4deg);
}

html[data-theme="day"] .constat-truths__media[data-slot="flou"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.08) 0%, rgba(20,35,58,0.32) 100%),
    url("visuals-v2/future-needs/clean/v2-future-single-plus-size-clarification-day.webp");
}

html[data-theme="day"] .constat-truths__media[data-slot="trajectoire"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.08) 0%, rgba(20,35,58,0.32) 100%),
    url("visuals-v2/future-needs/clean/v2-future-mature-executive-day.webp");
}

/* Mobile : panel stat passe en colonne */
@media (max-width: 880px) {
  .constat-panel--with-stat {
    grid-template-columns: 1fr;
  }
  .constat-panel__stat {
    padding-right: 0;
    padding-bottom: clamp(16px, 2vw, 24px);
    border-right: none;
    border-bottom: 1px solid rgba(216, 178, 122, 0.22);
  }
}

/* ====================================================================
   V3.7.1 — POINTS D'ENTRÉE : PHOTOS SUR LES 4 CARDS (V330.4.E)
   ==================================================================== */
.route-card {
  position: relative;
  padding-top: clamp(170px, 18vw, 220px);
  overflow: hidden;
}

.route-card__media {
  position: absolute;
  inset: 0 0 auto 0;
  height: clamp(150px, 16vw, 200px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 18px 18px 0 0;
  filter: brightness(0.96);
}

.route-card__media[data-slot="decouverte"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.18), rgba(7,16,31,0.58)),
    url("visuals-v2/webp/clean/v2-contact-strategy-call-desk-night.webp");
}

.route-card__media[data-slot="masterclass"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.18), rgba(7,16,31,0.58)),
    url("visuals-v2/webp/clean/v2-brochure-personnel-night.webp");
}

.route-card__media[data-slot="checkpoint"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.18), rgba(7,16,31,0.58)),
    url("visuals-v2/webp/clean/v2-checkpoint-hero-night.webp");
}

.route-card__media[data-slot="recovery"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.18), rgba(7,16,31,0.58)),
    url("visuals-v2/future-needs/clean/v2-future-entrepreneur-architect-night.webp");
}

/* Day mode : variantes lumineuses + filtre warm doux */
html[data-theme="day"] .route-card__media {
  filter: saturate(0.86) brightness(1.06) hue-rotate(-4deg);
}

html[data-theme="day"] .route-card__media[data-slot="decouverte"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0), rgba(20,35,58,0.18)),
    url("visuals-v2/webp/clean/v2-contact-strategy-call-desk-day.webp");
}

html[data-theme="day"] .route-card__media[data-slot="masterclass"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0), rgba(20,35,58,0.18)),
    url("visuals-v2/webp/clean/v2-brochure-personnel-day.webp");
}

html[data-theme="day"] .route-card__media[data-slot="checkpoint"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0), rgba(20,35,58,0.18)),
    url("visuals-v2/webp/clean/v2-checkpoint-hero-day.webp");
}

html[data-theme="day"] .route-card__media[data-slot="recovery"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0), rgba(20,35,58,0.18)),
    url("visuals-v2/future-needs/clean/v2-future-mature-executive-day.webp");
}

/* ====================================================================
   V3.7.2 — CP CASE INTRO (V330.4.G)
   Courte intro sous le header de cas pour expliquer le "2 options" du carousel.
   ==================================================================== */
.cp-case-header__intro {
  margin: clamp(10px, 1.2vw, 14px) auto 0;
  max-width: 64ch;
  font-family: var(--sans);
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(245, 242, 235, 0.82);
}

.cp-case-header__intro strong {
  color: var(--gold-light);
  font-weight: 600;
}

html[data-theme="day"] .cp-case-header__intro {
  color: var(--day-text-soft);
}

html[data-theme="day"] .cp-case-header__intro strong {
  color: var(--gold-deep);
}

.cp-case-header__intro--day { display: none; }
.cp-case-header__intro--night { display: inline; }

html[data-theme="day"] .cp-case-header__intro--day { display: inline; }
html[data-theme="day"] .cp-case-header__intro--night { display: none; }

/* ====================================================================
   V3.7.3 — METHODE LEAD-BOLD (V330.4.D, ajusté V330.4.K)
   Phrase intermédiaire entre H2 et le lead.
   En day mode : texte bleu nuit (au lieu de gold-deep qui se confond avec
   le fond ivoire et les radial-gradients gold autour).
   ==================================================================== */
.method__lead-bold {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.3rem, 1.8vw, 1.65rem);
  color: var(--gold-light);
  margin: var(--s-3) auto 0;
  line-height: 1.4;
  letter-spacing: 0.005em;
}

html[data-theme="day"] .method__lead-bold {
  color: var(--day-text) !important;
}

html[data-theme="day"] .method__lead-bold::before,
html[data-theme="day"] .method__lead-bold::after {
  display: none !important;
}

/* ====================================================================
   V3.9.14 — END CTA : eyebrow "Passez à l'action" + 2 boutons
   Pattern aligné sur le site actuel.
   ==================================================================== */
.endcta__eyebrow {
  display: inline-block;
  padding: 8px 22px;
  border-radius: 999px;
  border: 1px solid rgba(216, 178, 122, 0.42);
  background: rgba(7, 16, 31, 0.32);
  color: var(--gold);
  font-family: var(--sans);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin: 0 auto clamp(18px, 2.2vw, 28px);
}

html[data-theme="day"] .endcta__eyebrow {
  background: rgba(255, 252, 246, 0.62);
  border-color: rgba(184, 148, 85, 0.42);
  color: var(--gold-deep);
}

/* ====================================================================
   V3.9.13 — COMMUNAUTÉ : version centrée alignée sur le site actuel
   Eyebrow + titre + sous-texte + 4 pills compactes (IG · TikTok · LinkedIn · YouTube)
   ==================================================================== */
.community {
  text-align: center;
  max-width: 880px;
  margin: 0 auto;
  padding: clamp(20px, 2.4vw, 32px) 0;
}

.community__eyebrow {
  display: inline-block;
  padding: 8px 22px;
  border-radius: 999px;
  border: 1px solid rgba(216, 178, 122, 0.42);
  background: rgba(7, 16, 31, 0.32);
  color: var(--gold);
  font-family: var(--sans);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: clamp(20px, 2.4vw, 32px);
}

html[data-theme="day"] .community__eyebrow {
  background: rgba(255, 252, 246, 0.62);
  border-color: rgba(184, 148, 85, 0.42);
  color: var(--gold-deep);
}

.community__title {
  font-family: var(--serif);
  font-size: clamp(2.2rem, 3.6vw, 3.6rem);
  font-weight: 400;
  line-height: 1.1;
  color: var(--paper);
  margin: 0 0 clamp(14px, 1.6vw, 22px);
}

html[data-theme="day"] .community__title {
  color: var(--day-text);
}

.community__sub {
  font-family: var(--sans);
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  color: rgba(245, 242, 235, 0.82);
  line-height: 1.55;
  margin: 0 auto clamp(28px, 3vw, 44px);
  max-width: 56ch;
}

html[data-theme="day"] .community__sub {
  color: var(--day-text-soft);
}

.community__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(12px, 1.4vw, 18px);
}

.community-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  border-radius: 999px;
  border: 1px solid rgba(216, 178, 122, 0.32);
  background: rgba(7, 16, 31, 0.32);
  color: var(--paper);
  font-family: var(--sans);
  font-size: 0.98rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: transform 0.3s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              background 0.3s var(--ease),
              border-color 0.3s var(--ease),
              color 0.3s var(--ease);
}

.community-pill:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--ink-deep);
  transform: translateY(-2px);
}

.community-pill__icon {
  width: 20px;
  height: 20px;
  color: var(--gold);
  transition: color 0.3s var(--ease);
}

.community-pill:hover .community-pill__icon {
  color: var(--ink-deep);
}

/* Day mode */
html[data-theme="day"] .community-pill {
  background: rgba(255, 252, 246, 0.62);
  border-color: rgba(184, 148, 85, 0.42);
  color: var(--day-text);
}

html[data-theme="day"] .community-pill__icon {
  color: var(--gold-deep);
}

html[data-theme="day"] .community-pill:hover {
  background: var(--gold-deep);
  border-color: var(--gold-deep);
  color: var(--ivory-pure);
}

html[data-theme="day"] .community-pill:hover .community-pill__icon {
  color: var(--ivory-pure);
}

/* ====================================================================
   V3.9.15 — COMMUNAUTÉ : mosaïque de 4 photos posts (réseaux sociaux)
   Approche alternative : ::before en grid 4 cols pour les 4 photos
   ==================================================================== */
.reseaux {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: var(--midnight);
}

html[data-theme="day"] .reseaux {
  background: var(--ivory-pure);
}

/* Mosaïque 4 photos via ::before en grid */
.reseaux::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background-color: var(--midnight);
}

.reseaux::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(7,16,31,0.82) 0%, rgba(11,19,32,0.92) 100%);
}

html[data-theme="day"] .reseaux::after {
  background: linear-gradient(180deg, rgba(255,252,246,0.50) 0%, rgba(248,244,235,0.62) 100%);
}

/* On utilise un background composite via background-image multiple
   avec background-position en pourcentages X seulement (Y centré) */
.reseaux::before {
  background-image:
    url("visuals-v2/webp/clean/v2-brochure-personnel-night.webp"),
    url("visuals-v2/webp/clean/v2-brochure-relationnel-night.webp"),
    url("visuals-v2/webp/clean/v2-brochure-professionnel-night.webp"),
    url("visuals-v2/webp/clean/v2-testimonial-01-night.webp");
  background-position: 0% 50%, 33.33% 50%, 66.66% 50%, 100% 50%;
  background-size: 25% 100%, 25% 100%, 25% 100%, 25% 100%;
  background-repeat: no-repeat;
}

html[data-theme="day"] .reseaux::before {
  background-image:
    url("visuals-v2/webp/clean/v2-brochure-personnel-day.webp"),
    url("visuals-v2/webp/clean/v2-brochure-relationnel-day.webp"),
    url("visuals-v2/webp/clean/v2-brochure-professionnel-day.webp"),
    url("visuals-v2/webp/clean/v2-testimonial-01-day.webp");
}

@media (max-width: 880px) {
  .reseaux::before {
    background-image: url("visuals-v2/webp/clean/v2-brochure-personnel-night.webp");
    background-position: center;
    background-size: cover;
  }
  html[data-theme="day"] .reseaux::before {
    background-image: url("visuals-v2/webp/clean/v2-brochure-personnel-day.webp");
  }
}

/* ====================================================================
   V3.9.16 — MEDIA HUB : réduire transparence sur les photos
   Les vidéos placeholders étaient avec overlay sombre fort, on l'allège
   pour mieux voir les visages.
   ==================================================================== */
.media-card__poster--founder,
.media-card__poster--formations,
.media-card__poster--checkpoint,
.media-card__poster--temoignage {
  filter: brightness(1.05) saturate(1.05);
}

/* Day mode : overlay plus léger */
html[data-theme="day"] .media-card__poster--founder {
  background-image:
    linear-gradient(170deg, rgba(7,16,31,0.06) 0%, rgba(7,16,31,0.28) 60%, rgba(7,16,31,0.78) 100%),
    url("visuals-v2/webp/clean/v2-founder-authority-day.webp?v=20260710-founder-cache-v1") !important;
}

html[data-theme="day"] .media-card__poster--formations {
  background-image:
    linear-gradient(170deg, rgba(7,16,31,0.06) 0%, rgba(7,16,31,0.28) 60%, rgba(7,16,31,0.78) 100%),
    url("visuals-v2/webp/clean/v2-brochure-personnel-day.webp") !important;
}

html[data-theme="day"] .media-card__poster--checkpoint {
  background-image:
    linear-gradient(170deg, rgba(7,16,31,0.06) 0%, rgba(7,16,31,0.28) 60%, rgba(7,16,31,0.78) 100%),
    url("visuals-v2/webp/clean/v2-checkpoint-hero-day.webp") !important;
}

html[data-theme="day"] .media-card__poster--temoignage {
  background-image:
    linear-gradient(170deg, rgba(7,16,31,0.06) 0%, rgba(7,16,31,0.28) 60%, rgba(7,16,31,0.78) 100%),
    url("visuals-v2/webp/clean/v2-testimonial-01-day.webp") !important;
}

/* ====================================================================
   V3.9.17 — RECOVERY : suppression du cadre autour de "Prendre contact"
   ==================================================================== */
.recovery__cta {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-align: center;
}

html[data-theme="day"] .recovery__cta {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ====================================================================
   V3.9.18 — BOUTON "Faire la qualification" : contour bleu, écriture bleu
   Override de V3.9.1 pour passer en mode lien texte bleu nuit
   ==================================================================== */
html[data-theme="day"] .checkpoint__cta .btn--ghost,
html[data-theme="day"] .checkpoint__cta a.btn--ghost {
  background: transparent !important;
  color: var(--marine) !important;
  border: 1.5px solid var(--marine) !important;
  box-shadow: none !important;
}

html[data-theme="day"] .checkpoint__cta .btn--ghost:hover {
  background: var(--marine) !important;
  color: var(--ivory-pure) !important;
  border-color: var(--marine) !important;
}

/* ====================================================================
   V3.9.19 — CONSTAT : photo de fond pour day ET night
   Overlay réduit + attachment scroll pour bien voir la photo
   ==================================================================== */
html[data-theme="day"] .constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 28rem),
    linear-gradient(180deg, rgba(255,252,246,0.26) 0%, rgba(248,244,235,0.34) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.10), transparent 28rem),
    linear-gradient(180deg, rgba(7,16,31,0.62) 0%, rgba(11,19,32,0.74) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center center / cover no-repeat scroll !important;
}

/* Centrer le header de la section au-dessus du grid (hors du cadre interne) */
.social-showcase {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.social-showcase__head {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  text-align: center !important;
  max-width: 760px;
  margin: 0 auto clamp(28px, 3vw, 44px) !important;
  align-items: center !important;
  gap: clamp(8px, 1vw, 14px) !important;
}

.social-showcase__head h3,
.social-showcase__head p,
.social-showcase__head span {
  text-align: center !important;
  margin-inline: auto !important;
  margin-bottom: 0 !important;
  width: 100%;
  max-width: 640px;
}

.social-showcase__grid {
  width: 100%;
}

/* ====================================================================
   V3.9.20 — CP-SLIDE TITLE : tenir sur 2 lignes max
   On réduit la taille + augmente le max-width du caption pour que le titre
   ne casse pas sur 3-4 lignes.
   ==================================================================== */
.cp-slide__title {
  font-size: clamp(1.35rem, 1.85vw, 1.8rem) !important;
  line-height: 1.18 !important;
  max-width: 22ch;
  text-wrap: balance;
}

.cp-slide__caption {
  max-width: clamp(320px, 38vw, 480px) !important;
}

@media (max-width: 720px) {
  .cp-slide__title {
    font-size: clamp(1.2rem, 5vw, 1.55rem) !important;
    max-width: 100%;
  }
  .cp-slide__caption {
    max-width: 100% !important;
  }
}

/* ====================================================================
   V3.9.11 — CAROUSEL CP-SLIDE : enlever filtre bleu/assombrissement photo
   ==================================================================== */
.cp-slide__bg {
  filter: none !important;
}

.cp-slide::before {
  background:
    linear-gradient(90deg, rgba(7,16,31,0.48) 0%, rgba(7,16,31,0.18) 44%, rgba(7,16,31,0.0) 100%),
    linear-gradient(180deg, rgba(7,16,31,0.0) 0%, rgba(7,16,31,0.10) 60%, rgba(7,16,31,0.32) 100%) !important;
}

/* En day mode, on dégrade en ivoire pour la lisibilité du caption gauche */
html[data-theme="day"] .cp-slide::before {
  background:
    linear-gradient(90deg, rgba(255,252,246,0.32) 0%, rgba(255,252,246,0.10) 44%, rgba(255,252,246,0.0) 100%),
    linear-gradient(180deg, rgba(20,35,58,0.0) 0%, rgba(20,35,58,0.06) 60%, rgba(20,35,58,0.20) 100%) !important;
}

/* ====================================================================
   V3.9.10 — MASTERCLASS CTA : supprimer le cadre autour du bouton
   "Explorer les Masterclass". On enlève padding/border/background/shadow
   pour ne garder que le bouton seul, centré.
   ==================================================================== */
.masterclass__cta {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-align: center;
  margin: clamp(28px, 4vw, 48px) auto 0 !important;
}

html[data-theme="day"] .masterclass__cta {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ====================================================================
   V3.9.9 — METHODE CARDS : suppression SORTIE + alignement uniforme
   - Cache l'éventuel <strong> "Sortie : …"
   - Aligne tous les chiffres (01-04) au même endroit
   - Égalise les hauteurs et la taille des descriptions
   ==================================================================== */
.method-apple-card__copy strong {
  display: none !important;
}

/* Hauteur de carte unifiée + flex pour aligner verticalement */
.method-apple-card {
  display: flex;
  flex-direction: column;
}

.method-apple-card__copy {
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1vw, 14px) !important;
  padding-top: clamp(16px, 2vw, 24px);
}

/* Chiffre : taille + couleur unifiée */
.method-apple-card__copy > span {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(0.78rem, 1vw, 0.92rem) !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase;
  color: var(--gold) !important;
  margin: 0 !important;
}

html[data-theme="day"] .method-apple-card__copy > span {
  color: var(--gold-deep) !important;
}

/* Titre H3 unifié */
.method-apple-card__copy h3 {
  font-family: var(--serif);
  font-size: clamp(1.5rem, 2.2vw, 2rem) !important;
  font-weight: 500;
  line-height: 1.1 !important;
  margin: 0 !important;
}

/* Description <p> : même taille pour toutes les cards, hauteur min fixe pour
   égaliser visuellement (line-clamp 4 lignes) */
.method-apple-card__copy p {
  font-family: var(--sans);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  flex: 1;
  /* Hauteur minimale en lignes pour aligner visuellement les 4 cards */
  min-height: calc(1.55em * 3.5);
}

/* ====================================================================
   V3.9.5 — HERO RIBBON : pas de barre dorée entre le hero et le constat
   ==================================================================== */
.hero__ribbon {
  border-top: none !important;
}

html[data-theme="day"] .hero__ribbon {
  border-top: none !important;
}

/* ====================================================================
   V3.9.6 — HERO DAY : photo home SANS FILTRE et SANS OVERLAY
   La photo est restituée brut, telle qu'elle est. Le contraste du texte
   est géré par text-shadow renforcé (cf. plus bas).
   ==================================================================== */
html[data-theme="day"] .hero--apple .hero__bg,
html[data-theme="day"] .hero--trajectoire .hero__bg {
  background: url("../img/hero-day.png?v=3") center/cover no-repeat !important;
  filter: none !important;
}

@media (max-width: 720px) {
  html[data-theme="day"] .hero--apple .hero__bg,
  html[data-theme="day"] .hero--trajectoire .hero__bg {
    background: url("visuals-v2/responsive-crops/mobile/v2-hero-day-cockpit-human-mobile.webp") center/cover no-repeat !important;
    filter: none !important;
  }
}

/* Texte hero day : on renforce le text-shadow pour rester lisible sur photo nette */
html[data-theme="day"] .hero__brand-title,
html[data-theme="day"] .hero__title,
html[data-theme="day"] .hero__title em,
html[data-theme="day"] .hero__copilot,
html[data-theme="day"] .hero__lead {
  text-shadow: 0 2px 16px rgba(7, 16, 31, 0.62),
               0 4px 24px rgba(7, 16, 31, 0.42) !important;
}

/* Hero title : tenir sur 2 lignes (max-width plus large) */
.hero--apple .hero__title,
.hero--trajectoire .hero__title {
  max-width: 28ch !important;
}

@media (max-width: 720px) {
  .hero--apple .hero__title,
  .hero--trajectoire .hero__title {
    max-width: 100% !important;
  }
}

/* ====================================================================
   V3.7.4 — CONSTAT CARDS : enlever le sigle gold décoratif
   et choisir des photos plus expressives qui matchent le sens.
   ==================================================================== */

/* Supprimer le ::after (cercle gold) et le ::before (radial deep) qui
   polluent les photos désormais affichées. */
.constat-truths__media::before,
.constat-truths__media::after,
html[data-theme="day"] .constat-truths__media::before,
html[data-theme="day"] .constat-truths__media::after {
  display: none !important;
  content: none !important;
}

/* Augmenter un peu la hauteur des photos cards pour qu'elles respirent */
.constat-truths__media {
  height: clamp(180px, 18vw, 220px) !important;
}

/* Photos NIGHT — sélection qui colle au sens de chaque card */
.constat-truths__media[data-slot="ambition"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.08) 0%, rgba(7,16,31,0.55) 100%),
    url("visuals-v2/future-needs/clean/v2-future-content-creator-night.webp") !important;
  background-position: center 28% !important;
}

.constat-truths__media[data-slot="flou"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.08) 0%, rgba(7,16,31,0.55) 100%),
    url("visuals-v2/future-needs/clean/v2-future-mirror-profile-night.webp") !important;
  background-position: center 34% !important;
}

.constat-truths__media[data-slot="trajectoire"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.08) 0%, rgba(7,16,31,0.55) 100%),
    url("visuals-v2/future-needs/clean/v2-future-road-cockpit-night.webp") !important;
  background-position: center 50% !important;
}

/* Photos DAY — mix genres, photos qui racontent le sens de la card (V330.4.L) */
html[data-theme="day"] .constat-truths__media[data-slot="ambition"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0) 0%, rgba(20,35,58,0.24) 100%),
    url("visuals-v2/webp/clean/v2-trajectory-misalignment-desk-day.webp") !important;
  background-position: center 35% !important;
}

html[data-theme="day"] .constat-truths__media[data-slot="flou"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0) 0%, rgba(20,35,58,0.24) 100%),
    url("visuals-v2/future-needs/clean/v2-future-athlete-city-day.webp") !important;
  background-position: center 30% !important;
}

html[data-theme="day"] .constat-truths__media[data-slot="trajectoire"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0) 0%, rgba(20,35,58,0.24) 100%),
    url("visuals-v2/future-needs/clean/v2-future-cockpit-horizon-day.webp") !important;
  background-position: center 40% !important;
}

/* ====================================================================
   V3.7.5 — RÉDUCTION DES ESPACES ENTRE SECTIONS + BACKGROUNDS PHOTOS
   Objectif : page plus dense, sections séparées par moins de respiration,
   et photo de fond subtile pour chaque grande partie (overlay ivoire fort).
   ==================================================================== */

/* Compresser les paddings verticaux globaux des grandes sections */
.constat,
.method,
.entry-router,
.masterclass,
.checkpoint,
.recovery,
.media-hub,
.reseaux,
.endcta {
  padding-top: clamp(56px, 6vw, 86px) !important;
  padding-bottom: clamp(56px, 6vw, 86px) !important;
}

/* Background photos pour chaque section en MODE JOUR — V330.4.AA
   - Photos SANS personnage (route, horizon, compass, roadmap)
   - Overlay ivoire ~36-46% (réduit de moitié vs avant) pour vraiment voir les photos
   - Cohérence : tons gold/horizon/route/compass partout
   - Les cards/panels gardent fond ivoire 94%+ pour lisibilité texte */

html[data-theme="day"] .constat {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.36) 0%, rgba(255,252,246,0.44) 50%, rgba(248,244,235,0.52) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat fixed !important;
}

/* V330.4.AB : pas de photo de fond pour Méthodologie (demande Koffi) */
html[data-theme="day"] .method--apple {
  background:
    radial-gradient(circle at 12% 0%, rgba(184, 148, 85, 0.06), transparent 30rem),
    linear-gradient(180deg, var(--ivory-warm) 0%, var(--ivory-pure) 100%) !important;
}

html[data-theme="day"] .entry-router {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.36) 0%, rgba(248,244,235,0.46) 100%),
    url("visuals-v2/abstract-bg/clean/v2-bg-starter-route-blur-day.webp") center center / cover no-repeat fixed !important;
}

html[data-theme="day"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(255,252,246,0.36) 0%, rgba(248,244,235,0.46) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-day.webp") center center / cover no-repeat fixed !important;
}

/* V330.4.AB : pas de photo de fond pour Masterclass & Recovery (demande Koffi) */
html[data-theme="day"] .masterclass {
  background:
    radial-gradient(circle at 12% 0%, rgba(224, 190, 128, 0.12), transparent 22rem),
    linear-gradient(180deg, var(--ivory-pure) 0%, var(--ivory-warm) 100%) !important;
}

html[data-theme="day"] .recovery {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.10), transparent 30rem),
    linear-gradient(180deg, var(--ivory-warm) 0%, var(--ivory-pure) 100%) !important;
}

html[data-theme="day"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,252,246,0.40) 0%, rgba(248,244,235,0.48) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat fixed !important;
}

html[data-theme="day"] .endcta {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.12), transparent 32rem),
    linear-gradient(180deg, rgba(248,244,235,0.40) 0%, rgba(255,252,246,0.48) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat fixed !important;
}

/* Same approche en NIGHT mais avec overlay bleu nuit plus opaque */
html[data-theme="night"] .constat,
.constat {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.84) 0%, rgba(11,19,32,0.92) 100%),
    url("visuals-v2/future-needs/clean/v2-future-boat-horizon-day.webp") center center / cover no-repeat fixed;
}

html[data-theme="night"] .method--apple,
.method--apple {
  background:
    linear-gradient(180deg, rgba(11,19,32,0.86) 0%, rgba(7,16,31,0.94) 100%),
    url("visuals-v2/future-needs/clean/v2-future-road-cockpit-night.webp") center center / cover no-repeat fixed;
}

html[data-theme="night"] .entry-router,
.entry-router {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.86) 0%, rgba(11,19,32,0.94) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center center / cover no-repeat fixed;
}

/* Sur mobile : `background-attachment: fixed` est cassant (jank) → on désactive */
@media (max-width: 980px) {
  html[data-theme="day"] .constat,
  html[data-theme="day"] .method--apple,
  html[data-theme="day"] .entry-router,
  html[data-theme="day"] .masterclass,
  html[data-theme="day"] .recovery,
  html[data-theme="day"] .media-hub,
  html[data-theme="day"] .endcta,
  html[data-theme="night"] .constat,
  html[data-theme="night"] .method--apple,
  html[data-theme="night"] .entry-router,
  .constat, .method--apple, .entry-router {
    background-attachment: scroll !important;
  }
}

/* Tightening interne des sections les plus longues */
.method-apple {
  gap: clamp(28px, 3vw, 44px) !important;
}

.recovery-grid,
.build90__grid,
.mc-grid {
  margin-top: clamp(28px, 3vw, 44px) !important;
}

/* Le shell stagger doit prendre moins de respiration en haut */
.constat__shell,
.method__shell,
.entry-router__shell,
.masterclass__shell,
.checkpoint__shell,
.recovery__shell,
.media-hub__shell {
  padding-top: 0 !important;
}

/* ====================================================================
   V3.8.0 — CAROUSEL SWITCH MALIK/AISHA selon thème (V330.4)
   - Mode NUIT : on affiche Malik (.cp-carousel--malik), on cache Aisha
   - Mode JOUR : on affiche Aisha (.cp-carousel--aisha), on cache Malik
   ==================================================================== */
.cp-carousel--aisha { display: none; }
.cp-carousel--malik { display: block; }

html[data-theme="day"] .cp-carousel--malik { display: none; }
html[data-theme="day"] .cp-carousel--aisha { display: block; }

/* ====================================================================
   V3.8.1 — CHECKPOINT TEXTE PLUS GRAND + ESPACES RESSERRÉS (V330.4)
   ==================================================================== */
.checkpoint__brand {
  font-size: clamp(3.4rem, 6vw, 6.4rem) !important;
  line-height: 0.95 !important;
  margin-bottom: clamp(14px, 1.6vw, 22px) !important;
}

.checkpoint__subtitle {
  font-size: clamp(1.6rem, 2.4vw, 2.2rem) !important;
  line-height: 1.32 !important;
  margin-bottom: clamp(14px, 1.6vw, 20px) !important;
}

.checkpoint__header .t-lead {
  font-size: clamp(1.15rem, 1.5vw, 1.32rem) !important;
  line-height: 1.55 !important;
}

.checkpoint__header {
  margin-bottom: clamp(20px, 2vw, 30px) !important;
}

.cp-case-header {
  margin: clamp(8px, 1vw, 12px) auto clamp(8px, 0.8vw, 14px) !important;
}

/* ====================================================================
   V3.9.7 — CHECKPOINT CAROUSEL : réduire écart + cadre autour
   ==================================================================== */
.cp-carousel {
  margin-top: clamp(8px, 1vw, 16px) !important;
  margin-bottom: clamp(18px, 2vw, 30px) !important;
  padding: clamp(18px, 2vw, 28px) !important;
  border-radius: 28px;
  border: 1px solid rgba(216, 178, 122, 0.22);
  background: rgba(7, 16, 31, 0.32);
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.32);
}

html[data-theme="day"] .cp-carousel {
  background: rgba(255, 252, 246, 0.62);
  border-color: rgba(184, 148, 85, 0.32);
  box-shadow: 0 24px 56px rgba(20, 35, 58, 0.10);
}

.cp-case-header__name {
  font-size: clamp(1.55rem, 2.3vw, 2rem) !important;
}

.cp-case-header__intro {
  font-size: clamp(1.05rem, 1.4vw, 1.2rem) !important;
  line-height: 1.55 !important;
}

/* ====================================================================
   V3.8.2 — DAY MODE CHECKPOINT : ÉPURATION (V330.4)
   Enlever le panneau ivoire flottant + l'ombre. Garder un fond uniforme
   comme la version nuit, juste avec palette ivoire.
   ==================================================================== */
html[data-theme="day"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(255,252,246,0.36) 0%, rgba(248,244,235,0.46) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-day.webp") center center / cover no-repeat fixed !important;
}

html[data-theme="day"] .checkpoint__bg {
  display: none !important;
}

html[data-theme="day"] .checkpoint__header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html[data-theme="day"] .checkpoint__brand,
html[data-theme="day"] .checkpoint__subtitle,
html[data-theme="day"] .checkpoint__header .t-lead {
  color: var(--day-text) !important;
}

html[data-theme="day"] .checkpoint__brand em {
  color: var(--gold-deep) !important;
}

html[data-theme="day"] .checkpoint__header .t-lead {
  color: var(--day-text-soft) !important;
}

html[data-theme="day"] .cp-case-header__name {
  color: var(--day-text) !important;
}

/* ====================================================================
   V3.8.3 — NAV ADAPTATIVE AU THÈME (révision V330.4)
   Reverse de la précédente règle qui forçait la nav en bleu nuit en day.
   Maintenant : la nav suit le thème (ivoire en day, bleu nuit en night).
   Le pattern V3.3.6 (.nav--over-light pour les sections forcées day en
   theme night) reste actif via initNavOverLight() dans v2-dynamic.js.
   ==================================================================== */
html[data-theme="day"] .nav__inner {
  background: rgba(255, 251, 245, 0.82) !important;
  border-color: rgba(184, 148, 85, 0.28) !important;
  backdrop-filter: blur(22px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.5) !important;
  box-shadow: 0 14px 36px rgba(20, 35, 58, 0.10);
}

html[data-theme="day"] .nav.scrolled .nav__inner {
  background: rgba(255, 251, 245, 0.94) !important;
}

html[data-theme="day"] .nav__brand,
html[data-theme="day"] .nav__brand span,
html[data-theme="day"] .nav__links a,
html[data-theme="day"] .nav__burger span {
  color: #14233A !important;
}

html[data-theme="day"] .nav__brand-mark {
  color: #14233A !important;
}

html[data-theme="day"] .nav__links {
  color: rgba(20, 35, 58, 0.74) !important;
}

html[data-theme="day"] .nav__links a:hover {
  color: #14233A !important;
}

html[data-theme="day"] .nav__links a.is-primary {
  color: var(--gold-deep) !important;
}

html[data-theme="day"] .nav__links a.is-primary::after {
  background: var(--gold-deep) !important;
}

html[data-theme="day"] .theme-toggle {
  background: rgba(255, 251, 245, 0.85) !important;
  border-color: rgba(184, 148, 85, 0.42) !important;
  color: var(--gold-deep) !important;
}

/* ====================================================================
   V3.8.4 — POINTS D'ENTRÉE : photo Découverte avec personnage (V330.4)
   ==================================================================== */
.route-card__media[data-slot="decouverte"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.18), rgba(7,16,31,0.58)),
    url("visuals-v2/webp/clean/v2-checkpoint-video-call-premium-night.webp") !important;
  background-position: center 28% !important;
}

html[data-theme="day"] .route-card__media[data-slot="decouverte"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0), rgba(20,35,58,0.18)),
    url("visuals-v2/webp/clean/v2-checkpoint-video-call-premium-day.webp") !important;
  background-position: center 28% !important;
}

/* ====================================================================
   V3.9.0 — RECOVERY CARDS : photos à la place des icônes SVG (V330.4)
   Pattern identique à route-card__media : photo en haut, texte en bas.
   ==================================================================== */

/* Reset des cards : on retire le padding-top spécial réservé aux icônes,
   et on adopte le pattern photo-en-haut + texte-en-bas comme route-card. */
.recovery-card {
  padding-top: clamp(180px, 18vw, 220px) !important;
  overflow: hidden;
}

/* Cache les vieilles icônes SVG si elles restent (compatibilité ascendante) */
.recovery-card__icon {
  display: none !important;
}

.recovery-card__photo {
  position: absolute;
  inset: 0 0 auto 0;
  height: clamp(160px, 16vw, 200px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 22px 22px 0 0;
  filter: brightness(0.96);
  transition: transform 0.5s var(--ease, cubic-bezier(0.22, 1, 0.36, 1));
}

.recovery-card:hover .recovery-card__photo {
  transform: scale(1.03);
}

/* Photos par sous-service (NIGHT par défaut) — V330.4.S
   - RayStore : femme devant ordinateur (créatrice de contenu)
   - Harmony : entretien homme/femme (call premium / consultation)
   - Momentum : équipe de travail (workshop pro) */
.recovery-card__photo[data-slot="raystore"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.10), rgba(7,16,31,0.50)),
    url("visuals-v2/future-needs/clean/v2-future-content-creator-night.webp");
  background-position: center 30%;
}

.recovery-card__photo[data-slot="harmony"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.10), rgba(7,16,31,0.50)),
    url("visuals-v2/webp/clean/v2-checkpoint-video-call-premium-night.webp");
  background-position: center 30%;
}

.recovery-card__photo[data-slot="momentum"] {
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.10), rgba(7,16,31,0.50)),
    url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-night.webp?v=20260710-founder-cache-v1");
  background-position: center 28%;
}

/* Day mode : variantes éclairées + filtre warm doux */
html[data-theme="day"] .recovery-card__photo {
  filter: saturate(0.88) brightness(1.06) hue-rotate(-4deg);
}

html[data-theme="day"] .recovery-card__photo[data-slot="raystore"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0), rgba(20,35,58,0.20)),
    url("visuals-v2/future-needs/clean/v2-future-content-creator-day.webp");
  background-position: center 28%;
}

html[data-theme="day"] .recovery-card__photo[data-slot="harmony"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0), rgba(20,35,58,0.20)),
    url("visuals-v2/webp/clean/v2-checkpoint-video-call-premium-day.webp");
  background-position: center 30%;
}

html[data-theme="day"] .recovery-card__photo[data-slot="momentum"] {
  background-image:
    linear-gradient(180deg, rgba(255,252,246,0.0), rgba(20,35,58,0.20)),
    url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-day.webp?v=20260710-founder-cache-v1");
  background-position: center 28%;
}

@media (max-width: 880px) {
  .recovery-card {
    padding-top: clamp(160px, 50vw, 200px) !important;
  }
}

/* ====================================================================
   V3.9.1 — CHECKPOINT DAY : bouton secondaire visible (V330.4)
   Le bouton "Faire la qualification" était en btn--ghost gold transparent
   → invisible sur fond ivoire. On force bleu nuit + bordure gold-deep.
   ==================================================================== */
html[data-theme="day"] .checkpoint__cta .btn--ghost,
html[data-theme="day"] .checkpoint__cta a.btn--ghost {
  background: rgba(255, 252, 246, 0.92) !important;
  color: var(--marine) !important;
  border: 1.5px solid var(--marine) !important;
  box-shadow: 0 8px 24px rgba(20, 35, 58, 0.10) !important;
}

html[data-theme="day"] .checkpoint__cta .btn--ghost:hover {
  background: var(--marine) !important;
  color: var(--ivory-pure) !important;
  border-color: var(--marine) !important;
}

/* Idem global pour tout btn--ghost en day mode dans les zones ivoire :
   nécessaire pour les sections checkpoint, recovery, masterclass, endcta */
html[data-theme="day"] .recovery .btn--ghost,
html[data-theme="day"] .masterclass .btn--ghost,
html[data-theme="day"] .endcta .btn--ghost {
  background: rgba(255, 252, 246, 0.88) !important;
  color: var(--day-text) !important;
  border: 1.5px solid var(--gold-deep) !important;
}

html[data-theme="day"] .recovery .btn--ghost:hover,
html[data-theme="day"] .masterclass .btn--ghost:hover,
html[data-theme="day"] .endcta .btn--ghost:hover {
  background: var(--gold-deep) !important;
  color: #FFFFFF !important;
}

/* ====================================================================
   V3.9.2 — CAROUSEL CP-SLIDE CAPTIONS DAY MODE (V330.4)
   En mode jour, les cadres d'explication du carousel doivent être
   blanc transparent + écriture bleu nuit (au lieu de bleu nuit + clair).
   ==================================================================== */
html[data-theme="day"] .cp-slide__caption {
  background: rgba(255, 252, 246, 0.98) !important;
  border: 1px solid rgba(184, 148, 85, 0.42) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 20px 48px rgba(20, 35, 58, 0.22) !important;
}

html[data-theme="day"] .cp-slide__caption :is(.cp-slide__title, .cp-slide__quote, .cp-slide__split-note) {
  color: var(--day-text) !important;
  text-shadow: none !important;
}

html[data-theme="day"] .cp-slide__step {
  color: var(--gold-deep) !important;
  text-shadow: none !important;
}

html[data-theme="day"] .cp-slide__title {
  color: var(--day-text) !important;
}

html[data-theme="day"] .cp-slide__quote {
  color: var(--day-text-soft) !important;
  font-style: italic;
}

html[data-theme="day"] .cp-slide__split-note {
  color: var(--day-text-mute) !important;
}

/* Carousel arrows en day mode : foncé sur fond clair */
html[data-theme="day"] .carousel__arrow {
  background: rgba(20, 35, 58, 0.78) !important;
  color: var(--ivory-pure) !important;
  border-color: rgba(216, 178, 122, 0.42) !important;
}

html[data-theme="day"] .carousel__arrow:hover {
  background: var(--marine) !important;
}

html[data-theme="day"] .carousel__dots .carousel__dot,
html[data-theme="day"] .carousel__progress {
  background: rgba(184, 148, 85, 0.22) !important;
}

html[data-theme="day"] .carousel__progress-fill {
  background: var(--gold-deep) !important;
}

/* ====================================================================
   V3.9.3 — CHECKPOINT : enlever l'ombre dramatique sous le titre (day)
   Le text-shadow 0 18px 46px rgba(0,0,0,0.42) créait un halo sombre
   en mode jour. On le neutralise + on garde une ombre douce pour ancrer
   le titre sans le baigner d'obscurité.
   ==================================================================== */
html[data-theme="day"] .checkpoint__brand,
html[data-theme="day"] .checkpoint__subtitle {
  text-shadow: none !important;
}

html[data-theme="day"] .checkpoint__brand em {
  text-shadow: none !important;
  /* Petit halo gold doux pour le mot Checkpoint en italique */
  filter: drop-shadow(0 2px 12px rgba(184, 148, 85, 0.22));
}

/* ====================================================================
   V3.9.4 — MASTERCLASS CARDS CTA : bouton "Voir la page dédiée" visible
   En day mode, le bouton apparaît gris/marine sur fond ivoire des cards.
   On le passe en CTA gold pleine couleur — premier accent visuel de la card.
   ==================================================================== */
html[data-theme="day"] .mc-card__cta {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 10px 22px !important;
  background: var(--gold-deep) !important;
  color: #FFFFFF !important;
  font-family: var(--sans) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(139, 107, 52, 0.32) !important;
  transition: transform 0.3s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              background 0.3s var(--ease),
              box-shadow 0.3s var(--ease) !important;
  align-self: flex-start !important;
  padding-bottom: 10px !important;
}

html[data-theme="day"] .mc-card__cta::after {
  content: "→";
  display: inline-block;
  margin-left: 4px;
  font-weight: 600;
}

html[data-theme="day"] .mc-card__cta:hover {
  background: #5F4720 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(139, 107, 52, 0.42) !important;
  color: #FFFFFF !important;
  border-bottom: none !important;
}

/* En mode nuit, on garde le style discret actuel (lien souligné gold) */

/* ====================================================================
   V3.8.5 — MEDIA HUB DAY : photos éclairées + overlay renforcé (V330.4)
   - On force les variantes "day" pour les 4 vidéos
   - On renforce l'overlay sombre en bas pour la lisibilité texte
   - On opacifie davantage badge et caption
   ==================================================================== */

/* 1. Posters : variantes DAY plus claires */
html[data-theme="day"] .media-card__poster--founder {
  background-image:
    linear-gradient(170deg, rgba(7,16,31,0.10) 0%, rgba(7,16,31,0.48) 55%, rgba(7,16,31,0.92) 100%),
    url("visuals-v2/webp/clean/v2-founder-authority-day.webp?v=20260710-founder-cache-v1") !important;
  background-position: center 22% !important;
}

html[data-theme="day"] .media-card__poster--formations {
  background-image:
    linear-gradient(170deg, rgba(7,16,31,0.10) 0%, rgba(7,16,31,0.48) 55%, rgba(7,16,31,0.92) 100%),
    url("visuals-v2/webp/clean/v2-brochure-personnel-day.webp") !important;
  background-position: center 30% !important;
}

html[data-theme="day"] .media-card__poster--checkpoint {
  background-image:
    linear-gradient(170deg, rgba(7,16,31,0.10) 0%, rgba(7,16,31,0.48) 55%, rgba(7,16,31,0.92) 100%),
    url("visuals-v2/webp/clean/v2-checkpoint-hero-day.webp") !important;
  background-position: center 30% !important;
}

html[data-theme="day"] .media-card__poster--temoignage {
  background-image:
    linear-gradient(170deg, rgba(7,16,31,0.10) 0%, rgba(7,16,31,0.48) 55%, rgba(7,16,31,0.92) 100%),
    url("visuals-v2/webp/clean/v2-testimonial-01-day.webp") !important;
  background-position: center 28% !important;
}

/* 2. Renforcement texte / badge / caption pour la lisibilité day */
html[data-theme="day"] .media-card__caption h3 {
  color: #FFFFFF !important;
  text-shadow: 0 2px 14px rgba(7, 16, 31, 0.78) !important;
}

html[data-theme="day"] .media-card__caption p,
html[data-theme="day"] .media-card__caption p span {
  color: rgba(255, 252, 246, 0.92) !important;
  text-shadow: 0 1px 10px rgba(7, 16, 31, 0.72) !important;
}

html[data-theme="day"] .media-card__caption p strong {
  color: var(--gold-light) !important;
  text-shadow: 0 1px 10px rgba(7, 16, 31, 0.72) !important;
}

html[data-theme="day"] .media-card__badge {
  background: rgba(7, 16, 31, 0.72) !important;
  border-color: rgba(216, 178, 122, 0.62) !important;
  color: var(--gold-light) !important;
  backdrop-filter: blur(10px) saturate(1.2) !important;
}

html[data-theme="day"] .media-card__duration {
  background: rgba(7, 16, 31, 0.62) !important;
  color: rgba(255, 252, 246, 0.94) !important;
  backdrop-filter: blur(6px) !important;
}

/* Le bouton play reste gold mais plus visible sur fond ivoire */
html[data-theme="day"] .media-card__play {
  background: rgba(216, 178, 122, 0.96) !important;
  box-shadow: 0 0 36px rgba(216, 178, 122, 0.55), 0 8px 28px rgba(20, 35, 58, 0.32) !important;
}

/* Mobile : Recovery passe en 1 colonne */
@media (max-width: 880px) {
  .recovery-grid {
    grid-template-columns: 1fr;
  }
}

/* ====================================================================
   V3.4.3 — MEDIA HUB (4 vidéos : 1 fondateur + 3 latérales)
   Layout responsive : 1 vidéo principale large + 3 latérales en grille.
   ==================================================================== */
.media-hub {
  position: relative;
  padding: clamp(80px, 9vw, 130px) var(--gutter);
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.08), transparent 32rem),
    linear-gradient(180deg, #0B1320 0%, #07101F 100%);
  color: var(--paper);
}

.media-hub__shell {
  width: var(--shell);
  max-width: 1280px;
  margin-inline: auto;
}

.media-hub__header {
  margin-bottom: clamp(40px, 5vw, 64px);
}

/* Grille principale : la vidéo hero prend la première colonne en grand,
   les 3 latérales se répartissent en dessous */
.media-hub__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(18px, 2.2vw, 28px);
}

.media-card {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  cursor: pointer;
  isolation: isolate;
  transition: transform 0.4s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              box-shadow 0.4s var(--ease);
  background: linear-gradient(160deg, rgba(15, 26, 46, 0.85), rgba(11, 19, 32, 0.95));
  border: 1px solid rgba(216, 178, 122, 0.20);
}

.media-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 32px 72px rgba(0, 0, 0, 0.42);
}

.media-card.is-pending-video {
  cursor: default;
}

.media-card.is-pending-video:hover {
  transform: none;
  box-shadow: none;
}

.media-card:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 4px;
}

/* La vidéo principale couvre les 3 colonnes en haut */
.media-card--hero {
  grid-column: 1 / -1;
  min-height: clamp(280px, 32vw, 460px);
}

.media-card--side {
  min-height: clamp(220px, 22vw, 300px);
}

.media-card__poster {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: saturate(1.05) contrast(1.02);
  transition: transform 0.6s var(--ease);
}

.media-card:hover .media-card__poster {
  transform: scale(1.04);
}

/* Posters : photos dispo + placeholder */
.media-card__poster--founder {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.18) 0%, rgba(7, 16, 31, 0.62) 60%, rgba(7, 16, 31, 0.94) 100%),
    url("../img/createur.jpg");
}

.media-card__poster--formations {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.18) 0%, rgba(7, 16, 31, 0.62) 60%, rgba(7, 16, 31, 0.94) 100%),
    url("visuals-v2/webp/clean/v2-brochure-personnel-night.webp");
}

.media-card__poster--checkpoint {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.18) 0%, rgba(7, 16, 31, 0.62) 60%, rgba(7, 16, 31, 0.94) 100%),
    url("visuals-v2/webp/clean/v2-checkpoint-hero-night.webp");
}

.media-card__poster--temoignage {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.18) 0%, rgba(7, 16, 31, 0.62) 60%, rgba(7, 16, 31, 0.94) 100%),
    url("visuals-v2/webp/clean/v2-testimonial-01-night.webp");
}

/* Badge en haut à gauche : type de vidéo */
.media-card__badge {
  position: absolute;
  top: clamp(16px, 1.6vw, 22px);
  left: clamp(16px, 1.6vw, 22px);
  z-index: 2;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(7, 16, 31, 0.72);
  border: 1px solid rgba(216, 178, 122, 0.42);
  color: var(--gold);
  font-family: var(--sans);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Durée en haut à droite */
.media-card__duration {
  position: absolute;
  top: clamp(16px, 1.6vw, 22px);
  right: clamp(16px, 1.6vw, 22px);
  z-index: 2;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(7, 16, 31, 0.62);
  color: rgba(245, 242, 235, 0.92);
  font-family: var(--sans);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
}

/* Bouton play : disque doré pulsant au centre */
.media-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: clamp(58px, 5vw, 80px);
  height: clamp(58px, 5vw, 80px);
  border-radius: 999px;
  background: rgba(216, 178, 122, 0.88);
  display: grid;
  place-items: center;
  box-shadow: 0 0 36px rgba(216, 178, 122, 0.4);
  transition: transform 0.4s var(--ease), background 0.3s var(--ease);
}

.media-card__play::after {
  content: "";
  border-left: 16px solid #07101F;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  margin-left: 4px;
}

.media-card:hover .media-card__play {
  transform: translate(-50%, -50%) scale(1.1);
  background: rgba(232, 200, 148, 1);
}

.media-card.is-pending-video .media-card__play {
  display: none;
}

.media-card--side .media-card__play {
  width: clamp(48px, 4vw, 60px);
  height: clamp(48px, 4vw, 60px);
}

.media-card--side .media-card__play::after {
  border-left-width: 12px;
  border-top-width: 8px;
  border-bottom-width: 8px;
}

/* Caption en bas de la carte */
.media-card__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: clamp(18px, 2vw, 28px);
}

.media-card__caption h3 {
  font-family: var(--serif);
  font-size: clamp(1.2rem, 1.8vw, 1.8rem);
  font-weight: 500;
  line-height: 1.2;
  color: var(--paper);
  margin: 0 0 8px;
  text-shadow: 0 2px 12px rgba(7, 16, 31, 0.55);
}

.media-card--hero .media-card__caption h3 {
  font-size: clamp(1.4rem, 2.2vw, 2.2rem);
}

.media-card__caption p {
  margin: 0;
  font-family: var(--sans);
  font-size: 0.92rem;
  color: rgba(245, 242, 235, 0.82);
  text-shadow: 0 1px 8px rgba(7, 16, 31, 0.55);
}

.media-card__caption p strong {
  color: var(--gold);
  font-weight: 600;
}

.media-hub__note {
  text-align: center;
  margin-top: clamp(24px, 2.8vw, 38px);
  color: rgba(245, 242, 235, 0.6);
  font-size: 0.86rem;
  letter-spacing: 0.02em;
}

/* Day mode pour Media Hub */
html[data-theme="day"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255, 252, 246, 1) 0%, rgba(248, 244, 235, 0.96) 100%);
  color: #14233a;
}

html[data-theme="day"] .media-hub .eyebrow,
html[data-theme="day"] .media-hub .t-h1,
html[data-theme="day"] .media-hub .t-lead {
  color: #14233a;
}

html[data-theme="day"] .media-hub .t-em {
  color: #B89455;
}

html[data-theme="day"] .media-hub__note {
  color: rgba(20, 35, 58, 0.6);
}

html[data-theme="day"] .media-card {
  background: rgba(255, 252, 246, 0.94);
  border-color: rgba(184, 148, 85, 0.32);
  box-shadow: 0 28px 72px rgba(20, 35, 58, 0.12);
}

html[data-theme="day"] .media-card__badge {
  background: rgba(255, 252, 246, 0.86);
  border-color: rgba(139, 107, 52, 0.42);
  color: #8B6B34;
}

html[data-theme="day"] .media-card__duration {
  background: rgba(255, 252, 246, 0.78);
  color: rgba(20, 35, 58, 0.82);
}

/* Mobile : layout 1 colonne pour Media Hub */
@media (max-width: 880px) {
  .media-hub__grid {
    grid-template-columns: 1fr;
  }

  .media-card--hero,
  .media-card--side {
    grid-column: auto;
    min-height: 240px;
  }
}

/* ====================================================================
   V3.4.4 — RÉSEAUX SOCIAUX : section dédiée (extraite de vid-intro)
   On garde le pattern social-showcase existant mais on l'isole.
   ==================================================================== */
.reseaux {
  position: relative;
  padding: clamp(60px, 7vw, 100px) var(--gutter);
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.06), transparent 30rem),
    linear-gradient(180deg, #07101F 0%, #0B1320 100%);
}

html[data-theme="day"] .reseaux {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(255, 252, 246, 1) 0%, rgba(248, 244, 235, 0.96) 100%);
}

.reseaux__shell {
  width: var(--shell);
  max-width: 1280px;
  margin-inline: auto;
}

/* ====================================================================
   V3.4.5 — CONCLUSION : 3 CTAs alignés
   ==================================================================== */
.endcta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(12px, 1.4vw, 18px);
  margin-top: clamp(24px, 3vw, 36px);
}

/* ====================================================================
   V3.5.0 — CHECKPOINT CASE HEADER (V330.1 · Q4)
   Header au-dessus du carousel qui annonce le cas client présenté.
   Malik affiché en mode nuit · Aisha annoncée en mode jour
   (le contenu complet Aisha arrivera en V330.3 avec ses visuels).
   ==================================================================== */
.cp-case-header {
  text-align: center;
  margin: 0 auto clamp(20px, 2.6vw, 32px);
  max-width: 720px;
}

.cp-case-header__label {
  display: inline-block;
  font-family: var(--sans);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 0.5rem;
}

html[data-theme="day"] .cp-case-header__label {
  color: #8B6B34;
}

.cp-case-header__name {
  font-family: var(--serif);
  font-size: clamp(1.3rem, 2vw, 1.7rem);
  font-style: italic;
  font-weight: 500;
  line-height: 1.3;
  color: rgba(245, 242, 235, 0.94);
  margin: 0;
}

html[data-theme="day"] .cp-case-header__name {
  color: #14233a;
}

/* Visibilité conditionnelle des 2 cas selon le thème */
.cp-case-header__name--day { display: none; }
.cp-case-header__name--night { display: inline; }

html[data-theme="day"] .cp-case-header__name--day { display: inline; }
html[data-theme="day"] .cp-case-header__name--night { display: none; }

/* ====================================================================
   V3.6.0 — DAY MODE TRUE IVORY (V330.3.B)
   Refonte complète du mode jour : ivoire pur, plus de sépia-chaud.
   Filtre commun sur toutes les photos pour cohérence colorimétrique.
   Cible : "vraie palette jour" demandée par l'audit (#10 Agent A + Q2 Koffi).
   ==================================================================== */

/* 1. Body day passe en ivoire pur */
html[data-theme="day"] body {
  background: var(--day-bg);
  color: var(--day-text);
}

/* 2. Hero day — photo brute SANS filtre ni overlay (V330.4.AC override) */
html[data-theme="day"] .hero--apple .hero__bg,
html[data-theme="day"] .hero--trajectoire .hero__bg {
  background: url("../img/hero-day.png?v=3") center/cover no-repeat !important;
  filter: none !important;
}

@media (max-width: 720px) {
  html[data-theme="day"] .hero--apple .hero__bg,
  html[data-theme="day"] .hero--trajectoire .hero__bg {
    background: url("visuals-v2/responsive-crops/mobile/v2-hero-day-cockpit-human-mobile.webp") center/cover no-repeat !important;
    filter: none !important;
  }
}

/* 3. Constat day — fond ivoire pur (au lieu du panneau flottant sur photo) */
html[data-theme="day"] .constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.06), transparent 28rem),
    linear-gradient(180deg, var(--ivory-pure) 0%, var(--ivory-warm) 100%) !important;
  color: var(--day-text);
}

html[data-theme="day"] .constat__bg {
  display: none !important;
}

html[data-theme="day"] .constat-panel {
  background: rgba(255, 252, 246, 0.96) !important;
  color: var(--day-text) !important;
  border: 1px solid var(--day-line) !important;
  box-shadow: 0 28px 64px rgba(20, 35, 58, 0.08);
}

html[data-theme="day"] .constat-panel__title {
  color: var(--day-text) !important;
}

html[data-theme="day"] .constat-panel__title em {
  color: var(--gold-deep);
  font-style: italic;
}

html[data-theme="day"] .constat-panel p {
  color: var(--day-text-soft) !important;
}

html[data-theme="day"] .constat-truths article {
  background: rgba(255, 252, 246, 0.96) !important;
  border: 1px solid var(--day-line) !important;
  color: var(--day-text) !important;
  box-shadow: 0 16px 40px rgba(20, 35, 58, 0.06);
}

html[data-theme="day"] .constat-truths article :is(span, strong) {
  color: var(--day-text) !important;
}

html[data-theme="day"] .constat-truths article > span {
  color: var(--gold-deep) !important;
  font-family: var(--serif);
  font-style: italic;
}

html[data-theme="day"] .constat-truths article p {
  color: var(--day-text-soft) !important;
}

/* 4. Méthode day — fond ivoire pur, plus de photo montagne flottante */
html[data-theme="day"] .method--apple {
  background:
    radial-gradient(circle at 12% 0%, rgba(184, 148, 85, 0.06), transparent 30rem),
    linear-gradient(180deg, var(--ivory-warm) 0%, var(--ivory-pure) 100%) !important;
  color: var(--day-text);
}

html[data-theme="day"] .method__bg {
  display: none !important;
}

html[data-theme="day"] .method--apple :is(.t-h1, .t-lead, .eyebrow) {
  color: var(--day-text) !important;
}

html[data-theme="day"] .method--apple .t-em {
  color: var(--gold-deep) !important;
}

/* Hero card méthode day : carte ivoire avec photo méthode plus contrastée */
html[data-theme="day"] .method-apple__hero-card {
  background: var(--day-card) !important;
  border: 1px solid var(--day-line) !important;
  box-shadow: 0 32px 72px rgba(20, 35, 58, 0.10);
}

html[data-theme="day"] .method-apple__hero-copy :is(h3, p, span) {
  color: var(--day-text) !important;
}

html[data-theme="day"] .method-apple__hero-copy span {
  color: var(--gold-deep) !important;
  font-family: var(--serif);
  font-style: italic;
}

html[data-theme="day"] .method-apple__hero-copy p {
  color: var(--day-text-soft) !important;
}

/* 4 cartes méthode day : déjà refondues V3.3.7 (filter warm). On override avec un filter neutre. */
html[data-theme="day"] .method--apple .method-apple-card {
  background: var(--day-card) !important;
  border: 1px solid var(--day-line) !important;
  box-shadow: 0 20px 48px rgba(20, 35, 58, 0.08);
}

html[data-theme="day"] .method--apple .method-apple-card__media {
  filter: saturate(0.75) brightness(1.05) contrast(1) hue-rotate(-4deg);
}

html[data-theme="day"] .method-apple-card__copy :is(h3, p, strong, span) {
  color: var(--day-text) !important;
}

html[data-theme="day"] .method-apple-card__copy > span {
  color: var(--gold-deep) !important;
}

html[data-theme="day"] .method-apple-card__copy p {
  color: var(--day-text-soft) !important;
}

html[data-theme="day"] .method-apple-card__copy strong {
  color: var(--gold-deep) !important;
}

/* 5. Build90 day — fond ivoire pur */
html[data-theme="day"] .build90 {
  background:
    radial-gradient(circle at 20% 0%, rgba(184, 148, 85, 0.06), transparent 30rem),
    linear-gradient(180deg, var(--ivory-pure) 0%, var(--ivory-warm) 100%) !important;
  color: var(--day-text);
}

/* 6. Logbook day — fond ivoire pur */
html[data-theme="day"] .logbook-hub {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.06), transparent 30rem),
    linear-gradient(180deg, var(--ivory-warm) 0%, var(--ivory-pure) 100%) !important;
  color: var(--day-text);
}

/* 7. Points d'entrée day */
html[data-theme="day"] .entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.06), transparent 30rem),
    linear-gradient(180deg, var(--ivory-pure) 0%, var(--ivory-warm) 100%) !important;
  color: var(--day-text);
}

html[data-theme="day"] .entry-router__bg { display: none !important; }

html[data-theme="day"] .route-card {
  background: var(--day-card) !important;
  border: 1px solid var(--day-line) !important;
  color: var(--day-text) !important;
  box-shadow: 0 20px 48px rgba(20, 35, 58, 0.08);
}

html[data-theme="day"] .route-card :is(small, strong, span) {
  color: var(--day-text) !important;
}

html[data-theme="day"] .route-card small {
  color: var(--gold-deep) !important;
}

html[data-theme="day"] .route-card span {
  color: var(--day-text-soft) !important;
}

/* 8. EndCTA day — fond ivoire pur */
html[data-theme="day"] .endcta {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.08), transparent 32rem),
    linear-gradient(180deg, var(--ivory-warm) 0%, var(--ivory-pure) 100%) !important;
  color: var(--day-text);
}

html[data-theme="day"] .endcta__title {
  color: var(--day-text) !important;
}

html[data-theme="day"] .endcta__title em {
  color: var(--gold-deep) !important;
}

html[data-theme="day"] .endcta__copy {
  color: var(--day-text-soft) !important;
}

html[data-theme="day"] .endcta__sig {
  color: var(--gold-deep) !important;
}

/* 9. Footer day */
html[data-theme="day"] .foot {
  background: var(--marine);
  color: rgba(245, 242, 235, 0.7);
}

/* Footer home V2 : reprend la structure du footer site avec lisibilité nuit. */
.foot {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.98), rgba(20, 35, 58, 0.96)),
    var(--ink-deep);
  color: rgba(245, 242, 235, 0.76);
}

.foot__shell {
  display: block;
}

.foot__grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) repeat(3, minmax(160px, 0.75fr));
  gap: clamp(28px, 4vw, 56px);
  align-items: start;
}

.foot__logo {
  display: inline-flex;
  align-items: center;
  font-family: var(--serif);
  font-size: 1.08rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--paper) !important;
}

.foot__tagline {
  margin: 12px 0 0;
  font-family: var(--serif);
  font-size: clamp(1.15rem, 1rem + 0.5vw, 1.45rem);
  font-style: italic;
  line-height: 1.18;
  color: var(--gold);
}

.foot__social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.foot__social a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(216, 178, 122, 0.24);
  border-radius: 999px;
  background: rgba(245, 242, 235, 0.05);
  color: rgba(245, 242, 235, 0.86) !important;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.foot__heading {
  margin: 0 0 14px;
  font-family: var(--sans);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
}

.foot__links {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.foot__links a,
.foot__legal a {
  color: rgba(245, 242, 235, 0.82) !important;
}

.foot__links a:hover,
.foot__legal a:hover,
.foot__social a:hover {
  color: var(--gold) !important;
}

.foot__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: clamp(36px, 5vw, 68px);
  padding-top: 22px;
  border-top: 1px solid rgba(245, 242, 235, 0.12);
  color: rgba(245, 242, 235, 0.64);
}

.foot__bottom p {
  margin: 0;
}

.foot__legal {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 920px) {
  .foot__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .foot__grid {
    grid-template-columns: 1fr;
  }

  .foot__bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* ====================================================================
   V3.5.1 — LIENS SECONDAIRES (V330.2)
   Remplacent les boutons ghost concurrents : un seul CTA primaire par
   section, le secondaire devient un lien texte gold discret.
   ==================================================================== */
.hero__link-secondary,
.checkpoint__cta-secondary {
  display: inline-flex;
  align-items: center;
  padding: 6px 0;
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
  color: var(--gold);
  text-decoration: none;
  border-bottom: 1px solid rgba(216, 178, 122, 0.32);
  transition: color 0.3s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              border-color 0.3s var(--ease);
}

.hero__link-secondary:hover,
.checkpoint__cta-secondary:hover {
  color: #F2D08A;
  border-bottom-color: rgba(232, 200, 148, 0.72);
}

html[data-theme="day"] .hero__link-secondary,
html[data-theme="day"] .checkpoint__cta-secondary {
  color: #FFFFFF;
  border-bottom-color: rgba(255, 255, 255, 0.42);
  text-shadow: 0 1px 8px rgba(7, 16, 31, 0.4);
}

html[data-theme="day"] .hero__link-secondary:hover,
html[data-theme="day"] .checkpoint__cta-secondary:hover {
  color: #FFE6B0;
  border-bottom-color: rgba(255, 230, 176, 0.8);
}

/* ====================================================================
   V3.5.2 — SECTION "CE QUE TU CONSTRUIS EN 90 JOURS" (V330.2)
   6 livrables visualisés en grille éditoriale.
   ==================================================================== */
.build90 {
  position: relative;
  padding: clamp(80px, 9vw, 130px) var(--gutter);
  background:
    radial-gradient(circle at 12% 0%, rgba(216, 178, 122, 0.08), transparent 32rem),
    linear-gradient(180deg, #0B1320 0%, #07101F 100%);
  color: var(--paper);
}

.build90__shell {
  width: var(--shell);
  max-width: 1280px;
  margin-inline: auto;
}

.build90__header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto clamp(40px, 5vw, 64px);
}

.build90__header .t-h1 {
  margin: var(--s-5) auto var(--s-4);
}

.build90__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(18px, 2.2vw, 28px);
}

.build90-card {
  position: relative;
  padding: clamp(28px, 3vw, 38px) clamp(22px, 2.4vw, 32px);
  border-radius: 18px;
  background:
    linear-gradient(155deg, rgba(15, 26, 46, 0.78), rgba(11, 19, 32, 0.92));
  border: 1px solid rgba(216, 178, 122, 0.20);
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
  transition: transform 0.4s var(--ease, cubic-bezier(0.22, 1, 0.36, 1)),
              border-color 0.4s var(--ease),
              box-shadow 0.4s var(--ease);
}

.build90-card:hover {
  transform: translateY(-3px);
  border-color: rgba(216, 178, 122, 0.42);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.35);
}

.build90-card__num {
  font-family: var(--serif);
  font-style: italic;
  font-size: 2.4rem;
  line-height: 1;
  color: var(--gold);
  letter-spacing: -0.02em;
}

.build90-card__title {
  font-family: var(--serif);
  font-size: clamp(1.25rem, 1.7vw, 1.55rem);
  font-weight: 500;
  line-height: 1.2;
  color: #F7F2E8;
  margin: 0;
}

.build90-card__desc {
  font-family: var(--sans);
  font-size: 0.96rem;
  color: rgba(245, 242, 235, 0.78);
  line-height: 1.6;
  margin: 0;
}

/* Day mode */
html[data-theme="day"] .build90 {
  background:
    radial-gradient(circle at 12% 0%, rgba(184, 148, 85, 0.08), transparent 32rem),
    linear-gradient(180deg, rgba(255, 252, 246, 1) 0%, rgba(248, 244, 235, 0.96) 100%);
  color: #14233a;
}

html[data-theme="day"] .build90 .eyebrow,
html[data-theme="day"] .build90 .t-h1,
html[data-theme="day"] .build90 .t-lead {
  color: #14233a;
}

html[data-theme="day"] .build90 .t-em { color: #B89455; }

html[data-theme="day"] .build90-card {
  background: rgba(255, 252, 246, 0.94);
  border-color: rgba(184, 148, 85, 0.28);
  box-shadow: 0 20px 48px rgba(20, 35, 58, 0.10);
}

html[data-theme="day"] .build90-card__num { color: #B89455; }
html[data-theme="day"] .build90-card__title { color: #14233a; }
html[data-theme="day"] .build90-card__desc { color: rgba(20, 35, 58, 0.74); }

@media (max-width: 880px) {
  .build90__grid { grid-template-columns: 1fr; }
}

@media (min-width: 881px) and (max-width: 1080px) {
  .build90__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ====================================================================
   V3.5.3 — LOGBOOK HUB SECTION (V330.2)
   Section avec copie à gauche + mockup à droite (carnet de bord en CSS pur).
   ==================================================================== */
.logbook-hub {
  position: relative;
  padding: clamp(80px, 9vw, 130px) var(--gutter);
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.08), transparent 30rem),
    linear-gradient(180deg, #07101F 0%, #0B1320 100%);
  color: var(--paper);
}

.logbook-hub__shell {
  width: var(--shell);
  max-width: 1280px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(36px, 4vw, 64px);
  align-items: center;
}

.logbook-hub__copy {
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
}

.logbook-hub__copy .t-h1 {
  margin: var(--s-3) 0 var(--s-3);
  max-width: 14ch;
}

.logbook-hub__copy .t-lead {
  margin: 0 0 var(--s-3);
  max-width: 46ch;
}

.logbook-hub__features {
  list-style: none;
  margin: 0 0 var(--s-5);
  padding: 0;
  display: grid;
  gap: var(--s-3);
}

.logbook-hub__features li {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: clamp(12px, 1.6vw, 24px);
  padding-bottom: var(--s-3);
  border-bottom: 1px solid rgba(216, 178, 122, 0.16);
  align-items: baseline;
}

.logbook-hub__features li:last-child { border-bottom: none; }

.logbook-hub__features strong {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.08rem;
  font-weight: 500;
  color: var(--gold);
  letter-spacing: 0.02em;
}

.logbook-hub__features span {
  font-family: var(--sans);
  font-size: 0.92rem;
  color: rgba(245, 242, 235, 0.78);
  line-height: 1.5;
}

.logbook-hub__link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 6px 0;
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.08rem;
  color: var(--gold);
  text-decoration: none;
  border-bottom: 1px solid rgba(216, 178, 122, 0.42);
  transition: color 0.3s var(--ease), border-color 0.3s var(--ease);
}

.logbook-hub__link:hover {
  color: #F2D08A;
  border-bottom-color: rgba(232, 200, 148, 0.85);
}

/* === Mockup du Logbook (CSS pur, pas d'image externe) === */
.logbook-hub__mockup {
  position: relative;
  perspective: 1200px;
}

.logbook-hub__mockup-frame {
  position: relative;
  background: linear-gradient(160deg, rgba(15, 26, 46, 0.94), rgba(11, 19, 32, 1));
  border: 1px solid rgba(216, 178, 122, 0.28);
  border-radius: 18px;
  padding: clamp(22px, 2.4vw, 32px);
  box-shadow:
    0 36px 80px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 250, 240, 0.06);
  transform: rotateY(-3deg) rotateX(2deg);
  transition: transform 0.6s var(--ease, cubic-bezier(0.22, 1, 0.36, 1));
}

.logbook-hub__mockup:hover .logbook-hub__mockup-frame {
  transform: rotateY(0) rotateX(0);
}

.logbook-hub__mockup-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: clamp(14px, 1.6vw, 20px);
  margin-bottom: clamp(16px, 1.8vw, 22px);
  border-bottom: 1px solid rgba(216, 178, 122, 0.14);
}

.logbook-hub__mockup-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: rgba(216, 178, 122, 0.32);
}

.logbook-hub__mockup-dot:nth-child(1) { background: rgba(216, 178, 122, 0.5); }

.logbook-hub__mockup-title {
  margin-left: auto;
  font-family: var(--sans);
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  color: rgba(216, 178, 122, 0.78);
  text-transform: uppercase;
}

.logbook-hub__mockup-body {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 1.4vw, 18px);
}

.logbook-hub__mockup-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.logbook-hub__mockup-label {
  font-family: var(--serif);
  font-style: italic;
  font-size: 0.9rem;
  color: rgba(245, 242, 235, 0.86);
  letter-spacing: 0.02em;
}

.logbook-hub__mockup-progress {
  position: relative;
  height: 6px;
  border-radius: 999px;
  background: rgba(245, 242, 235, 0.10);
  overflow: hidden;
}

.logbook-hub__mockup-progress::before {
  content: "";
  position: absolute;
  inset: 0;
  width: calc(var(--p, 0) * 100%);
  background: linear-gradient(90deg, rgba(216, 178, 122, 0.82), rgba(232, 200, 148, 1));
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(232, 200, 148, 0.42);
}

.logbook-hub__mockup-kpi {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(10px, 1.2vw, 16px);
  margin-top: clamp(14px, 1.6vw, 20px);
  padding-top: clamp(14px, 1.6vw, 20px);
  border-top: 1px solid rgba(216, 178, 122, 0.14);
}

.logbook-hub__mockup-kpi-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: center;
}

.logbook-hub__mockup-kpi-item strong {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.6rem, 2.2vw, 2.1rem);
  font-weight: 400;
  line-height: 1;
  color: var(--gold);
}

.logbook-hub__mockup-kpi-item strong small {
  font-size: 0.6em;
  color: rgba(216, 178, 122, 0.65);
  margin-left: 1px;
}

.logbook-hub__mockup-kpi-item span {
  font-family: var(--sans);
  font-size: 0.7rem;
  color: rgba(245, 242, 235, 0.62);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Day mode pour Logbook */
html[data-theme="day"] .logbook-hub {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(255, 252, 246, 1) 0%, rgba(248, 244, 235, 0.96) 100%);
  color: #14233a;
}

html[data-theme="day"] .logbook-hub .eyebrow,
html[data-theme="day"] .logbook-hub .t-h1,
html[data-theme="day"] .logbook-hub .t-lead {
  color: #14233a;
}

html[data-theme="day"] .logbook-hub .t-em { color: #B89455; }

html[data-theme="day"] .logbook-hub__features li {
  border-bottom-color: rgba(184, 148, 85, 0.18);
}

html[data-theme="day"] .logbook-hub__features strong { color: #8B6B34; }
html[data-theme="day"] .logbook-hub__features span { color: rgba(20, 35, 58, 0.76); }
html[data-theme="day"] .logbook-hub__link {
  color: #8B6B34;
  border-bottom-color: rgba(139, 107, 52, 0.42);
}

html[data-theme="day"] .logbook-hub__link:hover {
  color: #5F4720;
  border-bottom-color: rgba(95, 71, 32, 0.72);
}

/* Le mockup reste sombre en day mode (objet "produit", contraste avec le fond clair) */

/* Mobile : stack vertical, mockup en dessous */
@media (max-width: 980px) {
  .logbook-hub__shell { grid-template-columns: 1fr; }
  .logbook-hub__features li { grid-template-columns: 1fr; gap: 4px; }
  .logbook-hub__mockup-frame { transform: none; }
}

/* ====================================================================
   V3.9.21 — RÉDUCTION TRANSPARENCE BACKGROUNDS (Constat + Checkpoint + Media-hub)
   Constat day/night : photo visible mais overlay plus opaque pour lisibilité
   Checkpoint day/night : overlay plus opaque (photo moins dominante)
   Media-hub day/night : overlay plus opaque (compass moins envahissant)
   Cette couche finale neutralise les conflits cascade des V3.7.5 / V330.4.x
   ==================================================================== */

/* --- CONSTAT --- */
html[data-theme="day"] .constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 28rem),
    linear-gradient(180deg, rgba(255,252,246,0.62) 0%, rgba(248,244,235,0.72) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .constat,
.constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.10), transparent 28rem),
    linear-gradient(180deg, rgba(7,16,31,0.78) 0%, rgba(11,19,32,0.86) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .constat__bg,
html[data-theme="night"] .constat__bg {
  display: none !important;
}

/* --- CHECKPOINT --- */
html[data-theme="day"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(255,252,246,0.72) 0%, rgba(248,244,235,0.82) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.10), transparent 30rem),
    linear-gradient(180deg, rgba(7,16,31,0.82) 0%, rgba(11,19,32,0.90) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-night.webp") center center / cover no-repeat scroll !important;
}

/* --- MEDIA-HUB --- */
html[data-theme="day"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,252,246,0.74) 0%, rgba(248,244,235,0.84) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(7,16,31,0.82) 0%, rgba(11,19,32,0.90) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
}

/* Sur mobile : background-attachment scroll (déjà) — pas de fixed jank */
@media (max-width: 980px) {
  html[data-theme="day"] .constat,
  html[data-theme="night"] .constat,
  html[data-theme="day"] .checkpoint,
  html[data-theme="night"] .checkpoint,
  html[data-theme="day"] .media-hub,
  html[data-theme="night"] .media-hub {
    background-attachment: scroll !important;
  }
}

/* ====================================================================
   V3.9.22 — EYEBROWS / OFFER-KICKERS / ENDCTA__EYEBROW
   V3.9.41 — Tailles revues à la baisse (étaient trop grosses)
   - .eyebrow : 0.7rem → 0.78rem (+10% léger, pas +50%)
   - .offer-kicker : 0.78rem → 0.82rem
   - .endcta__eyebrow : 0.78rem → 0.84rem
   ==================================================================== */
.eyebrow {
  font-size: clamp(0.72rem, 0.68rem + 0.14vw, 0.82rem) !important;
  letter-spacing: 0.22em !important;
}

.eyebrow::before {
  width: 26px !important;
}

.offer-kicker {
  font-size: clamp(0.76rem, 0.72rem + 0.14vw, 0.86rem) !important;
  letter-spacing: 0.20em !important;
}

.offer-kicker::before,
.offer-kicker::after {
  width: 42px !important;
}

.endcta__eyebrow {
  font-size: clamp(0.78rem, 0.74rem + 0.14vw, 0.88rem) !important;
  padding: 8px 22px !important;
  letter-spacing: 0.20em !important;
}

/* ====================================================================
   V3.9.22 — CHECKPOINT CAS CLIENT : align gauche + réduire l'écart au carousel
   ==================================================================== */
.cp-case-header {
  text-align: left !important;
  align-items: flex-start !important;
  max-width: 720px;
  margin: clamp(6px, 0.8vw, 12px) auto clamp(4px, 0.5vw, 8px) !important;
  padding-left: clamp(4px, 0.6vw, 12px);
}

.cp-case-header__label,
.cp-case-header__name,
.cp-case-header__intro {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 720px !important;
}

.cp-case-header__name {
  margin-top: clamp(2px, 0.3vw, 6px) !important;
  margin-bottom: clamp(4px, 0.5vw, 8px) !important;
}

.cp-case-header__intro {
  margin-top: 0 !important;
  margin-bottom: clamp(0px, 0.2vw, 4px) !important;
}

/* Centrer "Cas client" label sur sa baseline (pas besoin de pseudo line si gauche) */
.cp-case-header__label {
  margin-bottom: clamp(2px, 0.3vw, 6px) !important;
}

/* Réduire l'écart entre le bloc cas client et le carrousel */
.cp-carousel {
  margin-top: clamp(2px, 0.4vw, 10px) !important;
}

/* ====================================================================
   V3.9.22 — DAY : "Faire la qualification" → bleu marine (était #FFFFFF)
   ==================================================================== */
html[data-theme="day"] .checkpoint__cta-secondary {
  color: var(--marine) !important;
  border-bottom-color: rgba(20, 35, 58, 0.42) !important;
  text-shadow: none !important;
}

html[data-theme="day"] .checkpoint__cta-secondary:hover {
  color: var(--midnight) !important;
  border-bottom-color: var(--marine) !important;
}

/* ====================================================================
   V3.9.22 — MASTERCLASS BRAND : nouveau titre "Rayflections Masterclass"
   Aligné sur les brands Checkpoint / Recovery (h2 italique serif + gold em)
   ==================================================================== */
.masterclass__brand {
  font-family: var(--serif);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(2.4rem, 1.6rem + 3.4vw, 4.2rem);
  line-height: 1.06;
  text-align: center;
  color: var(--paper, #F5F0E8);
  margin: 0 auto clamp(10px, 1.2vw, 18px);
  letter-spacing: -0.01em;
  text-wrap: balance;
}

.masterclass__brand em {
  color: var(--gold);
  font-style: italic;
}

html[data-theme="day"] .masterclass__brand {
  color: var(--day-text);
}

html[data-theme="day"] .masterclass__brand em {
  color: var(--gold-deep);
}

/* ====================================================================
   V3.9.23 — COMMUNAUTÉ : réduire la transparence (overlay plus opaque)
   - Night : 0.82-0.92 → 0.92-0.97 (photos quasi voilées)
   - Day   : 0.50-0.62 → 0.80-0.90
   Aussi : neutraliser la règle V3.4.4 (ligne 9648/9656) qui écrase l'effet
   mosaïque en posant un fond plat sur .reseaux directement.
   ==================================================================== */
.reseaux {
  background: transparent !important;
}

html[data-theme="day"] .reseaux {
  background: transparent !important;
}

.reseaux::after {
  background: linear-gradient(180deg, rgba(7,16,31,0.92) 0%, rgba(11,19,32,0.97) 100%) !important;
}

html[data-theme="day"] .reseaux::after {
  background: linear-gradient(180deg, rgba(255,252,246,0.80) 0%, rgba(248,244,235,0.90) 100%) !important;
}

/* ====================================================================
   V3.9.23 — PASSEZ À L'ACTION : pill eyebrow en bleu marine (au lieu de gold)
   ==================================================================== */
.endcta__eyebrow {
  color: var(--marine, #14233a) !important;
  background: rgba(20, 35, 58, 0.08) !important;
  border-color: rgba(20, 35, 58, 0.32) !important;
}

html[data-theme="day"] .endcta__eyebrow {
  color: var(--marine, #14233a) !important;
  background: rgba(20, 35, 58, 0.06) !important;
  border-color: rgba(20, 35, 58, 0.32) !important;
}

/* ====================================================================
   V3.9.23 — CHOISIS LE BON POINT D'ENTRÉE : background photo
   Réintroduit la photo (écrasée par la règle ligne 9893 sans photo).
   Day  : v2-bg-starter-route-blur-day.webp + overlay ivoire ~0.74-0.84
   Night: v2-bg-starter-route-blur-night.webp + overlay nuit ~0.84-0.92
   ==================================================================== */
html[data-theme="day"] .entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,252,246,0.74) 0%, rgba(248,244,235,0.84) 100%),
    url("visuals-v2/abstract-bg/clean/v2-bg-starter-route-blur-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .entry-router,
.entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(7,16,31,0.84) 0%, rgba(11,19,32,0.92) 100%),
    url("visuals-v2/abstract-bg/clean/v2-bg-starter-route-blur-night.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .entry-router__bg,
html[data-theme="night"] .entry-router__bg {
  display: none !important;
}

@media (max-width: 980px) {
  html[data-theme="day"] .entry-router,
  html[data-theme="night"] .entry-router {
    background-attachment: scroll !important;
  }
}

/* ====================================================================
   V3.9.24 — REDUIRE LE VOILE DEVANT LES PHOTOS DE FOND
   Interprétation correcte de "réduire la transparence" :
   l'utilisateur veut VOIR PLUS la photo (donc moins d'overlay devant).
   Cette couche finale écrase TOUS les overlays précédents (V3.9.19/21/23).
   ==================================================================== */

/* --- CONSTAT --- */
html[data-theme="day"] .constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 28rem),
    linear-gradient(180deg, rgba(255,252,246,0.24) 0%, rgba(248,244,235,0.36) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .constat,
.constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.10), transparent 28rem),
    linear-gradient(180deg, rgba(7,16,31,0.50) 0%, rgba(11,19,32,0.64) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center center / cover no-repeat scroll !important;
}

/* --- CHOISIS LE BON POINT D'ENTRÉE --- */
html[data-theme="day"] .entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,252,246,0.26) 0%, rgba(248,244,235,0.38) 100%),
    url("visuals-v2/abstract-bg/clean/v2-bg-starter-route-blur-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .entry-router,
.entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(7,16,31,0.52) 0%, rgba(11,19,32,0.66) 100%),
    url("visuals-v2/abstract-bg/clean/v2-bg-starter-route-blur-night.webp") center center / cover no-repeat scroll !important;
}

/* --- CHECKPOINT --- */
html[data-theme="day"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(255,252,246,0.30) 0%, rgba(248,244,235,0.42) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.10), transparent 30rem),
    linear-gradient(180deg, rgba(7,16,31,0.54) 0%, rgba(11,19,32,0.68) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-night.webp") center center / cover no-repeat scroll !important;
}

/* --- MEDIA-HUB --- */
html[data-theme="day"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,252,246,0.30) 0%, rgba(248,244,235,0.42) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(7,16,31,0.54) 0%, rgba(11,19,32,0.68) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
}

/* --- COMMUNAUTÉ (mosaïque 4 photos posts réseaux) --- */
.reseaux::after {
  background: linear-gradient(180deg, rgba(7,16,31,0.55) 0%, rgba(11,19,32,0.70) 100%) !important;
}

html[data-theme="day"] .reseaux::after {
  background: linear-gradient(180deg, rgba(255,252,246,0.40) 0%, rgba(248,244,235,0.55) 100%) !important;
}

@media (max-width: 980px) {
  html[data-theme="day"] .constat,
  html[data-theme="night"] .constat,
  html[data-theme="day"] .checkpoint,
  html[data-theme="night"] .checkpoint,
  html[data-theme="day"] .media-hub,
  html[data-theme="night"] .media-hub,
  html[data-theme="day"] .entry-router,
  html[data-theme="night"] .entry-router {
    background-attachment: scroll !important;
  }
}

/* ====================================================================
   V3.9.25 — MEDIA-HUB HEADER : centrer "VOIR RAYFLECTIONS EN MOUVEMENT"
   Le .eyebrow est display:inline-flex donc il faut text-align:center
   sur le parent block pour le centrer horizontalement.
   ==================================================================== */
.media-hub__header {
  text-align: center !important;
}

.media-hub__header .eyebrow {
  justify-content: center !important;
}

/* ====================================================================
   V3.9.26 — PHOTOS DE FOND : "ambient mode" final
   Photos = ambiance subtile (pas en dominance). Overlay relevé :
   - Day  : 0.55-0.68 ivoire (photo discrète derrière le texte)
   - Night: 0.74-0.86 nuit
   Sauf Entry-router : nouvelle photo plus parlante (cockpit-horizon).
   ==================================================================== */

/* --- CONSTAT --- */
html[data-theme="day"] .constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 28rem),
    linear-gradient(180deg, rgba(255,252,246,0.55) 0%, rgba(248,244,235,0.68) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .constat,
.constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.10), transparent 28rem),
    linear-gradient(180deg, rgba(7,16,31,0.74) 0%, rgba(11,19,32,0.86) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center center / cover no-repeat scroll !important;
}

/* --- CHOISIS LE BON POINT D'ENTRÉE ---
   Nouvelle photo : v2-future-cockpit-horizon-day.webp (cockpit + horizon = "choisis ton cap")
   plus contrastée que v2-bg-starter-route-blur (très diffuse) */
html[data-theme="day"] .entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,252,246,0.55) 0%, rgba(248,244,235,0.68) 100%),
    url("visuals-v2/future-needs/clean/v2-future-cockpit-horizon-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .entry-router,
.entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(7,16,31,0.74) 0%, rgba(11,19,32,0.86) 100%),
    url("visuals-v2/future-needs/clean/v2-future-road-cockpit-night.webp") center center / cover no-repeat scroll !important;
}

/* --- CHECKPOINT --- */
html[data-theme="day"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(255,252,246,0.58) 0%, rgba(248,244,235,0.70) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.10), transparent 30rem),
    linear-gradient(180deg, rgba(7,16,31,0.76) 0%, rgba(11,19,32,0.88) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-night.webp") center center / cover no-repeat scroll !important;
}

/* --- MEDIA-HUB --- */
html[data-theme="day"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,252,246,0.58) 0%, rgba(248,244,235,0.70) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(7,16,31,0.76) 0%, rgba(11,19,32,0.88) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
}

/* --- COMMUNAUTÉ (mosaïque 4 photos) --- */
.reseaux::after {
  background: linear-gradient(180deg, rgba(7,16,31,0.78) 0%, rgba(11,19,32,0.90) 100%) !important;
}

html[data-theme="day"] .reseaux::after {
  background: linear-gradient(180deg, rgba(255,252,246,0.66) 0%, rgba(248,244,235,0.78) 100%) !important;
}

@media (max-width: 980px) {
  html[data-theme="day"] .constat,
  html[data-theme="night"] .constat,
  html[data-theme="day"] .checkpoint,
  html[data-theme="night"] .checkpoint,
  html[data-theme="day"] .media-hub,
  html[data-theme="night"] .media-hub,
  html[data-theme="day"] .entry-router,
  html[data-theme="night"] .entry-router {
    background-attachment: scroll !important;
  }
}

/* ====================================================================
   V3.9.27 — POLISH PASSE LONGUE
   - Titres catégorie (Ambitions / Risques / Résultat) dans le constat
   - Réduction titres méthode + masterclass (t-h2 au lieu de t-h1)
   - Cards entry-router alignées (egales hauteur, CTA en bas)
   - Header CAS CLIENT inline dans chaque carrousel
   - Transparence des fonds : encore plus opaques (photo très discrète)
   ==================================================================== */

/* --- Constat : titres catégorie --- */
.constat-truths__category {
  display: block;
  font-family: var(--sans);
  font-size: clamp(0.78rem, 0.74rem + 0.18vw, 0.92rem);
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold);
  margin: clamp(8px, 0.8vw, 14px) 0 clamp(6px, 0.6vw, 10px);
}

html[data-theme="day"] .constat-truths__category {
  color: var(--gold-deep);
}

/* Aligner les 3 cards constat */
.constat-truths article > strong {
  display: block;
  min-height: 2.6em;
  line-height: 1.25;
}

/* V3.9.27 : description spans supprimées du HTML, on recalibre li + b */
.constat-truths__bullets li {
  display: flex !important;
  flex-direction: column;
  gap: 0;
  min-height: calc(0.85rem * 1.3 * 2) !important;
  justify-content: flex-start;
}

.constat-truths__bullets li b {
  display: block;
  min-height: calc(0.85rem * 1.3 * 2) !important;
}

/* Spans descriptifs supprimés du HTML — on neutralise tout résidu */
.constat-truths__bullets li span {
  display: none !important;
}

/* --- Méthode : titre réduit --- */
.method__title-reduced {
  font-size: clamp(1.65rem, 1.1rem + 2.2vw, 2.75rem) !important;
  line-height: 1.12 !important;
  text-wrap: balance;
  max-width: 22ch;
  margin: 0 auto;
}

/* --- Masterclass : titre réduit --- */
.masterclass__title-reduced {
  font-size: clamp(1.4rem, 1rem + 1.6vw, 2.2rem) !important;
  line-height: 1.18 !important;
  font-family: var(--serif);
  font-weight: 400;
  color: var(--paper);
  text-wrap: balance;
  max-width: 26ch;
  margin: clamp(10px, 1.2vw, 18px) auto 0 !important;
}

html[data-theme="day"] .masterclass__title-reduced {
  color: var(--day-text);
}

.masterclass__title-reduced .t-em {
  color: var(--gold);
  font-style: italic;
}

html[data-theme="day"] .masterclass__title-reduced .t-em {
  color: var(--gold-deep);
}

/* --- Entry-router cards : align CTA bottom + égaliser les hauteurs --- */
.route-grid {
  align-items: stretch;
}

.route-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start;
  height: 100%;
}

.route-card__media {
  flex-shrink: 0;
}

.route-card small {
  margin-top: clamp(14px, 1.6vw, 22px);
}

.route-card strong {
  display: block;
  min-height: 3.2em;
  line-height: 1.22;
  margin: clamp(6px, 0.8vw, 12px) 0 clamp(8px, 1vw, 14px);
}

.route-card > span {
  flex: 1 1 auto;
  min-height: 4.2em;
}

.route-card .route-card__cta {
  margin-top: auto;
  padding-top: clamp(14px, 1.6vw, 20px);
}

/* Texte de closing repositionné sous les 4 cards */
.entry-router__closing {
  text-align: center;
  max-width: 720px;
  margin: clamp(28px, 3.4vw, 48px) auto 0 !important;
  font-style: italic;
  opacity: 0.92;
}

html[data-theme="day"] .entry-router__closing {
  color: var(--day-text-soft);
}

/* --- Checkpoint : header CAS CLIENT inline dans le carrousel --- */
.cp-case-header--inline {
  text-align: left;
  padding: 0 0 clamp(14px, 1.6vw, 22px);
  margin: 0 0 clamp(14px, 1.6vw, 22px);
  border-bottom: 1px solid rgba(216, 178, 122, 0.22);
}

html[data-theme="day"] .cp-case-header--inline {
  border-bottom-color: rgba(184, 148, 85, 0.32);
}

.cp-case-header--inline .cp-case-header__label {
  font-family: var(--sans);
  font-size: clamp(0.78rem, 0.74rem + 0.18vw, 0.92rem);
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 clamp(4px, 0.5vw, 8px);
}

html[data-theme="day"] .cp-case-header--inline .cp-case-header__label {
  color: var(--gold-deep);
}

.cp-case-header--inline .cp-case-header__name {
  font-family: var(--serif);
  font-weight: 400;
  font-style: italic;
  font-size: clamp(1.3rem, 1rem + 1.4vw, 1.85rem) !important;
  line-height: 1.18 !important;
  color: var(--paper);
  margin: 0;
}

html[data-theme="day"] .cp-case-header--inline .cp-case-header__name {
  color: var(--day-text);
}

/* --- TRANSPARENCE : encore plus opaque (photo très discrète) --- */
html[data-theme="day"] .constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 28rem),
    linear-gradient(180deg, rgba(255,252,246,0.72) 0%, rgba(248,244,235,0.84) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .constat,
.constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.10), transparent 28rem),
    linear-gradient(180deg, rgba(7,16,31,0.86) 0%, rgba(11,19,32,0.94) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,252,246,0.72) 0%, rgba(248,244,235,0.84) 100%),
    url("visuals-v2/future-needs/clean/v2-future-cockpit-horizon-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .entry-router,
.entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(7,16,31,0.86) 0%, rgba(11,19,32,0.94) 100%),
    url("visuals-v2/future-needs/clean/v2-future-road-cockpit-night.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(255,252,246,0.74) 0%, rgba(248,244,235,0.86) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(216, 178, 122, 0.10), transparent 30rem),
    linear-gradient(180deg, rgba(7,16,31,0.88) 0%, rgba(11,19,32,0.96) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-night.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,252,246,0.74) 0%, rgba(248,244,235,0.86) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="night"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 178, 122, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(7,16,31,0.88) 0%, rgba(11,19,32,0.96) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
}

.reseaux::after {
  background: linear-gradient(180deg, rgba(7,16,31,0.88) 0%, rgba(11,19,32,0.96) 100%) !important;
}

html[data-theme="day"] .reseaux::after {
  background: linear-gradient(180deg, rgba(255,252,246,0.80) 0%, rgba(248,244,235,0.90) 100%) !important;
}

/* ====================================================================
   V3.9.28 — POLISH SUITE
   - Hashtags : mc-card__stats--hashtags (police plus petite, gold, sans-serif)
   - Constat bullets : minuscules + centrés (au lieu de uppercase aligné gauche)
   - Route-card CTA : agrandi
   - Filtre overlay day : passé en blanc pur (au lieu d'ivoire chaud)
   - Bouton "Prendre rendez-vous" en fin de Points d'entrée : centrer le CTA
   ==================================================================== */

/* --- Hashtags masterclass --- */
.mc-card__stats--hashtags {
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: clamp(6px, 0.8vw, 12px) !important;
  border-top: 1px dashed rgba(216, 178, 122, 0.18) !important;
  border-bottom: 1px dashed rgba(216, 178, 122, 0.18) !important;
}

.mc-card__stats--hashtags li {
  flex-direction: row !important;
  display: inline-flex !important;
}

.mc-card__stats--hashtags strong {
  font-family: var(--sans) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: clamp(0.78rem, 0.74rem + 0.18vw, 0.92rem) !important;
  letter-spacing: 0.01em !important;
  color: var(--gold) !important;
  line-height: 1.3 !important;
}

html[data-theme="day"] .mc-card__stats--hashtags strong {
  color: var(--gold-deep) !important;
}

/* --- Constat bullets : minuscules + centrés --- */
.constat-truths__bullets {
  align-items: center !important;
}

.constat-truths__bullets li {
  align-items: center !important;
  text-align: center !important;
}

.constat-truths__bullets li b {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  font-weight: 500 !important;
  text-align: center !important;
  min-height: auto !important;
  font-style: normal !important;
}

/* --- Route-card CTA agrandi --- */
.route-card__cta {
  font-size: clamp(1.0rem, 0.95rem + 0.2vw, 1.15rem) !important;
  font-weight: 500;
  padding-top: clamp(10px, 1.2vw, 16px) !important;
  margin-top: clamp(14px, 1.6vw, 20px) !important;
  letter-spacing: 0.02em !important;
}

/* --- Bouton "Prendre rendez-vous" Points d'entrée (centré sous le closing) --- */
.entry-router__cta {
  display: flex;
  justify-content: center;
  margin-top: clamp(20px, 2.6vw, 36px);
}

/* --- FILTRE OVERLAY DAY : blanc pur (au lieu d'ivoire chaud) ---
   Les sections avec background photo passent en overlay blanc neutre. */
html[data-theme="day"] .constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 28rem),
    linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.84) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.84) 100%),
    url("visuals-v2/future-needs/clean/v2-future-cockpit-horizon-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(255,255,255,0.74) 0%, rgba(255,255,255,0.86) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.10), transparent 32rem),
    linear-gradient(180deg, rgba(255,255,255,0.74) 0%, rgba(255,255,255,0.86) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .reseaux::after {
  background: linear-gradient(180deg, rgba(255,255,255,0.80) 0%, rgba(255,255,255,0.90) 100%) !important;
}

/* ====================================================================
   V3.9.29 — Bouton "Voir la page dédiée" : texte blanc (night + day)
   ==================================================================== */
.mc-card__cta,
html[data-theme="day"] .mc-card__cta {
  color: #FFFFFF !important;
}

.mc-card__cta:hover,
html[data-theme="day"] .mc-card__cta:hover {
  color: #FFFFFF !important;
}

/* ====================================================================
   V3.9.30 — Constat : remplacement des listes à puces par une phrase
   ==================================================================== */
.constat-truths__line {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(0.98rem, 0.92rem + 0.3vw, 1.12rem);
  line-height: 1.5;
  text-align: center;
  color: var(--paper-soft, #D8C8A8);
  margin: clamp(10px, 1.2vw, 16px) auto 0;
  max-width: 32ch;
  text-wrap: balance;
}

html[data-theme="day"] .constat-truths__line {
  color: var(--day-text-soft, rgba(20, 35, 58, 0.78));
}

/* ====================================================================
   V3.9.31 — Mode nuit : descendre les boutons "Voir la page dédiée"
   La .mc-card est en display:grid donc on bascule en flex column pour que
   margin-top:auto pousse vraiment le CTA en bas de la card.
   ==================================================================== */
.mc-card {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(14px, 1.4vw, 22px) !important;
}

.mc-card__cta {
  margin-top: auto !important;
  align-self: flex-start;
}

/* Mode nuit : marge supplémentaire pour bien aérer entre les hashtags et le CTA */
html:not([data-theme="day"]) .mc-card__cta,
.mc-card__cta {
  margin-top: auto !important;
}

html:not([data-theme="day"]) .mc-card__stats {
  margin-bottom: clamp(14px, 1.6vw, 24px) !important;
}

/* ====================================================================
   V3.9.32 — Hero NUIT : nouvelle photo brute SANS filtre ni overlay
   Photo cockpit + sunset + main vers contrôles avec logo "i" Rayflections.
   À sauvegarder par Koffi dans : /img/hero-night-cockpit-sunset.png
   ==================================================================== */
.hero--apple .hero__bg,
.hero--trajectoire .hero__bg,
.hero__bg {
  background: url("../img/hero-night-cockpit-sunset.png") center/cover no-repeat !important;
  filter: none !important;
}

.hero--apple .hero__bg::after,
.hero--trajectoire .hero__bg::after,
.hero__bg::after {
  display: none !important;
}

/* Override de la règle day pour ne PAS impacter (V3.6.0 reste actif day) */
html[data-theme="day"] .hero--apple .hero__bg,
html[data-theme="day"] .hero--trajectoire .hero__bg,
html[data-theme="day"] .hero__bg {
  background: url("../img/hero-day.png?v=3") center/cover no-repeat !important;
  filter: none !important;
}

@media (max-width: 720px) {
  .hero--apple .hero__bg,
  .hero--trajectoire .hero__bg,
  .hero__bg {
    background: url("../img/hero-night-cockpit-sunset.png") center/cover no-repeat !important;
  }
}

/* ====================================================================
   V3.9.33 — Hero : SUPPRESSION COMPLÈTE filtre + animations
   - Plus de gradient/overlay devant la photo
   - Plus de ken-burns / hero-zoom
   - Plus de word-rise sur le titre
   - Plus de trajectory-path animation
   ==================================================================== */

/* Hero __bg : aucune animation, aucun filtre */
.hero__bg,
.hero--apple .hero__bg,
.hero--trajectoire .hero__bg {
  animation: none !important;
  transform: none !important;
  filter: none !important;
}

/* Hero __bg::after : neutralisé (était la ligne horizon dorée) */
.hero__bg::after,
.hero--apple .hero__bg::after,
.hero--trajectoire .hero__bg::after {
  display: none !important;
  content: none !important;
}

/* Mots du titre : pas d'animation rise-in, affichés immédiatement */
.hero__title .word-rise {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* Trajectory path SVG : pas d'animation, ligne complète visible */
.hero__trajectory-path {
  stroke-dashoffset: 0 !important;
  animation: none !important;
}

/* Hero noise / parallax / autres overlays décoratifs : neutraliser */
.hero__noise,
.hero__trajectoire-overlay,
.hero__overlay {
  display: none !important;
}

/* ====================================================================
   V3.9.34 — Hero copy : descendre RAYFLECTIONS + titre + lead
   Push le bloc texte vers le bas du hero (au-dessus du ruban 4 piliers).
   ==================================================================== */
.hero__copy {
  padding-top: clamp(32vh, 36vh, 44vh) !important;
}

@media (max-width: 880px) {
  .hero__copy {
    padding-top: clamp(22vh, 28vh, 34vh) !important;
  }
}

/* ====================================================================
   V3.9.35 — DAY MODE : FILTRE DORÉ (champagne) sur les fonds d'écran photo
   Test : remplacer le voile blanc pur par un voile gold pâle / champagne
   pour donner un mood premium "soleil doré" et cohérence avec la palette.
   Couleur de base : rgba(245, 222, 168, ...) (champagne pâle, peu saturé)
   Gradient en haut → plus chaud (gold tendre) → plus dense en bas.
   ==================================================================== */
/* ====================================================================
   V3.9.38 — DAY MODE : FILTRE BLANC CRÈME (final)
   Au lieu du champagne gold (trop chaud) ou du blanc pur (trop clinique) :
   un blanc ivoire très subtil = "cream tint" / blanc-crème.
   Couleur : rgba(252, 246, 235, ...) → rgba(248, 240, 225, ...)
   Spot gold radial conservé pour garder l'identité Rayflections.
   ==================================================================== */
html[data-theme="day"] .constat {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.10), transparent 28rem),
    linear-gradient(180deg, rgba(252, 246, 235, 0.74) 0%, rgba(248, 240, 225, 0.86) 100%),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .entry-router {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.12), transparent 32rem),
    linear-gradient(180deg, rgba(252, 246, 235, 0.74) 0%, rgba(248, 240, 225, 0.86) 100%),
    url("visuals-v2/future-needs/clean/v2-future-cockpit-horizon-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .checkpoint {
  background:
    radial-gradient(circle at 80% 0%, rgba(184, 148, 85, 0.10), transparent 30rem),
    linear-gradient(180deg, rgba(252, 246, 235, 0.76) 0%, rgba(248, 240, 225, 0.88) 100%),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .media-hub {
  background:
    radial-gradient(circle at 50% 0%, rgba(184, 148, 85, 0.12), transparent 32rem),
    linear-gradient(180deg, rgba(252, 246, 235, 0.76) 0%, rgba(248, 240, 225, 0.88) 100%),
    url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
}

html[data-theme="day"] .reseaux::after {
  background: linear-gradient(180deg, rgba(252, 246, 235, 0.82) 0%, rgba(248, 240, 225, 0.92) 100%) !important;
}

/* ====================================================================
   V3.9.39 — AUDIT FIXES : hiérarchie titres + sémantique
   - .constat-truths__category : promu h4 → h3 (parent visible)
   - .constat-truths__subtitle : <strong> remplacé par <p> (plus de pseudo-titre)
   ==================================================================== */
.constat-truths__subtitle {
  display: block;
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(1.05rem, 0.96rem + 0.4vw, 1.3rem);
  line-height: 1.25;
  color: var(--paper, #F5F0E8);
  margin: 0;
  min-height: 2.6em;
  text-align: center;
  text-wrap: balance;
}

html[data-theme="day"] .constat-truths__subtitle {
  color: var(--day-text);
}

/* ====================================================================
   V3.9.39 (suite) — .eyebrow--center : modifier de centrage horizontal
   Remplace les 4 occurrences inline `style="justify-content:center;"`
   ==================================================================== */
.eyebrow--center {
  justify-content: center !important;
}

/* ====================================================================
   V3.9.40 — CADRES À 20% TRANSPARENCE (= 80% opacité)
   Permet à la photo de fond de section de transparaître subtilement
   à travers les cards. Texte reste parfaitement lisible.
   Application : constat, route, masterclass, recovery, checkpoint cards
   + panel constat + carrousel cadre.
   ==================================================================== */

/* ---- NUIT (background sombre) : alpha 0.80 sur fond bleu nuit ---- */
.constat-truths article {
  background: rgba(11, 19, 32, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.constat-panel {
  background: rgba(11, 19, 32, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.route-card {
  background: rgba(11, 19, 32, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.mc-card {
  background: rgba(11, 19, 32, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.recovery-card {
  background: rgba(11, 19, 32, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.cp-carousel {
  background: rgba(11, 19, 32, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.media-card,
.video-card {
  background: rgba(11, 19, 32, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.founder-card {
  background: rgba(11, 19, 32, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

/* ---- JOUR : alpha 0.80 sur fond ivoire/blanc-crème ---- */
html[data-theme="day"] .constat-truths article {
  background: rgba(255, 252, 246, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

html[data-theme="day"] .constat-panel {
  background: rgba(255, 252, 246, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

html[data-theme="day"] .route-card {
  background: rgba(255, 252, 246, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

html[data-theme="day"] .mc-card {
  background: rgba(255, 252, 246, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

html[data-theme="day"] .recovery-card {
  background: rgba(255, 252, 246, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

html[data-theme="day"] .cp-carousel {
  background: rgba(255, 252, 246, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

html[data-theme="day"] .media-card,
html[data-theme="day"] .video-card {
  background: rgba(255, 252, 246, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

html[data-theme="day"] .founder-card {
  background: rgba(255, 252, 246, 0.80) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}
/* V2 production candidate: day cards at 80% transparency. */
html[data-theme="day"] :is(
  .constat-panel,
  .constat-truths article,
  .founder-card,
  .hero-experience-card,
  .hero-experience-card__panel,
  .method-apple__hero-card,
  .method-apple-card,
  .route-card,
  .editorial-card,
  .method-step-card,
  .mc-card,
  .cp-card,
  .testi-card,
  .social-card,
  .recovery-card,
  .media-card,
  .video-card,
  .build90-card,
  .holo-card
) {
  background: rgba(255, 251, 245, 0.20) !important;
  backdrop-filter: blur(20px) saturate(1.12);
  -webkit-backdrop-filter: blur(20px) saturate(1.12);
}

html[data-theme="day"] .method.method--apple :is(.method-apple__hero-card, .method-apple-card) {
  background: rgba(255, 251, 245, 0.20) !important;
  backdrop-filter: blur(20px) saturate(1.12);
  -webkit-backdrop-filter: blur(20px) saturate(1.12);
}

/* Home menu parity with V2 internal pages. */
.nav__members-home {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  min-height: 40px;
  padding: 0 0.92rem;
  border: 1px solid rgba(201, 168, 76, 0.28);
  border-radius: 999px;
  color: rgba(245, 240, 232, 0.78);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  background: rgba(7, 16, 31, 0.18);
}

.nav__members-home:hover {
  color: var(--gold-light);
  border-color: rgba(201, 168, 76, 0.46);
}

html[data-theme="day"] .nav__members-home {
  color: #8B6B34;
  border-color: rgba(184, 148, 85, 0.26);
  background: rgba(255, 251, 245, 0.50);
}

/* Home masterclass: make the header sentence readable in day mode. */
html[data-theme="day"] .masterclass .method__header .masterclass__title-reduced {
  color: rgba(20, 35, 58, 0.76) !important;
  text-shadow: none !important;
}

html[data-theme="day"] .masterclass .method__header .masterclass__title-reduced .t-em {
  color: var(--gold-deep) !important;
}

html[data-theme="night"] .masterclass .method__header .masterclass__title-reduced {
  color: rgba(247, 243, 234, 0.88) !important;
  text-shadow: 0 2px 20px rgba(7, 16, 29, 0.38);
}

/* Checkpoint carousel: keep slide titles on one line on desktop and reduce caption height. */
.cp-slide__caption {
  width: min(760px, calc(100% - 44px)) !important;
  max-width: min(760px, calc(100% - 44px)) !important;
  padding: clamp(15px, 1.35vw, 20px) clamp(18px, 2vw, 30px) !important;
  gap: 5px !important;
}

.cp-slide__title {
  max-width: none !important;
  display: block;
  white-space: nowrap;
  overflow: visible;
  text-wrap: nowrap;
  font-size: clamp(1.05rem, 1.24vw, 1.32rem) !important;
  line-height: 1.08 !important;
}

.cp-slide__split-note {
  font-size: clamp(0.82rem, 0.78rem + 0.16vw, 0.92rem) !important;
  line-height: 1.28 !important;
}

@media (max-width: 780px) {
  .cp-slide__caption {
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
    padding: 16px 18px !important;
  }

  .cp-slide__title {
    white-space: normal;
    text-wrap: balance;
    font-size: clamp(1.12rem, 4.8vw, 1.42rem) !important;
    line-height: 1.13 !important;
  }
}

@media (max-width: 1180px) {
  .nav .nav__cta > .nav__members-home {
    display: none;
  }

  .nav__drawer .nav__members-home {
    display: inline-flex;
    justify-content: center;
    width: 100%;
  }
}

/* V2 production candidate visual fix: restore home Masterclass photos and lighten photo veils. */
.mc-card--personnel {
  --mc-image: url("../img/mc-personnel.jpg") !important;
}

.mc-card--relationnel {
  --mc-image: url("../img/mc-relationnel.jpg") !important;
}

.mc-card--pro {
  --mc-image: url("../img/mc-professionnel.jpg") !important;
}

.mc-card,
html[data-theme="day"] .mc-card {
  background:
    linear-gradient(180deg,
      rgba(7, 16, 31, 0) 0%,
      rgba(7, 16, 31, 0.04) 38%,
      rgba(7, 16, 31, 0.52) 68%,
      rgba(7, 16, 31, 0.90) 100%),
    var(--mc-image) center 24% / cover no-repeat,
    rgba(7, 16, 31, 0.92) !important;
  color: #F7F3EA !important;
  padding-top: clamp(210px, 19vw, 270px) !important;
  min-height: 520px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mc-card::before,
.mc-card::after,
html[data-theme="day"] .mc-card::before,
html[data-theme="day"] .mc-card::after {
  display: none !important;
  content: none !important;
}

.mc-card :is(.mc-card__title, .mc-card__desc, .mc-card__stats li, .mc-card__cta),
html[data-theme="day"] .mc-card :is(.mc-card__title, .mc-card__desc, .mc-card__stats li, .mc-card__cta) {
  color: #F7F3EA !important;
  text-shadow: 0 2px 16px rgba(7, 16, 31, 0.58) !important;
}

.mc-card :is(.mc-card__num, .mc-card__stats strong, .mc-card__title small),
html[data-theme="day"] .mc-card :is(.mc-card__num, .mc-card__stats strong, .mc-card__title small) {
  color: var(--gold-light, #D8B27A) !important;
  text-shadow: 0 2px 14px rgba(7, 16, 31, 0.48) !important;
}

.mc-card__cta,
html[data-theme="day"] .mc-card__cta {
  background: rgba(7, 16, 31, 0.42) !important;
  border-color: rgba(216, 178, 122, 0.44) !important;
}

.route-card__media[data-slot],
html[data-theme="day"] .route-card__media[data-slot] {
  filter: none !important;
}

.route-card__media[data-slot="decouverte"] {
  background-image:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02), rgba(7, 16, 31, 0.18)),
    url("visuals-v2/webp/clean/v2-contact-strategy-call-desk-night.webp") !important;
}

.route-card__media[data-slot="masterclass"] {
  background-image:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02), rgba(7, 16, 31, 0.18)),
    url("visuals-v2/webp/clean/v2-brochure-personnel-night.webp") !important;
}

.route-card__media[data-slot="checkpoint"] {
  background-image:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02), rgba(7, 16, 31, 0.18)),
    url("visuals-v2/webp/clean/v2-checkpoint-hero-night.webp") !important;
}

.route-card__media[data-slot="recovery"] {
  background-image:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02), rgba(7, 16, 31, 0.18)),
    url("visuals-v2/future-needs/clean/v2-future-entrepreneur-architect-night.webp") !important;
}

html[data-theme="day"] .route-card__media[data-slot="decouverte"] {
  background-image:
    linear-gradient(180deg, rgba(255, 252, 246, 0), rgba(20, 35, 58, 0.08)),
    url("visuals-v2/webp/clean/v2-contact-strategy-call-desk-day.webp") !important;
}

html[data-theme="day"] .route-card__media[data-slot="masterclass"] {
  background-image:
    linear-gradient(180deg, rgba(255, 252, 246, 0), rgba(20, 35, 58, 0.08)),
    url("visuals-v2/webp/clean/v2-brochure-personnel-day.webp") !important;
}

html[data-theme="day"] .route-card__media[data-slot="checkpoint"] {
  background-image:
    linear-gradient(180deg, rgba(255, 252, 246, 0), rgba(20, 35, 58, 0.08)),
    url("visuals-v2/webp/clean/v2-checkpoint-hero-day.webp") !important;
}

html[data-theme="day"] .route-card__media[data-slot="recovery"] {
  background-image:
    linear-gradient(180deg, rgba(255, 252, 246, 0), rgba(20, 35, 58, 0.08)),
    url("visuals-v2/future-needs/clean/v2-future-mature-executive-day.webp") !important;
}

.checkpoint,
html[data-theme="day"] .checkpoint,
html[data-theme="night"] .checkpoint {
  background: url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-night.webp") center center / cover no-repeat scroll !important;
  color: #F7F3EA !important;
}

.checkpoint__bg,
html[data-theme="day"] .checkpoint__bg,
html[data-theme="night"] .checkpoint__bg {
  display: none !important;
}

.checkpoint__header {
  padding: clamp(22px, 3vw, 34px) clamp(20px, 3vw, 42px);
  border: 1px solid rgba(216, 178, 122, 0.22);
  border-radius: 28px;
  background: rgba(7, 16, 31, 0.34);
  backdrop-filter: blur(8px) saturate(1.04);
  -webkit-backdrop-filter: blur(8px) saturate(1.04);
  box-shadow: 0 24px 70px rgba(7, 16, 31, 0.22);
}

.checkpoint :is(.checkpoint__brand, .checkpoint__subtitle, .checkpoint__header .t-lead),
html[data-theme="day"] .checkpoint :is(.checkpoint__brand, .checkpoint__subtitle, .checkpoint__header .t-lead) {
  color: #F7F3EA !important;
  text-shadow: 0 2px 20px rgba(7, 16, 31, 0.62) !important;
}

.checkpoint :is(.checkpoint__brand em, .checkpoint__subtitle em),
html[data-theme="day"] .checkpoint :is(.checkpoint__brand em, .checkpoint__subtitle em) {
  color: var(--gold-light, #D8B27A) !important;
}

.cp-carousel,
html[data-theme="day"] .cp-carousel {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.cp-slide__bg {
  filter: none !important;
}

.cp-slide::before,
html[data-theme="day"] .cp-slide::before {
  background:
    linear-gradient(90deg, rgba(7, 16, 31, 0.22) 0%, rgba(7, 16, 31, 0.08) 42%, rgba(7, 16, 31, 0) 100%),
    linear-gradient(180deg, rgba(7, 16, 31, 0) 0%, rgba(7, 16, 31, 0.06) 56%, rgba(7, 16, 31, 0.20) 100%) !important;
}

.cp-slide__caption,
html[data-theme="day"] .cp-slide__caption {
  background: rgba(7, 16, 31, 0.58) !important;
  backdrop-filter: blur(10px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.08) !important;
}

/* Methode/home polish requested 2026-05-21. */
.method--apple .method__header--prime {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.method__title-reduced {
  max-width: min(100%, 44ch) !important;
  font-size: clamp(1.55rem, 1.05rem + 2.35vw, 3.2rem) !important;
  line-height: 1.02 !important;
}

.constat-truths article {
  text-align: center !important;
  align-items: center !important;
}

.constat-truths__category,
.constat-truths__subtitle,
.constat-truths__line {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.mc-card__title {
  margin-bottom: clamp(18px, 2vw, 30px) !important;
}

.mc-card__desc {
  margin-top: 0 !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.06), rgba(7,16,31,0.66)),
    url("visuals-v2/future-needs/clean/v2-future-content-creator-night.webp") center 38% / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media {
  background:
    linear-gradient(180deg, rgba(255,252,246,0.02), rgba(255,252,246,0.42)),
    url("visuals-v2/future-needs/clean/v2-future-content-creator-day.webp") center 38% / cover no-repeat !important;
}

.method--apple :is(.method-apple-card--mirror, .method-apple-card--direction) .method-apple-card__media::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 18px;
  background: linear-gradient(180deg, rgba(7,16,31,0.86), rgba(7,16,31,0));
  z-index: 1;
  pointer-events: none;
}

html[data-theme="day"] .method--apple :is(.method-apple-card--mirror, .method-apple-card--direction) .method-apple-card__media::before {
  background: linear-gradient(180deg, rgba(255,252,246,0.86), rgba(255,252,246,0));
}

.cp-carousel--malik .cp-case-header__name,
.cp-carousel--malik .cp-slide:first-child .cp-slide__title {
  white-space: normal !important;
  text-wrap: balance !important;
  overflow: visible !important;
}

@media (max-width: 720px) {
  .method__title-reduced {
    font-size: clamp(1.34rem, 5vw, 1.65rem) !important;
    line-height: 1.08 !important;
  }
}

/* Final visual pass 2026-05-21: requested home/method polish. */
.method--apple .method__header--prime,
.method--apple .method__header--prime::before,
.method--apple .method__header--prime::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.method--apple .method__header--prime .method__title-reduced {
  max-width: min(960px, 100%) !important;
  font-size: clamp(2rem, 1.35rem + 2.05vw, 3.15rem) !important;
  line-height: 1.03 !important;
  text-wrap: balance;
}

.method--apple .method__header--prime .method__title-reduced .t-em {
  white-space: nowrap;
}

.method--apple .method-apple-card__media {
  border-top: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  overflow: hidden;
}

.method--apple .method-apple-card__media::before,
html[data-theme="day"] .method--apple .method-apple-card__media::before {
  display: none !important;
  content: none !important;
}

.method--apple .method-apple-card__media::after {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0) 0%, rgba(7, 16, 31, 0.08) 46%, rgba(7, 16, 31, 0.42) 100%) !important;
}

html[data-theme="day"] .method--apple .method-apple-card__media::after {
  background:
    linear-gradient(180deg, rgba(255, 252, 246, 0) 0%, rgba(255, 252, 246, 0.04) 48%, rgba(7, 16, 31, 0.18) 100%) !important;
}

.masterclass .method__header .masterclass__title-reduced {
  color: rgba(247, 243, 234, 0.9) !important;
}

html[data-theme="day"] .masterclass .method__header .masterclass__title-reduced {
  color: rgba(20, 35, 58, 0.94) !important;
}

.masterclass .method__header .masterclass__title-reduced::selection,
.masterclass .method__header .masterclass__title-reduced *::selection {
  background: rgba(184, 148, 85, 0.24);
  color: #14233A;
}

.mc-card__title + .mc-card__desc {
  margin-top: clamp(10px, 1vw, 18px) !important;
}

.mc-card__stats {
  margin-top: clamp(12px, 1.2vw, 20px) !important;
}

.route-card__media[data-slot],
html[data-theme="day"] .route-card__media[data-slot] {
  filter: none !important;
}

.checkpoint__header,
html[data-theme="day"] .checkpoint__header,
html[data-theme="night"] .checkpoint__header {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.checkpoint :is(.checkpoint__brand, .checkpoint__subtitle, .checkpoint__header .t-lead),
html[data-theme="day"] .checkpoint :is(.checkpoint__brand, .checkpoint__subtitle, .checkpoint__header .t-lead) {
  color: #F7F3EA !important;
  text-shadow: 0 3px 28px rgba(7, 16, 31, 0.86) !important;
}

@media (max-width: 760px) {
  .method--apple .method__header--prime .method__title-reduced .t-em {
    white-space: normal;
  }
}

/* Final cache-safe override: force the restored Masterclass card photos after all earlier day/night variants. */
html[data-theme="day"] .mc-card--personnel,
html[data-theme="night"] .mc-card--personnel,
.mc-card--personnel {
  --mc-image: url("../img/mc-personnel.jpg") !important;
}

html[data-theme="day"] .mc-card--relationnel,
html[data-theme="night"] .mc-card--relationnel,
.mc-card--relationnel {
  --mc-image: url("../img/mc-relationnel.jpg") !important;
}

html[data-theme="day"] .mc-card--pro,
html[data-theme="night"] .mc-card--pro,
.mc-card--pro {
  --mc-image: url("../img/mc-professionnel.jpg") !important;
}

html[data-theme="day"] .masterclass .method__header .masterclass__title-reduced,
html[data-theme="night"] .masterclass .method__header .masterclass__title-reduced,
.masterclass .method__header .masterclass__title-reduced {
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Home method headline: keep the strategic phrase on two desktop lines without the dark plaque. */
.method--apple .method__header--prime .method__title-reduced {
  max-width: min(1240px, 100%) !important;
  font-size: clamp(1.7rem, 1.1rem + 1.55vw, 2.65rem) !important;
  line-height: 1.02 !important;
  background: transparent !important;
}

@media (max-width: 760px) {
  .method--apple .method__header--prime .method__title-reduced {
    font-size: clamp(1.02rem, 4.5vw, 1.2rem) !important;
    line-height: 1.04 !important;
    max-width: min(100%, 40ch) !important;
  }
}

/* ====================================================================
   V3.9.51 — Koffi review pass
   - Home nav aligned closer to production pages
   - "Le vrai sujet" cards: clearer separation between cause and consequence
   - Entry cards: author-note treatment
   - Home Masterclass: new DA image set
   - Home Checkpoint: framed carousel, day contrast, secondary CTA as a pill
   ==================================================================== */

body:not(.production-v2) .nav {
  padding: 14px clamp(14px, 2vw, 26px) !important;
}

body:not(.production-v2) .nav__inner {
  width: min(100%, 1280px) !important;
  min-height: 68px;
  padding: 12px 16px 12px 22px !important;
  gap: clamp(1rem, 1.55vw, 1.8rem) !important;
  border: 1px solid rgba(217, 189, 120, 0.26) !important;
  box-shadow: 0 28px 80px rgba(7, 16, 29, 0.22) !important;
}

body:not(.production-v2) .nav__brand {
  gap: 9px !important;
}

body:not(.production-v2) .nav__brand-mark {
  width: 28px !important;
  height: 28px !important;
}

body:not(.production-v2) .nav__brand span {
  font-size: clamp(0.9rem, 0.96vw, 1rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.055em !important;
}

body:not(.production-v2) .nav__links {
  width: 100% !important;
  justify-self: stretch !important;
  justify-content: center !important;
  gap: clamp(0.62rem, 1vw, 1rem) !important;
  font-size: clamp(0.64rem, 0.72vw, 0.72rem) !important;
  font-weight: 650 !important;
  letter-spacing: 0.095em !important;
}

body:not(.production-v2) .nav__links a {
  min-height: 42px !important;
  padding-inline: 2px !important;
}

body:not(.production-v2) .nav__cta {
  gap: 0.45rem !important;
}

body:not(.production-v2) .nav__cta .btn,
body:not(.production-v2) .nav__members-home {
  min-height: 40px !important;
  padding: 0.52em 0.75em !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body:not(.production-v2) .nav__cta .btn {
  padding-inline: 1em !important;
}

html[data-theme="day"] body:not(.production-v2) .nav__inner {
  background: rgba(255, 251, 245, 0.82) !important;
  border-color: rgba(184, 148, 85, 0.28) !important;
  color: #14233A !important;
  box-shadow: 0 14px 36px rgba(20, 35, 58, 0.10) !important;
}

html[data-theme="night"] body:not(.production-v2) .nav__inner {
  background: rgba(7, 16, 31, 0.55) !important;
  border-color: rgba(217, 189, 120, 0.26) !important;
  color: #F7F3EA !important;
}

.constat-truths__subtitle {
  position: relative;
  min-height: 0 !important;
  padding-bottom: clamp(14px, 1.4vw, 20px);
  margin-bottom: clamp(12px, 1.2vw, 18px) !important;
}

.constat-truths__subtitle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(92px, 34%);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(216, 178, 122, 0.62), transparent);
}

.constat-truths__line {
  font-size: clamp(1rem, 0.92rem + 0.25vw, 1.14rem) !important;
  opacity: 0.88;
}

.route-card > .route-card__note {
  display: block;
  min-height: 6.2em;
  margin-top: clamp(18px, 2vw, 26px);
  padding: clamp(14px, 1.4vw, 20px) 0 0 clamp(14px, 1.2vw, 18px);
  border-left: 1px solid rgba(216, 178, 122, 0.42);
  color: rgba(245, 242, 235, 0.78);
  font-family: var(--serif);
  font-size: clamp(1.03rem, 0.96rem + 0.26vw, 1.2rem);
  font-style: italic;
  line-height: 1.42;
}

.route-card__note q {
  quotes: "“" "”";
}

.route-card__note b {
  display: block;
  margin-top: clamp(10px, 1vw, 14px);
  color: var(--gold-light, #D8B27A);
  font-family: var(--sans);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.18em;
}

html[data-theme="day"] .route-card > .route-card__note {
  color: rgba(20, 35, 58, 0.72);
  border-left-color: rgba(184, 148, 85, 0.44);
}

html[data-theme="day"] .route-card__note b {
  color: var(--gold-deep, #9B793F);
}

html[data-theme="day"] .mc-card--personnel,
html[data-theme="night"] .mc-card--personnel,
.mc-card--personnel {
  --mc-image: url("visuals-v2/future-needs/clean/v2-future-content-creator-night.webp") !important;
}

html[data-theme="day"] .mc-card--personnel {
  --mc-image: url("visuals-v2/future-needs/clean/v2-future-content-creator-day.webp") !important;
}

html[data-theme="day"] .mc-card--relationnel,
html[data-theme="night"] .mc-card--relationnel,
.mc-card--relationnel {
  --mc-image: url("visuals-v2/future-needs/clean/v2-future-couple-decision-night.webp") !important;
}

html[data-theme="day"] .mc-card--relationnel {
  --mc-image: url("visuals-v2/future-needs/clean/v2-future-couple-decision-day.webp") !important;
}

html[data-theme="day"] .mc-card--pro,
html[data-theme="night"] .mc-card--pro,
.mc-card--pro {
  --mc-image: url("visuals-v2/webp/clean/v2-future-professional-trajectory-night.webp") !important;
}

html[data-theme="day"] .mc-card--pro {
  --mc-image: url("visuals-v2/webp/clean/v2-future-professional-trajectory-day.webp") !important;
}

.mc-card--personnel,
html[data-theme="night"] .mc-card--personnel {
  background:
    linear-gradient(180deg,
      rgba(7, 16, 31, 0.04) 0%,
      rgba(7, 16, 31, 0.12) 38%,
      rgba(7, 16, 31, 0.62) 68%,
      rgba(7, 16, 31, 0.93) 100%),
    url("visuals-v2/future-needs/clean/v2-future-content-creator-night.webp") center 24% / cover no-repeat,
    rgba(7, 16, 31, 0.92) !important;
}

html[data-theme="day"] .mc-card--personnel {
  background:
    linear-gradient(180deg,
      rgba(7, 16, 31, 0.02) 0%,
      rgba(7, 16, 31, 0.10) 38%,
      rgba(7, 16, 31, 0.56) 68%,
      rgba(7, 16, 31, 0.90) 100%),
    url("visuals-v2/future-needs/clean/v2-future-content-creator-day.webp") center 24% / cover no-repeat,
    rgba(7, 16, 31, 0.92) !important;
}

.mc-card--relationnel,
html[data-theme="night"] .mc-card--relationnel {
  background:
    linear-gradient(180deg,
      rgba(7, 16, 31, 0.04) 0%,
      rgba(7, 16, 31, 0.12) 38%,
      rgba(7, 16, 31, 0.62) 68%,
      rgba(7, 16, 31, 0.93) 100%),
    url("visuals-v2/future-needs/clean/v2-future-couple-decision-night.webp") center 24% / cover no-repeat,
    rgba(7, 16, 31, 0.92) !important;
}

html[data-theme="day"] .mc-card--relationnel {
  background:
    linear-gradient(180deg,
      rgba(7, 16, 31, 0.02) 0%,
      rgba(7, 16, 31, 0.10) 38%,
      rgba(7, 16, 31, 0.56) 68%,
      rgba(7, 16, 31, 0.90) 100%),
    url("visuals-v2/future-needs/clean/v2-future-couple-decision-day.webp") center 24% / cover no-repeat,
    rgba(7, 16, 31, 0.92) !important;
}

.mc-card--pro,
html[data-theme="night"] .mc-card--pro {
  background:
    linear-gradient(180deg,
      rgba(7, 16, 31, 0.04) 0%,
      rgba(7, 16, 31, 0.12) 38%,
      rgba(7, 16, 31, 0.62) 68%,
      rgba(7, 16, 31, 0.93) 100%),
    url("visuals-v2/webp/clean/v2-future-professional-trajectory-night.webp") center 24% / cover no-repeat,
    rgba(7, 16, 31, 0.92) !important;
}

html[data-theme="day"] .mc-card--pro {
  background:
    linear-gradient(180deg,
      rgba(7, 16, 31, 0.02) 0%,
      rgba(7, 16, 31, 0.10) 38%,
      rgba(7, 16, 31, 0.56) 68%,
      rgba(7, 16, 31, 0.90) 100%),
    url("visuals-v2/webp/clean/v2-future-professional-trajectory-day.webp") center 24% / cover no-repeat,
    rgba(7, 16, 31, 0.92) !important;
}

body:not(.production-v2) .masterclass .mc-card.mc-card--personnel,
html[data-theme="night"] body:not(.production-v2) .masterclass .mc-card.mc-card--personnel {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.04) 0%, rgba(7,16,31,0.12) 38%, rgba(7,16,31,0.62) 68%, rgba(7,16,31,0.93) 100%),
    url("visuals-v2/future-needs/clean/v2-future-content-creator-night.webp") center 24% / cover no-repeat,
    rgba(7,16,31,0.92) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="day"] body:not(.production-v2) .masterclass .mc-card.mc-card--personnel {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.02) 0%, rgba(7,16,31,0.10) 38%, rgba(7,16,31,0.56) 68%, rgba(7,16,31,0.90) 100%),
    url("visuals-v2/future-needs/clean/v2-future-content-creator-day.webp") center 24% / cover no-repeat,
    rgba(7,16,31,0.92) !important;
}

body:not(.production-v2) .masterclass .mc-card.mc-card--relationnel,
html[data-theme="night"] body:not(.production-v2) .masterclass .mc-card.mc-card--relationnel {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.04) 0%, rgba(7,16,31,0.12) 38%, rgba(7,16,31,0.62) 68%, rgba(7,16,31,0.93) 100%),
    url("visuals-v2/future-needs/clean/v2-future-couple-decision-night.webp") center 24% / cover no-repeat,
    rgba(7,16,31,0.92) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="day"] body:not(.production-v2) .masterclass .mc-card.mc-card--relationnel {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.02) 0%, rgba(7,16,31,0.10) 38%, rgba(7,16,31,0.56) 68%, rgba(7,16,31,0.90) 100%),
    url("visuals-v2/future-needs/clean/v2-future-couple-decision-day.webp") center 24% / cover no-repeat,
    rgba(7,16,31,0.92) !important;
}

body:not(.production-v2) .masterclass .mc-card.mc-card--pro,
html[data-theme="night"] body:not(.production-v2) .masterclass .mc-card.mc-card--pro {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.04) 0%, rgba(7,16,31,0.12) 38%, rgba(7,16,31,0.62) 68%, rgba(7,16,31,0.93) 100%),
    url("visuals-v2/webp/clean/v2-future-professional-trajectory-night.webp") center 24% / cover no-repeat,
    rgba(7,16,31,0.92) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="day"] body:not(.production-v2) .masterclass .mc-card.mc-card--pro {
  background:
    linear-gradient(180deg, rgba(7,16,31,0.02) 0%, rgba(7,16,31,0.10) 38%, rgba(7,16,31,0.56) 68%, rgba(7,16,31,0.90) 100%),
    url("visuals-v2/webp/clean/v2-future-professional-trajectory-day.webp") center 24% / cover no-repeat,
    rgba(7,16,31,0.92) !important;
}

.cp-carousel,
html[data-theme="night"] .cp-carousel {
  max-width: min(1180px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(18px, 2.4vw, 30px) !important;
  border: 1px solid rgba(216, 178, 122, 0.26) !important;
  border-radius: clamp(24px, 2.6vw, 34px) !important;
  background: rgba(7, 16, 31, 0.84) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

html[data-theme="day"] .cp-carousel {
  background: rgba(255, 252, 246, 0.92) !important;
  border-color: rgba(184, 148, 85, 0.32) !important;
  box-shadow: 0 24px 64px rgba(20, 35, 58, 0.12) !important;
  color: #14233A !important;
}

.cp-carousel .carousel__track {
  gap: 20px !important;
  align-items: stretch;
}

.cp-carousel .carousel__slide {
  flex: 0 0 calc((100% - 20px) / 2) !important;
}

.cp-slide,
html[data-theme="night"] .cp-slide {
  border: 1px solid rgba(216, 178, 122, 0.28) !important;
  background: rgba(7, 16, 31, 0.96) !important;
}

html[data-theme="day"] .cp-slide {
  border-color: rgba(184, 148, 85, 0.28) !important;
  background: rgba(255, 252, 246, 0.96) !important;
  box-shadow: 0 22px 54px rgba(20, 35, 58, 0.12) !important;
}

html[data-theme="day"] .cp-case-header--inline .cp-case-header__name,
html[data-theme="day"] .cp-slide__caption :is(.cp-slide__title, .cp-slide__split-note) {
  color: #14233A !important;
  text-shadow: none !important;
}

html[data-theme="day"] .cp-slide__caption {
  background: rgba(255, 252, 246, 0.92) !important;
  border-color: rgba(184, 148, 85, 0.30) !important;
  box-shadow: 0 18px 44px rgba(20, 35, 58, 0.10) !important;
  backdrop-filter: blur(8px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
}

html[data-theme="day"] .cp-slide__step {
  color: var(--gold-deep, #9B793F) !important;
  text-shadow: none !important;
}

.checkpoint__cta-secondary,
html[data-theme="day"] .checkpoint__cta-secondary,
html[data-theme="night"] .checkpoint__cta-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 0 30px !important;
  border: 1.5px solid rgba(247, 243, 234, 0.74) !important;
  border-bottom: 1.5px solid rgba(247, 243, 234, 0.74) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #F7F3EA !important;
  font-family: var(--sans) !important;
  font-size: clamp(0.78rem, 0.74rem + 0.14vw, 0.92rem) !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 18px rgba(7, 16, 31, 0.55) !important;
  box-shadow: none !important;
}

.checkpoint__cta-secondary:hover,
html[data-theme="day"] .checkpoint__cta-secondary:hover,
html[data-theme="night"] .checkpoint__cta-secondary:hover {
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.94) !important;
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .cp-carousel .carousel__slide {
    flex: 0 0 100% !important;
  }

  body:not(.production-v2) .nav__inner {
    min-height: 60px;
  }

  .route-card > .route-card__note {
    min-height: 0;
  }
}

/* V3.9.52 — Methode apple: photos sans filtre + textes blancs.
   Demande Koffi 2026-05-22 : enlever le voile sur les 5 photos et
   passer les textes Mental Reset / Miroir / Vision / Direction en blanc. */
.method--apple .method-apple__visual,
html[data-theme="day"] .method--apple .method-apple__visual,
.method--apple .method-apple-card__media,
html[data-theme="day"] .method--apple .method-apple-card__media {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
}

.method--apple :is(.method-apple-card--reset, .method-apple-card--mirror, .method-apple-card--vision, .method-apple-card--direction) .method-apple-card__media,
html[data-theme="day"] .method--apple :is(.method-apple-card--reset, .method-apple-card--mirror, .method-apple-card--vision, .method-apple-card--direction) .method-apple-card__media,
html[data-theme="night"] .method--apple :is(.method-apple-card--reset, .method-apple-card--mirror, .method-apple-card--vision, .method-apple-card--direction) .method-apple-card__media {
  filter: none !important;
  opacity: 1 !important;
}

.method--apple .method-apple-card__media::before,
.method--apple .method-apple-card__media::after,
html[data-theme="day"] .method--apple .method-apple-card__media::before,
html[data-theme="day"] .method--apple .method-apple-card__media::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.method--apple .method-apple__visual,
html[data-theme="night"] .method--apple .method-apple__visual {
  background: url("visuals-v2/webp/clean/v2-hero-night-cockpit-human.webp") center / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple__visual {
  background: url("visuals-v2/webp/clean/v2-hero-day-cockpit-human.webp") center / cover no-repeat !important;
}

.method--apple .method-apple-card--reset .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--reset .method-apple-card__media {
  background: url("visuals-v2/future-needs/clean/v2-future-single-plus-size-clarification-day.webp") center / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media {
  background: url("visuals-v2/future-needs/clean/v2-future-single-plus-size-clarification-day.webp") center / cover no-repeat !important;
}

.method--apple .method-apple-card--mirror .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--mirror .method-apple-card__media {
  background: url("visuals-v2/future-needs/clean/v2-future-mirror-profile-night.webp") center / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--mirror .method-apple-card__media {
  background: url("visuals-v2/webp/clean/v2-mirror-lucidity-natural-day.webp") center / cover no-repeat !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media {
  background: url("visuals-v2/future-needs/clean/v2-future-content-creator-night.webp") center 38% / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media {
  background: url("visuals-v2/future-needs/clean/v2-future-content-creator-day.webp") center 38% / cover no-repeat !important;
}

.method--apple .method-apple-card--direction .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--direction .method-apple-card__media {
  background: url("visuals-v2/future-needs/clean/v2-future-entrepreneur-architect-night.webp") center / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--direction .method-apple-card__media {
  background: url("visuals-v2/future-needs/clean/v2-future-athlete-discipline-day.webp") center / cover no-repeat !important;
}

.method--apple .method-apple-card__copy :is(h3, p),
html[data-theme="day"] .method--apple .method-apple-card__copy :is(h3, p),
html[data-theme="night"] .method--apple .method-apple-card__copy :is(h3, p) {
  color: #fffaf0 !important;
  text-shadow: 0 2px 18px rgba(7, 16, 31, 0.72) !important;
}

/* V3.9.53 — Masterclass pro: jeune homme metisse/noir. */
.mc-card--pro,
html[data-theme="day"] .mc-card--pro,
html[data-theme="night"] .mc-card--pro,
body:not(.production-v2) .masterclass .mc-card.mc-card--pro,
html[data-theme="day"] body:not(.production-v2) .masterclass .mc-card.mc-card--pro,
html[data-theme="night"] body:not(.production-v2) .masterclass .mc-card.mc-card--pro {
  --mc-image: url("visuals-v2/future-needs/clean/v2-future-entrepreneur-terrain-night.webp") !important;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.03) 0%, rgba(7,16,31,0.12) 34%, rgba(7,16,31,0.58) 68%, rgba(7,16,31,0.92) 100%),
    url("visuals-v2/future-needs/clean/v2-future-entrepreneur-terrain-night.webp") center 24% / cover no-repeat,
    rgba(7,16,31,0.92) !important;
}

/* V3.9.54 — Media hub: fond sans filtre + titres blancs.
   Demande Koffi 2026-05-22 : enlever le voile du fond d'ecran
   et remplacer les textes bleus par du blanc/creme. */
.media-hub,
html[data-theme="day"] .media-hub,
html[data-theme="night"] .media-hub {
  background: url("visuals-v2/future-needs/clean/v2-future-compass-logbook-day.webp") center center / cover no-repeat scroll !important;
  background-blend-mode: normal !important;
  color: #fffaf0 !important;
}

.media-hub::before,
.media-hub::after,
html[data-theme="day"] .media-hub::before,
html[data-theme="day"] .media-hub::after,
html[data-theme="night"] .media-hub::before,
html[data-theme="night"] .media-hub::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.media-hub__header :is(.eyebrow, .t-h1, .t-lead),
.media-hub__header .t-em,
.media-hub__note,
html[data-theme="day"] .media-hub__header :is(.eyebrow, .t-h1, .t-lead),
html[data-theme="day"] .media-hub__header .t-em,
html[data-theme="day"] .media-hub__note,
html[data-theme="night"] .media-hub__header :is(.eyebrow, .t-h1, .t-lead),
html[data-theme="night"] .media-hub__header .t-em,
html[data-theme="night"] .media-hub__note {
  color: #fffaf0 !important;
  text-shadow: 0 3px 22px rgba(7, 16, 31, 0.78) !important;
}

/* V3.9.55 — Communaute: fond sans filtre + textes blancs.
   Demande Koffi 2026-05-22 : enlever le voile de la mosaique
   et passer l'ecriture bleue en blanc. */
.reseaux,
html[data-theme="day"] .reseaux,
html[data-theme="night"] .reseaux {
  background: transparent !important;
  color: #fffaf0 !important;
}

.reseaux::before,
html[data-theme="day"] .reseaux::before,
html[data-theme="night"] .reseaux::before {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
}

.reseaux::after,
html[data-theme="day"] .reseaux::after,
html[data-theme="night"] .reseaux::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.reseaux :is(.community__eyebrow, .community__title, .community__sub),
html[data-theme="day"] .reseaux :is(.community__eyebrow, .community__title, .community__sub),
html[data-theme="night"] .reseaux :is(.community__eyebrow, .community__title, .community__sub) {
  color: #fffaf0 !important;
  text-shadow: 0 3px 24px rgba(7, 16, 31, 0.82) !important;
}

.reseaux .community__eyebrow,
html[data-theme="day"] .reseaux .community__eyebrow,
html[data-theme="night"] .reseaux .community__eyebrow {
  background: rgba(7, 16, 31, 0.24) !important;
  border-color: rgba(255, 250, 240, 0.44) !important;
}

.reseaux .community-pill,
html[data-theme="day"] .reseaux .community-pill,
html[data-theme="night"] .reseaux .community-pill {
  background: rgba(7, 16, 31, 0.38) !important;
  border-color: rgba(255, 250, 240, 0.40) !important;
  color: #fffaf0 !important;
  box-shadow: 0 12px 34px rgba(7, 16, 31, 0.20) !important;
}

.reseaux .community-pill__icon,
html[data-theme="day"] .reseaux .community-pill__icon,
html[data-theme="night"] .reseaux .community-pill__icon {
  color: #fffaf0 !important;
}

/* V3.9.56 — Hero ribbon: Mental Reset sur une ligne.
   Les quatre libelles sont poses sur la meme ligne de grille. */
.hero__ribbon .hero-move {
  grid-template-columns: 36px minmax(0, 1fr) !important;
  grid-template-rows: auto 2.8em auto !important;
  align-items: start !important;
}

.hero__ribbon .hero-move.is-spotlight {
  transform: none !important;
}

.hero__ribbon .hero-move__icon {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
}

.hero__ribbon .hero-move__step {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.hero__ribbon .hero-move__sub {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-height: 2.65em !important;
  display: flex !important;
  align-items: flex-end !important;
}

.hero__ribbon .hero-move__label,
html[data-theme="day"] .hero__ribbon .hero-move__label,
html[data-theme="night"] .hero__ribbon .hero-move__label {
  grid-column: 2 !important;
  grid-row: 3 !important;
  white-space: nowrap !important;
  font-size: clamp(1rem, 1.38vw, 1.28rem) !important;
  line-height: 1.05 !important;
}

@media (max-width: 720px) {
  .hero__ribbon .hero-move {
    grid-template-columns: 28px minmax(0, 1fr) !important;
  }

  .hero__ribbon .hero-move__sub {
    min-height: 2.55em !important;
  }

  .hero__ribbon .hero-move__label,
  html[data-theme="day"] .hero__ribbon .hero-move__label,
  html[data-theme="night"] .hero__ribbon .hero-move__label {
    font-size: clamp(0.9rem, 3.2vw, 1.02rem) !important;
  }
}

/* V3.9.57 — Aisha etape 01: phrase projet dans le cartouche.
   Le cartouche reste contenu dans la slide meme avec la ligne explicative. */
.cp-carousel--aisha .cp-slide:first-child .cp-slide__caption {
  right: clamp(18px, 2vw, 30px) !important;
  width: auto !important;
  max-width: none !important;
}

.cp-carousel--aisha .cp-slide:first-child .cp-slide__split-note {
  max-width: 58ch !important;
  font-size: clamp(0.78rem, 0.74rem + 0.14vw, 0.9rem) !important;
  line-height: 1.3 !important;
}

/* V3.9.58 — Nav night: toujours bleu nuit.
   Les sections forcees en day ne doivent plus repasser la barre en ivoire. */
html[data-theme="night"] .nav .nav__inner,
html[data-theme="night"] .nav.scrolled .nav__inner,
html[data-theme="night"] .nav.nav--over-light .nav__inner,
html[data-theme="night"] .nav.nav--over-light.scrolled .nav__inner {
  background: rgba(7, 16, 31, 0.9) !important;
  border-color: rgba(216, 178, 122, 0.30) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.26) !important;
  backdrop-filter: blur(22px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
}

html[data-theme="night"] .nav :is(.nav__brand, .nav__brand span, .nav__brand-mark, .nav__links a, .nav__burger span),
html[data-theme="night"] .nav.nav--over-light :is(.nav__brand, .nav__brand span, .nav__brand-mark, .nav__links a, .nav__burger span) {
  color: #fffaf0 !important;
}

html[data-theme="night"] .nav .nav__links a.is-primary,
html[data-theme="night"] .nav.nav--over-light .nav__links a.is-primary {
  color: #d8b27a !important;
}

html[data-theme="night"] .nav .nav__links a.is-primary::after,
html[data-theme="night"] .nav.nav--over-light .nav__links a.is-primary::after {
  background: #d8b27a !important;
}

html[data-theme="night"] .nav .theme-toggle,
html[data-theme="night"] .nav.nav--over-light .theme-toggle {
  background: rgba(7, 16, 31, 0.72) !important;
  border-color: rgba(216, 178, 122, 0.30) !important;
  color: #e7c37f !important;
}

html[data-theme="night"] .nav .btn--ghost,
html[data-theme="night"] .nav.nav--over-light .btn--ghost {
  background: rgba(7, 16, 31, 0.52) !important;
  border-color: rgba(216, 178, 122, 0.32) !important;
  color: #fffaf0 !important;
}

/* V3.9.59 — Communaute: derniere photo femme asiatique jeune. */
.reseaux::before,
html[data-theme="night"] .reseaux::before {
  background-image:
    url("visuals-v2/webp/clean/v2-brochure-personnel-night.webp"),
    url("visuals-v2/webp/clean/v2-brochure-relationnel-night.webp"),
    url("visuals-v2/webp/clean/v2-brochure-professionnel-night.webp"),
    url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-night.webp?v=20260710-founder-cache-v1") !important;
  background-position: 0% 50%, 33.33% 50%, 66.66% 50%, 100% 50% !important;
  background-size: 25% 100%, 25% 100%, 25% 100%, 25% 100% !important;
  background-repeat: no-repeat !important;
}

html[data-theme="day"] .reseaux::before {
  background-image:
    url("visuals-v2/webp/clean/v2-brochure-personnel-day.webp"),
    url("visuals-v2/webp/clean/v2-brochure-relationnel-day.webp"),
    url("visuals-v2/webp/clean/v2-brochure-professionnel-day.webp"),
    url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-day.webp?v=20260710-founder-cache-v1") !important;
  background-position: 0% 50%, 33.33% 50%, 66.66% 50%, 100% 50% !important;
  background-size: 25% 100%, 25% 100%, 25% 100%, 25% 100% !important;
  background-repeat: no-repeat !important;
}

/* V3.9.60 — Methode apple: Mental Reset homme africain jeune. */
.method--apple .method-apple-card--reset .method-apple-card__media,
html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--reset .method-apple-card__media {
  background: url("visuals-v2/future-needs/clean/v2-future-entrepreneur-terrain-night.webp") center 32% / cover no-repeat !important;
}

/* V3.9.61 — Nav night: surcharge specifique non-production.
   Certaines pages sans classe production-v2 avaient une nav bleu nuit trop transparente. */
html[data-theme="night"] body:not(.production-v2) .nav .nav__inner,
html[data-theme="night"] body:not(.production-v2) .nav.scrolled .nav__inner,
html[data-theme="night"] body:not(.production-v2) .nav.nav--over-light .nav__inner,
html[data-theme="night"] body:not(.production-v2) .nav.nav--over-light.scrolled .nav__inner {
  background: rgba(7, 16, 31, 0.90) !important;
  border-color: rgba(216, 178, 122, 0.30) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.26) !important;
}

/* V3.9.62 — Regle photo unique.
   Une meme photo ne doit pas servir deux emplacements distincts du site.
   Les variantes jour/nuit sont egalement traitees comme des affectations
   distinctes : si une section a besoin d'une image, elle recoit son asset. */

/* Constat : carte Resultat masculine + sous-titre force sur une ligne. */
.constat-truths__media[data-slot="ambition"],
html[data-theme="night"] .constat-truths__media[data-slot="ambition"] {
  background-image:
    linear-gradient(180deg, rgba(7, 16, 31, 0.08) 0%, rgba(7, 16, 31, 0.55) 100%),
    url("visuals-v2/webp/clean/v2-future-personal-leadership-athlete-night.webp") !important;
  background-position: center 34% !important;
}

html[data-theme="day"] .constat-truths__media[data-slot="ambition"] {
  background-image:
    linear-gradient(180deg, rgba(255, 252, 246, 0) 0%, rgba(20, 35, 58, 0.24) 100%),
    url("visuals-v2/webp/clean/v2-future-personal-leadership-athlete-day.webp") !important;
  background-position: center 34% !important;
}

.constat-truths__media[data-slot="trajectoire"],
html[data-theme="night"] .constat-truths__media[data-slot="trajectoire"] {
  background-image:
    linear-gradient(180deg, rgba(7, 16, 31, 0.08) 0%, rgba(7, 16, 31, 0.55) 100%),
    url("visuals-v2/webp/clean/v2-testimonial-01-night.webp") !important;
  background-position: center 36% !important;
}

html[data-theme="day"] .constat-truths__media[data-slot="trajectoire"] {
  background-image:
    linear-gradient(180deg, rgba(255, 252, 246, 0) 0%, rgba(20, 35, 58, 0.24) 100%),
    url("visuals-v2/future-needs/clean/v2-future-artisan-day.webp") !important;
  background-position: center 35% !important;
}

.constat-truths__subtitle--one-line {
  white-space: nowrap !important;
  min-height: 1.35em !important;
  font-size: clamp(0.95rem, 0.86rem + 0.28vw, 1.16rem) !important;
}

@media (max-width: 760px) {
  .constat-truths__subtitle--one-line {
    white-space: normal !important;
  }
}

/* Methodologie : profils jeunes en night, sans recyclage d'autres sections. */
.method--apple .method-apple-card--reset .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--reset .method-apple-card__media {
  background: url("visuals-v2/webp/clean/v2-trajectory-misalignment-desk-night.webp") center 38% / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media {
  background: url("visuals-v2/webp/clean/v2-trajectory-misalignment-desk-day.webp") center 38% / cover no-repeat !important;
}

.method--apple .method-apple-card--mirror .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--mirror .method-apple-card__media {
  background: url("visuals-v2/webp/clean/v2-mirror-lucidity-natural-night.webp") center 42% / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--mirror .method-apple-card__media {
  background: url("visuals-v2/webp/clean/v2-mirror-lucidity-natural-day.webp") center 42% / cover no-repeat !important;
}

.method--apple .method-apple-card--direction .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--direction .method-apple-card__media {
  background: url("visuals-v2/future-needs/clean/v2-future-entrepreneur-architect-night.webp") center 42% / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--direction .method-apple-card__media {
  background: url("visuals-v2/future-needs/clean/v2-future-athlete-discipline-day.webp") center 38% / cover no-repeat !important;
}

/* Masterclass home : le visuel Leadership Personnel ne reprend plus Vision. */
.mc-card--personnel,
html[data-theme="night"] .mc-card--personnel,
body:not(.production-v2) .masterclass .mc-card.mc-card--personnel,
html[data-theme="night"] body:not(.production-v2) .masterclass .mc-card.mc-card--personnel {
  --mc-image: url("visuals-v2/webp/clean/v2-testimonial-02-night.webp") !important;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.03) 0%, rgba(7,16,31,0.12) 34%, rgba(7,16,31,0.58) 68%, rgba(7,16,31,0.92) 100%),
    url("visuals-v2/webp/clean/v2-testimonial-02-night.webp") center 38% / cover no-repeat,
    rgba(7,16,31,0.92) !important;
}

html[data-theme="day"] .mc-card--personnel,
html[data-theme="day"] body:not(.production-v2) .masterclass .mc-card.mc-card--personnel {
  --mc-image: url("visuals-v2/webp/clean/v2-testimonial-02-day.webp") !important;
  background:
    linear-gradient(180deg, rgba(7,16,31,0.03) 0%, rgba(7,16,31,0.12) 34%, rgba(7,16,31,0.58) 68%, rgba(7,16,31,0.92) 100%),
    url("visuals-v2/webp/clean/v2-testimonial-02-day.webp") center 38% / cover no-repeat,
    rgba(7,16,31,0.92) !important;
}

/* Recovery / route / media : de-recyclage des photos reperees par audit. */
.recovery-card__photo[data-slot="raystore"],
html[data-theme="night"] .recovery-card__photo[data-slot="raystore"] {
  background-image:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02), rgba(7, 16, 31, 0.20)),
    url("visuals-v2/webp/clean/v2-logbook-mockup-night.webp") !important;
}

html[data-theme="day"] .recovery-card__photo[data-slot="raystore"] {
  background-image:
    linear-gradient(180deg, rgba(255, 252, 246, 0), rgba(20, 35, 58, 0.10)),
    url("visuals-v2/webp/clean/v2-logbook-mockup-day.webp") !important;
}

.recovery-card__photo[data-slot="momentum"],
html[data-theme="night"] .recovery-card__photo[data-slot="momentum"] {
  background-image:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02), rgba(7, 16, 31, 0.20)),
    url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-night.webp?v=20260710-founder-cache-v1") !important;
}

html[data-theme="day"] .recovery-card__photo[data-slot="momentum"] {
  background-image:
    linear-gradient(180deg, rgba(255, 252, 246, 0), rgba(20, 35, 58, 0.10)),
    url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-day.webp?v=20260710-founder-cache-v1") !important;
}

.route-card__media[data-slot="recovery"],
html[data-theme="night"] .route-card__media[data-slot="recovery"] {
  background-image:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02), rgba(7, 16, 31, 0.18)),
    url("visuals-v2/future-needs/clean/v2-future-mature-mentor-night.webp") !important;
}

html[data-theme="day"] .route-card__media[data-slot="recovery"] {
  background-image:
    linear-gradient(180deg, rgba(255, 252, 246, 0), rgba(20, 35, 58, 0.08)),
    url("visuals-v2/future-needs/clean/v2-future-mature-executive-day.webp") !important;
}

.media-card__poster--founder,
html[data-theme="night"] .media-card__poster--founder {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.18) 0%, rgba(7, 16, 31, 0.62) 60%, rgba(7, 16, 31, 0.94) 100%),
    url("visuals-v2/webp/clean/v2-founder-authority-night.webp?v=20260710-founder-cache-v1") !important;
}

html[data-theme="day"] .media-card__poster--founder {
  background-image:
    linear-gradient(170deg, rgba(255, 252, 246, 0.02) 0%, rgba(20, 35, 58, 0.22) 58%, rgba(20, 35, 58, 0.44) 100%),
    url("visuals-v2/webp/clean/v2-founder-authority-day.webp?v=20260710-founder-cache-v1") !important;
}

.media-card__poster--formations,
html[data-theme="night"] .media-card__poster--formations {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.18) 0%, rgba(7, 16, 31, 0.62) 60%, rgba(7, 16, 31, 0.94) 100%),
    url("visuals-v2/webp/clean/v2-brochure-relationnel-night.webp") !important;
}

html[data-theme="day"] .media-card__poster--formations {
  background-image:
    linear-gradient(170deg, rgba(255, 252, 246, 0.02) 0%, rgba(20, 35, 58, 0.22) 58%, rgba(20, 35, 58, 0.44) 100%),
    url("visuals-v2/webp/clean/v2-brochure-relationnel-day.webp") !important;
}

.media-card__poster--checkpoint,
html[data-theme="night"] .media-card__poster--checkpoint {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.18) 0%, rgba(7, 16, 31, 0.62) 60%, rgba(7, 16, 31, 0.94) 100%),
    url("visuals-v2/webp/clean/v2-checkpoint-video-call-premium-night.webp") !important;
}

html[data-theme="day"] .media-card__poster--checkpoint {
  background-image:
    linear-gradient(170deg, rgba(255, 252, 246, 0.02) 0%, rgba(20, 35, 58, 0.22) 58%, rgba(20, 35, 58, 0.44) 100%),
    url("visuals-v2/webp/clean/v2-checkpoint-video-call-premium-day.webp") !important;
}

.media-card__poster--temoignage,
html[data-theme="night"] .media-card__poster--temoignage {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.18) 0%, rgba(7, 16, 31, 0.62) 60%, rgba(7, 16, 31, 0.94) 100%),
    url("visuals-v2/webp/clean/v2-testimonial-03-night.webp") !important;
}

html[data-theme="day"] .media-card__poster--temoignage {
  background-image:
    linear-gradient(170deg, rgba(255, 252, 246, 0.02) 0%, rgba(20, 35, 58, 0.22) 58%, rgba(20, 35, 58, 0.44) 100%),
    url("visuals-v2/webp/clean/v2-testimonial-03-day.webp") !important;
}

.reseaux::before,
html[data-theme="night"] .reseaux::before {
  background-image:
    url("visuals-v2/webp/clean/v2-testimonial-04-night.webp"),
    url("visuals-v2/webp/clean/v2-future-couple-alignment-night.webp"),
    url("visuals-v2/webp/clean/v2-brochure-professionnel-night.webp"),
    url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-night.webp?v=20260710-founder-cache-v1") !important;
}

html[data-theme="day"] .reseaux::before {
  background-image:
    url("visuals-v2/webp/clean/v2-testimonial-04-day.webp"),
    url("visuals-v2/webp/clean/v2-future-couple-alignment-day.webp"),
    url("visuals-v2/webp/clean/v2-brochure-professionnel-day.webp"),
    url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-day.webp?v=20260710-founder-cache-v1") !important;
}

/* V3.9.63 — Photo unique + nouveaux visuels home.
   Regle de production : une photo visible = un seul emplacement visible,
   y compris entre les variantes jour et nuit. */
.hero--apple .hero__bg,
.hero--trajectoire .hero__bg,
.hero__bg {
  background: url("../img/hero-night-cockpit-sunset.png?v=20260522-home-hero") center / cover no-repeat !important;
  filter: none !important;
}

html[data-theme="day"] .hero--apple .hero__bg,
html[data-theme="day"] .hero--trajectoire .hero__bg,
html[data-theme="day"] .hero__bg {
  background: url("../img/hero-day.png?v=20260522-home-hero") center / cover no-repeat !important;
  filter: none !important;
}

@media (max-width: 720px) {
  .hero--apple .hero__bg,
  .hero--trajectoire .hero__bg,
  .hero__bg {
    background: url("../img/hero-night-cockpit-sunset.png?v=20260522-home-hero") center / cover no-repeat !important;
  }

  html[data-theme="day"] .hero--apple .hero__bg,
  html[data-theme="day"] .hero--trajectoire .hero__bg,
  html[data-theme="day"] .hero__bg {
    background: url("../img/hero-day.png?v=20260522-home-hero") center / cover no-repeat !important;
  }
}

.hero--apple .hero__bg::before,
.hero--apple .hero__bg::after,
.hero--trajectoire .hero__bg::before,
.hero--trajectoire .hero__bg::after,
.hero__bg::before,
.hero__bg::after {
  display: none !important;
  content: none !important;
}

.constat__bg,
html[data-theme="night"] .constat__bg {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.74), rgba(7, 16, 31, 0.88)),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-night.webp") center / cover no-repeat !important;
}

html[data-theme="day"] .constat__bg {
  background:
    linear-gradient(180deg, rgba(255, 252, 246, 0.70), rgba(255, 252, 246, 0.84)),
    url("visuals-v2/webp/clean/v2-before-after-trajectory-horizon-day.webp") center / cover no-repeat !important;
}

.media-card__poster--checkpoint,
html[data-theme="night"] .media-card__poster--checkpoint {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.18) 0%, rgba(7, 16, 31, 0.62) 60%, rgba(7, 16, 31, 0.94) 100%),
    url("visuals-v2/webp/clean/v2-checkpoint-audit-table-logbook-night.webp") !important;
}

html[data-theme="day"] .media-card__poster--checkpoint {
  background-image:
    linear-gradient(170deg, rgba(255, 252, 246, 0.02) 0%, rgba(20, 35, 58, 0.22) 58%, rgba(20, 35, 58, 0.44) 100%),
    url("visuals-v2/webp/clean/v2-checkpoint-audit-table-logbook-day.webp") !important;
}

.constat-truths__subtitle--one-line {
  display: inline-block !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  min-height: 1.25em !important;
  font-size: clamp(0.82rem, 0.74rem + 0.42vw, 1.08rem) !important;
  line-height: 1.18 !important;
}

@media (max-width: 760px) {
  .constat-truths__subtitle--one-line {
    white-space: nowrap !important;
    font-size: clamp(0.68rem, 3.15vw, 0.9rem) !important;
  }
}

/* V3.9.64 — Communaute: pills reseaux moins transparentes + hover theme.
   Nuit : fond bleu nuit. Jour : fond dore. */
.reseaux .community-pill,
html[data-theme="night"] .reseaux .community-pill {
  background: rgba(7, 16, 31, 0.78) !important;
  background-color: rgba(7, 16, 31, 0.78) !important;
  background-image: none !important;
  border-color: rgba(255, 250, 240, 0.58) !important;
  color: #fffaf0 !important;
  box-shadow: 0 16px 40px rgba(7, 16, 31, 0.34) !important;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease !important;
}

html[data-theme="day"] .reseaux .community-pill {
  background: rgba(255, 250, 240, 0.88) !important;
  background-color: rgba(255, 250, 240, 0.88) !important;
  background-image: none !important;
  border-color: rgba(216, 178, 122, 0.64) !important;
  color: #07101f !important;
  box-shadow: 0 16px 40px rgba(120, 90, 42, 0.16) !important;
}

.reseaux .community-pill:hover,
.reseaux .community-pill:focus-visible,
html[data-theme="night"] .reseaux .community-pill:hover,
html[data-theme="night"] .reseaux .community-pill:focus-visible {
  background: rgba(7, 16, 31, 0.96) !important;
  background-color: rgba(7, 16, 31, 0.96) !important;
  background-image: none !important;
  border-color: rgba(216, 178, 122, 0.78) !important;
  color: #fffaf0 !important;
  box-shadow: 0 18px 46px rgba(7, 16, 31, 0.48) !important;
  transform: translateY(-2px) !important;
}

html[data-theme="day"] .reseaux .community-pill:hover,
html[data-theme="day"] .reseaux .community-pill:focus-visible {
  background: rgba(191, 155, 82, 0.96) !important;
  background-color: rgba(191, 155, 82, 0.96) !important;
  background-image: none !important;
  border-color: rgba(255, 250, 240, 0.84) !important;
  color: #07101f !important;
  box-shadow: 0 18px 46px rgba(120, 90, 42, 0.28) !important;
  transform: translateY(-2px) !important;
}

.reseaux .community-pill__icon,
html[data-theme="night"] .reseaux .community-pill__icon {
  color: #fffaf0 !important;
}

html[data-theme="day"] .reseaux .community-pill__icon {
  color: currentColor !important;
}

/* V3.9.65 — Home dynamique: interactions visuelles differenciantes.
   Ajout sobre: entrees sequencees, halo pointeur et focus plus net sans
   toucher aux contenus ni aux visuels deja valides. */
.home-dynamics .constat-panel.home-reveal-target,
.home-dynamics .founder-card.home-reveal-target,
.home-dynamics .method-apple__hero-card.home-reveal-target,
.home-dynamics .checkpoint__header.home-reveal-target,
.home-dynamics .cp-carousel.home-reveal-target,
.home-dynamics .recovery .method__header.home-reveal-target,
.home-dynamics .media-hub__header.home-reveal-target,
.home-dynamics .community.home-reveal-target,
.home-dynamics .endcta__inner.home-reveal-target {
  opacity: 0.001;
  transform: translateY(22px);
  transition: opacity 760ms ease, transform 760ms ease, filter 760ms ease;
  filter: saturate(0.94);
}

.home-dynamics .constat-panel.home-reveal-target.is-inview,
.home-dynamics .founder-card.home-reveal-target.is-inview,
.home-dynamics .method-apple__hero-card.home-reveal-target.is-inview,
.home-dynamics .checkpoint__header.home-reveal-target.is-inview,
.home-dynamics .cp-carousel.home-reveal-target.is-inview,
.home-dynamics .recovery .method__header.home-reveal-target.is-inview,
.home-dynamics .media-hub__header.home-reveal-target.is-inview,
.home-dynamics .community.home-reveal-target.is-inview,
.home-dynamics .endcta__inner.home-reveal-target.is-inview {
  opacity: 1;
  transform: translateY(0);
  filter: saturate(1);
}

.home-dynamics .constat-truths > article,
.home-dynamics .method-apple__cards > .method-apple-card,
.home-dynamics .route-grid > .route-card,
.home-dynamics .mc-grid > .mc-card,
.home-dynamics .recovery-grid > .recovery-card,
.home-dynamics .media-hub__grid > .media-card,
.home-dynamics .community__links > .community-pill {
  opacity: 0.001;
  transform: translateY(26px);
  transition:
    opacity 720ms ease,
    transform 720ms ease,
    box-shadow 240ms ease,
    border-color 240ms ease,
    background-color 240ms ease,
    color 240ms ease;
  transition-delay: calc(var(--home-stagger, 0) * 70ms);
  will-change: opacity, transform;
}

.home-dynamics .constat-truths.is-inview > article,
.home-dynamics .method-apple__cards.is-inview > .method-apple-card,
.home-dynamics .route-grid.is-inview > .route-card,
.home-dynamics .mc-grid.is-inview > .mc-card,
.home-dynamics .recovery-grid.is-inview > .recovery-card,
.home-dynamics .media-hub__grid.is-inview > .media-card,
.home-dynamics .community__links.is-inview > .community-pill {
  opacity: 1;
  transform: translateY(0);
}

.home-dynamics .constat-truths > article:nth-child(1),
.home-dynamics .method-apple__cards > .method-apple-card:nth-child(1),
.home-dynamics .route-grid > .route-card:nth-child(1),
.home-dynamics .mc-grid > .mc-card:nth-child(1),
.home-dynamics .recovery-grid > .recovery-card:nth-child(1),
.home-dynamics .media-hub__grid > .media-card:nth-child(1),
.home-dynamics .community__links > .community-pill:nth-child(1) { --home-stagger: 0; }

.home-dynamics .constat-truths > article:nth-child(2),
.home-dynamics .method-apple__cards > .method-apple-card:nth-child(2),
.home-dynamics .route-grid > .route-card:nth-child(2),
.home-dynamics .mc-grid > .mc-card:nth-child(2),
.home-dynamics .recovery-grid > .recovery-card:nth-child(2),
.home-dynamics .media-hub__grid > .media-card:nth-child(2),
.home-dynamics .community__links > .community-pill:nth-child(2) { --home-stagger: 1; }

.home-dynamics .constat-truths > article:nth-child(3),
.home-dynamics .method-apple__cards > .method-apple-card:nth-child(3),
.home-dynamics .route-grid > .route-card:nth-child(3),
.home-dynamics .mc-grid > .mc-card:nth-child(3),
.home-dynamics .recovery-grid > .recovery-card:nth-child(3),
.home-dynamics .media-hub__grid > .media-card:nth-child(3),
.home-dynamics .community__links > .community-pill:nth-child(3) { --home-stagger: 2; }

.home-dynamics .method-apple__cards > .method-apple-card:nth-child(4),
.home-dynamics .route-grid > .route-card:nth-child(4),
.home-dynamics .media-hub__grid > .media-card:nth-child(4),
.home-dynamics .community__links > .community-pill:nth-child(4) { --home-stagger: 3; }

.home-dynamics .constat-truths article,
.home-dynamics .method-apple-card,
.home-dynamics .route-card,
.home-dynamics .mc-card,
.home-dynamics .recovery-card,
.home-dynamics .media-card,
.home-dynamics .community-pill {
  --home-x: 50%;
  --home-y: 50%;
  --home-tilt-x: 0deg;
  --home-tilt-y: 0deg;
}

.home-dynamics .constat-truths article.is-interacting,
.home-dynamics .method-apple-card.is-interacting,
.home-dynamics .route-card.is-interacting,
.home-dynamics .route-card.is-home-active,
.home-dynamics .mc-card.is-interacting,
.home-dynamics .recovery-card.is-interacting,
.home-dynamics .media-card.is-interacting {
  transform:
    translateY(-4px)
    perspective(900px)
    rotateX(var(--home-tilt-x))
    rotateY(var(--home-tilt-y)) !important;
  border-color: rgba(216, 178, 122, 0.72) !important;
  box-shadow:
    0 28px 80px rgba(7, 16, 31, 0.30),
    inset 0 0 0 1px rgba(255, 250, 240, 0.08) !important;
}

html[data-theme="day"] .home-dynamics .constat-truths article.is-interacting,
html[data-theme="day"] .home-dynamics .method-apple-card.is-interacting,
html[data-theme="day"] .home-dynamics .route-card.is-interacting,
html[data-theme="day"] .home-dynamics .route-card.is-home-active,
html[data-theme="day"] .home-dynamics .mc-card.is-interacting,
html[data-theme="day"] .home-dynamics .recovery-card.is-interacting,
html[data-theme="day"] .home-dynamics .media-card.is-interacting {
  box-shadow:
    0 30px 86px rgba(120, 90, 42, 0.18),
    inset 0 0 0 1px rgba(255, 250, 240, 0.54) !important;
}

.home-dynamics .route-card__media,
.home-dynamics .recovery-card__photo,
.home-dynamics .media-card__poster {
  transition: transform 420ms ease, filter 420ms ease;
  transform-origin: center;
}

.home-dynamics .route-card.is-interacting .route-card__media,
.home-dynamics .route-card.is-home-active .route-card__media,
.home-dynamics .recovery-card.is-interacting .recovery-card__photo,
.home-dynamics .media-card.is-interacting .media-card__poster {
  transform: scale(1.035);
  filter: saturate(1.08) contrast(1.03);
}

.home-dynamics .route-card.is-home-active .route-card__cta,
.home-dynamics .route-card.is-interacting .route-card__cta {
  background: rgba(216, 178, 122, 0.94) !important;
  border-color: rgba(255, 250, 240, 0.68) !important;
  color: #07101f !important;
}

html[data-theme="night"] .home-dynamics .checkpoint.checkpoint--is-reading .cp-carousel {
  box-shadow:
    0 28px 90px rgba(0, 0, 0, 0.36),
    0 0 0 1px rgba(216, 178, 122, 0.18) !important;
}

html[data-theme="day"] .home-dynamics .checkpoint.checkpoint--is-reading .cp-carousel {
  box-shadow:
    0 28px 90px rgba(120, 90, 42, 0.18),
    0 0 0 1px rgba(216, 178, 122, 0.28) !important;
}

.home-dynamics .community-pill.is-interacting,
html[data-theme="night"] .home-dynamics .community-pill.is-interacting {
  background: rgba(7, 16, 31, 0.98) !important;
  background-color: rgba(7, 16, 31, 0.98) !important;
  border-color: rgba(216, 178, 122, 0.84) !important;
  color: #fffaf0 !important;
  transform:
    translateY(-3px)
    perspective(900px)
    rotateX(var(--home-tilt-x))
    rotateY(var(--home-tilt-y)) !important;
}

html[data-theme="day"] .home-dynamics .community-pill.is-interacting {
  background: rgba(191, 155, 82, 0.98) !important;
  background-color: rgba(191, 155, 82, 0.98) !important;
  border-color: rgba(255, 250, 240, 0.88) !important;
  color: #07101f !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-dynamics .home-reveal-target,
  .home-dynamics .constat-truths > article,
  .home-dynamics .method-apple__cards > .method-apple-card,
  .home-dynamics .route-grid > .route-card,
  .home-dynamics .mc-grid > .mc-card,
  .home-dynamics .recovery-grid > .recovery-card,
  .home-dynamics .media-hub__grid > .media-card,
  .home-dynamics .community__links > .community-pill {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* V3.9.66 — Communaute: derniere vignette = jeune femme asiatique.
   Surcharge finale placee apres les anciennes regles de mosaique. */
.reseaux::before,
html[data-theme="night"] .reseaux::before {
  background-image:
    url("visuals-v2/webp/clean/v2-testimonial-04-night.webp"),
    url("visuals-v2/webp/clean/v2-future-couple-alignment-night.webp"),
    url("visuals-v2/webp/clean/v2-brochure-professionnel-night.webp"),
    url("visuals-v2/webp/clean/v2-future-professional-trajectory-day.webp") !important;
  background-position: 0% 50%, 33.33% 50%, 66.66% 50%, 100% 50% !important;
  background-size: 25% 100%, 25% 100%, 25% 100%, 25% 100% !important;
  background-repeat: no-repeat !important;
}

html[data-theme="day"] .reseaux::before {
  background-image:
    url("visuals-v2/webp/clean/v2-testimonial-04-day.webp"),
    url("visuals-v2/webp/clean/v2-future-couple-alignment-day.webp"),
    url("visuals-v2/webp/clean/v2-brochure-professionnel-day.webp"),
    url("visuals-v2/webp/clean/v2-future-professional-trajectory-day.webp") !important;
  background-position: 0% 50%, 33.33% 50%, 66.66% 50%, 100% 50% !important;
  background-size: 25% 100%, 25% 100%, 25% 100%, 25% 100% !important;
  background-repeat: no-repeat !important;
}

/* V3.9.67 — Home PDF corrections 2026-05-24.
   Priorite: Home, lisibilite premium, vrais boutons, fonds photo moins voiles. */
.hero--apple .hero__shell {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  min-height: 100svh !important;
  padding-top: clamp(152px, 17vh, 198px) !important;
}

.hero--apple .hero__copy {
  margin-top: 0 !important;
  max-width: min(760px, 92vw) !important;
}

.masterclass__intro {
  max-width: 72ch;
  margin: clamp(18px, 2vw, 26px) auto 0;
  color: rgba(247, 243, 234, 0.82);
  font-family: var(--sans);
  font-size: clamp(1rem, 0.92rem + 0.26vw, 1.14rem);
  line-height: 1.7;
  text-align: center;
}

html[data-theme="day"] .masterclass__intro {
  color: rgba(20, 35, 58, 0.74);
}

.entry-router,
html[data-theme="day"] .entry-router,
html[data-theme="night"] .entry-router {
  color: #fffaf0 !important;
}

.entry-router__bg,
html[data-theme="day"] .entry-router__bg,
html[data-theme="night"] .entry-router__bg {
  opacity: 1 !important;
  filter: none !important;
  background:
    linear-gradient(90deg, rgba(7, 16, 31, 0.28), rgba(7, 16, 31, 0.18)),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center / cover no-repeat !important;
}

.entry-router__head :is(.eyebrow, .t-h1),
html[data-theme="day"] .entry-router__head :is(.eyebrow, .t-h1),
html[data-theme="night"] .entry-router__head :is(.eyebrow, .t-h1) {
  color: #fffaf0 !important;
  text-shadow: 0 3px 26px rgba(7, 16, 31, 0.74) !important;
}

.entry-router__head .t-em,
html[data-theme="day"] .entry-router__head .t-em,
html[data-theme="night"] .entry-router__head .t-em {
  color: var(--gold-light, #D8B27A) !important;
}

.route-card__media[data-slot],
html[data-theme="day"] .route-card__media[data-slot],
html[data-theme="night"] .route-card__media[data-slot] {
  filter: none !important;
}

.route-card__media[data-slot]::before,
.route-card__media[data-slot]::after,
html[data-theme="day"] .route-card__media[data-slot]::before,
html[data-theme="day"] .route-card__media[data-slot]::after,
html[data-theme="night"] .route-card__media[data-slot]::before,
html[data-theme="night"] .route-card__media[data-slot]::after {
  opacity: 0 !important;
  background: transparent !important;
}

.route-card__cta,
.route-card .route-card__cta,
html[data-theme="day"] .route-card__cta,
html[data-theme="night"] .route-card__cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 42px;
  margin-top: auto !important;
  padding: 0.72rem 1.15rem !important;
  border: 1px solid rgba(216, 178, 122, 0.48) !important;
  border-radius: 999px !important;
  background: rgba(7, 16, 31, 0.58) !important;
  color: #fffaf0 !important;
  font-family: var(--sans);
  font-size: 0.78rem;
  font-style: normal !important;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 16px 34px rgba(7, 16, 31, 0.22);
}

html[data-theme="day"] .route-card__cta {
  background: rgba(255, 250, 240, 0.88) !important;
  border-color: rgba(184, 148, 85, 0.44) !important;
  color: #14233A !important;
  box-shadow: 0 16px 34px rgba(120, 90, 42, 0.12);
}

.media-hub,
html[data-theme="day"] .media-hub,
html[data-theme="night"] .media-hub {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.06), rgba(7, 16, 31, 0.22)),
    url("visuals-v2/future-needs/clean/v2-future-boat-horizon-day.webp") center / cover no-repeat fixed !important;
  color: #fffaf0 !important;
}

.media-hub__header :is(.eyebrow, .t-h1, .t-lead),
.media-hub__header .t-em,
.media-hub__note,
html[data-theme="day"] .media-hub__header :is(.eyebrow, .t-h1, .t-lead),
html[data-theme="day"] .media-hub__header .t-em,
html[data-theme="day"] .media-hub__note,
html[data-theme="night"] .media-hub__header :is(.eyebrow, .t-h1, .t-lead),
html[data-theme="night"] .media-hub__header .t-em,
html[data-theme="night"] .media-hub__note {
  color: #fffaf0 !important;
  text-shadow: 0 3px 24px rgba(7, 16, 31, 0.82) !important;
}

.recovery__header .offer-kicker,
html[data-theme="day"] .recovery__header .offer-kicker,
html[data-theme="night"] .recovery__header .offer-kicker {
  color: var(--gold, #BF9B52) !important;
}

/* V3.9.68 — Home PDF image pass.
   Branche les nouveaux visuels generes et garde la regle: une photo = un emplacement. */
.method--apple .method-apple-card__media,
html[data-theme="day"] .method--apple .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card__media {
  filter: none !important;
  opacity: 1 !important;
  background-blend-mode: normal !important;
}

.method--apple .method-apple-card__media::before,
.method--apple .method-apple-card__media::after,
html[data-theme="day"] .method--apple .method-apple-card__media::before,
html[data-theme="day"] .method--apple .method-apple-card__media::after,
html[data-theme="night"] .method--apple .method-apple-card__media::before,
html[data-theme="night"] .method--apple .method-apple-card__media::after {
  display: none !important;
  content: none !important;
}

.method--apple .method-apple-card--reset .method-apple-card__media,
html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--reset .method-apple-card__media {
  background: url("visuals-v2/home-pdf/home-method-reset-african-man.webp") center 28% / cover no-repeat !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media {
  background: url("visuals-v2/home-pdf/home-method-vision-redhair.webp") center 30% / cover no-repeat !important;
}

.method--apple .method-apple-card__copy :is(h3, p),
html[data-theme="day"] .method--apple .method-apple-card__copy :is(h3, p),
html[data-theme="night"] .method--apple .method-apple-card__copy :is(h3, p) {
  color: #fffaf0 !important;
  text-shadow: 0 3px 22px rgba(7, 16, 31, 0.84) !important;
}

.route-card__media[data-slot="decouverte"],
html[data-theme="day"] .route-card__media[data-slot="decouverte"],
html[data-theme="night"] .route-card__media[data-slot="decouverte"] {
  background: url("visuals-v2/home-pdf/home-route-decouverte-video-hr.webp") center 40% / cover no-repeat !important;
}

.route-card__media[data-slot="masterclass"],
html[data-theme="day"] .route-card__media[data-slot="masterclass"],
html[data-theme="night"] .route-card__media[data-slot="masterclass"] {
  background: url("visuals-v2/home-pdf/home-route-masterclass-training.webp") center 36% / cover no-repeat !important;
}

.route-card__media[data-slot="checkpoint"],
html[data-theme="day"] .route-card__media[data-slot="checkpoint"],
html[data-theme="night"] .route-card__media[data-slot="checkpoint"] {
  background: url("visuals-v2/home-pdf/home-route-checkpoint-african-presenter.webp") center 42% / cover no-repeat !important;
}

.route-card__media[data-slot="recovery"],
html[data-theme="day"] .route-card__media[data-slot="recovery"],
html[data-theme="night"] .route-card__media[data-slot="recovery"] {
  background: url("visuals-v2/home-pdf/home-route-recovery-redhair-beauty.webp") center 38% / cover no-repeat !important;
}

.entry-router__bg,
html[data-theme="day"] .entry-router__bg,
html[data-theme="night"] .entry-router__bg {
  background:
    linear-gradient(90deg, rgba(7, 16, 31, 0.18), rgba(7, 16, 31, 0.08)),
    url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center / cover no-repeat !important;
}

.mc-card--personnel,
html[data-theme="day"] .mc-card--personnel,
html[data-theme="night"] .mc-card--personnel,
body:not(.production-v2) .masterclass .mc-card.mc-card--personnel {
  --mc-image: url("visuals-v2/home-pdf/home-masterclass-personnel-asian-airport.webp") !important;
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02) 0%, rgba(7, 16, 31, 0.14) 35%, rgba(7, 16, 31, 0.60) 70%, rgba(7, 16, 31, 0.94) 100%),
    url("visuals-v2/home-pdf/home-masterclass-personnel-asian-airport.webp") center 26% / cover no-repeat,
    #07101f !important;
}

.mc-card--relationnel,
html[data-theme="day"] .mc-card--relationnel,
html[data-theme="night"] .mc-card--relationnel,
body:not(.production-v2) .masterclass .mc-card.mc-card--relationnel {
  --mc-image: url("visuals-v2/home-pdf/home-masterclass-relationnel-beach-couple.webp") !important;
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02) 0%, rgba(7, 16, 31, 0.12) 35%, rgba(7, 16, 31, 0.52) 68%, rgba(7, 16, 31, 0.92) 100%),
    url("visuals-v2/home-pdf/home-masterclass-relationnel-beach-couple.webp") center 22% / cover no-repeat,
    #07101f !important;
}

.mc-card--pro,
html[data-theme="day"] .mc-card--pro,
html[data-theme="night"] .mc-card--pro,
body:not(.production-v2) .masterclass .mc-card.mc-card--pro {
  --mc-image: url("visuals-v2/home-pdf/home-masterclass-professionnel-indian-stylist.webp") !important;
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02) 0%, rgba(7, 16, 31, 0.15) 36%, rgba(7, 16, 31, 0.58) 70%, rgba(7, 16, 31, 0.94) 100%),
    url("visuals-v2/home-pdf/home-masterclass-professionnel-indian-stylist.webp") center 24% / cover no-repeat,
    #07101f !important;
}

.recovery-card__photo[data-slot="raystore"],
html[data-theme="day"] .recovery-card__photo[data-slot="raystore"],
html[data-theme="night"] .recovery-card__photo[data-slot="raystore"] {
  background: url("visuals-v2/home-pdf/home-recovery-raystore-coaching.webp") center 44% / cover no-repeat !important;
}

.media-hub,
html[data-theme="day"] .media-hub,
html[data-theme="night"] .media-hub {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.08), rgba(7, 16, 31, 0.16)),
    url("visuals-v2/home-pdf/home-media-boat-horizon.webp") center / cover no-repeat fixed !important;
}

.media-card__poster--checkpoint,
html[data-theme="day"] .media-card__poster--checkpoint,
html[data-theme="night"] .media-card__poster--checkpoint {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.08) 0%, rgba(7, 16, 31, 0.42) 62%, rgba(7, 16, 31, 0.84) 100%),
    url("visuals-v2/home-pdf/home-media-checkpoint-character.webp") !important;
}

html[data-theme="night"] .media-card__poster--founder {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.08) 0%, rgba(7, 16, 31, 0.42) 62%, rgba(7, 16, 31, 0.86) 100%),
    url("visuals-v2/webp/clean/v2-founder-session-premium-day.webp?v=20260710-founder-cache-v1") !important;
}

.reseaux::before,
html[data-theme="night"] .reseaux::before {
  background-image:
    url("visuals-v2/home-pdf/home-community-night-blonde-athletic.webp"),
    url("visuals-v2/webp/clean/v2-future-couple-alignment-night.webp"),
    url("visuals-v2/webp/clean/v2-brochure-professionnel-night.webp"),
    url("visuals-v2/webp/clean/v2-future-professional-trajectory-day.webp") !important;
  background-position: 0% 50%, 33.33% 50%, 66.66% 50%, 100% 50% !important;
  background-size: 25% 100%, 25% 100%, 25% 100%, 25% 100% !important;
  background-repeat: no-repeat !important;
}

html[data-theme="day"] .reseaux::before {
  background-image:
    url("visuals-v2/home-pdf/home-community-day-blonde-painter.webp"),
    url("visuals-v2/webp/clean/v2-future-couple-alignment-day.webp"),
    url("visuals-v2/webp/clean/v2-brochure-professionnel-day.webp"),
    url("visuals-v2/webp/clean/v2-young-professionals-premium-workshop-day.webp?v=20260710-founder-cache-v1") !important;
  background-position: 0% 50%, 33.33% 50%, 66.66% 50%, 100% 50% !important;
  background-size: 25% 100%, 25% 100%, 25% 100%, 25% 100% !important;
  background-repeat: no-repeat !important;
}

.reseaux :is(.community__eyebrow, .community__title, .community__sub),
html[data-theme="day"] .reseaux :is(.community__eyebrow, .community__title, .community__sub),
html[data-theme="night"] .reseaux :is(.community__eyebrow, .community__title, .community__sub) {
  color: #fffaf0 !important;
  text-shadow: 0 4px 28px rgba(7, 16, 31, 0.90) !important;
}

/* V3.9.69 — Home final corrections 2026-05-24.
   Hero remonte, photos visibles, CTA clair, boutons sociaux forces en affichage. */
.hero--apple,
html[data-theme="day"] .hero--apple,
html[data-theme="night"] .hero--apple {
  padding-top: clamp(92px, 9vh, 104px) !important;
}

.hero--apple .hero__shell,
html[data-theme="day"] .hero--apple .hero__shell,
html[data-theme="night"] .hero--apple .hero__shell {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  min-height: clamp(620px, 92svh, 920px) !important;
  padding-top: clamp(8px, 2vh, 24px) !important;
}

.hero--apple .hero__copy,
html[data-theme="day"] .hero--apple .hero__copy,
html[data-theme="night"] .hero--apple .hero__copy {
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
}

.entry-router__bg,
html[data-theme="day"] .entry-router__bg,
html[data-theme="night"] .entry-router__bg {
  opacity: 1 !important;
  filter: none !important;
  background: url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center / cover no-repeat !important;
}

.entry-router::before,
.entry-router::after,
html[data-theme="day"] .entry-router::before,
html[data-theme="day"] .entry-router::after,
html[data-theme="night"] .entry-router::before,
html[data-theme="night"] .entry-router::after {
  opacity: 0 !important;
  background: transparent !important;
}

.route-card__cta,
.route-card .route-card__cta,
html[data-theme="day"] .route-card__cta,
html[data-theme="night"] .route-card__cta {
  min-height: 38px !important;
  padding: 0.62rem 1rem !important;
  font-size: clamp(0.7rem, 0.66rem + 0.12vw, 0.78rem) !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}

.home-dynamics .method-apple__cards > .method-apple-card,
.method--apple .method-apple-card,
html[data-theme="day"] .method--apple .method-apple-card,
html[data-theme="night"] .method--apple .method-apple-card {
  opacity: 1 !important;
  transform: none !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media {
  filter: none !important;
  opacity: 1 !important;
  background: url("visuals-v2/home-pdf/home-method-vision-redhair.webp") center 30% / cover no-repeat !important;
  background-blend-mode: normal !important;
}

.method--apple .method-apple-card--direction .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--direction .method-apple-card__media,
html[data-theme="day"] .method--apple .method-apple-card--direction .method-apple-card__media {
  filter: none !important;
  opacity: 1 !important;
  background: url("visuals-v2/home-pdf/home-method-direction-young-man.webp") center 34% / cover no-repeat !important;
  background-blend-mode: normal !important;
}

.checkpoint__cta-secondary,
html[data-theme="day"] .checkpoint__cta-secondary,
html[data-theme="night"] .checkpoint__cta-secondary {
  text-transform: none !important;
}

.reseaux .community__links,
html[data-theme="day"] .reseaux .community__links,
html[data-theme="night"] .reseaux .community__links {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: clamp(0.8rem, 1.8vw, 1.25rem) !important;
  margin-top: clamp(1.4rem, 3vw, 2.1rem) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: relative !important;
  z-index: 4 !important;
  pointer-events: auto !important;
}

.home-dynamics .community__links > .community-pill,
.reseaux .community-pill,
html[data-theme="day"] .reseaux .community-pill,
html[data-theme="night"] .reseaux .community-pill {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
}

.reseaux .community-pill,
html[data-theme="night"] .reseaux .community-pill {
  background: rgba(7, 16, 31, 0.76) !important;
  border-color: rgba(255, 250, 240, 0.44) !important;
  color: #fffaf0 !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
  backdrop-filter: blur(10px) saturate(1.1) !important;
}

html[data-theme="day"] .reseaux .community-pill {
  background: rgba(255, 250, 240, 0.82) !important;
  border-color: rgba(184, 148, 85, 0.52) !important;
  color: #14233A !important;
}

/* V3.9.70 — Home review pass 2026-05-25.
   Points d'entree sans voile, recadrage visages, methode Vision sans haze,
   actions media et intro Masterclass lisible en jour. */
.entry-router,
html[data-theme="day"] .entry-router,
html[data-theme="night"] .entry-router {
  background: transparent !important;
  background-color: transparent !important;
}

.entry-router__bg,
html[data-theme="day"] .entry-router__bg,
html[data-theme="night"] .entry-router__bg {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
}

html[data-theme="night"] .entry-router__bg {
  background: url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center center / cover no-repeat !important;
}

html[data-theme="day"] .entry-router__bg {
  background: url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat !important;
}

.entry-router::before,
.entry-router::after,
.entry-router__bg::before,
.entry-router__bg::after,
html[data-theme="day"] .entry-router::before,
html[data-theme="day"] .entry-router::after,
html[data-theme="day"] .entry-router__bg::before,
html[data-theme="day"] .entry-router__bg::after,
html[data-theme="night"] .entry-router::before,
html[data-theme="night"] .entry-router::after,
html[data-theme="night"] .entry-router__bg::before,
html[data-theme="night"] .entry-router__bg::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

.route-card__media[data-slot="checkpoint"],
html[data-theme="day"] .route-card__media[data-slot="checkpoint"],
html[data-theme="night"] .route-card__media[data-slot="checkpoint"] {
  background: url("visuals-v2/home-pdf/home-route-checkpoint-african-presenter.webp") center 17% / cover no-repeat !important;
}

.route-card__media[data-slot="recovery"],
html[data-theme="day"] .route-card__media[data-slot="recovery"],
html[data-theme="night"] .route-card__media[data-slot="recovery"] {
  background: url("visuals-v2/home-pdf/home-route-recovery-redhair-beauty.webp") center 18% / cover no-repeat !important;
}

.route-card > .route-card__note,
html[data-theme="day"] .route-card > .route-card__note,
html[data-theme="night"] .route-card > .route-card__note {
  margin-top: clamp(12px, 1.3vw, 18px) !important;
  margin-bottom: clamp(20px, 2.2vw, 34px) !important;
  padding-bottom: clamp(10px, 1vw, 16px) !important;
}

.route-card__note b,
html[data-theme="day"] .route-card__note b,
html[data-theme="night"] .route-card__note b {
  font-size: 0.68rem !important;
  letter-spacing: 0.12em !important;
}

.method--apple .method-apple-card--vision,
html[data-theme="night"] .method--apple .method-apple-card--vision {
  background: rgba(7, 16, 31, 0.92) !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  background: url("visuals-v2/home-pdf/home-method-vision-redhair.webp") center 12% / cover no-repeat !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media::before,
.method--apple .method-apple-card--vision .method-apple-card__media::after,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media::before,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

.method--apple .method-apple-card--vision .method-apple-card__copy,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__copy {
  background: linear-gradient(0deg, rgba(7, 16, 31, 0.72), rgba(7, 16, 31, 0.04)) !important;
}

.media-hub__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(0.9rem, 1.6vw, 1.25rem);
  margin: clamp(1.1rem, 2.2vw, 1.8rem) auto clamp(2rem, 4vw, 3.25rem);
}

.media-hub__actions .btn--ghost,
html[data-theme="day"] .media-hub__actions .btn--ghost,
html[data-theme="night"] .media-hub__actions .btn--ghost {
  color: #fffaf0 !important;
  border-color: rgba(255, 250, 240, 0.72) !important;
  background: rgba(7, 16, 31, 0.18) !important;
  text-shadow: 0 2px 16px rgba(7, 16, 31, 0.68) !important;
}

html[data-theme="day"] .masterclass__intro,
.masterclass__intro {
  color: #14233A !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="night"] .masterclass__intro {
  color: rgba(255, 250, 240, 0.86) !important;
  text-shadow: 0 2px 18px rgba(7, 16, 31, 0.42) !important;
}

/* V3.9.71 — Home precision pass 2026-05-25.
   Fond points d'entree visible sans voile, visages mieux cadres,
   citations degagees des CTA, Vision nuit sans brume blanche. */
.entry-router,
html[data-theme="day"] .entry-router,
html[data-theme="night"] .entry-router {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.entry-router__bg,
html[data-theme="day"] .entry-router__bg,
html[data-theme="night"] .entry-router__bg {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
}

html[data-theme="night"] .entry-router__bg {
  background: url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-night.webp") center center / cover no-repeat !important;
}

html[data-theme="day"] .entry-router__bg {
  background: url("visuals-v2/webp/clean/v2-horizon-decision-gold-road-day.webp") center center / cover no-repeat !important;
}

.entry-router__shell,
html[data-theme="day"] .entry-router__shell,
html[data-theme="night"] .entry-router__shell {
  position: relative !important;
  z-index: 1 !important;
}

.route-card__media[data-slot="checkpoint"],
html[data-theme="day"] .route-card__media[data-slot="checkpoint"],
html[data-theme="night"] .route-card__media[data-slot="checkpoint"] {
  background: url("visuals-v2/home-pdf/home-route-checkpoint-african-presenter.webp") center 8% / cover no-repeat !important;
}

.route-card__media[data-slot="recovery"],
html[data-theme="day"] .route-card__media[data-slot="recovery"],
html[data-theme="night"] .route-card__media[data-slot="recovery"] {
  background: url("visuals-v2/home-pdf/home-route-recovery-redhair-beauty.webp") center 8% / cover no-repeat !important;
}

.route-card > .route-card__note,
html[data-theme="day"] .route-card > .route-card__note,
html[data-theme="night"] .route-card > .route-card__note {
  margin-top: clamp(10px, 1vw, 16px) !important;
  margin-bottom: clamp(32px, 3.4vw, 52px) !important;
}

.route-card__cta,
.route-card .route-card__cta,
html[data-theme="day"] .route-card__cta,
html[data-theme="night"] .route-card__cta {
  margin-top: auto !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  background: url("visuals-v2/home-pdf/home-method-vision-redhair.webp") center top / 145% auto no-repeat !important;
}

html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__copy,
.method--apple .method-apple-card--vision .method-apple-card__copy {
  background: linear-gradient(0deg, rgba(7, 16, 31, 0.96) 0%, rgba(7, 16, 31, 0.88) 46%, rgba(7, 16, 31, 0.18) 100%) !important;
}

.route-card,
html[data-theme="night"] .route-card {
  background: rgba(7, 16, 31, 0.94) !important;
  border-color: rgba(218, 184, 119, 0.34) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.36) !important;
}

html[data-theme="day"] .route-card {
  background: rgba(255, 250, 240, 0.94) !important;
  border-color: rgba(184, 148, 85, 0.34) !important;
  box-shadow: 0 24px 54px rgba(40, 30, 16, 0.14) !important;
}

.route-card::before,
.route-card::after,
html[data-theme="day"] .route-card::before,
html[data-theme="day"] .route-card::after,
html[data-theme="night"] .route-card::before,
html[data-theme="night"] .route-card::after {
  opacity: 0 !important;
  background: none !important;
  content: none !important;
}

/* V3.9.72 — Nova Home DA pass 2026-05-25.
   Vision garde sa photo nette, les entrees gagnent en contraste, les CTA media
   vivent sous la grille et les fallbacks Home n'enferment plus le contenu. */
.method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  background: url("visuals-v2/home-pdf/home-method-vision-redhair.webp") center 10% / cover no-repeat !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media::before,
.method--apple .method-apple-card--vision .method-apple-card__media::after,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media::before,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media::after,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media::before,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

/* V3.9.77 — Jour uniquement : interversion Mental Reset / Vision. */
html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  background: url("visuals-v2/home-pdf/home-method-vision-navy-suit-20260525.webp") center 10% / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  background: url("visuals-v2/home-pdf/home-method-reset-african-man.webp") center 28% / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media::before,
html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media::after,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media::before,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

/* V3.9.80 — Home section badges aligned with Methode Avant-propos. */
:is(
  #constat,
  #methode-rayflections,
  #points-entree,
  #masterclass,
  #checkpoint,
  #recovery,
  #media-hub,
  .endcta,
  #reseaux
) :is(.eyebrow, .offer-kicker, .endcta__eyebrow, .community__eyebrow) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin: 0 auto !important;
  padding: 0.42rem 0.92rem !important;
  gap: 0 !important;
  border: 1px solid rgba(141, 111, 36, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 240, 0.52) !important;
  color: #8c6a1f !important;
  font-family: var(--font-body, "Inter", sans-serif) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  box-shadow: 0 10px 28px rgba(7, 16, 29, 0.04) !important;
  backdrop-filter: blur(10px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
}

:is(
  #constat,
  #methode-rayflections,
  #points-entree,
  #masterclass,
  #checkpoint,
  #recovery,
  #media-hub,
  .endcta,
  #reseaux
) :is(.eyebrow, .offer-kicker, .endcta__eyebrow, .community__eyebrow)::before,
:is(
  #constat,
  #methode-rayflections,
  #points-entree,
  #masterclass,
  #checkpoint,
  #recovery,
  #media-hub,
  .endcta,
  #reseaux
) :is(.eyebrow, .offer-kicker, .endcta__eyebrow, .community__eyebrow)::after {
  content: none !important;
  display: none !important;
}

html[data-theme="night"] :is(
  #constat,
  #methode-rayflections,
  #points-entree,
  #masterclass,
  #checkpoint,
  #recovery,
  #media-hub,
  .endcta,
  #reseaux
) :is(.eyebrow, .offer-kicker, .endcta__eyebrow, .community__eyebrow) {
  border-color: rgba(217, 189, 120, 0.34) !important;
  background: rgba(7, 16, 29, 0.34) !important;
  color: #d9bd78 !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.16) !important;
}

/* V3.9.81 — Home reveal safety sur les blocs business critiques. */
.home-dynamics .constat-panel.home-reveal-target,
.home-dynamics .route-grid > .route-card {
  opacity: 1 !important;
  transform: none !important;
  filter: saturate(1) !important;
}

/* Signature QA 2026-05-26: keep the Home logo readable on narrow mobile nav. */
@media (max-width: 480px) {
  .nav__inner {
    gap: 8px;
  }

  .nav__brand,
  body:not(.production-v2) .nav__brand {
    gap: 8px;
  }

  .nav__brand-mark,
  body:not(.production-v2) .nav__brand-mark {
    width: 24px !important;
    height: 24px !important;
  }

  .nav__brand span,
  body:not(.production-v2) .nav__brand span {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    font-size: clamp(0.66rem, 2.9vw, 0.76rem) !important;
    letter-spacing: 0.09em !important;
  }
}

/* V3.9.76 — Mental Reset nuit : jeune femme blonde en costume noir, sans filtre. */
html[data-theme="night"] .method--apple .method-apple-card--reset .method-apple-card__media {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  background: url("visuals-v2/home-pdf/home-method-reset-blonde-black-suit-night-20260525.webp") center 14% / cover no-repeat !important;
}

html[data-theme="night"] .method--apple .method-apple-card--reset .method-apple-card__media::before,
html[data-theme="night"] .method--apple .method-apple-card--reset .method-apple-card__media::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

.method--apple .method-apple-card--vision .method-apple-card__copy,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__copy,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__copy {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0) 0%, rgba(7, 16, 31, 0.42) 24%, rgba(7, 16, 31, 0.92) 76%, rgba(7, 16, 31, 0.96) 100%) !important;
  text-shadow: 0 2px 16px rgba(7, 16, 31, 0.78) !important;
}

.entry-router__bg,
html[data-theme="day"] .entry-router__bg,
html[data-theme="night"] .entry-router__bg {
  filter: saturate(1.04) contrast(1.02) !important;
}

.route-card,
html[data-theme="night"] .route-card {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.82), rgba(7, 16, 31, 0.88)) !important;
  border-color: rgba(232, 200, 148, 0.48) !important;
  color: #fffaf0 !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
  backdrop-filter: blur(8px) saturate(1.08) !important;
}

html[data-theme="day"] .route-card {
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.90), rgba(255, 250, 240, 0.84)) !important;
  border-color: rgba(155, 121, 63, 0.48) !important;
  color: #07101f !important;
  box-shadow: 0 24px 58px rgba(40, 30, 16, 0.16) !important;
}

.route-card small,
html[data-theme="night"] .route-card small {
  color: #e8c894 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .route-card small {
  color: #8b6a34 !important;
}

.route-card strong,
html[data-theme="night"] .route-card strong {
  color: #fffaf0 !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.36) !important;
}

html[data-theme="day"] .route-card strong {
  color: #07101f !important;
  text-shadow: none !important;
}

.route-card > .route-card__note,
html[data-theme="night"] .route-card > .route-card__note {
  color: rgba(255, 250, 240, 0.88) !important;
  border-left-color: rgba(232, 200, 148, 0.58) !important;
}

html[data-theme="day"] .route-card > .route-card__note {
  color: rgba(7, 16, 31, 0.78) !important;
  border-left-color: rgba(155, 121, 63, 0.48) !important;
}

.route-card__note b,
html[data-theme="night"] .route-card__note b {
  color: #e8c894 !important;
  opacity: 1 !important;
}

html[data-theme="day"] .route-card__note b {
  color: #8b6a34 !important;
}

.route-card__media[data-slot],
html[data-theme="day"] .route-card__media[data-slot],
html[data-theme="night"] .route-card__media[data-slot] {
  filter: none !important;
  opacity: 1 !important;
}

.route-card__cta,
.route-card .route-card__cta,
html[data-theme="day"] .route-card__cta,
html[data-theme="night"] .route-card__cta {
  background: #fffaf0 !important;
  border-color: rgba(255, 250, 240, 0.76) !important;
  color: #07101f !important;
  box-shadow: 0 14px 30px rgba(7, 16, 31, 0.18) !important;
}

html[data-theme="day"] .route-card__cta {
  background: #fffaf0 !important;
  border-color: rgba(155, 121, 63, 0.34) !important;
}

.media-hub__header {
  margin-bottom: clamp(2rem, 4vw, 3.25rem) !important;
}

.media-hub__actions,
html[data-theme="day"] .media-hub__actions,
html[data-theme="night"] .media-hub__actions {
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0 !important;
}

.media-hub__note,
html[data-theme="day"] .media-hub__note,
html[data-theme="night"] .media-hub__note {
  margin-top: clamp(1rem, 2vw, 1.5rem) !important;
}

body.home-dynamics--fallback .home-reveal-target,
body.home-dynamics--fallback .route-grid > .route-card {
  transition-delay: 0ms !important;
}

/* V3.9.73 — Vision Home sans filtre.
   Suppression du dernier voile sombre: la photo reste brute; seul le texte
   conserve une ombre de lisibilite. */
.method--apple .method-apple-card--vision,
html[data-theme="day"] .method--apple .method-apple-card--vision,
html[data-theme="night"] .method--apple .method-apple-card--vision {
  background: transparent !important;
}

.method--apple .method-apple-card--vision .method-apple-card__copy,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__copy,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__copy {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.method--apple .method-apple-card--vision .method-apple-card__copy :is(span, h3, p),
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__copy :is(span, h3, p),
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__copy :is(span, h3, p) {
  text-shadow: 0 3px 18px rgba(7, 16, 31, 0.88) !important;
}

/* V3.9.74 — Points d'entree jour: texte blanc pour contraste.
   Les cartes jour reprennent un verre bleu nuit afin que le blanc reste lisible
   sur les photos claires de fond. */
html[data-theme="day"] .entry-router .route-card {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.66), rgba(7, 16, 31, 0.78)) !important;
  border-color: rgba(232, 200, 148, 0.52) !important;
  color: #fffaf0 !important;
  box-shadow: 0 24px 58px rgba(7, 16, 31, 0.24) !important;
}

html[data-theme="day"] .entry-router .route-card :is(small, strong, q, span, b) {
  color: #fffaf0 !important;
  opacity: 1 !important;
  text-shadow: 0 2px 16px rgba(7, 16, 31, 0.62) !important;
}

html[data-theme="day"] .entry-router .route-card > .route-card__note {
  border-left-color: rgba(255, 250, 240, 0.42) !important;
}

html[data-theme="day"] .entry-router .route-card .route-card__cta {
  background: #fffaf0 !important;
  border-color: rgba(255, 250, 240, 0.80) !important;
  color: #07101f !important;
  text-shadow: none !important;
}

/* V3.9.75 — Vision Home : costume bleu marine, image brute sans filtre. */
.method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  background: url("visuals-v2/home-pdf/home-method-vision-navy-suit-20260525.webp") center 10% / cover no-repeat !important;
}

.method--apple .method-apple-card--vision .method-apple-card__media::before,
.method--apple .method-apple-card--vision .method-apple-card__media::after,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media::before,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media::after,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media::before,
html[data-theme="night"] .method--apple .method-apple-card--vision .method-apple-card__media::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

/* V3.9.79 — Priorite finale : en jour, Mental Reset et Miroir sont inverses.
   Vision conserve la photo costume bleu marine sans filtre. */
html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  background: url("visuals-v2/webp/clean/v2-mirror-lucidity-natural-day.webp") center 42% / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--mirror .method-apple-card__media {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  background: url("visuals-v2/home-pdf/home-method-reset-african-man.webp") center 28% / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  background: url("visuals-v2/home-pdf/home-method-vision-navy-suit-20260525.webp") center 10% / cover no-repeat !important;
}

html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media::before,
html[data-theme="day"] .method--apple .method-apple-card--reset .method-apple-card__media::after,
html[data-theme="day"] .method--apple .method-apple-card--mirror .method-apple-card__media::before,
html[data-theme="day"] .method--apple .method-apple-card--mirror .method-apple-card__media::after,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media::before,
html[data-theme="day"] .method--apple .method-apple-card--vision .method-apple-card__media::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

/* Home TODO premium alignment - 2026-06-02 */
html[data-theme="day"] .entry-router .route-card {
  border-color: rgba(191, 155, 82, 0.30) !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.94), rgba(246, 240, 229, 0.84)),
    rgba(255, 250, 240, 0.90) !important;
  color: #07101f !important;
  box-shadow: 0 24px 70px rgba(7, 16, 31, 0.12) !important;
}

html[data-theme="day"] .entry-router .route-card :is(small, strong, q, span, b) {
  color: #07101f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="day"] .entry-router .route-card small,
html[data-theme="day"] .entry-router .route-card b {
  color: #9a7737 !important;
}

html[data-theme="day"] .entry-router .route-card > .route-card__note {
  border-left-color: rgba(191, 155, 82, 0.36) !important;
  background: rgba(255, 250, 240, 0.56) !important;
}

html[data-theme="day"] .entry-router .route-card .route-card__cta {
  background: #B89455 !important;
  border-color: rgba(184, 148, 85, 0.92) !important;
  color: #FFFFFF !important;
}

html[data-theme="day"] .entry-router .route-card__media[data-slot] {
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="day"] .checkpoint__bg {
  display: block !important;
  background:
    linear-gradient(90deg, rgba(255, 250, 240, 0.86) 0%, rgba(255, 250, 240, 0.54) 42%, rgba(7, 16, 31, 0.10) 100%),
    linear-gradient(180deg, rgba(255, 250, 240, 0.08), rgba(7, 16, 31, 0.20)),
    url("../img/home-checkpoint-bg-day-redhair-landscape-20260602.webp") 70% center / cover no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
}

html[data-theme="day"] .checkpoint {
  background: #fffaf0 !important;
}

html[data-theme="day"] .checkpoint__header :is(.checkpoint__brand, .checkpoint__subtitle, .t-lead) {
  color: #07101f !important;
  text-shadow: 0 2px 18px rgba(255, 250, 240, 0.86) !important;
}

html[data-theme="day"] .checkpoint__header :is(.checkpoint__brand em, .checkpoint__subtitle em, .offer-kicker) {
  color: #9a7737 !important;
  text-shadow: 0 2px 18px rgba(255, 250, 240, 0.92) !important;
}

html[data-theme="day"] body.home-dynamics section.checkpoint#checkpoint .checkpoint__bg {
  display: block !important;
}

html[data-theme="day"] body.home-dynamics section.checkpoint#checkpoint .checkpoint__header :is(.checkpoint__brand, .checkpoint__subtitle, .t-lead) {
  color: #07101f !important;
  text-shadow: 0 2px 18px rgba(255, 250, 240, 0.90) !important;
}

html[data-theme="day"] body.home-dynamics section.checkpoint#checkpoint .checkpoint__header :is(.checkpoint__brand em, .checkpoint__subtitle em, .offer-kicker) {
  color: #9a7737 !important;
}

.recovery-card__cta {
  align-self: flex-start !important;
  margin-top: auto !important;
}

.media-card__play {
  display: grid !important;
  place-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  border-color: rgba(255, 250, 240, 0.70) !important;
  background: rgba(7, 16, 31, 0.62) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.28) !important;
}

.media-card__play::before {
  content: "" !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  margin-left: 4px !important;
  border-top: 12px solid transparent !important;
  border-bottom: 12px solid transparent !important;
  border-left: 18px solid #d9bd78 !important;
}

.media-card__play::after {
  content: none !important;
  display: none !important;
}

html[data-theme="day"] .media-card__play {
  border-color: rgba(255, 250, 240, 0.86) !important;
  background: rgba(7, 16, 31, 0.58) !important;
}

html[data-theme="day"] .foot {
  border-top-color: rgba(191, 155, 82, 0.26) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(191, 155, 82, 0.12), transparent 32%),
    linear-gradient(180deg, #fffaf0 0%, #f5eddf 100%) !important;
  color: #07101f !important;
}

html[data-theme="day"] .foot :is(.foot__logo, .foot__heading, .foot__tagline, .foot__bottom p) {
  color: #07101f !important;
}

html[data-theme="day"] .foot :is(a, .foot__legal a) {
  color: rgba(7, 16, 31, 0.72) !important;
}

html[data-theme="day"] .foot :is(a:hover, .foot__legal a:hover) {
  color: #9a7737 !important;
}

html[data-theme="day"] .foot__social a {
  border-color: rgba(191, 155, 82, 0.28) !important;
  background: rgba(255, 250, 240, 0.72) !important;
  color: #07101f !important;
}

html[data-theme="day"] .foot__bottom {
  border-top-color: rgba(7, 16, 31, 0.10) !important;
}

/* Charte ecriture V2 - Sprint 1 harmonisation accueil, 2026-06-05. */
.hero--apple .hero__brand-title {
  margin-bottom: clamp(14px, 2.2vw, 24px) !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(3rem, 5.4vw, 5.4rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.1em !important;
  line-height: 0.88 !important;
}

.hero--apple .hero__title {
  max-width: min(780px, 20ch) !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: var(--rf-type-hero-title, clamp(3.15rem, 5.85vw, 5.15rem)) !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  line-height: var(--rf-line-tight, 0.96) !important;
}

.hero--apple .hero__lead,
.method--apple .method-apple__hero-copy p,
.method--apple .method-apple-card__copy p,
.entry-router .route-card q,
.entry-router .route-card .route-card__note,
.checkpoint .t-lead,
.media-hub p,
.community p {
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: var(--rf-type-body, clamp(0.98rem, 0.34vw + 0.9rem, 1.06rem)) !important;
  letter-spacing: 0 !important;
  line-height: var(--rf-line-copy, 1.68) !important;
}

.method--apple :is(.method__title-reduced, .method__header--prime .t-h1),
.entry-router__head .t-h1,
.checkpoint__brand,
.recovery__brand,
.media-hub__header .t-h1,
.endcta__title,
.community__title {
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: var(--rf-type-section-title, clamp(2.15rem, 3.7vw, 3.7rem)) !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  line-height: var(--rf-line-title, 1.04) !important;
}

.method--apple .method-apple__hero-copy h3,
.method--apple .method-apple-card__copy h3,
.route-card strong,
.mc-card__title,
.cp-slide__title,
.cp-case-header__name,
.recovery-card__title,
.media-card h3 {
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: var(--rf-type-card-title, clamp(1.35rem, 2vw, 1.95rem)) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
}

.eyebrow,
.method--apple .method-apple__hero-copy span,
.method--apple .method-apple-card__copy span,
.route-card small,
.offer-kicker,
.cp-pill,
.recovery-card__kicker {
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: var(--rf-type-kicker, 0.72rem) !important;
  font-weight: 800 !important;
  letter-spacing: var(--rf-letter-kicker, 0.16em) !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.btn,
.route-card__cta,
.recovery-card__cta,
.foot__links a,
.foot__legal a,
.foot__social a {
  font-family: var(--rf-font-body, var(--sans)) !important;
  letter-spacing: 0.08em !important;
}

@media (max-width: 760px) {
  .hero--apple .hero__brand-title {
    font-size: clamp(2.65rem, 12vw, 4.25rem) !important;
    line-height: 0.9 !important;
  }

  .hero--apple .hero__title {
    max-width: 12.4ch !important;
    font-size: var(--rf-type-hero-title-mobile, clamp(2.85rem, 12.8vw, 3.95rem)) !important;
    line-height: 0.98 !important;
  }

  .method--apple :is(.method__title-reduced, .method__header--prime .t-h1),
  .entry-router__head .t-h1,
  .checkpoint__brand,
  .recovery__brand,
  .media-hub__header .t-h1,
  .endcta__title,
  .community__title {
    font-size: clamp(2rem, 9.5vw, 2.9rem) !important;
  }
}

/* Home refinements - 2026-06-11 */
.hero--trajectoire .hero__shell {
  pointer-events: none !important;
}

.hero--trajectoire .hero__copy {
  display: none !important;
}

#constat > .constat__shell > .eyebrow {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

#constat .constat-panel__copy {
  align-items: center !important;
  text-align: center !important;
}

#constat .constat-panel__label {
  margin-inline: auto !important;
  color: var(--gold-light, #d9bd78) !important;
  -webkit-text-fill-color: var(--gold-light, #d9bd78) !important;
}

#constat .constat-panel__title {
  margin-inline: auto !important;
  text-align: center !important;
}

#constat .constat-panel__copy > p {
  max-width: 60ch !important;
  margin-inline: auto !important;
  text-align: center !important;
}

#methode-rayflections .method__title-reduced {
  max-width: 780px !important;
  margin-inline: auto !important;
}

#methode-rayflections .method-apple__hero-copy p {
  text-align: justify !important;
  text-align-last: left !important;
}

#checkpoint .checkpoint__subtitle {
  max-width: none !important;
  white-space: nowrap !important;
}

.endcta__shell {
  width: min(var(--shell), 980px) !important;
  padding: clamp(2.6rem, 5vw, 4.4rem) clamp(1.35rem, 4vw, 4rem) !important;
  border: 1px solid rgba(217, 189, 120, 0.34) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.08), rgba(255, 250, 240, 0.025)),
    rgba(7, 16, 29, 0.42) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(18px) saturate(1.08);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

html[data-theme="day"] .endcta__shell {
  border-color: rgba(184, 148, 85, 0.36) !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.90), rgba(246, 240, 229, 0.74)) !important;
  box-shadow: 0 28px 82px rgba(7, 16, 29, 0.14) !important;
}

.endcta__title {
  max-width: none !important;
}

@media (max-width: 760px) {
  #checkpoint .checkpoint__subtitle {
    white-space: normal !important;
  }

  #methode-rayflections .method-apple__hero-copy p {
    text-align: left !important;
  }
}

/* Home minor corrections - 2026-06-12 */
.nav__links a.is-featured,
html[data-theme="day"] .nav__links a.is-featured,
html[data-theme="night"] .nav__links a.is-featured {
  color: var(--gold, #B89455) !important;
}

html[data-theme="day"] #constat > .constat__shell > .eyebrow {
  color: #B89455 !important;
  -webkit-text-fill-color: #B89455 !important;
}

html[data-theme="night"] #constat > .constat__shell > .eyebrow {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

#methode-rayflections .method-apple__hero-copy h3 {
  max-width: 17ch !important;
}

#points-entree .entry-router__head .t-h1 {
  margin-top: clamp(1.35rem, 3vw, 2.25rem) !important;
}

#checkpoint .checkpoint__brand {
  margin-top: clamp(1.35rem, 3vw, 2.3rem) !important;
}

#reseaux::after,
html[data-theme="day"] #reseaux::after,
html[data-theme="night"] #reseaux::after {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.34) 0%, rgba(7, 16, 31, 0.50) 100%) !important;
}

.foot__logo {
  gap: 10px;
}

.foot__logo-mark {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  color: var(--gold, #D9BD78);
}

.foot__social a {
  justify-content: center !important;
  width: 38px !important;
  min-width: 38px !important;
  padding: 8px !important;
}

.foot__social svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

/* Home trajectory commercial pass - 2026-06-16 */
.hero--trajectoire {
  min-height: 100svh !important;
  padding-top: clamp(132px, 14vh, 176px) !important;
  padding-bottom: clamp(132px, 16vh, 190px) !important;
  background: #07101f !important;
}

.hero--trajectoire .hero__bg {
  background:
    radial-gradient(circle at 82% 18%, rgba(217, 189, 120, 0.18), transparent 28rem),
    linear-gradient(90deg, rgba(7, 16, 31, 0.96) 0%, rgba(7, 16, 31, 0.76) 42%, rgba(7, 16, 31, 0.24) 100%),
    linear-gradient(180deg, rgba(7, 16, 31, 0.10) 0%, rgba(7, 16, 31, 0.92) 100%),
    url("visuals-v2/generated/home/home-hero-rio-overlook-night-20260616.jpg") center / cover no-repeat !important;
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="day"] .hero--trajectoire .hero__bg {
  background:
    radial-gradient(circle at 82% 14%, rgba(217, 189, 120, 0.20), transparent 30rem),
    linear-gradient(90deg, rgba(7, 16, 31, 0.92) 0%, rgba(7, 16, 31, 0.70) 38%, rgba(7, 16, 31, 0.18) 100%),
    linear-gradient(180deg, rgba(7, 16, 31, 0.05) 0%, rgba(7, 16, 31, 0.82) 100%),
    url("visuals-v2/generated/home/home-hero-trajectory-wall-day-20260616.jpg") center / cover no-repeat !important;
}

.hero--trajectoire .hero__shell {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 780px) !important;
  align-items: center !important;
  justify-content: start !important;
  width: min(1480px, calc(100% - 72px)) !important;
  max-width: 1480px !important;
  min-height: calc(100svh - 330px) !important;
  margin-inline: auto !important;
  pointer-events: auto !important;
}

.hero--trajectoire .hero__copy {
  display: block !important;
  max-width: 780px !important;
  pointer-events: auto !important;
}

.hero--trajectoire .hero__copilot {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 clamp(18px, 2vw, 28px) !important;
  color: #d9bd78 !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.hero--trajectoire .hero__copilot::before {
  content: "" !important;
  display: block !important;
  width: 34px !important;
  height: 1px !important;
  background: currentColor !important;
}

.hero--trajectoire .hero__brand-title {
  margin: 0 0 clamp(14px, 2vw, 22px) !important;
  color: #fffaf0 !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(3.6rem, 8.4vw, 8.8rem) !important;
  font-weight: 300 !important;
  line-height: 0.82 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  text-shadow: 0 28px 74px rgba(0, 0, 0, 0.36) !important;
}

.hero--trajectoire .hero__title {
  max-width: 13.8ch !important;
  margin: 0 0 clamp(20px, 2.4vw, 30px) !important;
  color: #e9cf8a !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(2.35rem, 4.3vw, 4.75rem) !important;
  font-weight: 300 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 24px 58px rgba(0, 0, 0, 0.36) !important;
}

.hero--trajectoire .hero__lead {
  max-width: 56ch !important;
  margin: 0 !important;
  color: rgba(255, 250, 240, 0.90) !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: clamp(1.02rem, 0.36vw + 0.96rem, 1.20rem) !important;
  line-height: 1.72 !important;
}

.hero--trajectoire .hero__ctas {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: clamp(28px, 3vw, 42px) !important;
}

.hero--trajectoire .hero__proofline {
  margin: clamp(20px, 2vw, 28px) 0 0 !important;
  color: rgba(255, 250, 240, 0.72) !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.hero--trajectoire .hero__ribbon {
  z-index: 3 !important;
  max-width: min(1120px, calc(100% - 52px)) !important;
  border-radius: 18px !important;
}

.home-masterclass .masterclass__intro {
  max-width: 68ch !important;
  margin: clamp(20px, 2vw, 28px) auto 0 !important;
  color: rgba(255, 250, 240, 0.80) !important;
  font-size: clamp(1rem, 0.3vw + 0.94rem, 1.12rem) !important;
  line-height: 1.72 !important;
}

html[data-theme="day"] .home-masterclass .masterclass__intro {
  color: rgba(7, 16, 31, 0.76) !important;
}

.home-masterclass .mc-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
}

.home-masterclass .mc-card {
  min-height: clamp(360px, 34vw, 460px) !important;
  padding: clamp(22px, 2.7vw, 34px) !important;
  border-radius: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
}

.home-masterclass .mc-card::before {
  transform: scale(1.02) !important;
}

.home-masterclass .mc-card::after {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.06) 0%, rgba(7, 16, 31, 0.54) 42%, rgba(7, 16, 31, 0.97) 100%),
    var(--mc-gradient, transparent) !important;
}

.home-masterclass .mc-card__num {
  margin-bottom: auto !important;
}

.home-masterclass .mc-card__title {
  max-width: 13ch !important;
  font-size: clamp(1.55rem, 2.1vw, 2.28rem) !important;
}

.home-masterclass .mc-card__desc {
  max-width: 31ch !important;
}

.home-masterclass__format-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: min(820px, 100%) !important;
  margin: clamp(22px, 2.6vw, 34px) auto 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(217, 189, 120, 0.26) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 240, 0.06) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.16) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

.home-masterclass__format-strip span,
.home-masterclass__format-strip strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.home-masterclass__format-strip span {
  padding: 0 8px !important;
  color: rgba(255, 250, 240, 0.62) !important;
  font-size: 0.70rem !important;
  font-weight: 800 !important;
}

.home-masterclass__format-strip strong {
  min-width: 112px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(217, 189, 120, 0.28) !important;
  color: #fffaf0 !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  background: rgba(7, 16, 31, 0.36) !important;
}

html[data-theme="day"] .home-masterclass__format-strip {
  border-color: rgba(184, 148, 85, 0.28) !important;
  background: rgba(255, 250, 240, 0.72) !important;
  box-shadow: 0 18px 54px rgba(7, 16, 31, 0.10) !important;
}

html[data-theme="day"] .home-masterclass__format-strip span {
  color: rgba(7, 16, 31, 0.58) !important;
}

html[data-theme="day"] .home-masterclass__format-strip strong {
  border-color: rgba(184, 148, 85, 0.30) !important;
  color: #07101f !important;
  background: rgba(255, 255, 255, 0.52) !important;
}

.home-checkpoint .checkpoint__header {
  margin-bottom: clamp(34px, 5vw, 62px) !important;
}

.home-checkpoint .cp-carousel {
  display: none !important;
}

.home-checkpoint__showcase {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr) !important;
  gap: clamp(20px, 3vw, 42px) !important;
  align-items: stretch !important;
  width: min(1180px, 100%) !important;
  margin: 0 auto clamp(32px, 4vw, 54px) !important;
}

.home-checkpoint__visual,
.home-checkpoint-offer {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(217, 189, 120, 0.30) !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 86px rgba(0, 0, 0, 0.26) !important;
}

.home-checkpoint__visual {
  min-height: clamp(430px, 42vw, 560px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: clamp(24px, 3vw, 38px) !important;
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.08) 0%, rgba(7, 16, 31, 0.56) 48%, rgba(7, 16, 31, 0.96) 100%),
    url("visuals-v2/webp/clean/v2-checkpoint-hero-night.webp") center / cover no-repeat !important;
}

html[data-theme="day"] .home-checkpoint__visual {
  background:
    linear-gradient(180deg, rgba(255, 250, 240, 0.02) 0%, rgba(7, 16, 31, 0.42) 52%, rgba(7, 16, 31, 0.90) 100%),
    url("visuals-v2/webp/clean/v2-checkpoint-hero-day.webp") center / cover no-repeat !important;
}

.home-checkpoint__visual span,
.home-checkpoint-offer small {
  color: #d9bd78 !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.home-checkpoint__visual h3 {
  max-width: 10ch !important;
  margin: 16px 0 14px !important;
  color: #fffaf0 !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(2.5rem, 4.4vw, 4.6rem) !important;
  font-weight: 300 !important;
  line-height: 0.96 !important;
}

.home-checkpoint__visual p {
  max-width: 38ch !important;
  margin: 0 !important;
  color: rgba(255, 250, 240, 0.78) !important;
  line-height: 1.64 !important;
}

.home-checkpoint__offer-grid {
  display: grid !important;
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.8vw, 20px) !important;
}

.home-checkpoint-offer {
  min-height: 150px !important;
  padding: clamp(22px, 2.4vw, 30px) !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.10), rgba(255, 250, 240, 0.03)),
    rgba(7, 16, 31, 0.66) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
}

.home-checkpoint-offer h3 {
  margin: 12px 0 10px !important;
  color: #fffaf0 !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(1.65rem, 2vw, 2.2rem) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
}

.home-checkpoint-offer p {
  max-width: 48ch !important;
  margin: 0 !important;
  color: rgba(255, 250, 240, 0.74) !important;
  line-height: 1.62 !important;
}

.home-checkpoint-offer__cta {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin-top: clamp(16px, 1.8vw, 22px) !important;
  color: #e9cf8a !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.home-checkpoint-offer__cta::after {
  content: "→" !important;
  margin-left: 10px !important;
  transition: transform 0.2s ease !important;
}

.home-checkpoint-offer__cta:hover::after,
.home-checkpoint-offer__cta:focus-visible::after {
  transform: translateX(4px) !important;
}

html[data-theme="day"] .home-checkpoint-offer {
  border-color: rgba(184, 148, 85, 0.32) !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.92), rgba(246, 240, 229, 0.76)) !important;
  box-shadow: 0 24px 70px rgba(7, 16, 31, 0.13) !important;
}

html[data-theme="day"] .home-checkpoint-offer h3 {
  color: #07101f !important;
}

html[data-theme="day"] .home-checkpoint-offer p {
  color: rgba(7, 16, 31, 0.72) !important;
}

html[data-theme="day"] .home-checkpoint-offer__cta {
  color: #8c6a1f !important;
}

.home-checkpoint .checkpoint__cta {
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  .hero--trajectoire .hero__shell,
  .home-checkpoint__showcase {
    grid-template-columns: 1fr !important;
  }

  .home-masterclass .mc-grid {
    grid-template-columns: 1fr !important;
  }

  .home-checkpoint__offer-grid {
    grid-template-rows: none !important;
  }

  .home-masterclass__format-strip {
    border-radius: 20px !important;
  }
}

@media (max-width: 760px) {
  .hero--trajectoire {
    padding-top: 122px !important;
    padding-bottom: 128px !important;
  }

  .hero--trajectoire .hero__bg,
  html[data-theme="day"] .hero--trajectoire .hero__bg {
    background-position: 62% center !important;
  }

  .hero--trajectoire .hero__shell {
    width: min(100%, calc(100vw - 38px)) !important;
    min-height: calc(100svh - 300px) !important;
  }

  .hero--trajectoire .hero__brand-title {
    font-size: clamp(3.05rem, 15vw, 5rem) !important;
    letter-spacing: 0.02em !important;
  }

  .hero--trajectoire .hero__title {
    max-width: 12.8ch !important;
    font-size: clamp(2.2rem, 11vw, 3.55rem) !important;
  }

  .hero--trajectoire .hero__lead {
    max-width: 32ch !important;
  }

  .hero--trajectoire .hero__ctas .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .hero--trajectoire .hero__ribbon {
    max-width: calc(100% - 28px) !important;
  }

  .home-checkpoint__visual {
    min-height: 420px !important;
  }
}

/* Home correction pass 3 - 2026-06-16 */
.hero--trajectoire {
  min-height: 100svh !important;
  padding-top: clamp(124px, 14vh, 170px) !important;
  padding-bottom: clamp(116px, 14vh, 160px) !important;
}

.hero--trajectoire .hero__bg,
html[data-theme="night"] .hero--trajectoire .hero__bg {
  background:
    linear-gradient(90deg, rgba(7, 16, 31, 0.68) 0%, rgba(7, 16, 31, 0.36) 42%, rgba(7, 16, 31, 0.04) 100%),
    linear-gradient(180deg, rgba(7, 16, 31, 0.04) 0%, rgba(7, 16, 31, 0.48) 100%),
    url("visuals-v2/generated/home/home-hero-rio-overlook-night-20260616.jpg") 74% center / cover no-repeat !important;
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="day"] .hero--trajectoire .hero__bg {
  background:
    linear-gradient(90deg, rgba(7, 16, 31, 0.58) 0%, rgba(7, 16, 31, 0.30) 42%, rgba(7, 16, 31, 0.02) 100%),
    linear-gradient(180deg, rgba(7, 16, 31, 0.02) 0%, rgba(7, 16, 31, 0.42) 100%),
    url("visuals-v2/generated/home/home-hero-trajectory-wall-day-20260616.jpg") center / cover no-repeat !important;
}

.hero--trajectoire .hero__bg::before,
.hero--trajectoire .hero__bg::after,
html[data-theme="day"] .hero--trajectoire .hero__bg::before,
html[data-theme="day"] .hero--trajectoire .hero__bg::after,
html[data-theme="night"] .hero--trajectoire .hero__bg::before,
html[data-theme="night"] .hero--trajectoire .hero__bg::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

.hero--trajectoire .hero__shell {
  align-items: end !important;
  min-height: calc(100svh - 290px) !important;
}

.hero--trajectoire .hero__copilot,
.hero--trajectoire .hero__proofline {
  display: none !important;
}

.hero--trajectoire .hero__title {
  max-width: 24ch !important;
}

.hero--trajectoire .hero__ribbon {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.home-masterclass__header {
  max-width: 880px !important;
  margin: 0 auto var(--s-12) !important;
  text-align: center !important;
}

.home-masterclass .masterclass-showcase {
  display: grid !important;
  gap: clamp(20px, 3vw, 32px) !important;
  width: min(1180px, 100%) !important;
  margin: 0 auto !important;
}

.home-masterclass .masterclass-showcase__tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}

.home-masterclass .masterclass-showcase__tabs button {
  min-height: 46px !important;
  padding: 0.82rem 1.14rem !important;
  border: 1px solid rgba(217, 189, 120, 0.30) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 240, 0.08) !important;
  color: rgba(255, 250, 240, 0.74) !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}

.home-masterclass .masterclass-showcase__tabs button:is(:hover, :focus-visible),
.home-masterclass .masterclass-showcase__tabs button.is-active {
  border-color: rgba(217, 189, 120, 0.82) !important;
  background: linear-gradient(135deg, rgba(217, 189, 120, 0.96), rgba(255, 232, 167, 0.88)) !important;
  color: #07101f !important;
  transform: translateY(-1px) !important;
}

.home-masterclass .masterclass-showcase__stage {
  overflow: hidden !important;
  border: 1px solid rgba(217, 189, 120, 0.26) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(217, 189, 120, 0.14), transparent 34%),
    rgba(7, 16, 31, 0.68) !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.30) !important;
}

.home-masterclass .masterclass-showcase__panel {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.08fr) !important;
  min-height: 540px !important;
}

.home-masterclass .masterclass-showcase__panel[hidden] {
  display: none !important;
}

.home-masterclass .masterclass-showcase__media {
  position: relative !important;
  min-height: 540px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.home-masterclass .masterclass-showcase__media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(7, 16, 31, 0.00), rgba(7, 16, 31, 0.34)) !important;
}

.home-masterclass .masterclass-showcase__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.home-masterclass .masterclass-showcase__copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: clamp(14px, 1.8vw, 20px) !important;
  padding: clamp(26px, 4vw, 52px) !important;
}

.home-masterclass .masterclass-showcase__copy > span {
  color: #d9bd78 !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

.home-masterclass .masterclass-showcase__copy h3 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: #fffaf0 !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(2.2rem, 4.8vw, 4.35rem) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
}

.home-masterclass .masterclass-showcase__copy p {
  max-width: 58ch !important;
  margin: 0 !important;
  color: rgba(255, 250, 240, 0.76) !important;
  line-height: 1.68 !important;
}

.home-masterclass .masterclass-showcase__columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.home-masterclass .masterclass-showcase__columns > div {
  padding: 16px !important;
  border: 1px solid rgba(217, 189, 120, 0.18) !important;
  border-radius: 16px !important;
  background: rgba(255, 250, 240, 0.06) !important;
}

.home-masterclass .masterclass-showcase__columns strong {
  display: block !important;
  margin-bottom: 10px !important;
  color: #e9cf8a !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

.home-masterclass .masterclass-showcase__columns ul {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.home-masterclass .masterclass-showcase__columns li {
  color: rgba(255, 250, 240, 0.72) !important;
  line-height: 1.48 !important;
}

.home-masterclass .masterclass-showcase__copy .btn {
  width: fit-content !important;
  margin-top: 4px !important;
}

.home-masterclass__format-strip {
  width: min(1040px, 100%) !important;
  border-radius: 24px !important;
  padding: 14px !important;
}

.home-masterclass__format-strip strong {
  min-width: 178px !important;
  min-height: 52px !important;
  flex-direction: column !important;
  gap: 6px !important;
  letter-spacing: 0.08em !important;
}

.home-masterclass__format-strip strong small {
  color: rgba(255, 250, 240, 0.62) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.home-checkpoint__showcase {
  grid-template-columns: minmax(320px, 0.86fr) minmax(0, 1.14fr) !important;
  align-items: start !important;
  max-width: 1120px !important;
}

.home-checkpoint__summary,
.home-checkpoint__video,
.home-checkpoint-tier {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(217, 189, 120, 0.28) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.10), rgba(255, 250, 240, 0.03)),
    rgba(7, 16, 31, 0.66) !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.24) !important;
}

.home-checkpoint__summary {
  padding: clamp(24px, 3.2vw, 40px) !important;
}

.home-checkpoint__summary > span,
.home-checkpoint__video-copy > span,
.home-checkpoint-tier small {
  color: #d9bd78 !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

.home-checkpoint__summary h3 {
  max-width: 12ch !important;
  margin: 16px 0 22px !important;
  color: #fffaf0 !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(2.2rem, 4vw, 3.75rem) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
}

.home-checkpoint__checks {
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.home-checkpoint__checks li {
  padding-left: 18px !important;
  color: rgba(255, 250, 240, 0.78) !important;
  line-height: 1.55 !important;
  position: relative !important;
}

.home-checkpoint__checks li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.72em !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #d9bd78 !important;
}

.home-checkpoint__right {
  display: grid !important;
  gap: 18px !important;
}

.home-checkpoint__video {
  display: grid !important;
  grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1fr) !important;
  min-height: 0 !important;
  padding: 12px !important;
  cursor: default !important;
}

.home-checkpoint__video-poster {
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02), rgba(7, 16, 31, 0.28)),
    url("visuals-v2/home-pdf/home-media-checkpoint-character.webp") center 20% / cover no-repeat !important;
}

.home-checkpoint__video-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(12px, 2vw, 22px) !important;
}

.home-checkpoint__video-copy h3 {
  margin: 10px 0 8px !important;
  color: #fffaf0 !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(1.55rem, 2.5vw, 2.25rem) !important;
  font-weight: 400 !important;
  line-height: 1.04 !important;
}

.home-checkpoint__video-copy p {
  margin: 0 !important;
  color: rgba(255, 250, 240, 0.72) !important;
  line-height: 1.56 !important;
}

.home-checkpoint__tiers {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.home-checkpoint-tier {
  min-height: 150px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: clamp(18px, 2.2vw, 24px) !important;
  color: inherit !important;
  text-decoration: none !important;
}

.home-checkpoint-tier strong {
  color: #fffaf0 !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(1.55rem, 2.2vw, 2.15rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.home-checkpoint-tier span {
  color: rgba(255, 250, 240, 0.70) !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.88rem !important;
  line-height: 1.35 !important;
}

.home-checkpoint-tier:is(:hover, :focus-visible) {
  border-color: rgba(217, 189, 120, 0.70) !important;
  transform: translateY(-2px) !important;
}

html[data-theme="day"] .home-masterclass .masterclass-showcase__tabs button {
  background: rgba(255, 250, 240, 0.74) !important;
  color: rgba(7, 16, 31, 0.70) !important;
}

html[data-theme="day"] .home-masterclass .masterclass-showcase__stage,
html[data-theme="day"] .home-checkpoint__summary,
html[data-theme="day"] .home-checkpoint__video,
html[data-theme="day"] .home-checkpoint-tier {
  border-color: rgba(184, 148, 85, 0.30) !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.94), rgba(246, 240, 229, 0.80)) !important;
  box-shadow: 0 24px 76px rgba(7, 16, 31, 0.12) !important;
}

html[data-theme="day"] .home-masterclass .masterclass-showcase__copy h3,
html[data-theme="day"] .home-checkpoint__summary h3,
html[data-theme="day"] .home-checkpoint__video-copy h3,
html[data-theme="day"] .home-checkpoint-tier strong {
  color: #07101f !important;
}

html[data-theme="day"] .home-masterclass .masterclass-showcase__copy p,
html[data-theme="day"] .home-masterclass .masterclass-showcase__columns li,
html[data-theme="day"] .home-checkpoint__checks li,
html[data-theme="day"] .home-checkpoint__video-copy p,
html[data-theme="day"] .home-checkpoint-tier span {
  color: rgba(7, 16, 31, 0.72) !important;
}

html[data-theme="day"] .home-masterclass .masterclass-showcase__columns > div {
  border-color: rgba(184, 148, 85, 0.22) !important;
  background: rgba(255, 255, 255, 0.52) !important;
}

html[data-theme="day"] .home-masterclass__format-strip strong small {
  color: rgba(7, 16, 31, 0.56) !important;
}

@media (max-width: 1080px) {
  .home-masterclass .masterclass-showcase__panel,
  .home-checkpoint__showcase,
  .home-checkpoint__video {
    grid-template-columns: 1fr !important;
  }

  .home-masterclass .masterclass-showcase__media,
  .home-masterclass .masterclass-showcase__panel {
    min-height: 0 !important;
  }

  .home-masterclass .masterclass-showcase__media {
    aspect-ratio: 16 / 10 !important;
  }

  .home-checkpoint__tiers {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .hero--trajectoire {
    padding-top: 118px !important;
    padding-bottom: 138px !important;
  }

  .hero--trajectoire .hero__bg,
  html[data-theme="night"] .hero--trajectoire .hero__bg {
    background-position: 78% center !important;
  }

  html[data-theme="day"] .hero--trajectoire .hero__bg {
    background-position: 52% center !important;
  }

  .hero--trajectoire .hero__shell {
    min-height: calc(100svh - 340px) !important;
  }

  .hero--trajectoire .hero__title {
    max-width: 18ch !important;
    font-size: clamp(2.05rem, 10vw, 3.2rem) !important;
  }

  .hero--trajectoire .hero__ribbon {
    max-width: none !important;
    width: 100% !important;
  }

  .home-masterclass .masterclass-showcase__tabs {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 6px !important;
    scrollbar-width: none !important;
  }

  .home-masterclass .masterclass-showcase__tabs::-webkit-scrollbar {
    display: none !important;
  }

  .home-masterclass .masterclass-showcase__tabs button {
    flex: 0 0 auto !important;
  }

  .home-masterclass .masterclass-showcase__media {
    aspect-ratio: 4 / 5 !important;
  }

  .home-masterclass .masterclass-showcase__columns {
    grid-template-columns: 1fr !important;
  }

  .home-masterclass .masterclass-showcase__copy .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .home-masterclass__format-strip {
    align-items: stretch !important;
  }

  .home-masterclass__format-strip span,
  .home-masterclass__format-strip strong {
    width: 100% !important;
  }

  .home-checkpoint__summary h3 {
    max-width: 13ch !important;
  }
}

/* Home corrections pass 4 - 2026-06-17 */
.hero--trajectoire {
  min-height: 100svh !important;
  padding-top: clamp(84px, 8vh, 116px) !important;
  padding-bottom: 0 !important;
}

.hero--trajectoire .hero__shell {
  min-height: calc(100svh - clamp(84px, 8vh, 116px)) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  padding-bottom: clamp(126px, 15vh, 174px) !important;
}

.hero--trajectoire .hero__copy {
  max-width: min(620px, 92vw) !important;
  margin: 0 !important;
  transform: none !important;
}

.hero--trajectoire .hero__brand-title {
  font-size: clamp(2.95rem, 6.4vw, 6.7rem) !important;
  line-height: 0.9 !important;
}

.hero--trajectoire .hero__title {
  max-width: 24ch !important;
  margin-top: clamp(8px, 1.2vh, 14px) !important;
  font-size: clamp(1.55rem, 2.6vw, 3.05rem) !important;
  line-height: 1.02 !important;
}

.hero--trajectoire .hero__lead {
  max-width: 56ch !important;
  margin-top: clamp(12px, 1.6vh, 18px) !important;
  font-size: clamp(0.9rem, 0.25vw + 0.84rem, 1.04rem) !important;
  line-height: 1.58 !important;
}

.hero--trajectoire .hero__ctas {
  gap: 10px !important;
  margin-top: clamp(16px, 2.4vh, 22px) !important;
}

.hero--trajectoire .hero__ctas .btn,
.hero--trajectoire .hero__ctas .btn--lg {
  min-height: 44px !important;
  padding: 0 17px !important;
  border-radius: 999px !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.075em !important;
}

.home-masterclass__header {
  margin-bottom: clamp(24px, 3vw, 38px) !important;
}

.home-masterclass .masterclass__brand {
  margin-bottom: clamp(8px, 1.2vw, 12px) !important;
}

.home-masterclass .masterclass__title-reduced {
  max-width: 19ch !important;
  margin: 0 auto !important;
  font-size: clamp(2rem, 4.1vw, 4.15rem) !important;
  line-height: 0.96 !important;
}

.home-masterclass .masterclass__intro {
  max-width: 66ch !important;
  margin-top: 16px !important;
}

.home-masterclass .masterclass-showcase__panel {
  --home-mc-accent: #d9bd78;
  --home-mc-accent-soft: rgba(217, 189, 120, 0.15);
  box-shadow: inset 0 5px 0 var(--home-mc-accent), 0 32px 90px rgba(0, 0, 0, 0.24) !important;
}

.home-masterclass .masterclass-showcase__panel--personnel {
  --home-mc-accent: #d9bd78;
  --home-mc-accent-soft: rgba(217, 189, 120, 0.16);
}

.home-masterclass .masterclass-showcase__panel--relationnel {
  --home-mc-accent: #7a2538;
  --home-mc-accent-soft: rgba(122, 37, 56, 0.18);
}

.home-masterclass .masterclass-showcase__panel--professionnel {
  --home-mc-accent: #aeb6c2;
  --home-mc-accent-soft: rgba(174, 182, 194, 0.17);
}

.home-masterclass .masterclass-showcase__copy > span {
  max-width: none !important;
  color: var(--home-mc-accent) !important;
  font-size: clamp(1.02rem, 1.35vw, 1.32rem) !important;
  line-height: 1.18 !important;
  letter-spacing: 0.09em !important;
}

.home-masterclass .masterclass-showcase__copy h3 {
  max-width: 21ch !important;
  font-size: clamp(1.45rem, 2.2vw, 2.18rem) !important;
  line-height: 1.08 !important;
}

.home-masterclass .masterclass-showcase__columns > div {
  border-color: color-mix(in srgb, var(--home-mc-accent) 34%, transparent) !important;
  background: linear-gradient(135deg, var(--home-mc-accent-soft), rgba(255, 250, 240, 0.04)) !important;
}

.home-masterclass .masterclass-showcase__columns strong {
  color: var(--home-mc-accent) !important;
}

.home-masterclass .masterclass-showcase__tabs button[data-masterclass-tab="personnel"].is-active {
  background: #d9bd78 !important;
  border-color: rgba(217, 189, 120, 0.85) !important;
  color: #07101f !important;
}

.home-masterclass .masterclass-showcase__tabs button[data-masterclass-tab="relationnel"].is-active {
  background: #7a2538 !important;
  border-color: rgba(122, 37, 56, 0.85) !important;
  color: #fffaf0 !important;
}

.home-masterclass .masterclass-showcase__tabs button[data-masterclass-tab="professionnel"].is-active {
  background: #aeb6c2 !important;
  border-color: rgba(174, 182, 194, 0.9) !important;
  color: #07101f !important;
}

html[data-theme="day"] .home-masterclass .masterclass-showcase__panel {
  box-shadow: inset 0 5px 0 var(--home-mc-accent), 0 26px 76px rgba(7, 16, 31, 0.12) !important;
}

html[data-theme="day"] .home-masterclass .masterclass-showcase__copy > span,
html[data-theme="day"] .home-masterclass .masterclass-showcase__columns strong {
  color: var(--home-mc-accent) !important;
}

.home-checkpoint .checkpoint__brand {
  max-width: none !important;
  white-space: nowrap !important;
}

.home-checkpoint .checkpoint__subtitle {
  max-width: 34ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.home-checkpoint .checkpoint__header .t-lead {
  margin-left: auto !important;
  margin-right: auto !important;
}

.home-checkpoint .checkpoint__bg,
html[data-theme="night"] .home-checkpoint .checkpoint__bg {
  opacity: 1 !important;
  filter: none !important;
  background:
    linear-gradient(90deg, rgba(7, 16, 31, 0.82), rgba(7, 16, 31, 0.46) 44%, rgba(7, 16, 31, 0.18)),
    url("visuals-v2/generated/brochure-panorama/brochure-hero-cliff-night-woman-second-20260617.jpg") center 47% / cover no-repeat !important;
}

html[data-theme="day"] .home-checkpoint .checkpoint__bg {
  opacity: 1 !important;
  filter: none !important;
  background:
    linear-gradient(90deg, rgba(246, 240, 229, 0.88), rgba(246, 240, 229, 0.48) 48%, rgba(246, 240, 229, 0.18)),
    url("visuals-v2/generated/brochure-panorama/brochure-final-horizon-woman-20260617.jpg") center 46% / cover no-repeat !important;
}

.home-checkpoint__service {
  width: min(1100px, 100%) !important;
  margin: clamp(32px, 5vw, 58px) auto 0 !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1fr) !important;
  gap: clamp(18px, 3vw, 34px) !important;
  align-items: stretch !important;
  padding: clamp(14px, 1.8vw, 20px) !important;
  border: 1px solid rgba(217, 189, 120, 0.28) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.11), rgba(255, 250, 240, 0.035)),
    rgba(7, 16, 31, 0.72) !important;
  box-shadow: 0 32px 96px rgba(0, 0, 0, 0.28) !important;
}

.home-checkpoint-service__media {
  position: relative !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  aspect-ratio: 16 / 10 !important;
  background: rgba(7, 16, 31, 0.5) !important;
}

.home-checkpoint-service__media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center 28% !important;
  filter: none !important;
}

.home-checkpoint-service__media figcaption {
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 12px !important;
  margin: 0 !important;
  color: rgba(255, 250, 240, 0.74) !important;
  font-size: 0.72rem !important;
  line-height: 1.35 !important;
}

.home-checkpoint-service__play {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  border: 1px solid rgba(217, 189, 120, 0.55) !important;
  border-radius: 50% !important;
  background: rgba(7, 16, 31, 0.54) !important;
  color: #d9bd78 !important;
  transform: translate(-50%, -50%) !important;
}

.home-checkpoint-service__copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: clamp(12px, 2.5vw, 24px) clamp(8px, 1.4vw, 16px) !important;
}

.home-checkpoint-service__tag,
.home-checkpoint-service__checks strong {
  color: #d9bd78 !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.73rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.home-checkpoint-service__copy h3 {
  margin: 0 !important;
  color: #fffaf0 !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(2.1rem, 4vw, 3.9rem) !important;
  font-weight: 400 !important;
  line-height: 0.98 !important;
}

.home-checkpoint-service__lead {
  margin: 0 !important;
  color: #fffaf0 !important;
  font-size: clamp(1rem, 0.65vw + 0.86rem, 1.18rem) !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.home-checkpoint-service__lead span {
  display: block !important;
}

.home-checkpoint-service__copy p:not(.home-checkpoint-service__lead) {
  max-width: 64ch !important;
  margin: 0 !important;
  color: rgba(255, 250, 240, 0.74) !important;
  line-height: 1.62 !important;
}

.home-checkpoint-service__formats {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.home-checkpoint-service__formats a {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border: 1px solid rgba(217, 189, 120, 0.34) !important;
  border-radius: 999px !important;
  color: #fffaf0 !important;
  background: rgba(255, 250, 240, 0.08) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.home-checkpoint-service__formats a:is(:hover, :focus-visible) {
  border-color: rgba(217, 189, 120, 0.74) !important;
  background: rgba(217, 189, 120, 0.17) !important;
}

.home-checkpoint-service__checks {
  display: grid !important;
  gap: 10px !important;
  margin-top: 2px !important;
}

.home-checkpoint-service__checks--columns {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(14px, 2vw, 22px) !important;
}

.home-checkpoint-service__checks--columns > div {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
}

.home-checkpoint-service__checks ul {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.home-checkpoint-service__checks li {
  position: relative !important;
  padding-left: 16px !important;
  color: rgba(255, 250, 240, 0.72) !important;
  line-height: 1.45 !important;
}

.home-checkpoint-service__checks li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.72em !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #d9bd78 !important;
}

.home-checkpoint .checkpoint__cta {
  gap: 12px !important;
}

.home-checkpoint .checkpoint__cta .btn {
  min-height: 44px !important;
  padding: 0 18px !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.075em !important;
}

html[data-theme="day"] .home-checkpoint__service {
  border-color: rgba(184, 148, 85, 0.32) !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.96), rgba(246, 240, 229, 0.82)) !important;
  box-shadow: 0 26px 76px rgba(7, 16, 31, 0.14) !important;
}

html[data-theme="day"] .home-checkpoint-service__copy h3,
html[data-theme="day"] .home-checkpoint-service__lead,
html[data-theme="day"] .home-checkpoint-service__formats a {
  color: #07101f !important;
}

html[data-theme="day"] .home-checkpoint-service__copy p:not(.home-checkpoint-service__lead),
html[data-theme="day"] .home-checkpoint-service__checks li {
  color: rgba(7, 16, 31, 0.72) !important;
}

html[data-theme="day"] .home-checkpoint-service__formats a {
  background: rgba(255, 255, 255, 0.5) !important;
}

.recovery__header .offer-kicker {
  display: block !important;
  margin-bottom: clamp(18px, 2.4vw, 30px) !important;
}

.recovery-card {
  align-items: center !important;
  text-align: center !important;
}

.recovery-card__num {
  display: none !important;
}

.recovery-card__title {
  margin-left: auto !important;
  margin-right: auto !important;
}

.recovery-card__cta {
  align-self: center !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 17px !important;
  border: 1px solid rgba(217, 189, 120, 0.48) !important;
  border-radius: 999px !important;
  background: rgba(217, 189, 120, 0.12) !important;
  color: #fffaf0 !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  font-size: 0.76rem !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.recovery-card__cta:is(:hover, :focus-visible) {
  border-color: rgba(217, 189, 120, 0.8) !important;
  background: rgba(217, 189, 120, 0.2) !important;
  transform: translateY(-1px) !important;
}

.recovery__cta {
  max-width: none !important;
  margin-top: clamp(28px, 4vw, 46px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.recovery__actions {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

.recovery__actions .btn {
  min-height: 44px !important;
  padding: 0 18px !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.075em !important;
}

html[data-theme="day"] .recovery-card__cta {
  color: #07101f !important;
  background: rgba(184, 148, 85, 0.12) !important;
}

@media (max-width: 1080px) {
  .home-checkpoint__service {
    grid-template-columns: 1fr !important;
  }

  .home-checkpoint-service__media {
    max-height: 360px !important;
  }
}

@media (max-width: 760px) {
  .hero--trajectoire {
    min-height: 100svh !important;
    padding-top: 92px !important;
  }

  .hero--trajectoire .hero__shell {
    min-height: calc(100svh - 92px) !important;
    padding-bottom: 126px !important;
  }

  .hero--trajectoire .hero__brand-title {
    font-size: clamp(2.6rem, 14vw, 4rem) !important;
  }

  .hero--trajectoire .hero__title {
    max-width: 18ch !important;
    font-size: clamp(1.38rem, 7vw, 2.35rem) !important;
  }

  .hero--trajectoire .hero__lead {
    max-width: 34ch !important;
    font-size: 0.88rem !important;
  }

  .hero--trajectoire .hero__ctas {
    align-items: flex-start !important;
  }

  .hero--trajectoire .hero__ctas .btn {
    width: auto !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    font-size: 0.72rem !important;
  }

  .home-masterclass .masterclass__title-reduced {
    max-width: 12ch !important;
    font-size: clamp(2.1rem, 12vw, 3.2rem) !important;
  }

  .home-masterclass .masterclass-showcase__copy > span {
    font-size: 0.92rem !important;
  }

  .home-masterclass .masterclass-showcase__copy h3 {
    font-size: clamp(1.38rem, 8vw, 2.05rem) !important;
  }

  .home-checkpoint .checkpoint__brand {
    white-space: normal !important;
    max-width: 12ch !important;
  }

  .home-checkpoint-service__media {
    aspect-ratio: 16 / 10 !important;
  }

  .home-checkpoint-service__copy h3 {
    font-size: clamp(2rem, 12vw, 3rem) !important;
  }

  .home-checkpoint-service__formats a,
  .home-checkpoint .checkpoint__cta .btn,
  .recovery__actions .btn {
    width: 100% !important;
  }
}

/* Home corrections pass 4 refinements - 2026-06-17 */
.hero--trajectoire .hero__copy {
  transform: translateY(clamp(170px, 21vh, 224px)) !important;
}

.home-checkpoint-service__media {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  align-self: start !important;
  justify-self: stretch !important;
}

@media (max-width: 760px) {
  .hero--trajectoire .hero__copy {
    transform: translateY(108px) !important;
  }

  .home-checkpoint-service__media {
    align-self: start !important;
  }
}

body #main .hero--trajectoire > .hero__shell > .hero__copy {
  position: relative !important;
  top: clamp(205px, 25vh, 254px) !important;
  transform: none !important;
}

@media (max-width: 760px) {
  body #main .hero--trajectoire > .hero__shell > .hero__copy {
    top: 108px !important;
  }
}

/* Home multi-brochure polish - 2026-06-17 */
.home-masterclass .masterclass-showcase__panel--professionnel .masterclass-showcase__copy {
  justify-content: flex-start !important;
  padding-top: clamp(1.5rem, 3.5vw, 2.8rem) !important;
}

.home-masterclass .masterclass-showcase__panel--professionnel .masterclass-showcase__copy p {
  max-width: 64ch;
}

.home-checkpoint-service__media {
  aspect-ratio: 16 / 9 !important;
}

.home-checkpoint-service__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Home V2 final polish - 2026-06-18 */
.home-masterclass .masterclass__title-reduced {
  max-width: none !important;
  white-space: nowrap !important;
  font-size: clamp(1.55rem, 2.55vw, 2.55rem) !important;
  line-height: 1.04 !important;
}

.home-masterclass .masterclass-showcase__panel {
  min-height: 0 !important;
}

.home-masterclass .masterclass-showcase__media {
  min-height: clamp(430px, 38vw, 520px) !important;
}

.home-masterclass .masterclass-showcase__copy {
  min-height: clamp(430px, 38vw, 520px) !important;
  padding-bottom: clamp(16px, 2vw, 24px) !important;
}

.home-masterclass .masterclass-showcase__copy .btn {
  margin-top: auto !important;
}

@media (min-width: 1081px) {
  .home-masterclass .masterclass-showcase__panel {
    align-items: stretch !important;
  }

  .home-masterclass .masterclass-showcase__media,
  .home-masterclass .masterclass-showcase__copy {
    height: clamp(520px, 43vw, 620px) !important;
    min-height: 0 !important;
  }

  .home-masterclass .masterclass-showcase__media img {
    height: 100% !important;
    object-fit: cover !important;
  }
}

.home-masterclass .masterclass-showcase__copy > span {
  display: inline-block !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
}

.home-masterclass .masterclass-showcase__panel--personnel .masterclass-showcase__copy > span {
  background-image: linear-gradient(135deg, #fff1b8 0%, #d9bd78 34%, #a77a27 72%, #f8df95 100%) !important;
}

.home-masterclass .masterclass-showcase__panel--relationnel .masterclass-showcase__copy > span {
  background-image: linear-gradient(135deg, #f0c7c4 0%, #8f1f35 46%, #3b0714 100%) !important;
}

.home-masterclass .masterclass-showcase__panel--professionnel .masterclass-showcase__copy > span {
  background-image: linear-gradient(135deg, #ffffff 0%, #c6d0db 46%, #6f7b88 100%) !important;
}

html[data-theme="day"] .home-masterclass .masterclass-showcase__panel--professionnel .masterclass-showcase__copy > span {
  background-image: linear-gradient(135deg, #f3f6f9 0%, #9aa6b5 44%, #344050 100%) !important;
}

.home-checkpoint .checkpoint__brand,
.home-checkpoint-service__copy h3 {
  max-width: none !important;
  white-space: nowrap !important;
}

.home-checkpoint,
html[data-theme="night"] .home-checkpoint {
  background:
    linear-gradient(90deg, rgba(7, 16, 31, 0.88), rgba(7, 16, 31, 0.58) 44%, rgba(7, 16, 31, 0.20)),
    url("visuals-v2/generated/home/20260618/home-checkpoint-bg-night-second-plan-v2-20260618.jpg") center 48% / cover no-repeat !important;
}

html[data-theme="day"] .home-checkpoint {
  background:
    linear-gradient(90deg, rgba(246, 240, 229, 0.78), rgba(246, 240, 229, 0.46) 48%, rgba(246, 240, 229, 0.06)),
    url("visuals-v2/generated/home/20260618/home-checkpoint-bg-day-second-plan-20260618.jpg") center 48% / cover no-repeat !important;
}

.home-checkpoint .checkpoint__bg {
  display: block !important;
}

.home-checkpoint .checkpoint__bg,
html[data-theme="night"] .home-checkpoint .checkpoint__bg {
  background:
    linear-gradient(90deg, rgba(7, 16, 31, 0.86), rgba(7, 16, 31, 0.54) 44%, rgba(7, 16, 31, 0.18)),
    url("visuals-v2/generated/home/20260618/home-checkpoint-bg-night-second-plan-v2-20260618.jpg") center 48% / cover no-repeat !important;
}

html[data-theme="day"] .home-checkpoint .checkpoint__bg {
  background:
    linear-gradient(90deg, rgba(246, 240, 229, 0.78), rgba(246, 240, 229, 0.46) 48%, rgba(246, 240, 229, 0.06)),
    url("visuals-v2/generated/home/20260618/home-checkpoint-bg-day-second-plan-20260618.jpg") center 48% / cover no-repeat !important;
}

.home-checkpoint__service {
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.13), rgba(255, 250, 240, 0.045)),
    rgba(7, 16, 31, 0.86) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}

html[data-theme="day"] .home-checkpoint__service {
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.98), rgba(246, 240, 229, 0.90)) !important;
}

.home-checkpoint-service__media {
  align-self: center !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
}

.home-checkpoint-service__media figcaption,
.home-checkpoint-service__play {
  display: none !important;
}

.media-hub__header .t-h1 {
  max-width: none !important;
  white-space: nowrap !important;
  font-size: clamp(2rem, 3.05vw, 3.35rem) !important;
}

html[data-theme="day"] .media-hub__header :is(.eyebrow, .t-h1),
html[data-theme="day"] .media-hub__header .t-em {
  color: #07101f !important;
  -webkit-text-fill-color: #07101f !important;
  text-shadow: 0 1px 22px rgba(255, 250, 240, 0.72) !important;
}

html[data-theme="day"] .media-hub__header .t-em {
  color: #8c6a1f !important;
  -webkit-text-fill-color: #8c6a1f !important;
}

.endcta,
html[data-theme="night"] .endcta {
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.55), rgba(7, 16, 31, 0.78)),
    url("visuals-v2/generated/home/20260618/home-action-bg-night-no-people-20260618.jpg") center 52% / cover no-repeat !important;
}

html[data-theme="day"] .endcta {
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.18), rgba(7, 16, 31, 0.34)),
    url("visuals-v2/generated/home/20260618/home-action-bg-day-no-people-20260618.jpg") center 54% / cover no-repeat !important;
}

.endcta::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(217, 189, 120, 0.14), transparent 38%),
    linear-gradient(180deg, rgba(7, 16, 31, 0.18), rgba(7, 16, 31, 0.30)) !important;
}

html[data-theme="day"] .endcta::before {
  background:
    radial-gradient(circle at 50% 42%, rgba(217, 189, 120, 0.14), transparent 38%),
    linear-gradient(180deg, rgba(255, 250, 240, 0.08), rgba(7, 16, 31, 0.18)) !important;
}

.endcta__shell {
  position: relative !important;
  z-index: 1 !important;
}

.reseaux .community {
  width: min(940px, 100%) !important;
  margin-inline: auto !important;
  padding: clamp(2rem, 4vw, 3.6rem) clamp(1.2rem, 4vw, 3.6rem) !important;
  border: 1px solid rgba(255, 250, 240, 0.28) !important;
  border-radius: 22px !important;
  background: rgba(7, 16, 31, 0.50) !important;
  box-shadow: 0 34px 96px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

html[data-theme="day"] .reseaux .community {
  border-color: rgba(255, 250, 240, 0.62) !important;
  background: rgba(255, 250, 240, 0.46) !important;
  box-shadow: 0 30px 90px rgba(7, 16, 31, 0.18) !important;
}

@media (max-width: 900px) {
  .home-masterclass .masterclass__title-reduced,
  .media-hub__header .t-h1,
  .home-checkpoint .checkpoint__brand,
  .home-checkpoint-service__copy h3 {
    white-space: normal !important;
  }
}

@media (max-width: 1080px) {
  .home-checkpoint-service__media {
    min-height: 320px !important;
    aspect-ratio: 16 / 10 !important;
  }
}

/* Home nav safety lock - 2026-06-18
   Keeps the static HTML nav usable before/without the global nav script. */
@media (min-width: 921px) {
  .nav__burger {
    display: none !important;
  }

  .nav__inner {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    grid-auto-flow: column !important;
    grid-auto-rows: auto !important;
    min-height: 0 !important;
  }

  .nav__links {
    min-width: 0 !important;
    justify-self: start !important;
    justify-content: flex-start !important;
  }

  .nav__cta {
    justify-self: end !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  .cta-sticky,
  .cta-sticky.is-visible {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  .nav__links {
    display: none !important;
  }

  .nav__burger {
    display: inline-flex !important;
    grid-column: 3 !important;
    justify-self: end !important;
  }

  .nav__cta {
    display: none !important;
  }

  .nav__inner {
    grid-template-columns: auto 1fr auto !important;
  }
}

@media (max-width: 920px) {
  .nav__burger {
    display: inline-flex !important;
    grid-column: 3 !important;
    justify-self: end !important;
  }

  .cta-sticky:not(.is-visible) {
    display: none !important;
  }
}

/* Home precision fixes - 2026-06-18 */
.hero--trajectoire .rf-hero-watermark {
  position: absolute !important;
  right: clamp(22px, 3vw, 58px) !important;
  bottom: clamp(100px, 11vh, 148px) !important;
  z-index: 3 !important;
  width: clamp(42px, 4.2vw, 64px) !important;
  height: auto !important;
  opacity: 0.78 !important;
  pointer-events: none !important;
  filter: drop-shadow(0 10px 22px rgba(7, 16, 31, 0.55)) !important;
}

html[data-theme="day"] .hero--trajectoire .rf-hero-watermark {
  opacity: 0.72 !important;
}

.hero--trajectoire .hero__lead {
  max-width: 60ch !important;
}

.entry-router .route-card {
  grid-template-rows: auto auto auto 1fr auto !important;
  gap: clamp(10px, 1.4vw, 14px) !important;
  padding-bottom: clamp(18px, 2vw, 24px) !important;
}

.entry-router .route-card q,
.entry-router .route-card .route-card__note {
  font-size: clamp(0.78rem, 0.32vw + 0.72rem, 0.9rem) !important;
  line-height: 1.45 !important;
}

.entry-router .route-card__note b {
  margin-top: 8px !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

.entry-router .route-card__cta {
  margin-top: clamp(6px, 1vw, 10px) !important;
  align-self: center !important;
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.home-masterclass .masterclass-showcase__panel--relationnel .masterclass-showcase__copy h3 {
  max-width: 34ch !important;
  font-size: clamp(1.35rem, 1.75vw, 1.8rem) !important;
  line-height: 1.08 !important;
  white-space: normal !important;
}

.home-masterclass .masterclass-showcase__panel--professionnel .masterclass-showcase__media img {
  object-position: center 12% !important;
}

.home-checkpoint .checkpoint__header {
  margin-bottom: 0 !important;
  padding-bottom: clamp(10px, 1.4vw, 16px) !important;
}

.home-checkpoint .checkpoint__shell {
  gap: clamp(14px, 1.8vw, 22px) !important;
}

.home-checkpoint .checkpoint__header .t-lead {
  margin-top: clamp(10px, 1.4vw, 16px) !important;
}

.home-checkpoint__service {
  margin-top: clamp(6px, 1vw, 12px) !important;
}

.home-checkpoint-service__copy h3 {
  font-size: clamp(1.65rem, 2.8vw, 2.85rem) !important;
  line-height: 1.02 !important;
}

.home-checkpoint-service__lead {
  max-width: 38ch !important;
  font-size: clamp(0.92rem, 0.44vw + 0.82rem, 1.04rem) !important;
  line-height: 1.42 !important;
}

.home-checkpoint-service__formats {
  display: none !important;
}

.home-checkpoint__format-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: min(1040px, 100%) !important;
  margin: clamp(18px, 2.4vw, 30px) auto 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(217, 189, 120, 0.26) !important;
  border-radius: 24px !important;
  background: rgba(255, 250, 240, 0.06) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.16) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

.home-checkpoint__format-strip span,
.home-checkpoint__format-strip a {
  display: inline-flex !important;
  min-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-family: var(--rf-font-body, var(--sans)) !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.home-checkpoint__format-strip span {
  padding: 0 8px !important;
  color: rgba(255, 250, 240, 0.62) !important;
  font-size: 0.70rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.home-checkpoint__format-strip a {
  min-width: 178px !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(217, 189, 120, 0.28) !important;
  color: #fffaf0 !important;
  background: rgba(7, 16, 31, 0.36) !important;
}

.home-checkpoint__format-strip a strong {
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.home-checkpoint__format-strip a small {
  color: rgba(255, 250, 240, 0.62) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
}

.home-checkpoint__format-strip a:is(:hover, :focus-visible) {
  border-color: rgba(217, 189, 120, 0.72) !important;
  background: rgba(217, 189, 120, 0.16) !important;
  transform: translateY(-1px) !important;
}

html[data-theme="day"] .home-checkpoint__format-strip {
  border-color: rgba(184, 148, 85, 0.28) !important;
  background: rgba(255, 250, 240, 0.72) !important;
  box-shadow: 0 18px 54px rgba(7, 16, 31, 0.10) !important;
}

html[data-theme="day"] .home-checkpoint__format-strip span {
  color: rgba(7, 16, 31, 0.58) !important;
}

html[data-theme="day"] .home-checkpoint__format-strip a {
  border-color: rgba(184, 148, 85, 0.30) !important;
  color: #07101f !important;
  background: rgba(255, 255, 255, 0.52) !important;
}

html[data-theme="day"] .home-checkpoint__format-strip a small {
  color: rgba(7, 16, 31, 0.56) !important;
}

.reseaux,
html[data-theme="night"] .reseaux,
html[data-theme="day"] .reseaux {
  background:
    radial-gradient(circle at 22% 10%, rgba(217, 189, 120, 0.10), transparent 32%),
    linear-gradient(180deg, #07101f 0%, #0d1829 100%) !important;
}

html[data-theme="day"] .reseaux {
  background:
    radial-gradient(circle at 22% 10%, rgba(184, 148, 85, 0.12), transparent 34%),
    linear-gradient(180deg, #fffaf0 0%, #f1e8d8 100%) !important;
}

.reseaux::before,
.reseaux::after {
  display: none !important;
  content: none !important;
}

body #main .reseaux .community,
.reseaux .community {
  width: min(1160px, 100%) !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="day"] .reseaux .community {
  background: transparent !important;
  box-shadow: none !important;
}

body #main .reseaux .community .community__links.community__links--visual,
.reseaux .community .community__links.community__links--visual,
.reseaux .community__links--visual {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: min(1160px, 100%) !important;
  max-width: none !important;
  gap: clamp(14px, 2vw, 22px) !important;
  margin-top: clamp(24px, 3vw, 34px) !important;
  margin-inline: auto !important;
  justify-content: stretch !important;
  align-items: stretch !important;
}

body #main .reseaux .community .community__links.community__links--visual > .community-card,
.reseaux .community .community__links.community__links--visual > .community-card {
  width: auto !important;
  min-width: 0 !important;
}

.reseaux .community-card,
html[data-theme="day"] .reseaux .community-card,
html[data-theme="night"] .reseaux .community-card {
  position: relative !important;
  min-height: 330px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  padding: 18px !important;
  border: 1px solid rgba(217, 189, 120, 0.28) !important;
  border-radius: 18px !important;
  background: #07101f !important;
  color: #fffaf0 !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important;
  text-align: left !important;
}

.reseaux .community-card__media {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
}

.reseaux .community-card__media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  filter: saturate(0.98) contrast(1.02) !important;
}

.reseaux .community-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.05) 0%, rgba(7, 16, 31, 0.34) 42%, rgba(7, 16, 31, 0.88) 100%) !important;
}

.reseaux .community-card > :not(.community-card__media) {
  position: relative !important;
  z-index: 2 !important;
}

.reseaux .community-card .community-pill__icon {
  width: 28px !important;
  height: 28px !important;
  margin-bottom: 12px !important;
  color: #d9bd78 !important;
}

.reseaux .community-card span,
.reseaux .community-card strong {
  display: block !important;
  width: 100% !important;
}

.reseaux .community-card span {
  color: rgba(255, 250, 240, 0.78) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

.reseaux .community-card strong {
  margin-top: 6px !important;
  color: #fffaf0 !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(1.25rem, 1.8vw, 1.75rem) !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.reseaux .community-card--youtube .community-card__media img {
  object-position: center 20% !important;
}

.reseaux .community-card--linkedin .community-card__media img {
  object-position: center center !important;
}

.reseaux .community-card--tiktok .community-card__media img {
  object-position: center 18% !important;
}

.reseaux .community-card--instagram .community-card__media img {
  object-position: center 24% !important;
}

html[data-theme="day"] .reseaux :is(.community__title, .community__sub) {
  color: #07101F !important;
  -webkit-text-fill-color: #07101F !important;
  text-shadow: none !important;
}

.endcta__shell {
  background: rgba(7, 16, 31, 0.34) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
  min-height: clamp(390px, 48vh, 560px) !important;
  padding-block: clamp(46px, 6vw, 78px) !important;
}

html[data-theme="day"] .endcta__shell {
  background: rgba(7, 16, 31, 0.32) !important;
}

.endcta__eyebrow {
  margin-bottom: clamp(24px, 3vw, 38px) !important;
  transform: translateY(-1.45rem) !important;
}

.endcta__shell.stagger > *,
.home-dynamics .endcta__shell.stagger > * {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

.endcta__shell.stagger > .endcta__eyebrow,
.home-dynamics .endcta__shell.stagger > .endcta__eyebrow {
  margin-bottom: clamp(24px, 3vw, 38px) !important;
  transform: translateY(-1.45rem) !important;
}

@media (max-width: 1080px) {
  .reseaux .community__links--visual {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .hero--trajectoire .rf-hero-watermark {
    right: 16px !important;
    bottom: 96px !important;
    width: 42px !important;
  }

  .home-checkpoint__format-strip {
    align-items: stretch !important;
  }

  .home-checkpoint__format-strip span,
  .home-checkpoint__format-strip a {
    width: 100% !important;
  }

  .reseaux .community__links--visual {
    grid-template-columns: 1fr !important;
  }

  .reseaux .community-card {
    min-height: 290px !important;
  }
}

/* Home final corrections - 2026-06-20 */
#constat .constat__shell {
  row-gap: clamp(22px, 2vw, 26px) !important;
}

#constat .constat__hook {
  margin-top: 0 !important;
  margin-bottom: clamp(6px, 0.7vw, 8px) !important;
}

#constat .constat-panel--with-stat {
  margin-bottom: clamp(4px, 0.5vw, 8px) !important;
}

#constat .constat-truths__intro {
  margin-top: clamp(3px, 0.4vw, 6px) !important;
  margin-bottom: 0 !important;
}

#constat .constat-truths {
  margin-top: clamp(16px, 1.4vw, 20px) !important;
}

#partenariat.home-partnership .offer-kicker,
#partenariat.home-partnership .home-partnership__subtitle,
#partenariat.home-partnership .home-partnership__title em,
html[data-theme="day"] #partenariat.home-partnership .offer-kicker,
html[data-theme="day"] #partenariat.home-partnership .home-partnership__subtitle,
html[data-theme="day"] #partenariat.home-partnership .home-partnership__title em,
html[data-theme="night"] #partenariat.home-partnership .offer-kicker,
html[data-theme="night"] #partenariat.home-partnership .home-partnership__subtitle,
html[data-theme="night"] #partenariat.home-partnership .home-partnership__title em {
  color: #07101F !important;
  -webkit-text-fill-color: #07101F !important;
}

html[data-theme="day"] #partenariat.home-partnership .home-partnership__actions .btn--ghost {
  color: #FFFAF0 !important;
  -webkit-text-fill-color: #FFFAF0 !important;
  border-color: rgba(255, 250, 240, 0.92) !important;
  box-shadow: 0 0 0 1px rgba(255, 250, 240, 0.28) !important;
}

html[data-theme="day"] .endcta__shell {
  background: rgba(7, 16, 31, 0.22) !important;
}

.endcta__shell {
  background: rgba(7, 16, 31, 0.26) !important;
}

html[data-theme="day"] .endcta__title {
  color: #FFFAF0 !important;
  -webkit-text-fill-color: #FFFAF0 !important;
  text-shadow: 0 2px 22px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="day"] .endcta__title em,
html[data-theme="night"] .endcta__title em {
  color: var(--gold-light, #D8B27A) !important;
  -webkit-text-fill-color: var(--gold-light, #D8B27A) !important;
}

/* Home nav / Recovery / Partnership final alignment - 2026-06-21 */
@media (min-width: 1101px) {
  body:not(.production-v2) .nav__inner {
    align-items: center !important;
    gap: clamp(0.9rem, 1.35vw, 1.55rem) !important;
  }

  body:not(.production-v2) .nav__links {
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(0.76rem, 1.08vw, 1.15rem) !important;
    font-size: clamp(0.78rem, 0.84vw, 0.88rem) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  body:not(.production-v2) .nav__links a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 400 !important;
    min-height: 42px !important;
    padding: 0 2px !important;
  }
}

body:not(.production-v2) .nav__links a.is-featured {
  font-weight: 400 !important;
}

.recovery__subtitle span {
  display: block !important;
}

.recovery-card,
.recovery-card :is(.recovery-card__title, .recovery-card__lead, .recovery-card__desc) {
  text-align: left !important;
}

.recovery-card__cta {
  align-self: flex-start !important;
}

#partenariat.home-partnership .offer-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 34px !important;
  padding: 0.44rem 0.88rem !important;
  border: 1px solid currentColor !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 240, 0.08) !important;
  font-weight: 750 !important;
}

html[data-theme="day"] #partenariat.home-partnership .offer-kicker {
  color: #B89455 !important;
  -webkit-text-fill-color: #B89455 !important;
  background: rgba(255, 250, 240, 0.38) !important;
  box-shadow: 0 0 0 1px rgba(184, 148, 85, 0.10) !important;
}

html[data-theme="night"] #partenariat.home-partnership .offer-kicker {
  color: #AFC8E3 !important;
  -webkit-text-fill-color: #AFC8E3 !important;
  background: rgba(7, 16, 31, 0.28) !important;
  box-shadow: 0 0 0 1px rgba(175, 200, 227, 0.12) !important;
}

html[data-theme="night"] #partenariat.home-partnership .home-partnership__bg {
  background-image: url("../assets/visuals-v2/generated/partnership/home-partnership-atelier-night-20260621.png") !important;
  background-position: center center !important;
}

html[data-theme="night"] #partenariat.home-partnership .home-partnership__title,
html[data-theme="night"] #partenariat.home-partnership .home-partnership__title em,
html[data-theme="night"] #partenariat.home-partnership .home-partnership__subtitle {
  color: #AFC8E3 !important;
  -webkit-text-fill-color: #AFC8E3 !important;
  text-shadow: 0 2px 18px rgba(7, 16, 31, 0.62) !important;
}

html[data-theme="day"] #partenariat.home-partnership .home-partnership__title,
html[data-theme="day"] #partenariat.home-partnership .home-partnership__title em,
html[data-theme="day"] #partenariat.home-partnership .home-partnership__subtitle {
  color: #07101F !important;
  -webkit-text-fill-color: #07101F !important;
}

#partenariat.home-partnership .home-partnership__subtitle span {
  display: block !important;
}

/* Home corrections Koffi - 2026-06-30 */
html[data-theme="day"] .nav__inner,
body.theme-day .nav__inner {
  background: rgba(255, 252, 246, 0.72) !important;
  border-color: rgba(184, 148, 85, 0.24) !important;
  box-shadow: 0 18px 54px rgba(20, 35, 58, 0.10) !important;
  backdrop-filter: blur(24px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.35) !important;
}

html[data-theme="day"] .nav.scrolled .nav__inner,
body.theme-day .nav.scrolled .nav__inner {
  background: rgba(255, 252, 246, 0.82) !important;
}

body #main .hero--trajectoire > .hero__shell > .hero__copy {
  top: clamp(112px, 14vh, 152px) !important;
}

@media (max-width: 760px) {
  body #main .hero--trajectoire > .hero__shell > .hero__copy {
    top: 54px !important;
  }
}

.method--apple .method-apple__visual--photo {
  position: relative !important;
  overflow: hidden !important;
  min-height: clamp(360px, 46vw, 620px) !important;
  padding: 0 !important;
  background: rgba(7, 16, 31, 0.72) !important;
}

.method--apple .method-apple__visual--photo::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(7, 16, 31, 0.02), rgba(7, 16, 31, 0.32)),
    radial-gradient(circle at 78% 18%, rgba(217, 189, 120, 0.22), transparent 26rem) !important;
  pointer-events: none !important;
}

.method--apple .method-apple__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html[data-theme="day"] .method--apple .method-apple__image--night,
html[data-theme="night"] .method--apple .method-apple__image--day {
  opacity: 0 !important;
}

html[data-theme="day"] .method--apple .method-apple__image--day,
html[data-theme="night"] .method--apple .method-apple__image--night {
  opacity: 1 !important;
}

.media-card__poster--recovery,
html[data-theme="day"] .media-card__poster--recovery,
html[data-theme="night"] .media-card__poster--recovery {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.10) 0%, rgba(7, 16, 31, 0.52) 62%, rgba(7, 16, 31, 0.92) 100%),
    url("visuals-v2/home-pdf/home-recovery-raystore-coaching.webp") !important;
  background-position: center !important;
}

/* Home system video - 2026-07-01 */
#methode-rayflections .method-apple__hero-card {
  grid-template-columns: minmax(0, 0.92fr) minmax(410px, 1.08fr) !important;
  column-gap: clamp(1.25rem, 2.6vw, 2.5rem) !important;
  align-items: center !important;
  min-height: 0 !important;
}

#methode-rayflections .method-apple__visual--player {
  width: calc(100% - clamp(0.5rem, 1vw, 0.85rem)) !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  align-self: center !important;
  justify-self: start !important;
  background: #07101f !important;
}

#methode-rayflections .method-apple__visual--player .method-apple__video {
  object-fit: cover !important;
}

#methode-rayflections .method-apple__hero-copy {
  padding: clamp(1.6rem, 3vw, 2.8rem) !important;
}

#methode-rayflections .method-apple__hero-copy h3 {
  max-width: none !important;
  margin: clamp(0.75rem, 1.4vw, 1rem) 0 clamp(0.9rem, 1.6vw, 1.25rem) !important;
  font-size: clamp(1.58rem, 1.72vw, 2.02rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

#methode-rayflections .method-apple__hero-copy p {
  max-width: 52ch !important;
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  #methode-rayflections .method-apple__hero-card {
    grid-template-columns: 1fr !important;
  }

  #methode-rayflections .method-apple__visual--player {
    min-height: 0 !important;
  }

  #methode-rayflections .method-apple__hero-copy h3 {
    white-space: normal !important;
  }
}

/* Home video cleanup - Checkpoint poster and compact system frame, 2026-07-01. */
#methode-rayflections .method-apple__hero-card {
  min-height: auto !important;
  padding: clamp(1rem, 2vw, 1.45rem) !important;
}

#methode-rayflections .method-apple__visual--player {
  max-height: clamp(270px, 30vw, 420px) !important;
}

#methode-rayflections .method-apple__hero-copy {
  padding: clamp(1.15rem, 2.4vw, 2rem) !important;
}

#methode-rayflections .method-apple__hero-copy h3 {
  font-size: clamp(1.42rem, 1.62vw, 1.86rem) !important;
  white-space: nowrap !important;
}

.home-checkpoint-service__media video {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
}

.media-card__poster--checkpoint,
html[data-theme="day"] .media-card__poster--checkpoint,
html[data-theme="night"] .media-card__poster--checkpoint {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.05) 0%, rgba(7, 16, 31, 0.32) 58%, rgba(7, 16, 31, 0.82) 100%),
    url("videos/rayflections-checkpoint-lisa-poster-landscape-v2.jpg") !important;
  background-position: center 50% !important;
  background-size: cover !important;
}

/* Home media hub - Logbook video, 2026-07-02. */
.media-card__poster--logbook,
html[data-theme="night"] .media-card__poster--logbook {
  background-image:
    linear-gradient(170deg, rgba(7, 16, 31, 0.10) 0%, rgba(7, 16, 31, 0.46) 58%, rgba(7, 16, 31, 0.88) 100%),
    url("visuals-v2/generated/masterclass-main/masterclass-main-logbook-digital-tablet-woman-20260605.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
}

html[data-theme="day"] .media-card__poster--logbook {
  background-image:
    linear-gradient(170deg, rgba(255, 252, 246, 0.02) 0%, rgba(20, 35, 58, 0.18) 58%, rgba(20, 35, 58, 0.52) 100%),
    url("visuals-v2/generated/masterclass-main/masterclass-main-logbook-digital-tablet-woman-20260605.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
}

.home-dynamics .media-hub__grid > .media-card:nth-child(5) {
  --home-stagger: 4;
}

@media (min-width: 1101px) {
  .media-hub__grid.media-hub__grid--five {
    grid-template-columns: minmax(0, 1.12fr) repeat(2, minmax(0, 0.9fr)) !important;
    align-items: stretch !important;
  }

  .media-hub__grid.media-hub__grid--five .media-card--hero {
    grid-column: 1 / 2 !important;
    grid-row: 1 / span 2 !important;
    min-height: clamp(460px, 44vw, 620px) !important;
  }

  .media-hub__grid.media-hub__grid--five .media-card--side {
    min-height: clamp(220px, 20vw, 300px) !important;
  }

  .media-hub__grid.media-hub__grid--prelaunch-four {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .media-hub__grid.media-hub__grid--prelaunch-four .media-card--side {
    min-height: clamp(230px, 20vw, 310px) !important;
  }
}

@media (min-width: 881px) and (max-width: 1100px) {
  .media-hub__grid.media-hub__grid--five {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .media-hub__grid.media-hub__grid--five .media-card--hero {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-height: clamp(320px, 40vw, 460px) !important;
  }
}

@media (max-width: 900px) {
  .home-checkpoint-service__checks--columns {
    grid-template-columns: 1fr !important;
  }

  #methode-rayflections .method-apple__hero-copy h3 {
    white-space: normal !important;
  }
}

/* Home Checkpoint service layout - centered heading, then video + proof column. */
.home-checkpoint .home-checkpoint__service {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(18px, 2.4vw, 30px) !important;
  align-items: stretch !important;
}

.home-checkpoint .home-checkpoint-service__head {
  display: grid !important;
  justify-items: center !important;
  gap: clamp(8px, 1vw, 12px) !important;
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.home-checkpoint .home-checkpoint-service__head h3 {
  max-width: none !important;
  margin: 0 !important;
  color: #fffaf0 !important;
  font-family: var(--rf-font-title, var(--serif)) !important;
  font-size: clamp(1.78rem, 2.9vw, 3.15rem) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
}

.home-checkpoint .home-checkpoint-service__lead {
  max-width: 58ch !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.home-checkpoint .home-checkpoint-service__copy > .home-checkpoint-service__lead {
  max-width: 44ch !important;
  margin: 0 0 clamp(0.75rem, 1.4vw, 1rem) !important;
  text-align: left !important;
}

.home-checkpoint .home-checkpoint-service__body {
  display: grid !important;
  grid-template-columns: minmax(300px, 0.94fr) minmax(0, 1.06fr) !important;
  gap: clamp(18px, 3vw, 34px) !important;
  align-items: stretch !important;
}

.home-checkpoint .home-checkpoint-service__media {
  align-self: stretch !important;
  height: 100% !important;
  min-height: clamp(280px, 27vw, 390px) !important;
  aspect-ratio: auto !important;
}

.home-checkpoint .home-checkpoint-service__media video {
  height: 100% !important;
  min-height: inherit !important;
}

.home-checkpoint .home-checkpoint-service__copy {
  justify-content: center !important;
  padding: clamp(12px, 1.8vw, 20px) clamp(8px, 1.2vw, 14px) !important;
  text-align: left !important;
}

.home-checkpoint .home-checkpoint-service__checks--columns {
  align-items: start !important;
}

html[data-theme="day"] .home-checkpoint .home-checkpoint-service__head h3,
html[data-theme="day"] .home-checkpoint .home-checkpoint-service__lead {
  color: #07101f !important;
}

@media (max-width: 900px) {
  .home-checkpoint .home-checkpoint-service__head h3 {
    white-space: normal !important;
  }

  .home-checkpoint .home-checkpoint-service__body {
    grid-template-columns: 1fr !important;
  }

  .home-checkpoint .home-checkpoint-service__media {
    min-height: clamp(220px, 56vw, 340px) !important;
  }
}

/* Home Checkpoint service block - mirror the checkpoint.html service card. */
.home-checkpoint .cp-v4-service-showcase.home-checkpoint__service {
  width: min(1120px, 100%) !important;
  max-width: 1120px !important;
  margin: clamp(1.8rem, 3.8vw, 3rem) auto 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(18px, 2.4vw, 30px) !important;
  align-items: stretch !important;
  padding: clamp(1rem, 2vw, 1.5rem) !important;
  border: 1px solid rgba(217, 189, 120, 0.28) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.10), rgba(255, 250, 240, 0.035)),
    rgba(7, 16, 31, 0.72) !important;
  box-shadow:
    0 32px 96px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 250, 240, 0.10) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
}

html[data-theme="day"] .home-checkpoint .cp-v4-service-showcase.home-checkpoint__service {
  background:
    linear-gradient(135deg, rgba(255, 250, 240, 0.96), rgba(246, 240, 229, 0.84)) !important;
  border-color: rgba(184, 148, 85, 0.32) !important;
  box-shadow:
    0 26px 76px rgba(7, 16, 31, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

.home-checkpoint .cp-v4-service-showcase__intro {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  max-width: 860px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.home-checkpoint .cp-v4-service-showcase__tag {
  color: #d9bd78 !important;
  font-family: var(--rf-font-body, var(--font-body, "Inter", sans-serif)) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.home-checkpoint .cp-v4-service-showcase__intro h3 {
  margin: 0 !important;
  color: #d9bd78 !important;
  font-family: var(--rf-font-title, var(--font-head, "Cormorant Garamond", serif)) !important;
  font-size: clamp(1.8rem, 3vw, 2.7rem) !important;
  font-weight: 500 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

html[data-theme="day"] .home-checkpoint .cp-v4-service-showcase__intro h3 {
  color: #07101f !important;
}

.home-checkpoint .cp-v4-service-showcase__lead {
  margin: 0 !important;
  color: #d9bd78 !important;
  font-family: var(--rf-font-title, var(--font-head, "Cormorant Garamond", serif)) !important;
  font-size: clamp(1rem, 1.4vw, 1.18rem) !important;
  font-style: italic !important;
  line-height: 1.35 !important;
}

.home-checkpoint .cp-v4-service-showcase__lead span {
  display: block !important;
}

.home-checkpoint .cp-v4-service-showcase__body {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr) !important;
  gap: clamp(1.2rem, 2.5vw, 2rem) !important;
  align-items: center !important;
}

.home-checkpoint .cp-v4-service-showcase__media {
  position: relative !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(217, 189, 120, 0.42) !important;
  border-radius: 20px !important;
  background: #07101f !important;
  box-shadow: 0 26px 70px rgba(7, 16, 29, 0.28) !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  height: auto !important;
  align-self: center !important;
}

.home-checkpoint .cp-v4-service-video {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(230px, 28vw, 390px) !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #07101f !important;
  cursor: pointer !important;
}

.home-checkpoint .cp-v4-service-showcase__copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0.85rem !important;
  padding: 0 !important;
  text-align: left !important;
}

.home-checkpoint .cp-v4-service-showcase__columns {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: clamp(1rem, 2vw, 1.4rem) !important;
  margin: 0 !important;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  border: 1px solid rgba(201, 168, 76, 0.18) !important;
  border-radius: 22px !important;
  background: rgba(255, 250, 240, 0.05) !important;
}

html[data-theme="day"] .home-checkpoint .cp-v4-service-showcase__columns {
  background: rgba(255, 250, 240, 0.62) !important;
  border-color: rgba(184, 148, 85, 0.24) !important;
}

.home-checkpoint .cp-v4-service-showcase__columns strong {
  display: block !important;
  margin-bottom: 0.6rem !important;
  color: #d9bd78 !important;
  font-family: var(--rf-font-body, var(--font-body, "Inter", sans-serif)) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.home-checkpoint .cp-v4-service-showcase__columns ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
}

.home-checkpoint .cp-v4-service-showcase__columns li {
  position: relative !important;
  padding-left: 1.1rem !important;
  color: rgba(255, 250, 240, 0.78) !important;
  font-family: var(--rf-font-body, var(--font-body, "Inter", sans-serif)) !important;
  font-size: 0.85rem !important;
  line-height: 1.55 !important;
}

html[data-theme="day"] .home-checkpoint .cp-v4-service-showcase__columns li {
  color: rgba(7, 16, 31, 0.74) !important;
}

.home-checkpoint .cp-v4-service-showcase__columns li::before {
  content: "◆" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.25em !important;
  color: #d9bd78 !important;
  font-size: 0.5em !important;
  opacity: 0.75 !important;
}

.home-checkpoint .cp-v4-service-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.85rem !important;
  margin-top: 0 !important;
}

.home-checkpoint .cp-v4-service-actions :is(.btn-primary, .btn-secondary) {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  font-family: var(--rf-font-body, var(--font-body, "Inter", sans-serif)) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.075em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.home-checkpoint .cp-v4-service-actions .btn-primary {
  border: 1px solid rgba(217, 189, 120, 0.70) !important;
  background: #d9bd78 !important;
  color: #07101f !important;
}

.home-checkpoint .cp-v4-service-actions .btn-secondary {
  border: 1px solid rgba(217, 189, 120, 0.45) !important;
  background: rgba(255, 250, 240, 0.06) !important;
  color: #fffaf0 !important;
}

html[data-theme="day"] .home-checkpoint .cp-v4-service-actions .btn-secondary {
  border-color: rgba(184, 148, 85, 0.35) !important;
  background: rgba(255, 255, 255, 0.46) !important;
  color: #07101f !important;
}

@media (max-width: 900px) {
  .home-checkpoint .cp-v4-service-showcase__body {
    grid-template-columns: 1fr !important;
  }

  .home-checkpoint .cp-v4-service-video {
    min-height: clamp(220px, 56vw, 340px) !important;
  }
}

@media (max-width: 560px) {
  .home-checkpoint .cp-v4-service-actions :is(.btn-primary, .btn-secondary) {
    width: 100% !important;
  }
}

/* Home mobile menu parity with V2 pages - 2026-07-10 */
body:not(.production-v2).ray-nav-mounted .nav--global {
  z-index: 1000 !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 998 !important;
  background: rgba(7, 16, 29, 0.28) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 200ms ease !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:not(.production-v2).ray-nav-mounted.drawer-open .nav__drawer-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer {
  position: fixed !important;
  inset: 86px 14px auto 14px !important;
  z-index: 999 !important;
  display: grid !important;
  width: auto !important;
  max-width: none !important;
  max-height: calc(100dvh - 110px) !important;
  gap: 0.2rem !important;
  padding: 0.8rem !important;
  overflow-y: auto !important;
  border: 1px solid rgba(191, 155, 82, 0.28) !important;
  border-radius: 24px !important;
  background: rgba(255, 251, 245, 0.96) !important;
  background-image: none !important;
  box-shadow: 0 24px 80px rgba(7, 16, 29, 0.22) !important;
  color: #07101d !important;
  opacity: 0 !important;
  transform: translateY(-10px) !important;
  pointer-events: none !important;
  transition: opacity 200ms ease, transform 200ms ease !important;
  backdrop-filter: blur(22px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
}

html[data-theme="night"] body:not(.production-v2).ray-nav-mounted .nav__drawer,
body.theme-night:not(.production-v2).ray-nav-mounted .nav__drawer {
  background: rgba(7, 16, 29, 0.96) !important;
  color: #fffaf0 !important;
}

body:not(.production-v2).ray-nav-mounted.drawer-open .nav__drawer {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-list,
body:not(.production-v2).ray-nav-mounted .nav__drawer-cta {
  display: grid !important;
  gap: 0.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-cta {
  margin-top: 0.35rem !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer a {
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 0 1rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: currentColor !important;
  font-family: var(--sans, "Inter", system-ui, sans-serif) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 180ms ease, background 180ms ease !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer a[aria-current="page"],
body:not(.production-v2).ray-nav-mounted .nav__drawer a:hover {
  color: #d9bd78 !important;
  background: rgba(217, 189, 120, 0.10) !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer a.btn--gold {
  justify-content: center !important;
  width: 100% !important;
  margin-top: 0.35rem !important;
  background: #d9bd78 !important;
  color: #07101d !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle {
  display: none !important;
}

@media (max-width: 760px) {
  body:not(.production-v2).ray-nav-mounted .nav__drawer {
    inset: 82px 14px auto 14px !important;
  }
}

@media (min-width: 921px) {
  body:not(.production-v2).ray-nav-mounted .nav__drawer,
  body:not(.production-v2).ray-nav-mounted .nav__drawer-overlay {
    display: none !important;
  }
}

/* Home nav parity with production pages - 2026-07-12 */
body:not(.production-v2).ray-nav-mounted .nav--global,
body:not(.production-v2).ray-nav-mounted .nav--global.scrolled {
  justify-content: center !important;
  padding: 18px clamp(24px, 4vw, 64px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(.production-v2).ray-nav-mounted .nav--global .nav__inner {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: clamp(1rem, 2vw, 2rem) !important;
  width: min(calc(100% - clamp(24px, 4vw, 64px) * 2), 1280px) !important;
  max-width: 1280px !important;
  min-height: 70px !important;
  padding: 12px 16px 12px 22px !important;
}

body:not(.production-v2).ray-nav-mounted .nav--global .nav__brand {
  gap: 0.65rem !important;
  min-width: max-content !important;
}

body:not(.production-v2).ray-nav-mounted .nav--global .nav__brand-mark {
  width: 30px !important;
  height: 30px !important;
}

body:not(.production-v2).ray-nav-mounted .nav--global .nav__brand span {
  font-size: clamp(0.78rem, 0.9vw, 0.95rem) !important;
  letter-spacing: 0.12em !important;
}

body:not(.production-v2).ray-nav-mounted .nav--global .nav__links {
  width: auto !important;
  justify-self: center !important;
  justify-content: center !important;
}

body:not(.production-v2).ray-nav-mounted .nav--global .nav__cta {
  justify-content: flex-end !important;
  gap: 0.7rem !important;
}

body:not(.production-v2).ray-nav-mounted .nav--global :is(.theme-toggle, .btn.btn--gold, .nav__members-home) {
  min-height: 44px !important;
}

html[data-theme="day"] body:not(.production-v2).ray-nav-mounted .nav--global .nav__inner,
body.theme-day:not(.production-v2).ray-nav-mounted .nav--global .nav__inner {
  background: rgba(255, 251, 245, 0.88) !important;
}

html[data-theme="night"] body:not(.production-v2).ray-nav-mounted .nav--global .nav__inner,
body.theme-night:not(.production-v2).ray-nav-mounted .nav--global .nav__inner {
  background: rgba(7, 16, 29, 0.92) !important;
}

/* Home mobile final pass - 2026-07-13: compact drawer, landscape access, theme control. */
body:not(.production-v2).ray-nav-mounted .nav__drawer-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  padding: 0 0.3rem 0 1rem !important;
  border: 1px solid rgba(191, 155, 82, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(217, 189, 120, 0.08) !important;
  color: currentColor !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-tools > span {
  font-family: var(--sans, "Inter", system-ui, sans-serif) !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer {
  display: inline-flex !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border-color: rgba(191, 155, 82, 0.30) !important;
  background: rgba(255, 250, 240, 0.16) !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer,
body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer:hover,
body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer:focus,
body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer:active {
  border-radius: 999px !important;
  background: rgba(217, 189, 120, 0.10) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(217, 189, 120, 0.22) !important;
  outline: 0 !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer *,
body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer::before,
body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer::after {
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer .theme-toggle__icon {
  width: 17px !important;
  height: 17px !important;
}

html[data-theme="night"] body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer .theme-toggle__icon--moon,
body.theme-night:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer .theme-toggle__icon--moon {
  display: block !important;
}

html[data-theme="night"] body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer .theme-toggle__icon--sun,
body.theme-night:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer .theme-toggle__icon--sun {
  display: none !important;
}

html[data-theme="day"] body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer .theme-toggle__icon--moon,
body.theme-day:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer .theme-toggle__icon--moon {
  display: none !important;
}

html[data-theme="day"] body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer .theme-toggle__icon--sun,
body.theme-day:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer .theme-toggle__icon--sun {
  display: block !important;
}

@media (max-width: 920px), (hover: none) and (max-height: 540px) {
  body:not(.production-v2).ray-nav-mounted .nav--global,
  body:not(.production-v2).ray-nav-mounted .nav--global.scrolled {
    padding: 14px 14px 0 !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav--global .nav__inner {
    grid-template-columns: auto auto !important;
    justify-content: space-between !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-height: 62px !important;
    gap: 10px !important;
    padding: 8px 10px 8px 14px !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav--global .nav__links,
  body:not(.production-v2).ray-nav-mounted .nav--global .nav__cta {
    display: none !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav--global .nav__burger {
    display: flex !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin-left: auto !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer {
    inset: 76px 14px auto 14px !important;
    max-height: calc(100dvh - 94px) !important;
    padding: 0.8rem !important;
    border-radius: 24px !important;
  }
}

body:not(.production-v2).drawer-open :is(.lisa-widget__launcher, .lisa-widget, .lisa-widget__panel),
body:not(.production-v2).method-nav-open :is(.lisa-widget__launcher, .lisa-widget, .lisa-widget__panel) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body:not(.production-v2).drawer-open #tarteaucitronRoot,
body:not(.production-v2).method-nav-open #tarteaucitronRoot {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body:not(.production-v2).ray-nav-mounted #tarteaucitronRoot {
  z-index: 2147483000 !important;
}

@media (orientation: landscape) and (max-height: 540px) {
  body:not(.production-v2).ray-nav-mounted .nav__drawer {
    inset: 76px 14px 14px 14px !important;
    align-content: start !important;
    max-height: none !important;
    gap: 0.45rem !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.25rem !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer a {
    min-height: 38px !important;
    padding-inline: 0.9rem !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer-cta {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0.45rem !important;
    align-items: center !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer-tools,
  body:not(.production-v2).ray-nav-mounted .nav__drawer a.btn--gold {
    min-height: 40px !important;
    margin-top: 0 !important;
  }
}

/* Global nav robustness - 2026-07-13: close control + scrollable landscape drawer. */
body:not(.production-v2).ray-nav-mounted .nav__drawer {
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  z-index: 2147483202 !important;
}

body:not(.production-v2).ray-nav-mounted .nav--global {
  z-index: 2147483201 !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-overlay {
  z-index: 2147483200 !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 40px !important;
  padding: 0 0 0.4rem !important;
  border-bottom: 1px solid rgba(191, 155, 82, 0.16) !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-head > span {
  font-family: var(--sans, "Inter", system-ui, sans-serif) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(191, 155, 82, 0.92) !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-close {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(191, 155, 82, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 240, 0.10) !important;
  color: currentColor !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-close span {
  position: absolute !important;
  width: 16px !important;
  height: 1.5px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  transform-origin: center !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-close span:first-child {
  transform: rotate(45deg) !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer-close span:last-child {
  transform: rotate(-45deg) !important;
}

@media (orientation: landscape) and (max-height: 620px) {
  body:not(.production-v2).ray-nav-mounted .nav--global,
  body:not(.production-v2).ray-nav-mounted .nav--global.scrolled {
    padding: 10px 14px 0 !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav--global .nav__inner {
    grid-template-columns: auto auto !important;
    justify-content: space-between !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-height: 58px !important;
    padding: 7px 10px 7px 14px !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav--global .nav__links,
  body:not(.production-v2).ray-nav-mounted .nav--global .nav__cta {
    display: none !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav--global .nav__burger {
    display: flex !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin-left: auto !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer {
    display: grid !important;
    inset: 70px 14px 10px 14px !important;
    max-height: calc(100dvh - 80px) !important;
    padding: 0.65rem !important;
    gap: 0.35rem !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer-head {
    min-height: 34px !important;
    padding-bottom: 0.28rem !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.2rem !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer a {
    min-height: 34px !important;
    padding-inline: 0.75rem !important;
    font-size: 0.68rem !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer-cta {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0.35rem !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer-tools,
  body:not(.production-v2).ray-nav-mounted .nav__drawer a.btn--gold {
    min-height: 36px !important;
    margin-top: 0 !important;
  }

  body:not(.production-v2).ray-nav-mounted .nav__drawer-close,
  body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }
}

/* Home system video alignment - 2026-07-13 */
#methode-rayflections .method-apple__visual--player {
  margin: 0 !important;
  max-width: 100% !important;
}

@media (max-width: 900px) {
  #methode-rayflections .method-apple__visual--player {
    width: 100% !important;
    justify-self: center !important;
  }
}

/* Home nav theme toggle centering - 2026-07-13 */
body:not(.production-v2).ray-nav-mounted .nav--global .theme-toggle {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  flex: 0 0 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
}

body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  flex: 0 0 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
}

body:not(.production-v2).ray-nav-mounted .nav--global .theme-toggle .theme-toggle__icon,
body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer .theme-toggle__icon {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center !important;
  flex: 0 0 auto !important;
}

body:not(.production-v2).ray-nav-mounted .nav--global .theme-toggle .theme-toggle__icon {
  width: 18px !important;
  height: 18px !important;
}

@media (orientation: landscape) and (max-height: 620px) {
  body:not(.production-v2).ray-nav-mounted .nav__drawer .theme-toggle.theme-toggle--drawer {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex-basis: 34px !important;
  }
}

/* Home entry router: keep the longer Checkpoint statement on three stable lines. */
.entry-router .route-card strong.route-card__title--three-lines {
  min-height: calc(3 * 1.12em) !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

@media (max-width: 760px) {
  .entry-router .route-card strong.route-card__title--three-lines {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }
}

@media (max-width: 360px) {
  .entry-router .route-card strong.route-card__title--three-lines {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}