/* ======================================================================
   RODYAM — fonds WebP optimisés intégrés — correctif dynamique 2026-06-05
   Correctif : les fonds suivent maintenant la navigation React par onglet.
   Le fond est appliqué au body en fallback direct, puis renforcé par voiles
   lisibles au-dessus. Aucun changement de structure SMTP / PHP.
   ====================================================================== */
html,
html body {
  min-height: 100% !important;
  background-color: #030306 !important;
}
html body {
  --rdy-bg-image: none;
  position: relative !important;
  isolation: isolate !important;
  color: #f8f7ff;
  background-color: #030306 !important;
  background-image:
    linear-gradient(180deg, rgba(3,3,6,.36) 0%, rgba(4,4,8,.58) 43%, rgba(3,3,6,.78) 100%),
    radial-gradient(ellipse 86% 34% at 50% 8%, rgba(151,86,255,.16), transparent 72%),
    var(--rdy-bg-image) !important;
  background-size: cover, cover, cover !important;
  background-position: center top, center top, center top !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-attachment: fixed, fixed, fixed !important;
}

/* Mapping onglets / pages */
html body.rdy-bg-home { --rdy-bg-image: none; }
html body.rdy-bg-services,
html body.rdy-bg-expertise { --rdy-bg-image: none; }
html body.rdy-bg-concepts { --rdy-bg-image: none; }
html body.rdy-bg-process,
html body.rdy-bg-method { --rdy-bg-image: none; }
html body.rdy-bg-offers { --rdy-bg-image: none; }
html body.rdy-bg-segments,
html body.rdy-bg-audiences { --rdy-bg-image: none; }
html body.rdy-bg-about { --rdy-bg-image: none; }
html body.rdy-bg-rep,
html body.rdy-bg-reputation { --rdy-bg-image: none; }
html body.rdy-bg-blog { --rdy-bg-image: none; }
html body.rdy-bg-faq { --rdy-bg-image: none; }
html body.rdy-bg-contact { --rdy-bg-image: none; }
html body.rdy-bg-tools { --rdy-bg-image: none; }

/* Voile premium de profondeur : l'image reste visible sans gêner la lecture. */
html body::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    radial-gradient(ellipse 82% 40% at 50% 0%, rgba(168,85,247,.12), transparent 72%),
    radial-gradient(ellipse 66% 28% at 50% 100%, rgba(168,85,247,.08), transparent 74%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.30) 55%, rgba(0,0,0,.42)) !important;
  background-size: cover, cover, cover !important;
  background-position: center, center, center !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}

/* Légère protection de lisibilité sur les zones textuelles. */
html body::after {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.16), transparent 20%, transparent 80%, rgba(0,0,0,.18)),
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.22) 58%, rgba(0,0,0,.32)) !important;
}

html #root,
html main,
html .rdy-app,
html .rdy-page,
html .rdy-section,
html .rdy-hero,
html .rdy-process,
html .rdy-proof-band,
html .rdy-values,
html .rdy-tools-section,
html .rdy-blog-premium,
html .rdy-faq-premium-section,
html .rdy-rep-premium-v2,
html .rdy-contact-audit-section,
html .rdy-segments-preview-section {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  background-image: none !important;
}

html .rdy-nav,
html .rdy-mobile-menu,
html .rdy-sound-toggle,
html .rdy-skip-link {
  position: relative;
  z-index: 60 !important;
}

/* Les cartes restent suffisamment lisibles, mais laissent apparaître le décor. */
html .rdy-card,
html .rdy-price,
html .rdy-post,
html .rdy-tool-cat,
html .rdy-tool-item,
html .rdy-faq-item,
html .rdy-addon,
html .rdy-contact-audit-card,
html .rdy-contact-audit-form,
html .rdy-contact-item,
html .rdy-filter,
html .rdy-pill,
html .rdy-segment-card,
html .rdy-value,
html .rdy-rep-feat,
html .rdy-rep-meter,
html .rdy-portfolio-item,
html .rdy-hero-stats {
  background-color: rgba(8,8,12,.54) !important;
  backdrop-filter: blur(5px) saturate(112%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(112%) !important;
}

@media (max-width: 900px) {
  html body {
    background-attachment: scroll, scroll, scroll !important;
    background-position: center top, center top, center top !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body { background-attachment: scroll, scroll, scroll !important; }
}


/* ----------------------------------------------------------------------
   RODYAM — premium purple / rhodium animated light effects
   Added for sections/pages where the photographic background is absent or
   visually discreet. Animation remains subtle but clearly visible.
   ---------------------------------------------------------------------- */
@keyframes rdyAuroraDrift {
  0%   { transform: translate3d(-3%, 0, 0) scale(1); opacity: .56; }
  50%  { transform: translate3d(3%, -2%, 0) scale(1.06); opacity: .82; }
  100% { transform: translate3d(-2%, 1%, 0) scale(1); opacity: .60; }
}
@keyframes rdyBeamPulse {
  0%,100% { transform: translate3d(0,0,0) rotate(-8deg) scaleX(1); opacity: .26; }
  50%     { transform: translate3d(2%, -1%, 0) rotate(-5deg) scaleX(1.08); opacity: .44; }
}
@keyframes rdyBeamPulseAlt {
  0%,100% { transform: translate3d(0,0,0) rotate(9deg) scaleX(1); opacity: .22; }
  50%     { transform: translate3d(-2%, 1%, 0) rotate(6deg) scaleX(1.07); opacity: .36; }
}
@keyframes rdyRhodiumSweep {
  0%   { transform: translate3d(-16%, -6%, 0) rotate(-8deg); opacity: .00; }
  12%  { opacity: .00; }
  45%  { opacity: .20; }
  60%  { opacity: .10; }
  100% { transform: translate3d(16%, 6%, 0) rotate(-8deg); opacity: .00; }
}
@keyframes rdyOrbFloatA {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50%     { transform: translate3d(34px,-24px,0) scale(1.08); }
}
@keyframes rdyOrbFloatB {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50%     { transform: translate3d(-30px,26px,0) scale(1.12); }
}
@keyframes rdyOrbFloatC {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50%     { transform: translate3d(20px,18px,0) scale(1.06); }
}

html .rdy-ambient {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  mix-blend-mode: screen;
}
html .rdy-ambient::before,
html .rdy-ambient::after {
  content: "";
  position: absolute;
  inset: -10%;
  pointer-events: none;
}
html .rdy-ambient::before {
  background:
    radial-gradient(ellipse 58% 34% at 18% 16%, rgba(123,65,255,.18), transparent 70%),
    radial-gradient(ellipse 54% 30% at 82% 20%, rgba(235,238,245,.10), transparent 74%),
    radial-gradient(ellipse 70% 42% at 50% 100%, rgba(130,72,248,.12), transparent 78%);
  filter: blur(22px);
  animation: rdyAuroraDrift 16s ease-in-out infinite;
}
html .rdy-ambient::after {
  background: linear-gradient(115deg,
    rgba(255,255,255,0) 20%,
    rgba(236,238,244,.08) 34%,
    rgba(195,171,235,.06) 40%,
    rgba(255,255,255,0) 58%);
  filter: blur(14px);
  animation: rdyRhodiumSweep 14s linear infinite;
}
html .rdy-ambient-orbs {
  position: absolute;
  inset: 0;
}
html .rdy-ambient-orbs span {
  position: absolute !important;
  border-radius: 50%;
  filter: blur(72px) !important;
  opacity: .46 !important;
  will-change: transform, opacity;
}
html .rdy-ambient-orbs span:nth-child(1) {
  left: -2% !important;
  top: 12% !important;
  width: 420px !important;
  height: 420px !important;
  background: radial-gradient(circle, rgba(126,72,255,.34) 0%, rgba(126,72,255,.18) 34%, transparent 72%) !important;
  animation: rdyOrbFloatA 18s ease-in-out infinite !important;
}
html .rdy-ambient-orbs span:nth-child(2) {
  right: -4% !important;
  top: 34% !important;
  width: 520px !important;
  height: 520px !important;
  background: radial-gradient(circle, rgba(235,238,245,.16) 0%, rgba(193,176,223,.11) 24%, transparent 72%) !important;
  animation: rdyOrbFloatB 22s ease-in-out infinite !important;
}
html .rdy-ambient-orbs span:nth-child(3) {
  left: 32% !important;
  bottom: -10% !important;
  width: 460px !important;
  height: 460px !important;
  background: radial-gradient(circle, rgba(95,27,214,.30) 0%, rgba(95,27,214,.15) 35%, transparent 74%) !important;
  animation: rdyOrbFloatC 20s ease-in-out infinite !important;
}
html .rdy-ambient-beams,
html .rdy-ambient-sheen {
  position: absolute;
  inset: 0;
}
html .rdy-ambient-beams span {
  position: absolute;
  display: block;
  pointer-events: none;
  filter: blur(18px);
}
html .rdy-ambient-beams span:nth-child(1) {
  left: -10%;
  top: 5%;
  width: 52%;
  height: 58%;
  background: radial-gradient(ellipse at center, rgba(132,75,255,.16) 0%, rgba(132,75,255,.08) 26%, transparent 72%);
  transform: rotate(-8deg);
  animation: rdyBeamPulse 12s ease-in-out infinite;
}
html .rdy-ambient-beams span:nth-child(2) {
  right: -8%;
  top: 18%;
  width: 44%;
  height: 52%;
  background: radial-gradient(ellipse at center, rgba(236,239,245,.13) 0%, rgba(198,188,220,.08) 24%, transparent 72%);
  transform: rotate(9deg);
  animation: rdyBeamPulseAlt 15s ease-in-out infinite;
}
html .rdy-ambient-sheen {
  background: radial-gradient(ellipse 45% 20% at 50% 0%, rgba(160,115,255,.06), transparent 74%);
  filter: blur(18px);
  opacity: .9;
}

/* Local enhancement for neutral / text-first sections */
html .rdy-proof-band,
html .rdy-values,
html .rdy-tools-section,
html .rdy-blog-premium,
html .rdy-faq-premium-section,
html .rdy-contact-audit-section,
html .rdy-segments-preview-section,
html .rdy-rep-premium-v2 {
  overflow: clip;
}
html .rdy-proof-band::before,
html .rdy-values::before,
html .rdy-tools-section::before,
html .rdy-blog-premium::before,
html .rdy-faq-premium-section::before,
html .rdy-contact-audit-section::before,
html .rdy-segments-preview-section::before,
html .rdy-rep-premium-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 30% 18% at 12% 18%, rgba(143,84,255,.12), transparent 70%),
    radial-gradient(ellipse 28% 16% at 88% 20%, rgba(234,238,245,.08), transparent 72%),
    radial-gradient(ellipse 40% 24% at 50% 100%, rgba(102,38,220,.07), transparent 75%);
  filter: blur(10px);
  animation: rdyAuroraDrift 18s ease-in-out infinite;
}
html .rdy-proof-band > *,
html .rdy-values > *,
html .rdy-tools-section > *,
html .rdy-blog-premium > *,
html .rdy-faq-premium-section > *,
html .rdy-contact-audit-section > *,
html .rdy-segments-preview-section > *,
html .rdy-rep-premium-v2 > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 900px) {
  html .rdy-ambient-orbs span:nth-child(1) { width: 280px !important; height: 280px !important; }
  html .rdy-ambient-orbs span:nth-child(2) { width: 340px !important; height: 340px !important; }
  html .rdy-ambient-orbs span:nth-child(3) { width: 300px !important; height: 300px !important; }
  html .rdy-ambient-beams span:nth-child(1),
  html .rdy-ambient-beams span:nth-child(2) { filter: blur(14px); opacity: .9; }
}
@media (prefers-reduced-motion: reduce) {
  html .rdy-ambient::before,
  html .rdy-ambient::after,
  html .rdy-ambient-orbs span,
  html .rdy-ambient-beams span,
  html .rdy-proof-band::before,
  html .rdy-values::before,
  html .rdy-tools-section::before,
  html .rdy-blog-premium::before,
  html .rdy-faq-premium-section::before,
  html .rdy-contact-audit-section::before,
  html .rdy-segments-preview-section::before,
  html .rdy-rep-premium-v2::before {
    animation: none !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — continuity patch 2026-06-05
   Goal: prevent long-scroll black breaks and keep one premium background
   visible through every tab / page area. Uses the nine generated backgrounds.
   ---------------------------------------------------------------------- */
html body {
  background-color:#030306!important;
  background-image:
    linear-gradient(180deg, rgba(3,3,6,.28) 0%, rgba(4,4,8,.46) 44%, rgba(3,3,6,.62) 100%),
    radial-gradient(ellipse 86% 34% at 50% 8%, rgba(151,86,255,.14), transparent 72%),
    var(--rdy-bg-image)!important;
  background-size:cover,cover,cover!important;
  background-position:center top,center top,center top!important;
  background-repeat:no-repeat,no-repeat,repeat-y!important;
  background-attachment:fixed,fixed,scroll!important;
}

/* One visual universe per main tab. */
html body.rdy-bg-home{--rdy-bg-image:none!important;}
html body.rdy-bg-services{--rdy-bg-image:none!important;}
html body.rdy-bg-expertise{--rdy-bg-image:none!important;}
html body.rdy-bg-process,html body.rdy-bg-method{--rdy-bg-image:none!important;}
html body.rdy-bg-concepts{--rdy-bg-image:none!important;}
html body.rdy-bg-segments,html body.rdy-bg-audiences{--rdy-bg-image:none!important;}
html body.rdy-bg-offers{--rdy-bg-image:none!important;}
html body.rdy-bg-about{--rdy-bg-image:none!important;}
html body.rdy-bg-rep,html body.rdy-bg-reputation{--rdy-bg-image:none!important;}
html body.rdy-bg-blog{--rdy-bg-image:none!important;}
html body.rdy-bg-faq{--rdy-bg-image:none!important;}
html body.rdy-bg-contact{--rdy-bg-image:none!important;}

/* Force long page wrappers to let the background breathe instead of returning to black. */
html body #root,
html body .rdy-shell,
html body .rdy-page,
html body .rdy-section,
html body .rdy-hero,
html body .rdy-hero-cinema,
html body .rdy-services,
html body .rdy-process,
html body .rdy-method-page,
html body .rdy-method-hero,
html body .rdy-method-pillars,
html body .rdy-portfolio,
html body .rdy-segments,
html body .rdy-segments-preview,
html body .rdy-segments-showcase,
html body .rdy-offers-final,
html body .rdy-offers-secondary,
html body .rdy-about,
html body .rdy-contact,
html body .rdy-faq,
html body .rdy-tools,
html body .rdy-blog-premium,
html body .rdy-faq-premium-section,
html body .rdy-rep-section,
html body .rdy-rep-premium-v2,
html body .rdy-expertise-page,
html body .rdy-expertise-hero,
html body .rdy-expertise-main,
html body .rdy-expertise-manifest-section,
html body .rdy-expertise-summary-section,
html body .rdy-newsletter-link,
html body .rdy-footer,
html body .rdy-footer-premium {
  background-color:transparent!important;
  background-image:none!important;
}

/* Local section depth: subtle, full-width continuation behind each large block. */
html body .rdy-page > .rdy-section,
html body .rdy-page > .rdy-hero,
html body .rdy-newsletter-link,
html body .rdy-footer-premium {
  position:relative!important;
  isolation:isolate!important;
}
html body .rdy-page > .rdy-section::after,
html body .rdy-page > .rdy-hero::after,
html body .rdy-newsletter-link::after,
html body .rdy-footer-premium::after {
  content:""!important;
  position:absolute!important;
  top:-34px!important;
  bottom:-34px!important;
  left:50%!important;
  width:100vw!important;
  transform:translateX(-50%)!important;
  z-index:-2!important;
  pointer-events:none!important;
  opacity:.56!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.44) 50%,rgba(0,0,0,.36)),
    var(--rdy-section-bg,var(--rdy-bg-image))!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat,no-repeat!important;
}
html body .rdy-page > .rdy-section:nth-of-type(1),html body .rdy-page > .rdy-hero:nth-of-type(1){--rdy-section-bg:none;}
html body .rdy-page > .rdy-section:nth-of-type(2){--rdy-section-bg:none;}
html body .rdy-page > .rdy-section:nth-of-type(3){--rdy-section-bg:none;}
html body .rdy-page > .rdy-section:nth-of-type(4){--rdy-section-bg:none;}
html body .rdy-page > .rdy-section:nth-of-type(5){--rdy-section-bg:none;}
html body .rdy-page > .rdy-section:nth-of-type(6){--rdy-section-bg:none;}
html body .rdy-page > .rdy-section:nth-of-type(7){--rdy-section-bg:none;}
html body .rdy-page > .rdy-section:nth-of-type(8){--rdy-section-bg:none;}
html body .rdy-page > .rdy-section:nth-of-type(9){--rdy-section-bg:none;}
html body .rdy-newsletter-link{--rdy-section-bg:none;}
html body .rdy-footer-premium{--rdy-section-bg:none;}

/* New logo sizing: wider metallic wordmark without stretching or cropping. */
html body .rdy-nav .rdy-logo{flex:0 0 clamp(310px,21vw,385px)!important;width:clamp(310px,21vw,385px)!important;min-width:clamp(310px,21vw,385px)!important;}
html body .rdy-nav .rdy-logo img{width:100%!important;height:100%!important;max-width:100%!important;max-height:64px!important;object-fit:contain!important;object-position:center center!important;}
html body .rdy-footer-brand-premium img{width:clamp(260px,26vw,430px)!important;max-width:100%!important;height:auto!important;max-height:94px!important;object-fit:contain!important;object-position:left center!important;}
html body .newsletter-page-logo{width:min(520px,86vw)!important;height:auto!important;max-height:130px!important;object-fit:contain!important;}

@media(max-width:1100px){
  html body .rdy-nav .rdy-logo{flex-basis:300px!important;width:300px!important;min-width:300px!important;}
  html body .rdy-nav .rdy-logo img{max-height:56px!important;}
}
@media(max-width:760px){
  html body{background-attachment:scroll,scroll,scroll!important;}
  html body .rdy-nav .rdy-logo{flex-basis:min(58vw,245px)!important;width:min(58vw,245px)!important;min-width:min(58vw,245px)!important;}
  html body .rdy-nav .rdy-logo img{max-height:46px!important;}
  html body .rdy-page > .rdy-section::after,
  html body .rdy-page > .rdy-hero::after,
  html body .rdy-newsletter-link::after,
  html body .rdy-footer-premium::after{opacity:.46!important;top:-22px!important;bottom:-22px!important;}
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 (logo full rectangle + hero video full width)
   ---------------------------------------------------------------------- */
html body .rdy-nav .rdy-logo,
html body .rdy-nav .rdy-logo:before,
html body .rdy-nav .rdy-logo:after,
html body .rdy-footer-brand-premium,
html body .rdy-footer-brand-premium:before,
html body .rdy-footer-brand-premium:after,
html body .newsletter-page-logo,
html body .newsletter-page-logo-wrap {
  background: transparent !important;
  box-shadow: none !important;
}
html body .rdy-nav .rdy-logo {
  flex: 0 0 clamp(390px, 30vw, 560px) !important;
  width: clamp(390px, 30vw, 560px) !important;
  min-width: clamp(390px, 30vw, 560px) !important;
  height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
html body .rdy-nav .rdy-logo img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  background: transparent !important;
}
html body .rdy-footer-brand-premium {
  width: clamp(340px, 34vw, 620px) !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
}
html body .rdy-footer-brand-premium img,
html body .newsletter-page-logo {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  background: transparent !important;
}

/* Full-width premium cinema hero */
html body .rdy-hero-cinema,
html body .rdy-hero-cinema-compact {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  overflow: hidden !important;
}
html body .rdy-hero-cinema-video {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: clamp(320px, 58vw, 720px) !important;
  object-fit: cover !important;
  object-position: center center !important;
}
html body .rdy-hero-cinema-overlay,
html body .rdy-hero-cinema-vignette {
  inset: 0 !important;
}
@media (max-width: 1100px) {
  html body .rdy-nav .rdy-logo {
    flex-basis: clamp(300px, 40vw, 460px) !important;
    width: clamp(300px, 40vw, 460px) !important;
    min-width: clamp(300px, 40vw, 460px) !important;
    height: 62px !important;
  }
  html body .rdy-footer-brand-premium {
    width: min(86vw, 500px) !important;
  }
}
@media (max-width: 760px) {
  html body .rdy-nav .rdy-logo {
    flex-basis: min(72vw, 300px) !important;
    width: min(72vw, 300px) !important;
    min-width: min(72vw, 300px) !important;
    height: 48px !important;
  }
  html body .rdy-footer-brand-premium {
    width: min(92vw, 360px) !important;
  }
  html body .rdy-hero-cinema-video {
    height: clamp(220px, 58vw, 360px) !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 b (hero readability + black transition)
   Objective: full-video filter, black premium base under the hero,
   and image backgrounds starting lower on the homepage.
   ---------------------------------------------------------------------- */
html body.rdy-bg-home {
  background-color: #030306 !important;
  background-image:
    linear-gradient(180deg, rgba(3,3,6,.98) 0%, rgba(3,3,6,.98) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
html body.rdy-bg-home::before,
html body.rdy-bg-home::after {
  display: none !important;
}

html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
  position: relative !important;
  background: #030306 !important;
  min-height: clamp(620px, 56vw, 860px) !important;
  padding-top: clamp(76px, 6vw, 96px) !important;
  padding-bottom: clamp(34px, 3.5vw, 52px) !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
}
html body.rdy-bg-home .rdy-hero-cinema-video,
html body.rdy-bg-home .rdy-hero-cinema-overlay,
html body.rdy-bg-home .rdy-hero-cinema-vignette {
  position: absolute !important;
  inset: 0 !important;
  left: 50% !important;
  width: 100vw !important;
  height: 100% !important;
  min-height: 100% !important;
  transform: translateX(-50%) !important;
}
html body.rdy-bg-home .rdy-hero-cinema-video {
  z-index: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: brightness(.62) saturate(.92) contrast(1.02) !important;
  background: #030306 !important;
}
html body.rdy-bg-home .rdy-hero-cinema-overlay {
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(3,3,6,.92) 0%, rgba(3,3,6,.86) 18%, rgba(3,3,6,.68) 34%, rgba(3,3,6,.34) 52%, rgba(3,3,6,.16) 70%, rgba(3,3,6,.24) 100%),
    linear-gradient(180deg, rgba(3,3,6,.36) 0%, rgba(3,3,6,.12) 22%, rgba(3,3,6,.16) 56%, rgba(3,3,6,.88) 100%) !important;
  backdrop-filter: none !important;
}
html body.rdy-bg-home .rdy-hero-cinema-vignette {
  z-index: 2 !important;
  background:
    radial-gradient(ellipse 88% 84% at 50% 46%, transparent 38%, rgba(0,0,0,.34) 72%, rgba(0,0,0,.62) 100%),
    linear-gradient(180deg, rgba(3,3,6,.04) 0%, rgba(3,3,6,0) 18%, rgba(3,3,6,0) 66%, rgba(3,3,6,.95) 100%) !important;
}
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema::before {
  opacity: .12 !important;
}
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema::after {
  display: none !important;
}
html body.rdy-bg-home .rdy-hero-grid {
  position: relative !important;
  z-index: 4 !important;
  min-height: clamp(500px, 48vw, 690px) !important;
  align-items: end !important;
}
html body.rdy-bg-home .rdy-hero-copy {
  max-width: min(690px, 92vw) !important;
}
html body.rdy-bg-home .rdy-h1,
html body.rdy-bg-home .rdy-lead {
  text-shadow: 0 14px 36px rgba(0,0,0,.52) !important;
}
html body.rdy-bg-home .rdy-hero-cta {
  margin-bottom: 32px !important;
}
html body.rdy-bg-home .rdy-hero-stats {
  max-width: 860px !important;
  padding: 26px 28px 22px !important;
  background: linear-gradient(180deg, rgba(6,6,10,.82), rgba(6,6,10,.66)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter: blur(12px) saturate(105%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(105%) !important;
}
html body.rdy-bg-home .rdy-trust-below-hero {
  position: relative !important;
  z-index: 6 !important;
  margin: 0 auto clamp(48px, 5.8vw, 78px) !important;
  padding-top: 26px !important;
  padding-bottom: 26px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(168,85,247,.045) 38%, rgba(255,255,255,.02)), linear-gradient(180deg, rgba(12,12,16,.98), rgba(6,6,10,.99)) !important;
  box-shadow: 0 26px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08), 0 0 32px rgba(168,85,247,.08) !important;
}
html body.rdy-bg-home .rdy-trust-below-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  z-index: -1 !important;
  background: linear-gradient(180deg, rgba(3,3,6,1), rgba(3,3,6,1)) !important;
}

/* On the homepage, start visual backgrounds lower on the page. */
html body.rdy-bg-home .rdy-page > .rdy-section:first-of-type::after,
html body.rdy-bg-home .rdy-page > .rdy-hero:first-of-type::after,
html body.rdy-bg-home .rdy-newsletter-link::after,
html body.rdy-bg-home .rdy-footer-premium::after {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.48) 50%, rgba(0,0,0,.42)),
    var(--rdy-section-bg, var(--rdy-bg-image)) !important;
}
html body.rdy-bg-home .rdy-page > .rdy-section:first-of-type::after {
  display: none !important;
}
html body.rdy-bg-home .rdy-page > .rdy-section:nth-of-type(2)::after {
  top: 22px !important;
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    min-height: clamp(540px, 78vw, 760px) !important;
    padding-bottom: 28px !important;
  }
  html body.rdy-bg-home .rdy-hero-grid {
    min-height: clamp(420px, 70vw, 610px) !important;
    align-items: center !important;
  }
  html body.rdy-bg-home .rdy-hero-stats {
    padding: 22px 20px 18px !important;
  }
}
@media (max-width: 760px) {
  html body.rdy-bg-home .rdy-hero-cinema-overlay {
    background:
      linear-gradient(180deg, rgba(3,3,6,.52) 0%, rgba(3,3,6,.36) 28%, rgba(3,3,6,.84) 100%),
      linear-gradient(90deg, rgba(3,3,6,.86) 0%, rgba(3,3,6,.52) 38%, rgba(3,3,6,.28) 100%) !important;
  }
  html body.rdy-bg-home .rdy-hero-grid {
    min-height: clamp(390px, 86vw, 560px) !important;
  }
  html body.rdy-bg-home .rdy-trust-below-hero {
    margin-bottom: 40px !important;
    padding: 20px 18px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 c (homepage-only lowered visuals)
   Goal: keep the black / premium hero treatment only on the homepage,
   while restoring the tab backgrounds exactly for the other sections.
   ---------------------------------------------------------------------- */

/* Explicit restoration for all tabs except homepage */
html body:not(.rdy-bg-home) {
  background-color:#030306!important;
  background-image:
    linear-gradient(180deg, rgba(3,3,6,.28) 0%, rgba(4,4,8,.46) 44%, rgba(3,3,6,.62) 100%),
    radial-gradient(ellipse 86% 34% at 50% 8%, rgba(151,86,255,.14), transparent 72%),
    var(--rdy-bg-image)!important;
  background-size:cover,cover,cover!important;
  background-position:center top,center top,center top!important;
  background-repeat:no-repeat,no-repeat,repeat-y!important;
  background-attachment:fixed,fixed,scroll!important;
}
html body:not(.rdy-bg-home) .rdy-page > .rdy-section::after,
html body:not(.rdy-bg-home) .rdy-page > .rdy-hero::after,
html body:not(.rdy-bg-home) .rdy-newsletter-link::after,
html body:not(.rdy-bg-home) .rdy-footer-premium::after {
  display:block!important;
  opacity:.56!important;
  top:-34px!important;
  bottom:-34px!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.44) 50%,rgba(0,0,0,.36)),
    var(--rdy-section-bg,var(--rdy-bg-image))!important;
}
html body:not(.rdy-bg-home) .rdy-page > .rdy-section:first-of-type::after {
  display:block!important;
}

/* Homepage only: visuals start lower on the page */
html body.rdy-bg-home .rdy-page > .rdy-section:first-of-type::after {
  display:none!important;
}
html body.rdy-bg-home .rdy-page > .rdy-section:nth-of-type(2)::after {
  top:22px!important;
}
html body.rdy-bg-home .rdy-newsletter-link::after,
html body.rdy-bg-home .rdy-footer-premium::after {
  display:block!important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 d (restore rhodium statement panel)
   Goal: restore the premium rhodium effect for the “Depuis Paris” block,
   make it full-width, and preserve the same high-end rhodium treatment on
   the other site elements that already used it.
   ---------------------------------------------------------------------- */

/* Restore rhodium effect language on all blocks using that premium finish */
html body .rdy-trust-below-hero,
html body .rdy-method-highlight,
html body .rdy-proof-card,
html body .rdy-proof-control,
html body .rdy-contact-proof {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(244,246,250,.13), transparent 34%),
    radial-gradient(circle at 82% 84%, rgba(168,85,247,.08), transparent 30%),
    linear-gradient(180deg, rgba(236,239,245,.08) 0%, rgba(147,153,166,.04) 14%, rgba(17,17,23,.92) 16%, rgba(8,8,12,.985) 100%) !important;
  border: 1px solid rgba(214,219,228,.22) !important;
  box-shadow:
    0 28px 78px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.46),
    inset 0 0 40px rgba(255,255,255,.025),
    0 0 26px rgba(168,85,247,.05) !important;
}
html body .rdy-trust-below-hero::before,
html body .rdy-method-highlight::before,
html body .rdy-proof-card::before,
html body .rdy-proof-control::before,
html body .rdy-contact-proof::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.10) 12%, rgba(255,255,255,0) 28%, rgba(255,255,255,0) 72%, rgba(255,255,255,.05) 88%, rgba(255,255,255,0) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 18%) !important;
  mix-blend-mode: screen !important;
  opacity: .72 !important;
}
html body .rdy-trust-below-hero::after,
html body .rdy-method-highlight::after,
html body .rdy-proof-card::after,
html body .rdy-proof-control::after,
html body .rdy-contact-proof::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.055) 24%, transparent 44%, rgba(168,85,247,.03) 72%, transparent 100%) !important;
  opacity: .42 !important;
  mix-blend-mode: screen !important;
}
html body .rdy-trust.rdy-trust-below-hero .rdy-trust-line,
html body .rdy-proof-num,
html body .rdy-proof-control-kicker,
html body .rdy-contact-audit-badge,
html body .rdy-value-key {
  color: rgba(218,196,255,.88) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.45) !important;
}
html body .rdy-trust.rdy-trust-below-hero .rdy-trust-line {
  background: linear-gradient(90deg, transparent, rgba(215,184,255,.28), rgba(232,226,240,.22), transparent) !important;
  opacity: .58 !important;
}

/* Homepage statement panel full width */
html body.rdy-bg-home .rdy-trust-below-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 0 clamp(48px, 5.5vw, 76px) !important;
  padding: clamp(34px, 3.2vw, 44px) clamp(28px, 4vw, 64px) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}
html body.rdy-bg-home .rdy-trust.rdy-trust-below-hero .rdy-trust-phrase {
  max-width: min(1320px, 88vw) !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(22px, 1.65vw, 32px) !important;
  line-height: 1.72 !important;
  color: rgba(242,242,246,.95) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.44), 0 -1px 0 rgba(255,255,255,.045) !important;
  font-weight: 400 !important;
}
html body.rdy-bg-home .rdy-trust.rdy-trust-below-hero .rdy-trust-line {
  max-width: min(1500px, 94vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-trust-below-hero {
    padding: 28px 20px !important;
  }
  html body.rdy-bg-home .rdy-trust.rdy-trust-below-hero .rdy-trust-phrase {
    max-width: min(92vw, 980px) !important;
    font-size: clamp(18px, 4.2vw, 24px) !important;
    line-height: 1.62 !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 e (homepage rhodium band refined)
   Goal: make the “Depuis Paris” rectangle feel more premium, attached to
   the video, full width, and visually more elegant.
   ---------------------------------------------------------------------- */
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema {
  padding-bottom: 0 !important;
}
html body.rdy-bg-home .rdy-trust-below-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: -1px 0 clamp(44px, 5vw, 72px) !important;
  padding: clamp(22px, 2vw, 30px) clamp(26px, 4vw, 72px) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 1px solid rgba(227,231,238,.18) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(228,231,238,.18) 0%, rgba(154,160,172,.07) 14%, rgba(12,12,17,.98) 15%, rgba(6,6,10,.995) 100%) !important;
  box-shadow:
    0 24px 68px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(0,0,0,.42) !important;
}
html body.rdy-bg-home .rdy-trust-below-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.028) 0px,
      rgba(255,255,255,.028) 1px,
      rgba(255,255,255,0) 1px,
      rgba(255,255,255,0) 7px),
    linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.09) 16%,
      rgba(255,255,255,0) 34%,
      rgba(255,255,255,0) 66%,
      rgba(255,255,255,.05) 84%,
      rgba(255,255,255,0) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 18%) !important;
  opacity: .62 !important;
  mix-blend-mode: screen !important;
}
html body.rdy-bg-home .rdy-trust-below-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse 70% 120% at 50% -30%, rgba(255,255,255,.08), transparent 54%),
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.045) 22%, transparent 42%, rgba(168,85,247,.025) 70%, transparent 100%) !important;
  opacity: .34 !important;
  mix-blend-mode: screen !important;
}
html body.rdy-bg-home .rdy-trust.rdy-trust-below-hero .rdy-trust-line {
  height: 1px !important;
  max-width: min(1580px, 96vw) !important;
  margin: 0 auto !important;
  opacity: .42 !important;
  background: linear-gradient(90deg, transparent, rgba(232,236,244,.16), rgba(232,236,244,.12), transparent) !important;
}
html body.rdy-bg-home .rdy-trust.rdy-trust-below-hero .rdy-trust-phrase {
  max-width: min(1360px, 92vw) !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(18px, 1.35vw, 26px) !important;
  line-height: 1.78 !important;
  letter-spacing: .01em !important;
  color: rgba(242,243,247,.94) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.40), 0 -1px 0 rgba(255,255,255,.04) !important;
  font-weight: 350 !important;
  font-style: italic !important;
}
@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-trust-below-hero {
    padding: 20px 18px !important;
    margin-bottom: 40px !important;
  }
  html body.rdy-bg-home .rdy-trust.rdy-trust-below-hero .rdy-trust-phrase {
    max-width: min(94vw, 980px) !important;
    font-size: clamp(16px, 4vw, 22px) !important;
    line-height: 1.65 !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 f (homepage statement band integrated in video)
   Goal: integrate the “Depuis Paris” banner across the full video width,
   visually attached to the hero instead of a detached panel below.
   ---------------------------------------------------------------------- */
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema {
  padding-bottom: clamp(108px, 9vw, 148px) !important;
}
html body.rdy-bg-home .rdy-trust-below-hero {
  position: relative !important;
  z-index: 9 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: calc(-1 * clamp(94px, 8vw, 128px)) 0 clamp(34px, 4vw, 58px) !important;
  padding: clamp(18px, 1.8vw, 28px) clamp(24px, 4vw, 80px) !important;
  border: 0 !important;
  border-top: 1px solid rgba(229,233,240,.16) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(222,227,236,.11) 0%, rgba(153,159,171,.04) 8%, rgba(8,8,12,.42) 10%, rgba(5,5,9,.70) 100%) !important;
  backdrop-filter: blur(16px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.34) !important;
}
html body.rdy-bg-home .rdy-trust-below-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.018) 0px,
      rgba(255,255,255,.018) 1px,
      rgba(255,255,255,0) 1px,
      rgba(255,255,255,0) 8px),
    linear-gradient(90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.06) 14%,
      rgba(255,255,255,0) 30%,
      rgba(255,255,255,0) 70%,
      rgba(255,255,255,.04) 86%,
      rgba(255,255,255,0) 100%),
    radial-gradient(ellipse 56% 170% at 50% -40%, rgba(255,255,255,.07), transparent 54%) !important;
  opacity: .62 !important;
  mix-blend-mode: screen !important;
}
html body.rdy-bg-home .rdy-trust-below-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,0) 24%),
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.032) 22%, transparent 44%, rgba(168,85,247,.018) 72%, transparent 100%) !important;
  opacity: .42 !important;
  mix-blend-mode: screen !important;
}
html body.rdy-bg-home .rdy-trust.rdy-trust-below-hero .rdy-trust-line {
  width: 100% !important;
  max-width: min(1620px, 96vw) !important;
  margin: 0 auto !important;
  height: 1px !important;
  opacity: .34 !important;
  background: linear-gradient(90deg, transparent, rgba(235,238,244,.12), rgba(235,238,244,.10), transparent) !important;
}
html body.rdy-bg-home .rdy-trust.rdy-trust-below-hero .rdy-trust-phrase {
  max-width: min(1400px, 92vw) !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(17px, 1.25vw, 24px) !important;
  line-height: 1.72 !important;
  letter-spacing: .01em !important;
  color: rgba(243,244,248,.94) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.34), 0 -1px 0 rgba(255,255,255,.03) !important;
  font-weight: 350 !important;
  font-style: italic !important;
}
@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema {
    padding-bottom: clamp(92px, 13vw, 132px) !important;
  }
  html body.rdy-bg-home .rdy-trust-below-hero {
    margin: calc(-1 * clamp(88px, 11vw, 118px)) 0 34px !important;
    padding: 16px 18px !important;
  }
  html body.rdy-bg-home .rdy-trust.rdy-trust-below-hero .rdy-trust-phrase {
    max-width: 94vw !important;
    font-size: clamp(15px, 3.8vw, 20px) !important;
    line-height: 1.6 !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 g (force statement band inside hero)
   Goal: truly integrate the statement band into the full-width video by
   placing it inside the hero and anchoring it to the bottom edge.
   ---------------------------------------------------------------------- */
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema {
  position: relative !important;
  padding-bottom: clamp(128px, 11vw, 186px) !important;
}
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  z-index: 10 !important;
  padding: clamp(18px, 1.7vw, 28px) clamp(24px, 4vw, 84px) !important;
  border: 0 !important;
  border-top: 1px solid rgba(229,233,240,.16) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(222,227,236,.10) 0%, rgba(154,160,171,.04) 8%, rgba(8,8,12,.36) 10%, rgba(5,5,9,.66) 100%) !important;
  backdrop-filter: blur(16px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.34) !important;
}
html body.rdy-bg-home > .rdy-trust-below-hero { display:none !important; }
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0px, rgba(255,255,255,.018) 1px, rgba(255,255,255,0) 1px, rgba(255,255,255,0) 8px),
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.06) 14%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,.04) 86%, rgba(255,255,255,0) 100%),
    radial-gradient(ellipse 56% 170% at 50% -40%, rgba(255,255,255,.07), transparent 54%) !important;
  opacity: .62 !important;
  mix-blend-mode: screen !important;
}
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,0) 24%),
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.032) 22%, transparent 44%, rgba(168,85,247,.018) 72%, transparent 100%) !important;
  opacity: .42 !important;
  mix-blend-mode: screen !important;
}
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-line {
  width: 100% !important;
  max-width: min(1620px, 96vw) !important;
  margin: 0 auto !important;
  height: 1px !important;
  opacity: .34 !important;
  background: linear-gradient(90deg, transparent, rgba(235,238,244,.12), rgba(235,238,244,.10), transparent) !important;
}
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
  max-width: min(1400px, 92vw) !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(17px, 1.25vw, 24px) !important;
  line-height: 1.72 !important;
  letter-spacing: .01em !important;
  color: rgba(243,244,248,.94) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.34), 0 -1px 0 rgba(255,255,255,.03) !important;
  font-weight: 350 !important;
  font-style: italic !important;
}
@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema { padding-bottom: clamp(108px, 15vw, 150px) !important; }
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    padding: 16px 18px !important;
  }
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    max-width: 94vw !important;
    font-size: clamp(15px, 3.8vw, 20px) !important;
    line-height: 1.6 !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 h (tech marquee heading enlargement)
   Goal: enlarge and better proportion the text above the scrolling tools band.
   ---------------------------------------------------------------------- */
html body .rdy-tech-marquee-section {
  margin-top: clamp(24px, 3vw, 42px) !important;
}
html body .rdy-tech-marquee-inner {
  padding-top: clamp(10px, 1.2vw, 18px) !important;
  padding-bottom: clamp(12px, 1.4vw, 20px) !important;
}
html body .rdy-tech-marquee-head {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.7fr) minmax(520px, 1.3fr) !important;
  gap: clamp(26px, 3.2vw, 52px) !important;
  align-items: start !important;
  padding: clamp(30px, 3vw, 42px) clamp(26px, 3vw, 40px) !important;
}
html body .rdy-tech-marquee-kicker {
  display: block !important;
  font-size: clamp(18px, 1.25vw, 24px) !important;
  line-height: 1.3 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: rgba(235, 231, 246, .90) !important;
}
html body .rdy-tech-marquee-head p {
  margin: 0 !important;
  font-size: clamp(26px, 1.8vw, 34px) !important;
  line-height: 1.55 !important;
  letter-spacing: -.01em !important;
  color: rgba(242, 243, 248, .92) !important;
  max-width: min(1180px, 100%) !important;
}
@media (max-width: 1100px) {
  html body .rdy-tech-marquee-head {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 26px 22px !important;
  }
  html body .rdy-tech-marquee-kicker {
    font-size: clamp(16px, 2vw, 20px) !important;
  }
  html body .rdy-tech-marquee-head p {
    font-size: clamp(22px, 2.6vw, 29px) !important;
    line-height: 1.52 !important;
  }
}
@media (max-width: 760px) {
  html body .rdy-tech-marquee-head {
    padding: 22px 18px !important;
  }
  html body .rdy-tech-marquee-kicker {
    font-size: 14px !important;
    letter-spacing: .14em !important;
  }
  html body .rdy-tech-marquee-head p {
    font-size: clamp(18px, 5vw, 22px) !important;
    line-height: 1.48 !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 i (tech marquee heading refined)
   Goal: reduce the text size significantly and add a subtle premium purple
   background treatment to the frame / section.
   ---------------------------------------------------------------------- */
html body .rdy-tech-marquee-section {
  margin-top: clamp(22px, 2.6vw, 36px) !important;
}
html body .rdy-tech-marquee-inner {
  position: relative !important;
  padding-top: clamp(8px, 1vw, 14px) !important;
  padding-bottom: clamp(10px, 1.2vw, 16px) !important;
  background:
    radial-gradient(circle at 18% 14%, rgba(128, 54, 188, .12), transparent 28%),
    radial-gradient(circle at 82% 78%, rgba(96, 28, 160, .10), transparent 26%),
    linear-gradient(135deg, rgba(36, 18, 52, .42), rgba(12, 10, 20, .82) 42%, rgba(20, 10, 34, .76) 100%) !important;
  border: 1px solid rgba(214, 205, 233, .10) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html body .rdy-tech-marquee-head {
  display: grid !important;
  grid-template-columns: minmax(240px, 0.7fr) minmax(460px, 1.3fr) !important;
  gap: clamp(20px, 2.4vw, 36px) !important;
  align-items: start !important;
  padding: clamp(22px, 2.2vw, 30px) clamp(24px, 2.4vw, 34px) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) !important;
}
html body .rdy-tech-marquee-kicker {
  display: block !important;
  font-size: clamp(14px, .9vw, 18px) !important;
  line-height: 1.3 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: rgba(230, 222, 246, .88) !important;
}
html body .rdy-tech-marquee-head p {
  margin: 0 !important;
  font-size: clamp(16px, 1.05vw, 20px) !important;
  line-height: 1.62 !important;
  letter-spacing: -.005em !important;
  color: rgba(237, 238, 244, .90) !important;
  max-width: min(980px, 100%) !important;
}
html body .rdy-tech-marquee-window {
  background: linear-gradient(180deg, rgba(18, 10, 30, .34), rgba(6, 6, 10, .28)) !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
}
@media (max-width: 1100px) {
  html body .rdy-tech-marquee-head {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 22px 20px !important;
  }
  html body .rdy-tech-marquee-kicker {
    font-size: clamp(13px, 1.7vw, 16px) !important;
  }
  html body .rdy-tech-marquee-head p {
    font-size: clamp(15px, 2vw, 18px) !important;
    line-height: 1.58 !important;
  }
}
@media (max-width: 760px) {
  html body .rdy-tech-marquee-head {
    padding: 18px 16px !important;
  }
  html body .rdy-tech-marquee-kicker {
    font-size: 12px !important;
    letter-spacing: .13em !important;
  }
  html body .rdy-tech-marquee-head p {
    font-size: clamp(14px, 4vw, 17px) !important;
    line-height: 1.5 !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 j (remove extra bullets, keep violet numbers)
   Goal: on the homepage, expertises, and similar sections, remove the extra
   decorative bullets/icons and keep only the violet numbered box.
   ---------------------------------------------------------------------- */
html body .rdy-service-head {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}
html body .rdy-service-head .rdy-icon-chip,
html body .rdy-step-pulse,
html body .rdy-bullet {
  display: none !important;
}
html body .rdy-service-head .rdy-service-num,
html body .rdy-step .rdy-step-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 68px !important;
  min-width: 68px !important;
  height: 68px !important;
  padding: 0 !important;
  border: 1px solid rgba(168,85,247,.52) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(170,100,255,.18), transparent 44%),
    linear-gradient(180deg, rgba(72,28,118,.62), rgba(36,16,62,.86)) !important;
  box-shadow:
    0 14px 34px rgba(54,18,94,.22),
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(168,85,247,.10) !important;
  color: rgba(245,240,255,.98) !important;
  font-size: 18px !important;
  font-weight: 420 !important;
  letter-spacing: .02em !important;
}
html body .rdy-points li,
html body .rdy-pf-roles li {
  gap: 0 !important;
  padding-left: 0 !important;
}
html body .rdy-points li::before,
html body .rdy-pf-roles li::before {
  display: none !important;
}
@media (max-width: 760px) {
  html body .rdy-service-head .rdy-service-num,
  html body .rdy-step .rdy-step-num {
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    font-size: 16px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 k (purple frame sync with contact video)
   Goal: reuse the same premium violet frame as the contact-form video for
   the requested media blocks, and remove the unwanted black top line/bar.
   ---------------------------------------------------------------------- */
html body .rdy-method-frame-kaila,
html body .rdy-segments-video-card.rdy-clean-frame,
html body .rdy-about-diamond-card {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(8,6,16,.96), rgba(5,3,10,.98)) !important;
  border: 1px solid rgba(196,126,255,.40) !important;
  box-shadow:
    0 26px 62px rgba(0,0,0,.30),
    0 0 42px rgba(168,85,247,.16),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}
html body .rdy-method-frame-kaila::before,
html body .rdy-segments-video-card.rdy-clean-frame::before,
html body .rdy-about-diamond-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 50% 46%, rgba(168,85,247,.22), transparent 60%) !important;
  border: 0 !important;
  height: auto !important;
  width: auto !important;
  transform: none !important;
  filter: none !important;
  z-index: 0 !important;
}
html body .rdy-method-frame-kaila::after,
html body .rdy-segments-video-card.rdy-clean-frame::after,
html body .rdy-about-diamond-card::after {
  content: none !important;
  display: none !important;
}
html body .rdy-method-frame-kaila,
html body .rdy-segments-video-card.rdy-clean-frame {
  padding-top: 0 !important;
}
html body .rdy-method-frame-kaila img,
html body .rdy-segments-video-card.rdy-clean-frame img,
html body .rdy-segments-video-card.rdy-clean-frame video,
html body .rdy-about-diamond-card img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  background: transparent !important;
}
html body .rdy-about-orbit,
html body .rdy-about-badge,
html body .rdy-about-floating,
html body .rdy-pf-watermark {
  position: absolute !important;
  z-index: 5 !important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 l (faq/blog visuals slightly taller & wider)
   ---------------------------------------------------------------------- */
html body .rdy-faq-hero-site,
html body .rdy-blog-hero-site {
  max-width: min(1120px, 96vw) !important;
}
html body .rdy-faq-hero-site img,
html body .rdy-blog-hero-site img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (max-width: 760px) {
  html body .rdy-faq-hero-site,
  html body .rdy-blog-hero-site {
    max-width: 96vw !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 m (header recentered + expertise/contact top backgrounds)
   ---------------------------------------------------------------------- */
html body .rdy-nav {
  overflow: visible !important;
}
html body .rdy-nav-inner {
  max-width: 100% !important;
  padding: 0 clamp(10px, 1.2vw, 22px) !important;
  gap: clamp(10px, 1.15vw, 18px) !important;
  justify-content: flex-start !important;
}
html body .rdy-nav .rdy-logo {
  flex: 0 0 clamp(300px, 22vw, 430px) !important;
  width: clamp(300px, 22vw, 430px) !important;
  min-width: clamp(300px, 22vw, 430px) !important;
  height: 58px !important;
  align-self: center !important;
  overflow: visible !important;
}
html body .rdy-nav .rdy-logo img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 58px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
html body .rdy-nav .rdy-tabs {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  justify-content: center !important;
}
html body .rdy-nav .rdy-tab {
  padding-inline: clamp(12px, .95vw, 18px) !important;
  font-size: 13px !important;
}
html body .rdy-nav .rdy-nav-actions {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  gap: 10px !important;
}
html body .rdy-nav .rdy-btn {
  height: 46px !important;
  padding: 0 18px !important;
}
html body .rdy-nav .rdy-lang {
  flex: 0 0 auto !important;
}
@media (max-width: 1200px) {
  html body .rdy-nav .rdy-logo {
    flex-basis: clamp(260px, 28vw, 360px) !important;
    width: clamp(260px, 28vw, 360px) !important;
    min-width: clamp(260px, 28vw, 360px) !important;
    height: 54px !important;
  }
  html body .rdy-nav .rdy-logo img { max-height: 54px !important; }
  html body .rdy-nav .rdy-tab {
    padding-inline: 13px !important;
    font-size: 12.6px !important;
  }
  html body .rdy-nav .rdy-btn {
    padding: 0 16px !important;
    font-size: 12.5px !important;
  }
}

/* Make the top background clearly visible on Expertise and Contact/Audit. */
html body.rdy-bg-expertise .rdy-expertise-hero,
html body.rdy-bg-contact .rdy-contact-audit-section {
  position: relative !important;
  overflow: clip !important;
  isolation: isolate !important;
}
html body.rdy-bg-expertise .rdy-expertise-hero::before,
html body.rdy-bg-contact .rdy-contact-audit-section::before {
  content: "" !important;
  position: absolute !important;
  inset: -20px 0 0 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: .84 !important;
  filter: saturate(1.04) contrast(1.03) brightness(.86) !important;
}
html body.rdy-bg-expertise .rdy-expertise-hero::before {
  background-image:
    linear-gradient(180deg, rgba(3,2,8,.28) 0%, rgba(5,3,10,.52) 52%, rgba(4,2,9,.78) 100%),
    radial-gradient(ellipse 28% 18% at 20% 18%, rgba(158,97,255,.22), transparent 72%),
    none !important;
}
html body.rdy-bg-contact .rdy-contact-audit-section::before {
  background-image:
    linear-gradient(180deg, rgba(3,2,8,.26) 0%, rgba(5,3,10,.46) 48%, rgba(4,2,9,.74) 100%),
    radial-gradient(ellipse 28% 18% at 82% 14%, rgba(196,170,255,.18), transparent 72%),
    none !important;
}
html body.rdy-bg-expertise .rdy-expertise-hero > *,
html body.rdy-bg-contact .rdy-contact-audit-section > * {
  position: relative !important;
  z-index: 1 !important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 n (robust top backgrounds for Expertise + Contact)
   Fix: ensure top hero backgrounds load visibly on Expertise and Contact pages.
   ---------------------------------------------------------------------- */
html body.rdy-bg-services .rdy-expertise-hero,
html body.rdy-bg-expertise .rdy-expertise-hero,
html body.rdy-bg-contact .rdy-contact-audit-section {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body.rdy-bg-services .rdy-expertise-hero,
html body.rdy-bg-expertise .rdy-expertise-hero {
  background-image:
    linear-gradient(180deg, rgba(4,2,10,.22) 0%, rgba(6,4,12,.48) 52%, rgba(5,3,10,.76) 100%),
    radial-gradient(ellipse 28% 18% at 22% 16%, rgba(161,100,255,.20), transparent 72%),
    none !important;
}

html body.rdy-bg-contact .rdy-contact-audit-section {
  background-image:
    linear-gradient(180deg, rgba(4,2,10,.20) 0%, rgba(6,4,12,.44) 48%, rgba(5,3,10,.72) 100%),
    radial-gradient(ellipse 28% 18% at 82% 14%, rgba(214,201,255,.16), transparent 72%),
    none !important;
}

/* Keep the premium depth but remove pseudo-element dependency for these two sections. */
html body.rdy-bg-services .rdy-expertise-hero::before,
html body.rdy-bg-expertise .rdy-expertise-hero::before,
html body.rdy-bg-contact .rdy-contact-audit-section::before {
  content: none !important;
  display: none !important;
}

html body.rdy-bg-services .rdy-expertise-hero > *,
html body.rdy-bg-expertise .rdy-expertise-hero > *,
html body.rdy-bg-contact .rdy-contact-audit-section > * {
  position: relative !important;
  z-index: 1 !important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 o
   Force visible top backgrounds for Expertise + Formulaire/Contact.
   Uses the body background layer directly, not only section pseudo-elements.
   ---------------------------------------------------------------------- */
html body.rdy-bg-services,
html body.rdy-bg-expertise,
html body.rdy-bg-contact {
  background-color: #030306 !important;
  background-repeat: no-repeat, no-repeat, repeat-y !important;
  background-size: cover, cover, 100% auto !important;
  background-position: center top, center top, center top !important;
  background-attachment: fixed, fixed, scroll !important;
}

/* Expertise tab: visible top image from the 9-background pack */
html body.rdy-bg-services,
html body.rdy-bg-expertise {
  --rdy-bg-image: none !important;
  background-image:
    linear-gradient(180deg, rgba(3,2,8,.18) 0%, rgba(5,3,10,.38) 48%, rgba(4,2,9,.72) 100%),
    radial-gradient(ellipse 46% 24% at 18% 10%, rgba(160,92,255,.22), transparent 72%),
    none !important;
}

/* Contact / Formulaire tab: visible top image from the 9-background pack */
html body.rdy-bg-contact {
  --rdy-bg-image: none !important;
  background-image:
    linear-gradient(180deg, rgba(3,2,8,.16) 0%, rgba(5,3,10,.34) 46%, rgba(4,2,9,.70) 100%),
    radial-gradient(ellipse 44% 22% at 82% 8%, rgba(220,206,255,.18), transparent 72%),
    none !important;
}

/* Strong top-of-section visual panel, independent of previous pseudo-elements. */
html body.rdy-bg-services .rdy-expertise-hero,
html body.rdy-bg-expertise .rdy-expertise-hero,
html body.rdy-bg-contact .rdy-contact-audit-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Reset older section ::before attempts, then draw with ::after above the black base but behind content. */
html body.rdy-bg-services .rdy-expertise-hero::before,
html body.rdy-bg-expertise .rdy-expertise-hero::before,
html body.rdy-bg-contact .rdy-contact-audit-section::before {
  content: none !important;
  display: none !important;
}

html body.rdy-bg-services .rdy-expertise-hero::after,
html body.rdy-bg-expertise .rdy-expertise-hero::after,
html body.rdy-bg-contact .rdy-contact-audit-section::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  left: 50% !important;
  top: 0 !important;
  bottom: auto !important;
  width: 100vw !important;
  min-height: clamp(540px, 64vh, 780px) !important;
  transform: translateX(-50%) !important;
  opacity: 1 !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
  filter: saturate(1.08) contrast(1.05) brightness(.94) !important;
}

html body.rdy-bg-services .rdy-expertise-hero::after,
html body.rdy-bg-expertise .rdy-expertise-hero::after {
  background-image:
    linear-gradient(180deg, rgba(3,2,8,.20) 0%, rgba(5,3,10,.42) 54%, rgba(4,2,9,.84) 100%),
    radial-gradient(ellipse 38% 20% at 20% 12%, rgba(168,85,247,.24), transparent 72%),
    none !important;
}

html body.rdy-bg-contact .rdy-contact-audit-section::after {
  background-image:
    linear-gradient(180deg, rgba(3,2,8,.18) 0%, rgba(5,3,10,.40) 52%, rgba(4,2,9,.82) 100%),
    radial-gradient(ellipse 36% 18% at 82% 12%, rgba(226,216,255,.20), transparent 72%),
    none !important;
}

html body.rdy-bg-services .rdy-expertise-hero > *,
html body.rdy-bg-expertise .rdy-expertise-hero > *,
html body.rdy-bg-contact .rdy-contact-audit-section > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Ensure first page sections do not repaint black over the forced background. */
html body.rdy-bg-services .rdy-expertise-page,
html body.rdy-bg-expertise .rdy-expertise-page,
html body.rdy-bg-contact .rdy-page {
  background: transparent !important;
}

@media (max-width: 900px) {
  html body.rdy-bg-services,
  html body.rdy-bg-expertise,
  html body.rdy-bg-contact {
    background-attachment: scroll, scroll, scroll !important;
  }
  html body.rdy-bg-services .rdy-expertise-hero::after,
  html body.rdy-bg-expertise .rdy-expertise-hero::after,
  html body.rdy-bg-contact .rdy-contact-audit-section::after {
    min-height: clamp(460px, 70vh, 700px) !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 p (embedded top visual backgrounds)
   Final fix: the Expertise and Contact/Audit top backgrounds are now real
   image layers inside the React sections, not only CSS body backgrounds.
   This avoids flicker/disappearance caused by older background scripts.
   ---------------------------------------------------------------------- */
html body .rdy-expertise-hero,
html body .rdy-contact-audit-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-color: transparent !important;
}
html body .rdy-expertise-hero::before,
html body .rdy-expertise-hero::after,
html body .rdy-contact-audit-section::before,
html body .rdy-contact-audit-section::after {
  content: none !important;
  display: none !important;
}
html body .rdy-top-visual-bg {
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: 100vw !important;
  height: clamp(560px, 72vh, 860px) !important;
  transform: translateX(-50%) !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background: #030306 !important;
}
html body .rdy-top-visual-bg img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  opacity: 1 !important;
  filter: saturate(1.08) contrast(1.05) brightness(.92) !important;
  transform: none !important;
}
html body .rdy-top-visual-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3,2,8,.14) 0%, rgba(4,3,10,.32) 45%, rgba(4,2,9,.82) 100%),
    radial-gradient(ellipse 58% 38% at 50% 0%, rgba(168,85,247,.12), transparent 72%) !important;
}
html body .rdy-contact-top-bg::after {
  background:
    linear-gradient(180deg, rgba(3,2,8,.12) 0%, rgba(4,3,10,.30) 44%, rgba(4,2,9,.78) 100%),
    radial-gradient(ellipse 48% 30% at 78% 8%, rgba(226,216,255,.14), transparent 72%) !important;
}
html body .rdy-expertise-hero > *:not(.rdy-top-visual-bg),
html body .rdy-contact-audit-section > *:not(.rdy-top-visual-bg) {
  position: relative !important;
  z-index: 2 !important;
}
html body .rdy-expertise-page,
html body .rdy-contact-audit-section .rdy-contact-audit-intro-grid,
html body .rdy-contact-audit-section .rdy-contact-launch-note,
html body .rdy-contact-audit-section .rdy-contact-audit-wrap {
  background-color: transparent !important;
}
@media (max-width: 900px) {
  html body .rdy-top-visual-bg {
    height: clamp(500px, 74vh, 760px) !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 q (place hero text on the top image)
   Final layout refinement: the text content for Expertise and Contact/Audit
   is positioned directly on the top visual image instead of below it.
   ---------------------------------------------------------------------- */
html body .rdy-expertise-hero {
  min-height: clamp(560px, 72vh, 860px) !important;
  padding-top: clamp(170px, 19vh, 245px) !important;
  padding-bottom: clamp(54px, 8vh, 92px) !important;
  display: flex !important;
  align-items: flex-end !important;
}
html body .rdy-expertise-head {
  width: min(1080px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
  padding: 0 clamp(10px, 1vw, 16px) !important;
  text-align: left !important;
}
html body .rdy-expertise-head .rdy-h2,
html body .rdy-expertise-head .rdy-expertise-title,
html body .rdy-contact-audit-intro-copy .rdy-h2 {
  text-shadow: 0 8px 28px rgba(0,0,0,.48) !important;
}
html body .rdy-expertise-head .rdy-expertise-lead,
html body .rdy-contact-audit-intro-copy .rdy-sec-desc {
  text-shadow: 0 4px 18px rgba(0,0,0,.44) !important;
}
html body .rdy-contact-audit-section {
  padding-top: 0 !important;
}
html body .rdy-contact-audit-intro-grid {
  position: relative !important;
  min-height: clamp(560px, 72vh, 860px) !important;
  margin: 0 auto !important;
  padding-top: clamp(175px, 19vh, 248px) !important;
  padding-bottom: clamp(54px, 8vh, 92px) !important;
  align-items: end !important;
}
html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
  text-align: left !important;
  max-width: none !important;
}
html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body .rdy-contact-audit-section .rdy-contact-launch-note {
  margin-top: 12px !important;
}
@media (max-width: 980px) {
  html body .rdy-expertise-hero {
    min-height: clamp(500px, 74vh, 760px) !important;
    padding-top: clamp(130px, 17vh, 190px) !important;
    padding-bottom: 42px !important;
  }
  html body .rdy-expertise-head {
    width: min(94vw, 1080px) !important;
  }
  html body .rdy-contact-audit-intro-grid {
    min-height: clamp(500px, 74vh, 760px) !important;
    padding-top: clamp(132px, 18vh, 192px) !important;
    padding-bottom: 40px !important;
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head,
  html body .rdy-expertise-head {
    text-align: center !important;
  }
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    max-width: min(92vw, 760px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 r (single hero image + clean overlay layout)
   Goal:
   - one single top background image on Expertise and Contact/Audit
   - no superposition with body/page backgrounds
   - text and media cleanly over the hero image
   ---------------------------------------------------------------------- */

/* 1) Kill every extra page background for these two tabs to avoid double images. */
html body.rdy-bg-services,
html body.rdy-bg-expertise,
html body.rdy-bg-contact,
html body.rdy-bg-services .rdy-page,
html body.rdy-bg-expertise .rdy-page,
html body.rdy-bg-contact .rdy-page,
html body.rdy-bg-services .rdy-expertise-page,
html body.rdy-bg-expertise .rdy-expertise-page,
html body.rdy-bg-contact .rdy-contact-audit-section {
  background-image: none !important;
  background-color: #030306 !important;
}

/* 2) Reset older pseudo-background layers that were causing flicker/superposition. */
html body.rdy-bg-services .rdy-expertise-hero::before,
html body.rdy-bg-services .rdy-expertise-hero::after,
html body.rdy-bg-expertise .rdy-expertise-hero::before,
html body.rdy-bg-expertise .rdy-expertise-hero::after,
html body.rdy-bg-contact .rdy-contact-audit-section::before,
html body.rdy-bg-contact .rdy-contact-audit-section::after,
html body .rdy-expertise-hero::before,
html body .rdy-expertise-hero::after,
html body .rdy-contact-audit-section::before,
html body .rdy-contact-audit-section::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 3) The real single background image layer. */
html body .rdy-top-visual-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: #030306 !important;
}
html body .rdy-top-visual-bg img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  opacity: 1 !important;
  filter: saturate(1.05) contrast(1.04) brightness(.86) !important;
}
html body .rdy-top-visual-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background:
    linear-gradient(180deg, rgba(4,3,10,.18) 0%, rgba(4,3,10,.28) 38%, rgba(4,2,9,.58) 72%, rgba(3,2,7,.86) 100%),
    radial-gradient(ellipse 52% 28% at 50% 16%, rgba(130,70,220,.12), transparent 70%) !important;
}

/* 4) Expertise hero: centered, elegant, only one background. */
html body .rdy-expertise-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: clamp(620px, 78vh, 860px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(138px, 16vh, 184px) 0 clamp(76px, 10vh, 112px) !important;
}
html body .rdy-expertise-hero > *:not(.rdy-top-visual-bg) {
  position: relative !important;
  z-index: 2 !important;
}
html body .rdy-expertise-head {
  width: min(1040px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
  text-align: center !important;
}
html body .rdy-expertise-head .rdy-eyebrow {
  margin: 0 auto 18px !important;
}
html body .rdy-expertise-title,
html body .rdy-expertise-head .rdy-h2 {
  max-width: 980px !important;
  margin: 0 auto 20px !important;
  text-align: center !important;
  text-shadow: 0 10px 34px rgba(0,0,0,.44) !important;
}
html body .rdy-expertise-lead {
  display: grid !important;
  gap: 14px !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
html body .rdy-expertise-lead p {
  max-width: 920px !important;
  margin: 0 auto !important;
  text-shadow: 0 6px 22px rgba(0,0,0,.42) !important;
}

/* 5) Contact / Audit hero: text and diamond video over the same image. */
html body .rdy-contact-audit-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding-top: 0 !important;
}
html body .rdy-contact-audit-section > *:not(.rdy-top-visual-bg) {
  position: relative !important;
  z-index: 2 !important;
}
html body .rdy-contact-audit-intro-grid {
  max-width: var(--max) !important;
  margin: 0 auto !important;
  min-height: clamp(620px, 78vh, 860px) !important;
  padding: clamp(146px, 16vh, 190px) 56px clamp(64px, 9vh, 94px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 400px) !important;
  gap: clamp(28px, 4vw, 52px) !important;
  align-items: center !important;
  background: transparent !important;
}
html body .rdy-contact-audit-intro-copy {
  max-width: 760px !important;
}
html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
  margin: 0 !important;
  text-align: left !important;
  max-width: none !important;
}
html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-shadow: 0 6px 22px rgba(0,0,0,.42) !important;
}
html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-h2 {
  text-shadow: 0 10px 34px rgba(0,0,0,.44) !important;
}
html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
  align-self: center !important;
  justify-self: end !important;
  width: min(100%, 390px) !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  margin-top: 0 !important;
}
html body .rdy-contact-audit-section .rdy-contact-launch-note {
  margin-top: 12px !important;
}

/* 6) Responsive refinement. */
@media (max-width: 980px) {
  html body .rdy-expertise-hero {
    min-height: clamp(540px, 72vh, 760px) !important;
    padding: 128px 0 52px !important;
  }
  html body .rdy-expertise-head {
    width: min(92vw, 920px) !important;
  }
  html body .rdy-contact-audit-intro-grid {
    min-height: clamp(620px, 82vh, 900px) !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    padding: 128px 24px 48px !important;
    gap: 24px !important;
  }
  html body .rdy-contact-audit-intro-copy {
    max-width: min(92vw, 760px) !important;
  }
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
    justify-self: center !important;
    width: min(88vw, 360px) !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 s (definitive repair for Expertise + Contact)
   One single background image, clean hero composition, no superposition.
   ---------------------------------------------------------------------- */

/* Hide previously injected image layers and old pseudo background stacks. */
html body .rdy-expertise-hero .rdy-top-visual-bg,
html body .rdy-contact-audit-section .rdy-top-visual-bg {
  display: none !important;
}
html body.rdy-bg-services .rdy-expertise-hero::before,
html body.rdy-bg-services .rdy-expertise-hero::after,
html body.rdy-bg-expertise .rdy-expertise-hero::before,
html body.rdy-bg-expertise .rdy-expertise-hero::after,
html body.rdy-bg-contact .rdy-contact-audit-section::before,
html body.rdy-bg-contact .rdy-contact-audit-section::after,
html body.rdy-bg-contact .rdy-contact-audit-intro-grid::before,
html body.rdy-bg-contact .rdy-contact-audit-intro-grid::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* EXPERTISE — text centered on a single premium background image. */
html body.rdy-bg-services .rdy-expertise-hero,
html body.rdy-bg-expertise .rdy-expertise-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  min-height: clamp(620px, 76vh, 860px) !important;
  padding: clamp(132px, 15vh, 174px) 24px clamp(72px, 9vh, 100px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #05030a !important;
  background-image:
    linear-gradient(180deg, rgba(4,2,9,.34) 0%, rgba(4,2,9,.22) 26%, rgba(4,2,9,.48) 64%, rgba(4,2,9,.78) 100%),
    radial-gradient(ellipse 46% 26% at 50% 14%, rgba(143,76,231,.16), transparent 70%),
    none !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
html body.rdy-bg-services .rdy-expertise-head,
html body.rdy-bg-expertise .rdy-expertise-head {
  width: min(1040px, 100%) !important;
  margin: 0 auto !important;
  text-align: center !important;
}
html body.rdy-bg-services .rdy-expertise-head .rdy-eyebrow,
html body.rdy-bg-expertise .rdy-expertise-head .rdy-eyebrow {
  margin: 0 auto 18px !important;
}
html body.rdy-bg-services .rdy-expertise-title,
html body.rdy-bg-expertise .rdy-expertise-title,
html body.rdy-bg-services .rdy-expertise-head .rdy-h2,
html body.rdy-bg-expertise .rdy-expertise-head .rdy-h2 {
  max-width: 980px !important;
  margin: 0 auto 18px !important;
  text-align: center !important;
  text-shadow: 0 10px 34px rgba(0,0,0,.46) !important;
}
html body.rdy-bg-services .rdy-expertise-lead,
html body.rdy-bg-expertise .rdy-expertise-lead {
  display: grid !important;
  gap: 14px !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
html body.rdy-bg-services .rdy-expertise-lead p,
html body.rdy-bg-expertise .rdy-expertise-lead p {
  margin: 0 auto !important;
  max-width: 920px !important;
  text-shadow: 0 6px 20px rgba(0,0,0,.42) !important;
}

/* CONTACT / AUDIT — one background image with text left and video right. */
html body.rdy-bg-contact .rdy-contact-audit-section {
  position: relative !important;
  padding-top: 0 !important;
  background: transparent !important;
}
html body.rdy-bg-contact .rdy-contact-audit-intro-grid {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  max-width: var(--max) !important;
  margin: 0 auto 28px !important;
  min-height: clamp(620px, 76vh, 860px) !important;
  padding: clamp(136px, 15vh, 182px) 56px clamp(68px, 9vh, 96px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 390px) !important;
  gap: clamp(26px, 3vw, 48px) !important;
  align-items: center !important;
  background-color: #05030a !important;
  background-image:
    linear-gradient(180deg, rgba(4,2,9,.32) 0%, rgba(4,2,9,.20) 28%, rgba(4,2,9,.44) 62%, rgba(4,2,9,.76) 100%),
    radial-gradient(ellipse 40% 22% at 76% 16%, rgba(160,92,255,.12), transparent 72%),
    none !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
html body.rdy-bg-contact .rdy-contact-audit-intro-copy {
  max-width: 760px !important;
}
html body.rdy-bg-contact .rdy-contact-audit-intro-copy .rdy-sec-head {
  margin: 0 !important;
  max-width: none !important;
  text-align: left !important;
}
html body.rdy-bg-contact .rdy-contact-audit-intro-copy .rdy-sec-desc {
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
  text-shadow: 0 6px 20px rgba(0,0,0,.42) !important;
}
html body.rdy-bg-contact .rdy-contact-audit-intro-copy .rdy-h2 {
  text-shadow: 0 10px 34px rgba(0,0,0,.46) !important;
}
html body.rdy-bg-contact .rdy-contact-audit-diamond-card {
  justify-self: end !important;
  align-self: center !important;
  width: min(100%, 390px) !important;
  margin: 0 !important;
}
html body.rdy-bg-contact .rdy-contact-launch-note {
  margin-top: 8px !important;
}

/* Mobile / tablet refinement. */
@media (max-width: 980px) {
  html body.rdy-bg-services .rdy-expertise-hero,
  html body.rdy-bg-expertise .rdy-expertise-hero {
    min-height: clamp(520px, 74vh, 760px) !important;
    padding: 122px 20px 52px !important;
  }
  html body.rdy-bg-contact .rdy-contact-audit-intro-grid {
    min-height: clamp(620px, 82vh, 900px) !important;
    padding: 126px 24px 44px !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 24px !important;
  }
  html body.rdy-bg-contact .rdy-contact-audit-intro-copy,
  html body.rdy-bg-contact .rdy-contact-audit-intro-copy .rdy-sec-desc {
    max-width: min(92vw, 760px) !important;
  }
  html body.rdy-bg-contact .rdy-contact-audit-intro-copy .rdy-sec-head,
  html body.rdy-bg-contact .rdy-contact-audit-intro-copy .rdy-sec-desc {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body.rdy-bg-contact .rdy-contact-audit-diamond-card {
    justify-self: center !important;
    width: min(88vw, 360px) !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 t (header logo enlarged and better centered)
   ---------------------------------------------------------------------- */
html body .rdy-nav {
  min-height: 94px !important;
}
html body .rdy-nav-inner {
  align-items: center !important;
  gap: clamp(10px, 1vw, 18px) !important;
}
html body .rdy-nav .rdy-logo {
  flex: 0 0 clamp(430px, 32vw, 620px) !important;
  width: clamp(430px, 32vw, 620px) !important;
  min-width: clamp(430px, 32vw, 620px) !important;
  height: 78px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body .rdy-nav .rdy-logo img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}
@media (max-width: 1280px) {
  html body .rdy-nav .rdy-logo {
    flex-basis: clamp(360px, 31vw, 500px) !important;
    width: clamp(360px, 31vw, 500px) !important;
    min-width: clamp(360px, 31vw, 500px) !important;
    height: 70px !important;
  }
}
@media (max-width: 980px) {
  html body .rdy-nav .rdy-logo {
    flex-basis: clamp(300px, 56vw, 420px) !important;
    width: clamp(300px, 56vw, 420px) !important;
    min-width: clamp(300px, 56vw, 420px) !important;
    height: 60px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 u (homepage levers wording + note)
   ---------------------------------------------------------------------- */
html body .rdy-service-system-note {
  max-width: 980px !important;
  margin: clamp(34px, 3.2vw, 52px) auto 0 !important;
  padding: 22px 28px !important;
  text-align: center !important;
  color: rgba(232,228,242,.88) !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  line-height: 1.7 !important;
  letter-spacing: .01em !important;
  border: 1px solid rgba(168,85,247,.20) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(168,85,247,.11), transparent 52%),
    linear-gradient(135deg, rgba(24,14,38,.42), rgba(8,7,13,.76)) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html body .rdy-card .rdy-card-title {
  letter-spacing: -.012em !important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-05 v (menu complet + logo équilibré)
   Objectif : garder le logo plus grand, sans faire disparaître les onglets.
   ---------------------------------------------------------------------- */
html body .rdy-nav {
  min-height: 92px !important;
  overflow: visible !important;
}

html body .rdy-nav-inner {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 clamp(14px, 1.2vw, 24px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(10px, .9vw, 18px) !important;
  overflow: visible !important;
}

html body .rdy-nav .rdy-logo {
  flex: 0 0 clamp(380px, 25vw, 500px) !important;
  width: clamp(380px, 25vw, 500px) !important;
  min-width: clamp(380px, 25vw, 500px) !important;
  height: 74px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body .rdy-nav .rdy-logo img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

html body .rdy-nav .rdy-tabs {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  overflow: visible !important;
}

html body .rdy-nav .rdy-tab {
  flex: 0 0 auto !important;
  min-width: auto !important;
  padding-inline: clamp(10px, .75vw, 15px) !important;
  font-size: clamp(11.2px, .68vw, 13px) !important;
  letter-spacing: .015em !important;
  white-space: nowrap !important;
}

html body .rdy-nav .rdy-nav-actions {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(8px, .65vw, 12px) !important;
}

html body .rdy-nav .rdy-lang {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

html body .rdy-nav .rdy-btn {
  flex: 0 0 auto !important;
  height: 46px !important;
  padding: 0 clamp(14px, 1vw, 20px) !important;
  font-size: clamp(11.5px, .72vw, 13px) !important;
  white-space: nowrap !important;
}

/* Desktop intermédiaire : on garde tous les onglets visibles en compactant légèrement. */
@media (max-width: 1560px) {
  html body .rdy-nav .rdy-logo {
    flex-basis: clamp(315px, 23vw, 390px) !important;
    width: clamp(315px, 23vw, 390px) !important;
    min-width: clamp(315px, 23vw, 390px) !important;
    height: 66px !important;
  }
  html body .rdy-nav .rdy-tab {
    padding-inline: 9px !important;
    font-size: 11.5px !important;
  }
  html body .rdy-nav .rdy-btn {
    padding: 0 14px !important;
    font-size: 11.8px !important;
  }
}

/* En dessous, le site doit basculer proprement en logique mobile si l’espace manque. */
@media (max-width: 1180px) {
  html body .rdy-nav .rdy-logo {
    flex-basis: min(56vw, 340px) !important;
    width: min(56vw, 340px) !important;
    min-width: min(56vw, 340px) !important;
    height: 58px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 — HEADER DEFINITIVE FIX
   Correction du bug menu : d’anciens styles forçaient encore width:100% sur
   chaque onglet + une grille fixe. On remet le header en flex propre.
   ---------------------------------------------------------------------- */
html body .rdy-nav {
  --header-h: 90px !important;
  height: var(--header-h) !important;
  min-height: var(--header-h) !important;
  max-height: var(--header-h) !important;
  overflow: visible !important;
}

html body .rdy-nav-inner {
  width: 100% !important;
  max-width: 100% !important;
  height: var(--header-h) !important;
  min-height: var(--header-h) !important;
  max-height: var(--header-h) !important;
  padding: 0 18px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  overflow: visible !important;
  contain: none !important;
}

html body .rdy-nav .rdy-logo,
html body .rdy-nav .rdy-logo:hover,
html body .rdy-nav .rdy-logo:focus,
html body .rdy-nav .rdy-logo:active {
  flex: 0 0 clamp(340px, 23vw, 460px) !important;
  width: clamp(340px, 23vw, 460px) !important;
  min-width: clamp(340px, 23vw, 460px) !important;
  max-width: clamp(340px, 23vw, 460px) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  contain: none !important;
}

html body .rdy-nav .rdy-logo img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 auto !important;
}

html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-tabs:hover,
html body .rdy-nav .rdy-tabs:focus-within {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  grid-template-columns: none !important;
  grid-auto-columns: unset !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  overflow: visible !important;
  contain: none !important;
  transform: none !important;
}

html body .rdy-nav .rdy-tab,
html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus,
html body .rdy-nav .rdy-tab:focus-visible,
html body .rdy-nav .rdy-tab:active,
html body .rdy-nav .rdy-tab.is-active,
html body .rdy-nav .rdy-tab.is-active:hover,
html body .rdy-nav .rdy-tab.is-active:focus-visible {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 clamp(9px, .58vw, 14px) !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1 !important;
  font-size: clamp(11px, .66vw, 12.8px) !important;
  letter-spacing: .01em !important;
  contain: none !important;
}

html body .rdy-nav .rdy-nav-actions {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  margin-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  overflow: visible !important;
  contain: none !important;
}

html body .rdy-nav .rdy-lang {
  flex: 0 0 auto !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 4px !important;
  margin: 0 !important;
}

html body .rdy-nav .rdy-lang button,
html body .rdy-nav .rdy-lang button:hover,
html body .rdy-nav .rdy-lang button.is-active {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  padding: 0 !important;
  font-size: 11.2px !important;
}

html body .rdy-nav .rdy-btn,
html body .rdy-nav .rdy-cta-desktop,
html body .rdy-nav .rdy-btn-primary {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 172px !important;
  max-width: 190px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 0 18px !important;
  font-size: 12.6px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* Compact desktop */
@media (max-width: 1600px) {
  html body .rdy-nav-inner {
    padding: 0 14px !important;
    gap: 9px !important;
  }
  html body .rdy-nav .rdy-logo,
  html body .rdy-nav .rdy-logo:hover,
  html body .rdy-nav .rdy-logo:focus,
  html body .rdy-nav .rdy-logo:active {
    flex-basis: clamp(275px, 20vw, 350px) !important;
    width: clamp(275px, 20vw, 350px) !important;
    min-width: clamp(275px, 20vw, 350px) !important;
    max-width: clamp(275px, 20vw, 350px) !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
  }
  html body .rdy-nav .rdy-tabs {
    gap: 4px !important;
  }
  html body .rdy-nav .rdy-tab,
  html body .rdy-nav .rdy-tab:hover,
  html body .rdy-nav .rdy-tab.is-active {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 7px !important;
    font-size: 11.2px !important;
  }
  html body .rdy-nav .rdy-btn,
  html body .rdy-nav .rdy-cta-desktop,
  html body .rdy-nav .rdy-btn-primary {
    min-width: 154px !important;
    max-width: 170px !important;
    height: 54px !important;
    padding: 0 14px !important;
    font-size: 11.8px !important;
  }
  html body .rdy-nav .rdy-lang button {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }
}

/* Tablet/mobile : on évite les compressions impossibles. */
@media (max-width: 1280px) {
  html body .rdy-nav .rdy-tabs,
  html body .rdy-nav .rdy-cta-desktop {
    display: none !important;
  }
  html body .rdy-nav .rdy-logo,
  html body .rdy-nav .rdy-logo:hover {
    flex-basis: min(56vw, 320px) !important;
    width: min(56vw, 320px) !important;
    min-width: min(56vw, 320px) !important;
    max-width: min(56vw, 320px) !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 b — header spacing + larger text + smooth rhodium
   Demande utilisateur : espacer davantage les onglets, augmenter légèrement
   la taille du texte, et supprimer les petites rainures du dégradé rhodium.
   ---------------------------------------------------------------------- */
html body .rdy-nav,
html body .rdy-nav::before,
html body .rdy-nav::after {
  background-image: none !important;
}

html body .rdy-nav {
  background:
    radial-gradient(circle at 14% 8%, rgba(255,255,255,.22) 0%, rgba(255,255,255,.08) 18%, rgba(255,255,255,0) 42%),
    linear-gradient(180deg,
      rgba(236,239,243,.98) 0%,
      rgba(214,219,226,.98) 13%,
      rgba(176,183,193,.98) 34%,
      rgba(116,123,133,.98) 59%,
      rgba(44,48,57,.985) 84%,
      rgba(9,11,15,.995) 100%) !important;
  border-bottom: 1px solid rgba(226,231,238,.20) !important;
  box-shadow:
    0 16px 46px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(0,0,0,.34) !important;
}

html body .rdy-nav-inner {
  padding: 0 22px !important;
  gap: 18px !important;
}

html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-tabs:hover,
html body .rdy-nav .rdy-tabs:focus-within {
  gap: 10px !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  padding: 0 !important;
  background: linear-gradient(180deg, rgba(10,10,14,.12), rgba(6,6,10,.20)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.26) !important;
}

html body .rdy-nav .rdy-tab,
html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus,
html body .rdy-nav .rdy-tab:focus-visible,
html body .rdy-nav .rdy-tab:active,
html body .rdy-nav .rdy-tab.is-active,
html body .rdy-nav .rdy-tab.is-active:hover,
html body .rdy-nav .rdy-tab.is-active:focus-visible {
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 14px !important;
  font-size: 13.2px !important;
  letter-spacing: .012em !important;
}

html body .rdy-nav .rdy-nav-actions {
  gap: 12px !important;
}

html body .rdy-nav .rdy-lang {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)) !important;
}

html body .rdy-nav .rdy-lang button,
html body .rdy-nav .rdy-lang button:hover,
html body .rdy-nav .rdy-lang button.is-active {
  font-size: 12px !important;
}

html body .rdy-nav .rdy-btn,
html body .rdy-nav .rdy-cta-desktop,
html body .rdy-nav .rdy-btn-primary {
  min-width: 178px !important;
  max-width: 198px !important;
  font-size: 13px !important;
}

/* Version plus compacte sous 1600 px pour garder un équilibre impeccable */
@media (max-width: 1600px) {
  html body .rdy-nav-inner {
    padding: 0 16px !important;
    gap: 12px !important;
  }
  html body .rdy-nav .rdy-tabs {
    gap: 7px !important;
  }
  html body .rdy-nav .rdy-tab,
  html body .rdy-nav .rdy-tab:hover,
  html body .rdy-nav .rdy-tab.is-active {
    padding: 0 10px !important;
    font-size: 12.1px !important;
  }
  html body .rdy-nav .rdy-btn,
  html body .rdy-nav .rdy-cta-desktop,
  html body .rdy-nav .rdy-btn-primary {
    min-width: 164px !important;
    max-width: 182px !important;
    font-size: 12.1px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 c — transition plus fluide du module langue
   et de la barre de navigation générale, sans traits visibles.
   ---------------------------------------------------------------------- */
html body .rdy-nav,
html body .rdy-nav::before,
html body .rdy-nav::after,
html body .rdy-nav-inner,
html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-nav-actions {
  border-image: none !important;
}

html body .rdy-nav {
  background:
    radial-gradient(circle at 14% 10%, rgba(255,255,255,.18) 0%, rgba(255,255,255,.06) 18%, rgba(255,255,255,0) 44%),
    linear-gradient(180deg,
      rgba(235,238,242,.985) 0%,
      rgba(221,225,231,.982) 16%,
      rgba(190,196,205,.978) 34%,
      rgba(132,139,149,.976) 56%,
      rgba(60,65,75,.985) 82%,
      rgba(11,13,18,.995) 100%) !important;
  border-bottom: 0 !important;
  box-shadow:
    0 14px 38px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html body .rdy-nav::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 24px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(6,7,10,.26) 58%, rgba(6,7,10,.42) 100%) !important;
}

html body .rdy-nav-inner {
  background: transparent !important;
}

html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-tabs:hover,
html body .rdy-nav .rdy-tabs:focus-within {
  background: linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.008)) !important;
  border: 0 !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

html body .rdy-nav .rdy-lang {
  position: relative !important;
  gap: 8px !important;
  padding: 6px !important;
  border: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.016)) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  overflow: hidden !important;
}

html body .rdy-nav .rdy-lang::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,0) 28%, rgba(168,85,247,.05) 72%, rgba(255,255,255,.025) 100%) !important;
  opacity: .8 !important;
}

html body .rdy-nav .rdy-lang button,
html body .rdy-nav .rdy-lang button:hover,
html body .rdy-nav .rdy-lang button:focus-visible {
  position: relative !important;
  z-index: 1 !important;
  min-width: 56px !important;
  height: 56px !important;
  padding: 0 18px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.88) !important;
  transition: background .24s ease, color .24s ease, box-shadow .24s ease, transform .24s ease !important;
}

html body .rdy-nav .rdy-lang button.is-active,
html body .rdy-nav .rdy-lang button.is-active:hover,
html body .rdy-nav .rdy-lang button.is-active:focus-visible {
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.16), rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03) 32%, rgba(92,37,166,.18) 100%) !important;
  color: rgba(255,255,255,.97) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 22px rgba(168,85,247,.16) !important;
}

html body .rdy-nav .rdy-lang button:not(.is-active):hover {
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
  color: rgba(255,255,255,.96) !important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 d — menu gradient color correction
   Objective: cleaner rhodium gradient, smoother transitions, coherent colors.
   ---------------------------------------------------------------------- */
html body .rdy-nav,
html body .rdy-nav::before,
html body .rdy-nav::after,
html body .rdy-nav-inner,
html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-nav-actions,
html body .rdy-nav .rdy-lang {
  border: 0 !important;
  outline: 0 !important;
}

html body .rdy-nav {
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.13) 0%, rgba(255,255,255,.05) 18%, rgba(255,255,255,0) 38%),
    linear-gradient(180deg,
      rgba(240,242,246,.985) 0%,
      rgba(225,229,235,.982) 15%,
      rgba(196,201,209,.978) 33%,
      rgba(149,156,166,.978) 52%,
      rgba(93,99,110,.984) 72%,
      rgba(35,39,48,.992) 88%,
      rgba(11,13,18,.996) 100%) !important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.18) !important;
}

html body .rdy-nav::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 18px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(10,11,16,.18) 60%, rgba(10,11,16,.28) 100%) !important;
}

html body .rdy-nav-inner {
  background: transparent !important;
}

html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-tabs:hover,
html body .rdy-nav .rdy-tabs:focus-within {
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.004)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 20px rgba(0,0,0,.08) !important;
}

html body .rdy-nav .rdy-tab,
html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus,
html body .rdy-nav .rdy-tab:focus-visible,
html body .rdy-nav .rdy-tab:active,
html body .rdy-nav .rdy-tab.is-active,
html body .rdy-nav .rdy-tab.is-active:hover,
html body .rdy-nav .rdy-tab.is-active:focus-visible {
  color: rgba(250,250,252,.96) !important;
}

html body .rdy-nav .rdy-lang {
  position: relative !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.042) 0%,
      rgba(255,255,255,.026) 48%,
      rgba(255,255,255,.012) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 20px rgba(0,0,0,.10) !important;
  overflow: hidden !important;
}

html body .rdy-nav .rdy-lang::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.028) 0%,
      rgba(255,255,255,.012) 22%,
      rgba(255,255,255,.008) 50%,
      rgba(179,117,255,.03) 76%,
      rgba(255,255,255,.012) 100%) !important;
  opacity: 1 !important;
}

html body .rdy-nav .rdy-lang button,
html body .rdy-nav .rdy-lang button:hover,
html body .rdy-nav .rdy-lang button:focus-visible {
  background: transparent !important;
  color: rgba(255,255,255,.90) !important;
}

html body .rdy-nav .rdy-lang button.is-active,
html body .rdy-nav .rdy-lang button.is-active:hover,
html body .rdy-nav .rdy-lang button.is-active:focus-visible {
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.04) 30%,
      rgba(140,76,224,.13) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 18px rgba(168,85,247,.12) !important;
  color: rgba(255,255,255,.98) !important;
}

html body .rdy-nav .rdy-lang button:not(.is-active):hover {
  background: linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.012)) !important;
  color: rgba(255,255,255,.97) !important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 e — remove visual stuttering / block artifacts
   Goal: one continuous premium rhodium header, no visible panel blocks.
   ---------------------------------------------------------------------- */
html body .rdy-nav,
html body .rdy-nav::before,
html body .rdy-nav::after,
html body .rdy-nav-inner,
html body .rdy-nav .rdy-logo,
html body .rdy-nav .rdy-nav-actions,
html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-lang {
  border-image: none !important;
}

html body .rdy-nav {
  background:
    radial-gradient(1200px 220px at 18% 0%, rgba(255,255,255,.14) 0%, rgba(255,255,255,.05) 28%, rgba(255,255,255,0) 58%),
    radial-gradient(900px 180px at 82% 12%, rgba(210,190,255,.06) 0%, rgba(210,190,255,0) 60%),
    linear-gradient(180deg,
      rgba(239,241,245,.988) 0%,
      rgba(228,232,237,.985) 14%,
      rgba(203,208,216,.982) 30%,
      rgba(164,171,181,.982) 48%,
      rgba(112,118,129,.988) 68%,
      rgba(54,58,68,.992) 86%,
      rgba(13,15,20,.997) 100%) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.16) !important;
}

html body .rdy-nav::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 12px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(8,9,14,.14) 62%, rgba(8,9,14,.20) 100%) !important;
}

html body .rdy-nav-inner {
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove the blocky wrapper effect around the logo */
html body .rdy-nav .rdy-logo,
html body .rdy-nav .rdy-logo:hover,
html body .rdy-nav .rdy-logo:focus,
html body .rdy-nav .rdy-logo:active {
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep the tabs readable but without visible panel segmentation */
html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-tabs:hover,
html body .rdy-nav .rdy-tabs:focus-within {
  background: transparent !important;
  box-shadow: none !important;
}

html body .rdy-nav .rdy-tab,
html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus,
html body .rdy-nav .rdy-tab:focus-visible,
html body .rdy-nav .rdy-tab:active,
html body .rdy-nav .rdy-tab.is-active,
html body .rdy-nav .rdy-tab.is-active:hover,
html body .rdy-nav .rdy-tab.is-active:focus-visible {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(0,0,0,.12) !important;
}

/* Remove the grey block around the language area */
html body .rdy-nav .rdy-nav-actions {
  background: transparent !important;
  box-shadow: none !important;
}

html body .rdy-nav .rdy-lang {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 6px !important;
  overflow: visible !important;
}

html body .rdy-nav .rdy-lang::before,
html body .rdy-nav .rdy-lang::after {
  content: none !important;
  display: none !important;
}

html body .rdy-nav .rdy-lang button,
html body .rdy-nav .rdy-lang button:hover,
html body .rdy-nav .rdy-lang button:focus-visible {
  min-width: 54px !important;
  height: 48px !important;
  padding: 0 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.92) !important;
}

html body .rdy-nav .rdy-lang button.is-active,
html body .rdy-nav .rdy-lang button.is-active:hover,
html body .rdy-nav .rdy-lang button.is-active:focus-visible {
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.02) 42%, rgba(155,92,240,.10) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.12),
    0 0 14px rgba(168,85,247,.08) !important;
}

/* Keep CTA crisp but avoid the outer panel feeling */
html body .rdy-nav .rdy-btn,
html body .rdy-nav .rdy-cta-desktop,
html body .rdy-nav .rdy-btn-primary {
  box-shadow:
    0 12px 28px rgba(94,45,188,.22),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 f — version photo validée + FAQ visible
   Conserver le rendu validé et réduire très légèrement l'emprise du menu.
   ---------------------------------------------------------------------- */
@media (min-width: 1281px) {
  html body .rdy-nav .rdy-tabs {
    gap: 5px !important;
  }
  html body .rdy-nav .rdy-tab,
  html body .rdy-nav .rdy-tab:hover,
  html body .rdy-nav .rdy-tab:focus,
  html body .rdy-nav .rdy-tab:focus-visible,
  html body .rdy-nav .rdy-tab:active,
  html body .rdy-nav .rdy-tab.is-active,
  html body .rdy-nav .rdy-tab.is-active:hover,
  html body .rdy-nav .rdy-tab.is-active:focus-visible {
    padding: 0 11px !important;
    font-size: 12px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 g — header final polish from approved photo
   Objectif : repartir du modèle validé, supprimer les traits / cassures
   aux jonctions, espacer un peu les onglets et agrandir légèrement les touches.
   ---------------------------------------------------------------------- */
html body .rdy-nav,
html body .rdy-nav::before,
html body .rdy-nav::after,
html body .rdy-nav-inner,
html body .rdy-nav .rdy-logo,
html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-nav-actions,
html body .rdy-nav .rdy-lang {
  border-image: none !important;
  outline: 0 !important;
}

html body .rdy-nav {
  background:
    radial-gradient(1200px 240px at 18% 0%, rgba(255,255,255,.13) 0%, rgba(255,255,255,.045) 28%, rgba(255,255,255,0) 58%),
    radial-gradient(900px 160px at 84% 8%, rgba(205,190,255,.045) 0%, rgba(205,190,255,0) 60%),
    linear-gradient(180deg,
      rgba(240,242,246,.99) 0%,
      rgba(229,233,238,.987) 16%,
      rgba(204,209,217,.984) 34%,
      rgba(165,171,181,.985) 52%,
      rgba(113,119,130,.989) 72%,
      rgba(54,58,68,.993) 87%,
      rgba(12,14,19,.997) 100%) !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.14) !important;
}

html body .rdy-nav::before {
  content: none !important;
  display: none !important;
}

html body .rdy-nav::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 10px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(7,8,12,.12) 64%, rgba(7,8,12,.18) 100%) !important;
}

html body .rdy-nav-inner {
  gap: 12px !important;
  padding: 0 18px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* éviter les cassures de fond aux jonctions signalées */
html body .rdy-nav .rdy-logo,
html body .rdy-nav .rdy-logo:hover,
html body .rdy-nav .rdy-logo:focus,
html body .rdy-nav .rdy-logo:active,
html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-tabs:hover,
html body .rdy-nav .rdy-tabs:focus-within,
html body .rdy-nav .rdy-nav-actions,
html body .rdy-nav .rdy-lang {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

@media (min-width: 1281px) {
  html body .rdy-nav .rdy-tabs {
    gap: 8px !important;
  }
  html body .rdy-nav .rdy-tab,
  html body .rdy-nav .rdy-tab:hover,
  html body .rdy-nav .rdy-tab:focus,
  html body .rdy-nav .rdy-tab:focus-visible,
  html body .rdy-nav .rdy-tab:active,
  html body .rdy-nav .rdy-tab.is-active,
  html body .rdy-nav .rdy-tab.is-active:hover,
  html body .rdy-nav .rdy-tab.is-active:focus-visible {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
    font-size: 12.4px !important;
    letter-spacing: .01em !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 8px 18px rgba(0,0,0,.12) !important;
  }
}

html body .rdy-nav .rdy-nav-actions {
  gap: 10px !important;
}

html body .rdy-nav .rdy-lang {
  gap: 8px !important;
  padding: 0 !important;
}

html body .rdy-nav .rdy-lang::before,
html body .rdy-nav .rdy-lang::after {
  content: none !important;
  display: none !important;
}

html body .rdy-nav .rdy-lang button,
html body .rdy-nav .rdy-lang button:hover,
html body .rdy-nav .rdy-lang button:focus-visible {
  min-width: 54px !important;
  height: 52px !important;
  padding: 0 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 12px !important;
}

html body .rdy-nav .rdy-lang button.is-active,
html body .rdy-nav .rdy-lang button.is-active:hover,
html body .rdy-nav .rdy-lang button.is-active:focus-visible {
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 40%, rgba(156,97,240,.10) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 16px rgba(0,0,0,.10),
    0 0 12px rgba(168,85,247,.08) !important;
}

html body .rdy-nav .rdy-btn,
html body .rdy-nav .rdy-cta-desktop,
html body .rdy-nav .rdy-btn-primary {
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 h — final header presentation polish
   Demande : logo noir sans encadré gris, sélecteur FR/EN unifié, suppression
   des traits parasites, meilleure répartition visuelle des onglets.
   ---------------------------------------------------------------------- */
html body .rdy-nav,
html body .rdy-nav::before,
html body .rdy-nav::after,
html body .rdy-nav-inner,
html body .rdy-nav .rdy-logo,
html body .rdy-nav .rdy-logo::before,
html body .rdy-nav .rdy-logo::after,
html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-tabs::before,
html body .rdy-nav .rdy-tabs::after,
html body .rdy-nav .rdy-nav-actions,
html body .rdy-nav .rdy-nav-actions::before,
html body .rdy-nav .rdy-nav-actions::after,
html body .rdy-nav .rdy-lang,
html body .rdy-nav .rdy-lang::before,
html body .rdy-nav .rdy-lang::after {
  border-image: none !important;
  outline: 0 !important;
}

html body .rdy-nav {
  background:
    radial-gradient(1200px 230px at 15% 0%, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 28%, rgba(255,255,255,0) 56%),
    radial-gradient(780px 150px at 82% 6%, rgba(189,165,245,.04) 0%, rgba(189,165,245,0) 62%),
    linear-gradient(180deg,
      rgba(241,243,247,.992) 0%,
      rgba(229,233,238,.989) 16%,
      rgba(205,210,218,.986) 34%,
      rgba(168,174,184,.986) 52%,
      rgba(115,121,131,.990) 72%,
      rgba(55,59,69,.994) 87%,
      rgba(12,14,19,.998) 100%) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.14) !important;
}

html body .rdy-nav::before {
  content: none !important;
  display: none !important;
}

html body .rdy-nav::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 10px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(8,9,13,.10) 62%, rgba(8,9,13,.17) 100%) !important;
}

html body .rdy-nav-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 0 18px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Logo: on garde uniquement le rectangle noir du visuel, sans panneau gris */
html body .rdy-nav .rdy-logo,
html body .rdy-nav .rdy-logo:hover,
html body .rdy-nav .rdy-logo:focus,
html body .rdy-nav .rdy-logo:active {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .rdy-nav .rdy-logo img {
  display: block !important;
  width: clamp(360px, 22vw, 430px) !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
}

/* Navigation principale */
html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-tabs:hover,
html body .rdy-nav .rdy-tabs:focus-within {
  flex: 1 1 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html body .rdy-nav .rdy-tab,
html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus,
html body .rdy-nav .rdy-tab:focus-visible,
html body .rdy-nav .rdy-tab:active,
html body .rdy-nav .rdy-tab.is-active,
html body .rdy-nav .rdy-tab.is-active:hover,
html body .rdy-nav .rdy-tab.is-active:focus-visible {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 0 15px !important;
  font-size: 12.6px !important;
  letter-spacing: .01em !important;
  border: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 18px rgba(0,0,0,.12) !important;
}

html body .rdy-nav .rdy-nav-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Sélecteur FR/EN unifié, sans trait parasite */
html body .rdy-nav .rdy-lang {
  display: inline-grid !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px !important;
  background: linear-gradient(180deg, rgba(10,11,16,.26), rgba(6,7,10,.34)) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 18px rgba(0,0,0,.10) !important;
  overflow: hidden !important;
}

html body .rdy-nav .rdy-lang::before,
html body .rdy-nav .rdy-lang::after {
  content: none !important;
  display: none !important;
}

html body .rdy-nav .rdy-lang button,
html body .rdy-nav .rdy-lang button:hover,
html body .rdy-nav .rdy-lang button:focus-visible {
  min-width: 54px !important;
  height: 48px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 12px !important;
}

html body .rdy-nav .rdy-lang button.is-active,
html body .rdy-nav .rdy-lang button.is-active:hover,
html body .rdy-nav .rdy-lang button.is-active:focus-visible {
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03) 38%, rgba(156,97,240,.11) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 6px 14px rgba(0,0,0,.10),
    0 0 10px rgba(168,85,247,.08) !important;
  color: rgba(255,255,255,.96) !important;
}

html body .rdy-nav .rdy-btn,
html body .rdy-nav .rdy-cta-desktop,
html body .rdy-nav .rdy-btn-primary {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  min-width: 174px !important;
  padding: 0 22px !important;
}

@media (max-width: 1600px) {
  html body .rdy-nav-inner {
    gap: 12px !important;
    padding: 0 14px !important;
  }
  html body .rdy-nav .rdy-logo img {
    width: clamp(300px, 19vw, 380px) !important;
  }
  html body .rdy-nav .rdy-tabs {
    gap: 6px !important;
  }
  html body .rdy-nav .rdy-tab,
  html body .rdy-nav .rdy-tab:hover,
  html body .rdy-nav .rdy-tab:focus,
  html body .rdy-nav .rdy-tab:focus-visible,
  html body .rdy-nav .rdy-tab:active,
  html body .rdy-nav .rdy-tab.is-active,
  html body .rdy-nav .rdy-tab.is-active:hover,
  html body .rdy-nav .rdy-tab.is-active:focus-visible {
    padding: 0 13px !important;
    font-size: 12px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }
  html body .rdy-nav .rdy-lang button,
  html body .rdy-nav .rdy-lang button:hover,
  html body .rdy-nav .rdy-lang button:focus-visible {
    min-width: 48px !important;
    height: 46px !important;
    padding: 0 14px !important;
  }
  html body .rdy-nav .rdy-btn,
  html body .rdy-nav .rdy-cta-desktop,
  html body .rdy-nav .rdy-btn-primary {
    min-width: 166px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 18px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 i — final header micro-fixes
   - réduire le trait parasite côté EN
   - transformer FR/EN en vrai module unifié
   - espacer un peu plus les onglets
   - agrandir légèrement les touches
   ---------------------------------------------------------------------- */
html body .rdy-nav .rdy-nav-actions {
  gap: 16px !important;
}

html body .rdy-nav .rdy-tabs {
  gap: 10px !important;
}

html body .rdy-nav .rdy-tab,
html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus,
html body .rdy-nav .rdy-tab:focus-visible,
html body .rdy-nav .rdy-tab:active,
html body .rdy-nav .rdy-tab.is-active,
html body .rdy-nav .rdy-tab.is-active:hover,
html body .rdy-nav .rdy-tab.is-active:focus-visible {
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 0 17px !important;
  font-size: 12.8px !important;
}

html body .rdy-nav .rdy-lang {
  position: relative !important;
  z-index: 3 !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 4px !important;
  background: linear-gradient(180deg, rgba(11,12,17,.30), rgba(7,8,11,.38)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 14px rgba(0,0,0,.10) !important;
  overflow: hidden !important;
}

html body .rdy-nav .rdy-lang button,
html body .rdy-nav .rdy-lang button:hover,
html body .rdy-nav .rdy-lang button:focus-visible {
  position: relative !important;
  z-index: 2 !important;
  min-width: 60px !important;
  width: 60px !important;
  max-width: 60px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  color: rgba(255,255,255,.90) !important;
  font-size: 12.4px !important;
}

html body .rdy-nav .rdy-lang button + button {
  margin-left: 2px !important;
}

html body .rdy-nav .rdy-lang button.is-active,
html body .rdy-nav .rdy-lang button.is-active:hover,
html body .rdy-nav .rdy-lang button.is-active:focus-visible {
  background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.03) 38%, rgba(156,97,240,.12) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 5px 12px rgba(0,0,0,.08),
    0 0 8px rgba(168,85,247,.06) !important;
}

html body .rdy-nav .rdy-btn,
html body .rdy-nav .rdy-cta-desktop,
html body .rdy-nav .rdy-btn-primary {
  position: relative !important;
  z-index: 1 !important;
  min-width: 178px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 0 24px !important;
  box-shadow:
    0 10px 22px rgba(94,45,188,.18),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  filter: none !important;
}

@media (max-width: 1600px) {
  html body .rdy-nav .rdy-tabs {
    gap: 8px !important;
  }
  html body .rdy-nav .rdy-tab,
  html body .rdy-nav .rdy-tab:hover,
  html body .rdy-nav .rdy-tab:focus,
  html body .rdy-nav .rdy-tab:focus-visible,
  html body .rdy-nav .rdy-tab:active,
  html body .rdy-nav .rdy-tab.is-active,
  html body .rdy-nav .rdy-tab.is-active:hover,
  html body .rdy-nav .rdy-tab.is-active:focus-visible {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 15px !important;
    font-size: 12.2px !important;
  }
  html body .rdy-nav .rdy-lang button,
  html body .rdy-nav .rdy-lang button:hover,
  html body .rdy-nav .rdy-lang button:focus-visible {
    min-width: 56px !important;
    width: 56px !important;
    max-width: 56px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    font-size: 12px !important;
  }
  html body .rdy-nav .rdy-btn,
  html body .rdy-nav .rdy-cta-desktop,
  html body .rdy-nav .rdy-btn-primary {
    min-width: 170px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 20px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 j — suppress seam inside EN language toggle
   Objectif : supprimer le voile clair parasite visible dans le module langue.
   ---------------------------------------------------------------------- */
html body .rdy-nav .rdy-lang,
html body .rdy-nav .rdy-lang:hover,
html body .rdy-nav .rdy-lang:focus-within {
  position: relative !important;
  isolation: isolate !important;
  gap: 2px !important;
  padding: 4px !important;
  background: rgba(20, 22, 29, 0.88) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 6px 14px rgba(0,0,0,.10) !important;
  overflow: hidden !important;
}

html body .rdy-nav .rdy-lang::before,
html body .rdy-nav .rdy-lang::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

html body .rdy-nav .rdy-lang button,
html body .rdy-nav .rdy-lang button:hover,
html body .rdy-nav .rdy-lang button:focus,
html body .rdy-nav .rdy-lang button:focus-visible {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}

html body .rdy-nav .rdy-lang button + button {
  margin-left: 0 !important;
}

html body .rdy-nav .rdy-lang button.is-active,
html body .rdy-nav .rdy-lang button.is-active:hover,
html body .rdy-nav .rdy-lang button.is-active:focus-visible {
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 34%, rgba(156,97,240,.10) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 4px 10px rgba(0,0,0,.07) !important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 k — shift language module left from CTA
   Objectif : rapprocher FR/EN de FAQ et l'éloigner du halo Contact & audit.
   ---------------------------------------------------------------------- */
html body .rdy-nav .rdy-nav-actions {
  gap: 26px !important;
}

html body .rdy-nav .rdy-lang,
html body .rdy-nav .rdy-lang:hover,
html body .rdy-nav .rdy-lang:focus-within {
  margin-right: 4px !important;
}

html body .rdy-nav .rdy-btn,
html body .rdy-nav .rdy-cta-desktop,
html body .rdy-nav .rdy-btn-primary {
  position: relative !important;
  z-index: 1 !important;
  box-shadow:
    0 8px 16px rgba(94,45,188,.10),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

@media (max-width: 1600px) {
  html body .rdy-nav .rdy-nav-actions {
    gap: 22px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 l — shift language module further left
   Objectif : éloigner clairement FR/EN du bouton Contact & audit.
   ---------------------------------------------------------------------- */
html body .rdy-nav .rdy-nav-actions {
  gap: 40px !important;
}

html body .rdy-nav .rdy-lang,
html body .rdy-nav .rdy-lang:hover,
html body .rdy-nav .rdy-lang:focus-within {
  margin-right: 10px !important;
}

html body .rdy-nav .rdy-btn,
html body .rdy-nav .rdy-cta-desktop,
html body .rdy-nav .rdy-btn-primary {
  box-shadow:
    0 6px 12px rgba(94,45,188,.06),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

@media (max-width: 1600px) {
  html body .rdy-nav .rdy-nav-actions {
    gap: 30px !important;
  }
  html body .rdy-nav .rdy-lang,
  html body .rdy-nav .rdy-lang:hover,
  html body .rdy-nav .rdy-lang:focus-within {
    margin-right: 8px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 m — active rhodium outlines + CTA vertical centering
   Demande : encadrés violets sur les touches du menu au clic, bouton audit remonté.
   ---------------------------------------------------------------------- */
html body .rdy-nav .rdy-tab,
html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus,
html body .rdy-nav .rdy-tab:focus-visible {
  border: 1px solid rgba(255,255,255,.06) !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease !important;
}

html body .rdy-nav .rdy-tab.is-active,
html body .rdy-nav .rdy-tab.is-active:hover,
html body .rdy-nav .rdy-tab.is-active:focus,
html body .rdy-nav .rdy-tab.is-active:focus-visible,
html body .rdy-nav .rdy-tab[aria-current="page"],
html body .rdy-nav .rdy-tab[aria-current="page"]:hover,
html body .rdy-nav .rdy-tab[aria-current="page"]:focus-visible {
  border: 1px solid rgba(170, 101, 255, .92) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015) 36%, rgba(122,54,223,.14) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(170,101,255,.16),
    0 10px 22px rgba(93, 34, 185, .18),
    0 0 14px rgba(152, 79, 249, .12) !important;
  color: rgba(255,255,255,.98) !important;
}

html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus-visible {
  border-color: rgba(160, 92, 246, .34) !important;
}

html body .rdy-nav .rdy-btn,
html body .rdy-nav .rdy-cta-desktop,
html body .rdy-nav .rdy-btn-primary {
  align-self: center !important;
  transform: translateY(-3px) !important;
}

html body .rdy-nav .rdy-btn:hover,
html body .rdy-nav .rdy-cta-desktop:hover,
html body .rdy-nav .rdy-btn-primary:hover {
  transform: translateY(-3px) !important;
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 n — Blog/FAQ images full format, no container
   Objectif : utiliser les images originales non coupées, sans bloc conteneur.
   ---------------------------------------------------------------------- */
html body .rdy-faq-hero-site,
html body .rdy-blog-hero-site {
  width: min(1180px, 94vw) !important;
  max-width: min(1180px, 94vw) !important;
  margin: 8px auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

html body .rdy-faq-hero-site::before,
html body .rdy-faq-hero-site::after,
html body .rdy-blog-hero-site::before,
html body .rdy-blog-hero-site::after {
  content: none !important;
  display: none !important;
}

html body .rdy-faq-hero-site img,
html body .rdy-blog-hero-site img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.30),
    0 0 34px rgba(168,85,247,.08) !important;
}

@media (max-width: 760px) {
  html body .rdy-faq-hero-site,
  html body .rdy-blog-hero-site {
    width: 94vw !important;
    max-width: 94vw !important;
    margin-bottom: 28px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 z (blog/faq hero uncropped, no container)
   But : supprimer définitivement le conteneur et tout recadrage forcé
   pour les visuels Blog et FAQ. On affiche une seule image, complète,
   plus large, sans cadre, sans top bar, sans watermark CSS.
   ---------------------------------------------------------------------- */
html body .rdy-section-image.rdy-faq-hero-site,
html body .rdy-section-image.rdy-blog-hero-site,
html body .rdy-faq-hero-site,
html body .rdy-blog-hero-site {
  position: relative !important;
  display: block !important;
  width: min(1320px, 92vw) !important;
  max-width: min(1320px, 92vw) !important;
  min-width: 0 !important;
  margin: 12px auto 34px !important;
  padding: 0 !important;
  padding-top: 0 !important;
  aspect-ratio: auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  isolation: auto !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  transition: none !important;
}
html body .rdy-section-image.rdy-faq-hero-site::before,
html body .rdy-section-image.rdy-faq-hero-site::after,
html body .rdy-section-image.rdy-blog-hero-site::before,
html body .rdy-section-image.rdy-blog-hero-site::after,
html body .rdy-faq-hero-site::before,
html body .rdy-faq-hero-site::after,
html body .rdy-blog-hero-site::before,
html body .rdy-blog-hero-site::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  height: 0 !important;
  box-shadow: none !important;
}
html body .rdy-section-image.rdy-faq-hero-site img,
html body .rdy-section-image.rdy-blog-hero-site img,
html body .rdy-faq-hero-site img,
html body .rdy-blog-hero-site img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}
html body .rdy-section-image.rdy-faq-hero-site:hover,
html body .rdy-section-image.rdy-blog-hero-site:hover,
html body .rdy-faq-hero-site:hover,
html body .rdy-blog-hero-site:hover,
html body .rdy-section-image.rdy-faq-hero-site:hover img,
html body .rdy-section-image.rdy-blog-hero-site:hover img,
html body .rdy-faq-hero-site:hover img,
html body .rdy-blog-hero-site:hover img {
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
@media (max-width: 980px) {
  html body .rdy-section-image.rdy-faq-hero-site,
  html body .rdy-section-image.rdy-blog-hero-site,
  html body .rdy-faq-hero-site,
  html body .rdy-blog-hero-site {
    width: min(96vw, 1120px) !important;
    max-width: min(96vw, 1120px) !important;
    margin: 10px auto 28px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 zz (blog/faq images refined size + premium effect)
   But : retirer le copyright blanc ajouté, réduire légèrement la taille des
   visuels Blog/FAQ, supprimer tout conteneur, et appliquer le même esprit
   premium que les autres images du site.
   ---------------------------------------------------------------------- */
html body .rdy-section-image.rdy-faq-hero-site,
html body .rdy-section-image.rdy-blog-hero-site,
html body .rdy-faq-hero-site,
html body .rdy-blog-hero-site {
  position: relative !important;
  display: block !important;
  width: min(1080px, 82vw) !important;
  max-width: min(1080px, 82vw) !important;
  min-width: 0 !important;
  margin: 10px auto 26px !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .rdy-section-image.rdy-faq-hero-site::before,
html body .rdy-section-image.rdy-faq-hero-site::after,
html body .rdy-section-image.rdy-blog-hero-site::before,
html body .rdy-section-image.rdy-blog-hero-site::after,
html body .rdy-faq-hero-site::before,
html body .rdy-faq-hero-site::after,
html body .rdy-blog-hero-site::before,
html body .rdy-blog-hero-site::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}
html body .rdy-section-image.rdy-faq-hero-site img,
html body .rdy-section-image.rdy-blog-hero-site img,
html body .rdy-faq-hero-site img,
html body .rdy-blog-hero-site img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 1px solid rgba(150, 92, 246, .36) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 18px rgba(150,92,246,.08) !important;
  filter: none !important;
  transform: none !important;
}
html body .rdy-section-image.rdy-faq-hero-site:hover img,
html body .rdy-section-image.rdy-blog-hero-site:hover img,
html body .rdy-faq-hero-site:hover img,
html body .rdy-blog-hero-site:hover img {
  filter: none !important;
  transform: none !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 18px rgba(150,92,246,.08) !important;
}
@media (max-width: 980px) {
  html body .rdy-section-image.rdy-faq-hero-site,
  html body .rdy-section-image.rdy-blog-hero-site,
  html body .rdy-faq-hero-site,
  html body .rdy-blog-hero-site {
    width: min(94vw, 980px) !important;
    max-width: min(94vw, 980px) !important;
    margin: 8px auto 22px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — override 2026-06-08 aaa — Blog/FAQ same premium image effect
   Correction : retirer l'effet ajouté trop sombre/violet et reprendre l'effet
   image standard du site, sans copyright blanc supplémentaire.
   ---------------------------------------------------------------------- */
html body .rdy-section-image.rdy-faq-hero-site,
html body .rdy-section-image.rdy-blog-hero-site,
html body .rdy-faq-hero-site,
html body .rdy-blog-hero-site {
  position: relative !important;
  display: block !important;
  width: min(1080px, 82vw) !important;
  max-width: min(1080px, 82vw) !important;
  margin: 10px auto 26px !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #08070d !important;
  border: 1px solid rgba(168,85,247,.24) !important;
  box-shadow:
    0 34px 100px rgba(0,0,0,.38),
    0 0 70px rgba(122,39,214,.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .rdy-section-image.rdy-faq-hero-site::before,
html body .rdy-section-image.rdy-blog-hero-site::before,
html body .rdy-faq-hero-site::before,
html body .rdy-blog-hero-site::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 50% 0, rgba(168,85,247,.16), transparent 52%),
    linear-gradient(180deg, transparent 55%, rgba(5,2,12,.44)) !important;
  z-index: 2 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .rdy-section-image.rdy-faq-hero-site::after,
html body .rdy-section-image.rdy-blog-hero-site::after,
html body .rdy-faq-hero-site::after,
html body .rdy-blog-hero-site::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto 7% 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(196,155,255,.7), rgba(74,222,128,.28), transparent) !important;
  z-index: 3 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .rdy-section-image.rdy-faq-hero-site img,
html body .rdy-section-image.rdy-blog-hero-site img,
html body .rdy-faq-hero-site img,
html body .rdy-blog-hero-site img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

html body .rdy-section-image.rdy-faq-hero-site:hover,
html body .rdy-section-image.rdy-blog-hero-site:hover,
html body .rdy-faq-hero-site:hover,
html body .rdy-blog-hero-site:hover,
html body .rdy-section-image.rdy-faq-hero-site:hover img,
html body .rdy-section-image.rdy-blog-hero-site:hover img,
html body .rdy-faq-hero-site:hover img,
html body .rdy-blog-hero-site:hover img {
  transform: none !important;
  filter: none !important;
}

@media (max-width: 980px) {
  html body .rdy-section-image.rdy-faq-hero-site,
  html body .rdy-section-image.rdy-blog-hero-site,
  html body .rdy-faq-hero-site,
  html body .rdy-blog-hero-site {
    width: min(94vw, 980px) !important;
    max-width: min(94vw, 980px) !important;
    margin: 8px auto 22px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — PASSE 1 / HEADER RC1 — 2026-06-08
   Objectif : header stable, premium, sans traits parasites.
   Zones traitées uniquement : logo, menu, FR/EN, CTA Contact & audit.
   ---------------------------------------------------------------------- */
html body .rdy-nav {
  --header-h: 92px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  height: var(--header-h) !important;
  min-height: var(--header-h) !important;
  max-height: var(--header-h) !important;
  overflow: visible !important;
  background:
    radial-gradient(1100px 230px at 16% 0%, rgba(255,255,255,.115) 0%, rgba(255,255,255,.040) 28%, rgba(255,255,255,0) 58%),
    radial-gradient(760px 145px at 82% 8%, rgba(184,160,246,.035) 0%, rgba(184,160,246,0) 62%),
    linear-gradient(180deg,
      rgba(239,241,245,.992) 0%,
      rgba(226,230,236,.990) 15%,
      rgba(200,205,214,.986) 33%,
      rgba(162,169,179,.986) 52%,
      rgba(110,116,127,.991) 72%,
      rgba(50,54,63,.994) 87%,
      rgba(10,12,17,.998) 100%) !important;
  border: 0 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.16) !important;
  contain: none !important;
}

html body .rdy-nav::before {
  content: none !important;
  display: none !important;
}

html body .rdy-nav::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 9px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(7,8,12,.10) 64%, rgba(7,8,12,.17) 100%) !important;
}

html body .rdy-nav-inner {
  width: 100% !important;
  max-width: 100% !important;
  height: var(--header-h) !important;
  min-height: var(--header-h) !important;
  max-height: var(--header-h) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(12px, 1vw, 20px) !important;
  padding: 0 clamp(16px, 1.3vw, 28px) !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  contain: none !important;
}

/* Logo noir seul : aucun panneau gris ajouté autour. */
html body .rdy-nav .rdy-logo,
html body .rdy-nav .rdy-logo:hover,
html body .rdy-nav .rdy-logo:focus,
html body .rdy-nav .rdy-logo:active {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  contain: none !important;
}

html body .rdy-nav .rdy-logo::before,
html body .rdy-nav .rdy-logo::after {
  content: none !important;
  display: none !important;
}

html body .rdy-nav .rdy-logo img {
  display: block !important;
  width: clamp(300px, 20.5vw, 418px) !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Navigation : lisible, espacée, sans panneau parasite. */
html body .rdy-nav .rdy-tabs,
html body .rdy-nav .rdy-tabs:hover,
html body .rdy-nav .rdy-tabs:focus-within {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: clamp(6px, .42vw, 10px) !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  contain: none !important;
}

html body .rdy-nav .rdy-tabs::before,
html body .rdy-nav .rdy-tabs::after {
  content: none !important;
  display: none !important;
}

html body .rdy-nav .rdy-tab,
html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus,
html body .rdy-nav .rdy-tab:focus-visible,
html body .rdy-nav .rdy-tab:active {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 clamp(11px, .66vw, 16px) !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  line-height: 1 !important;
  font-size: clamp(11.6px, .66vw, 12.8px) !important;
  letter-spacing: .01em !important;
  color: rgba(250,250,252,.92) !important;
  background: rgba(7,8,12,.40) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 7px 16px rgba(0,0,0,.10) !important;
  transform: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease !important;
}

html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus-visible {
  color: rgba(255,255,255,.98) !important;
  border-color: rgba(168,85,247,.34) !important;
  background: rgba(10,10,16,.48) !important;
}

html body .rdy-nav .rdy-tab.is-active,
html body .rdy-nav .rdy-tab.is-active:hover,
html body .rdy-nav .rdy-tab.is-active:focus,
html body .rdy-nav .rdy-tab.is-active:focus-visible,
html body .rdy-nav .rdy-tab[aria-current="page"],
html body .rdy-nav .rdy-tab[aria-current="page"]:hover,
html body .rdy-nav .rdy-tab[aria-current="page"]:focus-visible {
  color: rgba(255,255,255,.99) !important;
  border: 1px solid rgba(168,85,247,.88) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.015) 38%, rgba(118,53,210,.145) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 0 0 1px rgba(168,85,247,.14),
    0 9px 20px rgba(91,35,180,.16),
    0 0 13px rgba(152,79,249,.10) !important;
}

/* Module langue : vrai sélecteur uni, séparé du CTA, sans trait sur EN. */
html body .rdy-nav .rdy-nav-actions {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(26px, 2.3vw, 44px) !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  contain: none !important;
}

html body .rdy-nav .rdy-nav-actions::before,
html body .rdy-nav .rdy-nav-actions::after {
  content: none !important;
  display: none !important;
}

html body .rdy-nav .rdy-lang,
html body .rdy-nav .rdy-lang:hover,
html body .rdy-nav .rdy-lang:focus-within {
  position: relative !important;
  z-index: 5 !important;
  isolation: isolate !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 4px !important;
  margin: 0 !important;
  background: rgba(18,20,27,.88) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.040),
    0 6px 14px rgba(0,0,0,.10) !important;
  overflow: hidden !important;
  transform: none !important;
}

html body .rdy-nav .rdy-lang::before,
html body .rdy-nav .rdy-lang::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

html body .rdy-nav .rdy-lang button,
html body .rdy-nav .rdy-lang button:hover,
html body .rdy-nav .rdy-lang button:focus,
html body .rdy-nav .rdy-lang button:focus-visible {
  position: relative !important;
  z-index: 2 !important;
  flex: 0 0 58px !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 12.2px !important;
  letter-spacing: .01em !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

html body .rdy-nav .rdy-lang button + button {
  margin-left: 0 !important;
}

html body .rdy-nav .rdy-lang button.is-active,
html body .rdy-nav .rdy-lang button.is-active:hover,
html body .rdy-nav .rdy-lang button.is-active:focus,
html body .rdy-nav .rdy-lang button.is-active:focus-visible {
  color: rgba(255,255,255,.98) !important;
  background: rgba(122,68,211,.22) !important;
  background-image: none !important;
  border: 1px solid rgba(190,150,255,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 0 10px rgba(168,85,247,.05) !important;
}

/* CTA : centré verticalement, halo contenu, aucune projection sur FR/EN. */
html body .rdy-nav .rdy-btn,
html body .rdy-nav .rdy-cta-desktop,
html body .rdy-nav .rdy-btn-primary {
  position: relative !important;
  z-index: 1 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  width: auto !important;
  min-width: 172px !important;
  max-width: 196px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 0 21px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  font-size: 12.4px !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, rgba(168,85,247,.98), rgba(90,0,214,.98)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 8px 18px rgba(94,45,188,.16),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
  filter: none !important;
  transform: translateY(-1px) !important;
  overflow: hidden !important;
}

html body .rdy-nav .rdy-btn:hover,
html body .rdy-nav .rdy-cta-desktop:hover,
html body .rdy-nav .rdy-btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 10px 22px rgba(94,45,188,.20),
    inset 0 1px 0 rgba(255,255,255,.15) !important;
}

/* Desktop compact : garder tous les onglets sans casser le header. */
@media (max-width: 1600px) {
  html body .rdy-nav-inner {
    gap: 11px !important;
    padding: 0 14px !important;
  }
  html body .rdy-nav .rdy-logo img {
    width: clamp(286px, 18.4vw, 360px) !important;
  }
  html body .rdy-nav .rdy-tabs {
    gap: 6px !important;
  }
  html body .rdy-nav .rdy-tab,
  html body .rdy-nav .rdy-tab:hover,
  html body .rdy-nav .rdy-tab:focus,
  html body .rdy-nav .rdy-tab:focus-visible,
  html body .rdy-nav .rdy-tab:active,
  html body .rdy-nav .rdy-tab.is-active,
  html body .rdy-nav .rdy-tab.is-active:hover,
  html body .rdy-nav .rdy-tab.is-active:focus-visible {
    height: 51px !important;
    min-height: 51px !important;
    max-height: 51px !important;
    padding: 0 11px !important;
    font-size: 11.7px !important;
  }
  html body .rdy-nav .rdy-nav-actions {
    gap: 28px !important;
  }
  html body .rdy-nav .rdy-lang {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }
  html body .rdy-nav .rdy-lang button,
  html body .rdy-nav .rdy-lang button:hover,
  html body .rdy-nav .rdy-lang button:focus-visible {
    flex-basis: 52px !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    font-size: 11.7px !important;
  }
  html body .rdy-nav .rdy-btn,
  html body .rdy-nav .rdy-cta-desktop,
  html body .rdy-nav .rdy-btn-primary {
    min-width: 160px !important;
    max-width: 174px !important;
    height: 51px !important;
    min-height: 51px !important;
    max-height: 51px !important;
    padding: 0 17px !important;
    font-size: 11.7px !important;
  }
}

/* Bascules tablette/mobile : le menu complet laisse place au menu mobile. */
@media (max-width: 1280px) {
  html body .rdy-nav .rdy-tabs,
  html body .rdy-nav .rdy-cta-desktop {
    display: none !important;
  }
  html body .rdy-nav .rdy-logo img {
    width: min(56vw, 320px) !important;
  }
  html body .rdy-nav .rdy-nav-actions {
    gap: 12px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — PASSE 1 / HEADER RC2 — touches noires
   Objectif : onglets du menu noirs, plus sobres, avec encadré rhodium actif.
   ---------------------------------------------------------------------- */
html body .rdy-nav .rdy-tab,
html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus,
html body .rdy-nav .rdy-tab:focus-visible,
html body .rdy-nav .rdy-tab:active {
  background: rgba(3, 3, 6, .92) !important;
  background-image: linear-gradient(180deg, rgba(18,18,24,.96), rgba(3,3,7,.98)) !important;
  border: 1px solid rgba(255,255,255,.055) !important;
  color: rgba(250,250,252,.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 7px 16px rgba(0,0,0,.16) !important;
}

html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus-visible {
  background: rgba(5,5,9,.96) !important;
  background-image: linear-gradient(180deg, rgba(22,22,29,.98), rgba(4,4,8,.99)) !important;
  border-color: rgba(168,85,247,.36) !important;
  color: rgba(255,255,255,.98) !important;
}

html body .rdy-nav .rdy-tab.is-active,
html body .rdy-nav .rdy-tab.is-active:hover,
html body .rdy-nav .rdy-tab.is-active:focus,
html body .rdy-nav .rdy-tab.is-active:focus-visible,
html body .rdy-nav .rdy-tab[aria-current="page"],
html body .rdy-nav .rdy-tab[aria-current="page"]:hover,
html body .rdy-nav .rdy-tab[aria-current="page"]:focus-visible {
  background: rgba(4,4,8,.98) !important;
  background-image:
    linear-gradient(180deg, rgba(20,20,27,.98), rgba(4,4,8,.99)) !important;
  border: 1px solid rgba(168,85,247,.92) !important;
  color: rgba(255,255,255,.99) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 0 0 1px rgba(168,85,247,.14),
    0 9px 20px rgba(0,0,0,.18),
    0 0 13px rgba(152,79,249,.10) !important;
}

/* Module langue également plus noir et plus sobre, sans voile parasite. */
html body .rdy-nav .rdy-lang,
html body .rdy-nav .rdy-lang:hover,
html body .rdy-nav .rdy-lang:focus-within {
  background: rgba(3,3,7,.92) !important;
  background-image: linear-gradient(180deg, rgba(17,17,23,.96), rgba(3,3,7,.98)) !important;
}

html body .rdy-nav .rdy-lang button.is-active,
html body .rdy-nav .rdy-lang button.is-active:hover,
html body .rdy-nav .rdy-lang button.is-active:focus,
html body .rdy-nav .rdy-lang button.is-active:focus-visible {
  background: rgba(12,9,20,.94) !important;
  background-image: linear-gradient(180deg, rgba(22,18,32,.96), rgba(6,5,10,.98)) !important;
  border: 1px solid rgba(168,85,247,.42) !important;
}


/* ----------------------------------------------------------------------
   RODYAM — PASSE 1 / HEADER RC3 — retour onglet Accueil
   Objectif : réintégrer Accueil dans la navigation sans changer l’identité RC2.
   ---------------------------------------------------------------------- */
html body .rdy-nav .rdy-tabs {
  gap: clamp(5px, .36vw, 8px) !important;
}

html body .rdy-nav .rdy-tab,
html body .rdy-nav .rdy-tab:hover,
html body .rdy-nav .rdy-tab:focus,
html body .rdy-nav .rdy-tab:focus-visible,
html body .rdy-nav .rdy-tab:active,
html body .rdy-nav .rdy-tab.is-active,
html body .rdy-nav .rdy-tab.is-active:hover,
html body .rdy-nav .rdy-tab.is-active:focus-visible,
html body .rdy-nav .rdy-tab[aria-current="page"],
html body .rdy-nav .rdy-tab[aria-current="page"]:hover,
html body .rdy-nav .rdy-tab[aria-current="page"]:focus-visible {
  padding-left: clamp(9px, .58vw, 14px) !important;
  padding-right: clamp(9px, .58vw, 14px) !important;
}

@media (max-width: 1600px) {
  html body .rdy-nav .rdy-tabs {
    gap: 5px !important;
  }
  html body .rdy-nav .rdy-tab,
  html body .rdy-nav .rdy-tab:hover,
  html body .rdy-nav .rdy-tab:focus,
  html body .rdy-nav .rdy-tab:focus-visible,
  html body .rdy-nav .rdy-tab:active,
  html body .rdy-nav .rdy-tab.is-active,
  html body .rdy-nav .rdy-tab.is-active:hover,
  html body .rdy-nav .rdy-tab.is-active:focus-visible {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
}


/* ----------------------------------------------------------------------
   RODYAM — PASSE 1 / HEADER RC4 — touches légèrement agrandies
   Objectif : augmenter légèrement la taille des touches et du texte,
   sans conflit avec le logo, le module FR/EN et le bouton Contact & audit.
   ---------------------------------------------------------------------- */
@media (min-width: 1601px) {
  html body .rdy-nav .rdy-tabs {
    gap: clamp(7px, .44vw, 10px) !important;
  }

  html body .rdy-nav .rdy-tab,
  html body .rdy-nav .rdy-tab:hover,
  html body .rdy-nav .rdy-tab:focus,
  html body .rdy-nav .rdy-tab:focus-visible,
  html body .rdy-nav .rdy-tab:active,
  html body .rdy-nav .rdy-tab.is-active,
  html body .rdy-nav .rdy-tab.is-active:hover,
  html body .rdy-nav .rdy-tab.is-active:focus-visible,
  html body .rdy-nav .rdy-tab[aria-current="page"],
  html body .rdy-nav .rdy-tab[aria-current="page"]:hover,
  html body .rdy-nav .rdy-tab[aria-current="page"]:focus-visible {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding-left: clamp(12px, .70vw, 17px) !important;
    padding-right: clamp(12px, .70vw, 17px) !important;
    font-size: clamp(12.4px, .72vw, 13.4px) !important;
    letter-spacing: .01em !important;
  }

  html body .rdy-nav .rdy-lang {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }

  html body .rdy-nav .rdy-lang button,
  html body .rdy-nav .rdy-lang button:hover,
  html body .rdy-nav .rdy-lang button:focus-visible {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    font-size: 12.4px !important;
  }

  html body .rdy-nav .rdy-btn,
  html body .rdy-nav .rdy-cta-desktop,
  html body .rdy-nav .rdy-btn-primary {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }
}

/* Desktop intermédiaire : on agrandit, mais de façon plus contrôlée pour éviter tout chevauchement. */
@media (min-width: 1281px) and (max-width: 1600px) {
  html body .rdy-nav .rdy-logo img {
    width: clamp(276px, 17.8vw, 350px) !important;
  }

  html body .rdy-nav .rdy-tabs {
    gap: 6px !important;
  }

  html body .rdy-nav .rdy-tab,
  html body .rdy-nav .rdy-tab:hover,
  html body .rdy-nav .rdy-tab:focus,
  html body .rdy-nav .rdy-tab:focus-visible,
  html body .rdy-nav .rdy-tab:active,
  html body .rdy-nav .rdy-tab.is-active,
  html body .rdy-nav .rdy-tab.is-active:hover,
  html body .rdy-nav .rdy-tab.is-active:focus-visible,
  html body .rdy-nav .rdy-tab[aria-current="page"],
  html body .rdy-nav .rdy-tab[aria-current="page"]:hover,
  html body .rdy-nav .rdy-tab[aria-current="page"]:focus-visible {
    height: 53px !important;
    min-height: 53px !important;
    max-height: 53px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px !important;
  }

  html body .rdy-nav .rdy-nav-actions {
    gap: 24px !important;
  }
}


/* =========================================================
   RODYAM — PASS 2 (2026-06-08)
   Harmonisation globale des images / effets visuels
   Base : conserver le langage d'image de la page d'accueil
   (fond noir premium, touche rhodium/violette, cadre fin,
   léger éclat minéral, sans noircir excessivement les visuels)
   ========================================================= */

html body {
  --rdy-media-bg-stage2: linear-gradient(180deg, rgba(5,4,8,.98) 0%, rgba(10,8,16,.96) 100%);
  --rdy-media-border-stage2: rgba(187, 146, 255, .24);
  --rdy-media-border-soft-stage2: rgba(255,255,255,.06);
  --rdy-media-glow-stage2: rgba(122, 39, 214, .18);
  --rdy-media-line-stage2: rgba(212, 188, 255, .72);
}

html body .rdy-service-img-wrap,
html body .rdy-about-diamond-card,
html body .rdy-section-image.rdy-tools-hero-image,
html body .rdy-section-image.rdy-rep-image,
html body .rdy-section-image.rdy-faq-hero-site,
html body .rdy-section-image.rdy-blog-hero-site,
html body .rdy-expertise-visual,
html body .rdy-method-frame-kaila,
html body .rdy-contact-audit-diamond-card,
html body .rdy-seg-img {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: var(--rdy-media-bg-stage2) !important;
  border: 1px solid var(--rdy-media-border-stage2) !important;
  box-shadow:
    0 26px 74px rgba(0,0,0,.42),
    0 0 54px var(--rdy-media-glow-stage2),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px var(--rdy-media-border-soft-stage2) !important;
}

html body .rdy-service-img-wrap::before,
html body .rdy-about-diamond-card::before,
html body .rdy-section-image.rdy-tools-hero-image::before,
html body .rdy-section-image.rdy-rep-image::before,
html body .rdy-section-image.rdy-faq-hero-site::before,
html body .rdy-section-image.rdy-blog-hero-site::before,
html body .rdy-expertise-visual::before,
html body .rdy-method-frame-kaila::before,
html body .rdy-contact-audit-diamond-card::before,
html body .rdy-seg-img::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(205,178,255,.12) 0%, rgba(205,178,255,0) 46%),
    linear-gradient(180deg, rgba(255,255,255,.025) 0%, rgba(255,255,255,0) 30%, rgba(0,0,0,.14) 100%) !important;
  mix-blend-mode: screen !important;
}

html body .rdy-service-img-wrap::after,
html body .rdy-about-diamond-card::after,
html body .rdy-section-image.rdy-tools-hero-image::after,
html body .rdy-section-image.rdy-rep-image::after,
html body .rdy-section-image.rdy-faq-hero-site::after,
html body .rdy-section-image.rdy-blog-hero-site::after,
html body .rdy-expertise-visual::after,
html body .rdy-method-frame-kaila::after,
html body .rdy-contact-audit-diamond-card::after,
html body .rdy-seg-img::after {
  content: "" !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  bottom: 0 !important;
  height: 1px !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, var(--rdy-media-line-stage2), rgba(255,255,255,.20), transparent) !important;
  filter: drop-shadow(0 0 10px rgba(187,146,255,.32)) !important;
}

html body .rdy-service-img-wrap img,
html body .rdy-about-diamond-card img,
html body .rdy-section-image.rdy-tools-hero-image img,
html body .rdy-section-image.rdy-rep-image img,
html body .rdy-section-image.rdy-faq-hero-site img,
html body .rdy-section-image.rdy-blog-hero-site img,
html body .rdy-expertise-visual img,
html body .rdy-method-frame-kaila img,
html body .rdy-contact-audit-diamond-card img,
html body .rdy-contact-audit-diamond-card video,
html body .rdy-seg-img img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  position: relative !important;
  z-index: 1 !important;
  transform: translateZ(0) !important;
  transition: transform .62s cubic-bezier(.2,.8,.2,1), filter .62s ease !important;
}

html body .rdy-service-img-wrap:hover img,
html body .rdy-about-diamond-card:hover img,
html body .rdy-section-image.rdy-tools-hero-image:hover img,
html body .rdy-section-image.rdy-rep-image:hover img,
html body .rdy-section-image.rdy-faq-hero-site:hover img,
html body .rdy-section-image.rdy-blog-hero-site:hover img,
html body .rdy-expertise-visual:hover img,
html body .rdy-method-frame-kaila:hover img,
html body .rdy-contact-audit-diamond-card:hover video,
html body .rdy-seg-img:hover img {
  transform: scale(1.022) !important;
  filter: saturate(1.03) contrast(1.04) brightness(1.02) !important;
}

/* Cartes images accueil / services : on garde le format, mais on affine la présentation */
html body .rdy-service-img-wrap {
  margin-bottom: 18px !important;
  min-height: 0 !important;
}
html body .rdy-service-img {
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Visuels FAQ & Blog : plus propres, plus compacts, sans conteneur visuellement lourd */
html body .rdy-section-image.rdy-faq-hero-site,
html body .rdy-section-image.rdy-blog-hero-site,
html body .rdy-faq-hero-site,
html body .rdy-blog-hero-site {
  width: min(1120px, 100%) !important;
  max-width: 1120px !important;
  margin: 30px auto 24px !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: #06050a !important;
}
html body .rdy-section-image.rdy-faq-hero-site img,
html body .rdy-section-image.rdy-blog-hero-site img,
html body .rdy-faq-hero-site img,
html body .rdy-blog-hero-site img {
  width: 100% !important;
  height: auto !important;
  max-height: 420px !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #06050a !important;
}

/* Visuels expertise : garder un rendu fort mais un peu plus respirant */
html body .rdy-expertise-visual {
  max-width: min(1240px, 100%) !important;
}
html body .rdy-expertise-visual-compass .rdy-expertise-visual img {
  height: clamp(220px, 26vw, 380px) !important;
}
html body .rdy-expertise-visual-value .rdy-expertise-visual img {
  height: clamp(290px, 40vw, 620px) !important;
}

/* Visuels méthode / à propos / e-réputation / contact : cohérence sans surcharge */
html body .rdy-method-frame-kaila img,
html body .rdy-about-diamond-card img,
html body .rdy-section-image.rdy-rep-image img,
html body .rdy-section-image.rdy-tools-hero-image img,
html body .rdy-seg-img img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body .rdy-contact-audit-diamond-card {
  background: #06050a !important;
}
html body .rdy-contact-audit-diamond-card video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Sur mobile : réduire encore un peu les grands visuels pour préserver l'accès au texte */
@media (max-width: 980px) {
  html body .rdy-section-image.rdy-faq-hero-site,
  html body .rdy-section-image.rdy-blog-hero-site,
  html body .rdy-faq-hero-site,
  html body .rdy-blog-hero-site {
    width: min(100%, 100%) !important;
    margin: 24px auto 20px !important;
  }

  html body .rdy-section-image.rdy-faq-hero-site img,
  html body .rdy-section-image.rdy-blog-hero-site img,
  html body .rdy-faq-hero-site img,
  html body .rdy-blog-hero-site img {
    max-height: 300px !important;
  }
}

@media (max-width: 640px) {
  html body .rdy-section-image.rdy-faq-hero-site img,
  html body .rdy-section-image.rdy-blog-hero-site img,
  html body .rdy-faq-hero-site img,
  html body .rdy-blog-hero-site img {
    max-height: 240px !important;
  }

  html body .rdy-service-img {
    aspect-ratio: 16 / 10 !important;
  }
}


/* =========================================================
   RODYAM — PASSE 3 / FONDS DE PAGE — 2026-06-08
   Objectif : stabiliser les arrière-plans page par page,
   éviter les doubles fonds, garder une profondeur premium
   sans gêner la lecture ni concurrencer les images.
   ========================================================= */

html body {
  --rdy-bg-soft-violet: rgba(168,85,247,.115);
  --rdy-bg-soft-rhodium: rgba(222,218,230,.065);
  --rdy-bg-shadow: rgba(0,0,0,.74);
  background-color: #030306 !important;
  background-image:
    linear-gradient(180deg, rgba(3,3,6,.46) 0%, rgba(4,4,8,.64) 42%, rgba(3,3,6,.82) 100%),
    radial-gradient(ellipse 72% 28% at 50% 8%, var(--rdy-bg-soft-violet), transparent 72%),
    var(--rdy-bg-image) !important;
  background-size: cover, cover, cover !important;
  background-position: center top, center top, center top !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-attachment: fixed, fixed, fixed !important;
}

/* Mapping final page par page : un fond dominant par page. */
html body.rdy-bg-home { --rdy-bg-image: none !important; }
html body.rdy-bg-services,
html body.rdy-bg-expertise { --rdy-bg-image: none !important; }
html body.rdy-bg-process,
html body.rdy-bg-method { --rdy-bg-image: none !important; }
html body.rdy-bg-concepts { --rdy-bg-image: none !important; }
html body.rdy-bg-segments,
html body.rdy-bg-audiences { --rdy-bg-image: none !important; }
html body.rdy-bg-offers { --rdy-bg-image: none !important; }
html body.rdy-bg-about { --rdy-bg-image: none !important; }
html body.rdy-bg-rep,
html body.rdy-bg-reputation { --rdy-bg-image: none !important; }
html body.rdy-bg-blog { --rdy-bg-image: none !important; }
html body.rdy-bg-faq { --rdy-bg-image: none !important; }
html body.rdy-bg-contact { --rdy-bg-image: none !important; }

/* Voiles globaux : lecture protégée, fond visible, pas d'effet agressif. */
html body::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    radial-gradient(ellipse 78% 34% at 50% 0%, rgba(168,85,247,.105), transparent 74%),
    radial-gradient(ellipse 62% 26% at 50% 100%, rgba(168,85,247,.055), transparent 76%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.30) 56%, rgba(0,0,0,.46)) !important;
  background-size: cover, cover, cover !important;
  background-position: center, center, center !important;
}

html body::after {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.18), transparent 21%, transparent 79%, rgba(0,0,0,.18)),
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.20) 58%, rgba(0,0,0,.34)) !important;
}

/* Les sections restent transparentes : on évite l'empilement visuel de plusieurs fonds forts. */
html body .rdy-page,
html body .rdy-section,
html body .rdy-hero,
html body .rdy-process,
html body .rdy-proof-band,
html body .rdy-values,
html body .rdy-about,
html body .rdy-method-page,
html body .rdy-contact-audit-section,
html body .rdy-faq-premium-section {
  background-color: transparent !important;
}

/* Les anciens fonds de section deviennent des accents faibles, pas des secondes images dominantes. */
html body .rdy-page > .rdy-section::after,
html body .rdy-page > .rdy-hero::after,
html body .rdy-newsletter-link::after,
html body .rdy-footer-premium::after {
  opacity: .22 !important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.48) 50%, rgba(0,0,0,.42)),
    var(--rdy-section-bg, var(--rdy-bg-image)) !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
  filter: saturate(1.02) contrast(1.02) brightness(.92) !important;
}

/* Accueil : la zone vidéo conserve une base noire sobre ; les fonds reviennent plus bas. */
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
  background-color: #030306 !important;
}

html body.rdy-bg-home .rdy-hero.rdy-hero-cinema::before,
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema::after,
html body.rdy-bg-home .rdy-page > .rdy-hero:first-of-type::after {
  content: none !important;
  display: none !important;
}

html body.rdy-bg-home .rdy-trust-below-hero {
  background:
    linear-gradient(180deg, rgba(3,3,7,.96), rgba(5,4,10,.92)),
    radial-gradient(ellipse 70% 80% at 50% 100%, rgba(168,85,247,.10), transparent 72%) !important;
}

/* Expertise et Contact : le fond haut de page est forcé en couche unique stable. */
html body .rdy-expertise-hero,
html body .rdy-contact-audit-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-color: transparent !important;
}

html body .rdy-expertise-hero::before,
html body .rdy-expertise-hero::after,
html body .rdy-contact-audit-section::before,
html body .rdy-contact-audit-section::after {
  content: none !important;
  display: none !important;
}

html body .rdy-top-visual-bg {
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: 100vw !important;
  height: clamp(560px, 72vh, 840px) !important;
  transform: translateX(-50%) !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background: #030306 !important;
}

html body .rdy-top-visual-bg img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  opacity: 1 !important;
  filter: saturate(1.04) contrast(1.04) brightness(.88) !important;
  transform: none !important;
}

html body .rdy-top-visual-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3,2,8,.12) 0%, rgba(4,3,10,.35) 46%, rgba(4,2,9,.86) 100%),
    radial-gradient(ellipse 58% 34% at 50% 0%, rgba(168,85,247,.115), transparent 72%) !important;
}

html body .rdy-contact-top-bg::after {
  background:
    linear-gradient(180deg, rgba(3,2,8,.12) 0%, rgba(4,3,10,.32) 45%, rgba(4,2,9,.82) 100%),
    radial-gradient(ellipse 48% 30% at 78% 8%, rgba(226,216,255,.12), transparent 72%) !important;
}

html body .rdy-expertise-hero > *:not(.rdy-top-visual-bg),
html body .rdy-contact-audit-section > *:not(.rdy-top-visual-bg) {
  position: relative !important;
  z-index: 2 !important;
}

/* Blog / FAQ : les fonds soutiennent l'atmosphère, sans concurrencer les visuels principaux. */
html body.rdy-bg-blog .rdy-page > .rdy-section::after,
html body.rdy-bg-faq .rdy-page > .rdy-section::after {
  opacity: .16 !important;
}

html body.rdy-bg-blog .rdy-sec-head,
html body.rdy-bg-faq .rdy-sec-head {
  position: relative !important;
  z-index: 2 !important;
}

/* Responsive : éviter background-attachment fixed sur mobile, plus stable et plus fluide. */
@media (max-width: 980px) {
  html body {
    background-attachment: scroll, scroll, scroll !important;
  }

  html body .rdy-page > .rdy-section::after,
  html body .rdy-page > .rdy-hero::after {
    opacity: .14 !important;
  }

  html body .rdy-top-visual-bg {
    height: clamp(480px, 68vh, 700px) !important;
  }
}


/* =========================================================
   RODYAM — PASSE 5 / OFFRES & ACCOMPAGNEMENT CONTINU
   Objectif : ajouter une continuité commerciale premium
   sans casser la grille d'offres existante.
   ========================================================= */

html body .rdy-continuity-offers {
  position: relative !important;
  margin: clamp(34px, 4vw, 62px) 0 clamp(28px, 3.4vw, 48px) !important;
  padding: clamp(28px, 3.8vw, 48px) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(ellipse 62% 56% at 50% 0%, rgba(168,85,247,.13), transparent 72%),
    linear-gradient(145deg, rgba(9,8,14,.96), rgba(14,11,22,.91) 50%, rgba(6,5,10,.98)) !important;
  border: 1px solid rgba(218,198,255,.18) !important;
  box-shadow:
    0 32px 88px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.075),
    0 0 58px rgba(122,39,214,.10) !important;
}

html body .rdy-continuity-offers::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.030) 22%, transparent 42%, rgba(168,85,247,.030) 72%, transparent 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.014) 0px, rgba(255,255,255,.014) 1px, transparent 1px, transparent 12px) !important;
  opacity: .58 !important;
  mix-blend-mode: screen !important;
}

html body .rdy-continuity-head {
  display: grid !important;
  grid-template-columns: minmax(260px, .95fr) minmax(360px, 1.15fr) !important;
  gap: clamp(22px, 3vw, 46px) !important;
  align-items: end !important;
  margin-bottom: clamp(22px, 3vw, 36px) !important;
}

html body .rdy-continuity-title {
  margin: 8px 0 0 !important;
  max-width: 760px !important;
  font-size: clamp(25px, 2.1vw, 42px) !important;
  line-height: 1.06 !important;
  font-weight: 430 !important;
  letter-spacing: -.025em !important;
  color: rgba(255,255,255,.96) !important;
}

html body .rdy-continuity-desc {
  max-width: 760px !important;
  margin: 0 !important;
  color: rgba(230,232,241,.76) !important;
  font-size: clamp(14.5px, .98vw, 17px) !important;
  line-height: 1.75 !important;
}

html body .rdy-continuity-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
}

html body .rdy-continuity-card {
  position: relative !important;
  min-height: 100% !important;
  padding: clamp(22px, 2.4vw, 32px) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.014)),
    linear-gradient(145deg, rgba(8,7,13,.96), rgba(11,9,17,.985)) !important;
  border: 1px solid rgba(255,255,255,.105) !important;
  box-shadow:
    0 18px 54px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
}

html body .rdy-continuity-card.is-featured {
  border-color: rgba(188,145,255,.38) !important;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(168,85,247,.13), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.017)),
    linear-gradient(145deg, rgba(10,8,17,.97), rgba(14,10,22,.99)) !important;
  box-shadow:
    0 22px 64px rgba(0,0,0,.30),
    0 0 34px rgba(168,85,247,.12),
    inset 0 1px 0 rgba(255,255,255,.075) !important;
}

html body .rdy-continuity-card-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

html body .rdy-continuity-tag {
  order: 2 !important;
  flex: 0 0 auto !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(188,145,255,.24) !important;
  background: rgba(168,85,247,.075) !important;
  color: rgba(234,222,255,.84) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: .13em !important;
}

html body .rdy-continuity-name {
  margin: 0 !important;
  color: rgba(255,255,255,.96) !important;
  font-size: clamp(19px, 1.25vw, 24px) !important;
  line-height: 1.16 !important;
  font-weight: 430 !important;
}

html body .rdy-continuity-price {
  margin-bottom: 14px !important;
  color: rgba(225,205,255,.95) !important;
  font-size: clamp(16px, 1.02vw, 20px) !important;
  line-height: 1.38 !important;
  font-weight: 430 !important;
}

html body .rdy-continuity-card-desc {
  margin: 0 0 18px !important;
  color: rgba(231,233,241,.76) !important;
  font-size: 14.5px !important;
  line-height: 1.68 !important;
}

html body .rdy-continuity-features {
  display: grid !important;
  gap: 10px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body .rdy-continuity-features li {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
  color: rgba(240,241,247,.82) !important;
  font-size: 13.4px !important;
  line-height: 1.52 !important;
}

html body .rdy-continuity-features li span {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin-top: 1px !important;
  color: rgba(218,194,255,.96) !important;
  border: 1px solid rgba(188,145,255,.25) !important;
  background: rgba(168,85,247,.07) !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

html body .rdy-continuity-foot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  margin-top: clamp(20px, 2.4vw, 32px) !important;
  padding-top: clamp(18px, 2vw, 28px) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

html body .rdy-continuity-foot p {
  max-width: 820px !important;
  margin: 0 !important;
  color: rgba(224,226,236,.68) !important;
  font-size: 13.6px !important;
  line-height: 1.65 !important;
}

html body .rdy-continuity-foot .rdy-btn {
  flex: 0 0 auto !important;
  min-width: 230px !important;
}

@media (max-width: 1120px) {
  html body .rdy-continuity-head,
  html body .rdy-continuity-grid {
    grid-template-columns: 1fr !important;
  }
  html body .rdy-continuity-foot {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

@media (max-width: 680px) {
  html body .rdy-continuity-offers {
    padding: 24px 18px !important;
  }
  html body .rdy-continuity-card-top {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  html body .rdy-continuity-tag {
    order: 0 !important;
  }
  html body .rdy-continuity-foot .rdy-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* =========================================================
   RODYAM — PASSE 5 BIS / ALLÈGEMENT PAGE OFFRES — 2026-06-08
   Objectif : éviter l'effet catalogue sans supprimer la logique commerciale.
   Les offres principales restent dominantes ; les modules deviennent des
   options secondaires compactes ; l'accompagnement continu reste visible.
   ========================================================= */

html body .rdy-offers-secondary.rdy-offers-secondary-compact {
  margin-top: clamp(34px, 4vw, 58px) !important;
  margin-bottom: clamp(26px, 3.2vw, 44px) !important;
  padding: clamp(22px, 2.4vw, 34px) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.010)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html body .rdy-offers-secondary.rdy-offers-secondary-compact .rdy-offers-secondary-head {
  display: grid !important;
  grid-template-columns: minmax(260px, .72fr) minmax(320px, 1fr) !important;
  gap: clamp(18px, 2.4vw, 36px) !important;
  align-items: end !important;
  margin-bottom: clamp(16px, 2vw, 24px) !important;
}

html body .rdy-offers-secondary-kicker {
  opacity: .78 !important;
  letter-spacing: .16em !important;
}

html body .rdy-offers-secondary-title {
  font-size: clamp(22px, 2vw, 34px) !important;
  line-height: 1.12 !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

html body .rdy-offers-secondary-desc {
  max-width: 760px !important;
  color: rgba(226,228,238,.68) !important;
  font-size: clamp(13.5px, .9vw, 15px) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

html body .rdy-addons-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body .rdy-addon {
  min-height: 0 !important;
  padding: 14px 15px 13px !important;
  background:
    linear-gradient(180deg, rgba(8,7,12,.78), rgba(5,4,9,.88)) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  transition: border-color .22s ease, background .22s ease, transform .22s ease !important;
}

html body .rdy-addon:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(168,85,247,.24) !important;
  background:
    linear-gradient(180deg, rgba(12,10,18,.84), rgba(6,5,10,.92)) !important;
}

html body .rdy-addon-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 7px !important;
}

html body .rdy-addon-name {
  font-size: clamp(14px, .9vw, 16px) !important;
  line-height: 1.28 !important;
  margin: 0 !important;
  color: rgba(255,255,255,.90) !important;
  font-weight: 440 !important;
}

html body .rdy-addon-tag {
  flex: 0 0 auto !important;
  padding: 4px 7px !important;
  font-size: 9.8px !important;
  letter-spacing: .10em !important;
  color: rgba(226,214,255,.72) !important;
  background: rgba(168,85,247,.065) !important;
  border: 1px solid rgba(168,85,247,.14) !important;
}

html body .rdy-addon-desc {
  margin: 0 0 8px !important;
  color: rgba(224,226,236,.58) !important;
  font-size: 12.7px !important;
  line-height: 1.48 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body .rdy-addon-price {
  color: rgba(238,232,250,.76) !important;
  font-size: 12.4px !important;
  letter-spacing: .02em !important;
  margin-top: 2px !important;
}

/* L'accompagnement continu reste important, mais avec une lecture plus nette. */
html body .rdy-continuity-offers {
  margin-top: clamp(30px, 4vw, 54px) !important;
  padding: clamp(26px, 3vw, 44px) !important;
}

html body .rdy-continuity-head {
  margin-bottom: clamp(20px, 2.2vw, 30px) !important;
}

html body .rdy-continuity-title {
  font-size: clamp(26px, 2.5vw, 42px) !important;
  line-height: 1.12 !important;
}

html body .rdy-continuity-desc {
  max-width: 840px !important;
  font-size: clamp(14px, .96vw, 16px) !important;
  line-height: 1.68 !important;
  color: rgba(232,234,242,.72) !important;
}

html body .rdy-continuity-card {
  padding: clamp(20px, 2vw, 28px) !important;
}

html body .rdy-continuity-price {
  font-size: clamp(16px, 1.05vw, 19px) !important;
  margin: 12px 0 10px !important;
}

html body .rdy-continuity-card-desc {
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: rgba(229,231,240,.68) !important;
}

html body .rdy-continuity-features {
  margin-top: 14px !important;
  gap: 7px !important;
}

html body .rdy-continuity-features li {
  font-size: 12.6px !important;
  line-height: 1.45 !important;
}

html body .rdy-continuity-foot {
  margin-top: clamp(18px, 2vw, 28px) !important;
  padding-top: clamp(16px, 1.8vw, 24px) !important;
}

html body .rdy-offers-final.rdy-offers-final-compact {
  margin-top: clamp(26px, 3.2vw, 44px) !important;
}

@media (max-width: 1120px) {
  html body .rdy-addons-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body .rdy-offers-secondary.rdy-offers-secondary-compact .rdy-offers-secondary-head {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }
}

@media (max-width: 680px) {
  html body .rdy-addons-grid {
    grid-template-columns: 1fr !important;
  }
  html body .rdy-offers-secondary.rdy-offers-secondary-compact,
  html body .rdy-continuity-offers {
    padding: 20px !important;
  }
  html body .rdy-addon-desc {
    -webkit-line-clamp: 3 !important;
  }
}


/* =========================================================
   RODYAM — CORRECTIF PRIX ALIGNÉS / OFFRES — 2026-06-08
   Objectif : aligner les lignes de prix sur les cartes Offres,
   options ponctuelles et accompagnement continu sans modifier le contenu.
   ========================================================= */

/* Offres principales : les blocs avant le prix ont une hauteur homogène. */
html body .rdy-offer-comparison,
html body .rdy-pricing.rdy-offer-comparison-clean {
  align-items: stretch !important;
}

html body .rdy-offer-card,
html body .rdy-price.rdy-offer-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

html body .rdy-offer-card .rdy-price-badge {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
}

html body .rdy-offer-card .rdy-price-name {
  min-height: clamp(52px, 3.4vw, 70px) !important;
  display: flex !important;
  align-items: flex-end !important;
}

html body .rdy-offer-card .rdy-price-meta {
  min-height: 42px !important;
  display: flex !important;
  align-items: flex-start !important;
}

html body .rdy-offer-card .rdy-offer-fit {
  min-height: clamp(116px, 7.6vw, 146px) !important;
}

html body .rdy-offer-card .rdy-price-desc {
  min-height: clamp(78px, 5.2vw, 104px) !important;
}

html body .rdy-offer-card .rdy-price-amount {
  min-height: 74px !important;
  display: flex !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  margin-top: 0 !important;
}

html body .rdy-offer-card .rdy-launch-inline-badge {
  min-height: 27px !important;
  display: inline-flex !important;
  align-items: center !important;
}

html body .rdy-offer-card .rdy-offer-cta {
  margin-top: auto !important;
}

/* Options ponctuelles : le prix reste en bas de chaque option. */
html body .rdy-addon {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

html body .rdy-addon-price {
  margin-top: auto !important;
  min-height: 24px !important;
  display: flex !important;
  align-items: flex-end !important;
}

/* Accompagnement continu : les prix des 3 cartes sont alignés. */
html body .rdy-continuity-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

html body .rdy-continuity-card-top {
  min-height: 82px !important;
}

html body .rdy-continuity-price {
  min-height: 54px !important;
  display: flex !important;
  align-items: flex-end !important;
}

html body .rdy-continuity-card-desc {
  min-height: 72px !important;
}

html body .rdy-continuity-features {
  margin-top: auto !important;
}

/* Sur mobile, on évite les hauteurs forcées pour garder une lecture naturelle. */
@media (max-width: 780px) {
  html body .rdy-offer-card .rdy-price-name,
  html body .rdy-offer-card .rdy-price-meta,
  html body .rdy-offer-card .rdy-offer-fit,
  html body .rdy-offer-card .rdy-price-desc,
  html body .rdy-offer-card .rdy-price-amount,
  html body .rdy-continuity-card-top,
  html body .rdy-continuity-price,
  html body .rdy-continuity-card-desc {
    min-height: 0 !important;
  }

  html body .rdy-offer-card .rdy-price-amount,
  html body .rdy-continuity-price {
    align-items: flex-start !important;
  }
}


/* =========================================================
   RODYAM — CORRECTIF FINAL ALIGNEMENT PRIX / REFONTE STRATÉGIQUE — 2026-06-08
   Objectif : forcer un axe de prix identique sur les 4 offres principales,
   notamment Refonte Stratégique, sans modifier les textes ni la structure.
   ========================================================= */

@media (min-width: 781px) {
  html body .rdy-pricing.rdy-offer-comparison-clean {
    display: grid !important;
    align-items: stretch !important;
  }

  html body .rdy-price.rdy-offer-card {
    display: grid !important;
    grid-template-rows:
      0px      /* glow */
      30px     /* badge */
      72px     /* nom de l'offre */
      50px     /* cible */
      142px    /* pour vous si */
      112px    /* promesse */
      78px     /* prix */
      30px     /* tarif lancement */
      26px     /* inclus */
      auto     /* évolution éventuelle */
      1fr      /* features */
      auto     /* note privée */
      auto     /* CTA */ !important;
    row-gap: 0 !important;
    height: 100% !important;
    min-height: 760px !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-price-glow {
    grid-row: 1 !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-price-badge {
    grid-row: 2 !important;
    align-self: start !important;
    min-height: 24px !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-price-name {
    grid-row: 3 !important;
    align-self: end !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    display: flex !important;
    align-items: flex-end !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-price-meta {
    grid-row: 4 !important;
    align-self: start !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-offer-fit {
    grid-row: 5 !important;
    align-self: stretch !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-price-desc {
    grid-row: 6 !important;
    align-self: start !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-price-amount {
    grid-row: 7 !important;
    align-self: end !important;
    min-height: 0 !important;
    height: 78px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-launch-inline-badge {
    grid-row: 8 !important;
    align-self: start !important;
    min-height: 0 !important;
    margin: 8px 0 0 !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-offer-includes {
    grid-row: 9 !important;
    align-self: end !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-offer-evolution {
    grid-row: 10 !important;
    align-self: start !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-price-feat {
    grid-row: 11 !important;
    align-self: start !important;
    margin-top: 8px !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-offer-private-note {
    grid-row: 12 !important;
  }

  html body .rdy-price.rdy-offer-card .rdy-offer-cta {
    grid-row: 13 !important;
    align-self: end !important;
    margin-top: 18px !important;
  }
}

/* Desktop intermédiaire : on garde l'alignement mais avec des hauteurs plus souples. */
@media (min-width: 781px) and (max-width: 1320px) {
  html body .rdy-price.rdy-offer-card {
    grid-template-rows:
      0px
      30px
      78px
      58px
      156px
      124px
      82px
      32px
      28px
      auto
      1fr
      auto
      auto !important;
    min-height: 820px !important;
  }
}


/* =========================================================
   RODYAM — CORRECTIF STRICT ALIGNEMENT PRIX / POINTS OFFRES — 2026-06-08
   Objectif : aligner réellement les prix et le départ des points
   des 4 cartes d'offres, y compris Refonte Stratégique.
   ========================================================= */

@media (min-width: 1181px) {
  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean {
    display: grid !important;
    align-items: stretch !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card,
  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card.is-featured {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 790px !important;
    transform: none !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card:hover,
  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card.is-featured:hover {
    transform: none !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-badge {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-name {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 0 10px !important;
    display: flex !important;
    align-items: flex-end !important;
    overflow: hidden !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-meta {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 0 14px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-start !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-offer-fit {
    height: 138px !important;
    min-height: 138px !important;
    max-height: 138px !important;
    margin: 0 0 14px !important;
    overflow: hidden !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-offer-fit p {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-desc {
    height: 106px !important;
    min-height: 106px !important;
    max-height: 106px !important;
    margin: 0 0 10px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-amount {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-from {
    width: 100% !important;
    display: block !important;
    line-height: 1.1 !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-value,
  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-quote {
    line-height: .95 !important;
    display: inline-flex !important;
    align-items: flex-end !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-cur {
    display: inline-flex !important;
    align-items: flex-end !important;
    line-height: 1.15 !important;
    padding-bottom: 4px !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-launch-inline-badge {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 8px 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-offer-includes {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin: 0 0 10px !important;
    display: flex !important;
    align-items: center !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-offer-evolution {
    min-height: 58px !important;
    margin: 0 0 12px !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card:not(:has(.rdy-offer-evolution)) .rdy-price-feat {
    margin-top: 70px !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-feat {
    flex: 1 1 auto !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-offer-cta {
    margin-top: auto !important;
  }
}

/* Desktop / tablette large : alignement conservé sans bloquer la hauteur. */
@media (min-width: 781px) and (max-width: 1180px) {
  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card,
  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card.is-featured {
    transform: none !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card:hover,
  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card.is-featured:hover {
    transform: none !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-price-amount {
    min-height: 78px !important;
    display: flex !important;
    align-items: flex-end !important;
  }
}


/* =========================================================
   RODYAM — CORRECTIF ACCUEIL / PREMIER ÉCRAN — 2026-06-08
   Objectif :
   - voir la vidéo et la bande “Depuis Paris...” avant le premier défilement ;
   - appliquer le code couleur validé sur le H1 :
     blanc / rhodium métallisé / violet / point blanc.
   ========================================================= */

/* Couleurs exactes du H1 accueil */
html body.rdy-bg-home .rdy-h1-home-color-final .rdy-w-w {
  color: #ffffff !important;
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

html body.rdy-bg-home .rdy-h1-home-color-final .rdy-w-r {
  color: transparent !important;
  background:
    linear-gradient(180deg,
      #ffffff 0%,
      #e9edf3 34%,
      #b8beca 64%,
      #f7f8fb 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

html body.rdy-bg-home .rdy-h1-home-color-final .rdy-w-v {
  color: var(--violet-light, #d7b8ff) !important;
  background:
    linear-gradient(180deg, #f0e6ff 0%, #c8a2ff 42%, #9f5cff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 22px rgba(168,85,247,.16), 0 10px 28px rgba(0,0,0,.34) !important;
}

/* Desktop : hero calibré pour que nav + vidéo + bande restent dans le premier écran. */
@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    box-sizing: border-box !important;
    height: calc(100svh - var(--header-h, 82px)) !important;
    min-height: 650px !important;
    max-height: 820px !important;
    padding-top: clamp(36px, 4.8vh, 58px) !important;
    padding-bottom: clamp(86px, 9vh, 112px) !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero-grid {
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 0 !important;
    align-items: end !important;
    padding-bottom: clamp(4px, 1vh, 12px) !important;
  }

  html body.rdy-bg-home .rdy-hero-copy {
    max-width: min(760px, 90vw) !important;
  }

  html body.rdy-bg-home .rdy-h1 {
    font-size: clamp(42px, 4.75vw, 70px) !important;
    line-height: .985 !important;
    margin: clamp(14px, 1.6vh, 20px) 0 clamp(12px, 1.5vh, 18px) !important;
    letter-spacing: -0.028em !important;
  }

  html body.rdy-bg-home .rdy-lead {
    max-width: 640px !important;
    font-size: clamp(15px, .92vw, 16.5px) !important;
    line-height: 1.56 !important;
    margin-bottom: clamp(14px, 1.8vh, 22px) !important;
  }

  html body.rdy-bg-home .rdy-hero-cta {
    margin-bottom: clamp(14px, 1.8vh, 22px) !important;
  }

  html body.rdy-bg-home .rdy-hero-stats {
    max-width: 860px !important;
    padding: clamp(14px, 1.6vh, 18px) clamp(18px, 2vw, 24px) clamp(12px, 1.5vh, 16px) !important;
    gap: clamp(10px, 1.1vw, 16px) !important;
  }

  html body.rdy-bg-home .rdy-stat-sub {
    display: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    bottom: 0 !important;
    padding: clamp(12px, 1.45vh, 18px) clamp(24px, 4vw, 76px) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    max-width: min(1420px, 93vw) !important;
    font-size: clamp(14.5px, 1vw, 18px) !important;
    line-height: 1.46 !important;
  }
}

/* Grand écran : on garde un rendu cinéma sans repousser la bande hors écran. */
@media (min-width: 1500px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    max-height: 840px !important;
  }

  html body.rdy-bg-home .rdy-h1 {
    font-size: clamp(54px, 4.3vw, 74px) !important;
  }
}

/* Tablette et petits écrans : préserver la visibilité de la bande, sans forcer le futur travail responsive. */
@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    box-sizing: border-box !important;
    min-height: calc(100svh - var(--header-h, 78px)) !important;
    padding-top: clamp(34px, 5vh, 52px) !important;
    padding-bottom: clamp(102px, 15vh, 138px) !important;
  }

  html body.rdy-bg-home .rdy-hero-grid {
    min-height: 0 !important;
    align-items: center !important;
  }

  html body.rdy-bg-home .rdy-h1 {
    font-size: clamp(36px, 8.2vw, 56px) !important;
    margin: 16px 0 14px !important;
  }

  html body.rdy-bg-home .rdy-lead {
    font-size: clamp(14.5px, 3vw, 16px) !important;
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
  }

  html body.rdy-bg-home .rdy-hero-cta {
    margin-bottom: 18px !important;
  }

  html body.rdy-bg-home .rdy-hero-stats {
    padding: 16px 18px 14px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    padding: 13px 16px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    font-size: clamp(13.5px, 3.2vw, 17px) !important;
    line-height: 1.48 !important;
  }
}


/* =========================================================
   RODYAM — CORRECTIF ACCUEIL / BARRE + CTA — 2026-06-08
   Base volontairement reprise AVANT le repositionnement du hero.
   Objectif :
   - ne pas modifier le placement général du texte d'accueil ;
   - rendre la barre “Depuis Paris...” plus grande et plus imposante ;
   - agrandir les boutons “Contact & audit” et “Découvrir les expertises”.
   ========================================================= */

@media (min-width: 981px) {
  /* On conserve l'organisation précédente du hero, mais on donne plus de respiration à la bande. */
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    padding-bottom: clamp(126px, 11.5vh, 166px) !important;
  }

  html body.rdy-bg-home .rdy-hero-cta {
    gap: 18px !important;
    margin-bottom: clamp(18px, 2.2vh, 28px) !important;
  }

  html body.rdy-bg-home .rdy-hero-cta .rdy-btn {
    min-height: clamp(54px, 5.4vh, 64px) !important;
    padding: 0 clamp(24px, 2vw, 34px) !important;
    font-size: clamp(14.5px, .95vw, 16.5px) !important;
    letter-spacing: .015em !important;
  }

  html body.rdy-bg-home .rdy-hero-cta .rdy-btn svg {
    width: 16px !important;
    height: 16px !important;
  }

  html body.rdy-bg-home .rdy-hero-cta .rdy-btn-arrow {
    font-size: 17px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    min-height: clamp(98px, 10.5vh, 132px) !important;
    padding: clamp(24px, 2.8vh, 36px) clamp(32px, 4.5vw, 92px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    max-width: min(1480px, 92vw) !important;
    font-size: clamp(17px, 1.25vw, 22px) !important;
    line-height: 1.62 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-line {
    opacity: .48 !important;
  }
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    padding-bottom: clamp(118px, 17vh, 156px) !important;
  }

  html body.rdy-bg-home .rdy-hero-cta {
    gap: 14px !important;
    margin-bottom: 22px !important;
  }

  html body.rdy-bg-home .rdy-hero-cta .rdy-btn {
    min-height: 52px !important;
    padding: 0 22px !important;
    font-size: 14.5px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    min-height: 92px !important;
    padding: 18px 18px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    font-size: clamp(14.5px, 3.6vw, 18px) !important;
    line-height: 1.55 !important;
  }
}


/* =========================================================
   RODYAM — CORRECTIF ACCUEIL / VIDÉO JUSQU’EN BAS — 2026-06-08
   Objectif :
   - supprimer la zone noire visible sous la barre rhodium ;
   - agrandir la zone vidéo d'accueil, sans déplacer le bloc texte validé ;
   - faire en sorte que le bouton d’ambiance se pose visuellement sur la vidéo.
   ========================================================= */

@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    height: calc(100svh - var(--header-h, 82px) + clamp(78px, 9vh, 132px)) !important;
    min-height: clamp(760px, 82vh, 940px) !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero-cinema-video,
  html body.rdy-bg-home .rdy-hero-cinema-overlay,
  html body.rdy-bg-home .rdy-hero-cinema-vignette {
    height: 100% !important;
    min-height: 100% !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    bottom: 0 !important;
  }

  /* La section suivante ne remonte pas avec un fond noir au premier écran. */
  html body.rdy-bg-home .rdy-page > .rdy-section:first-of-type {
    margin-top: 0 !important;
    padding-top: clamp(82px, 8vw, 118px) !important;
  }
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    min-height: calc(100svh - var(--header-h, 78px) + 58px) !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero-cinema-video,
  html body.rdy-bg-home .rdy-hero-cinema-overlay,
  html body.rdy-bg-home .rdy-hero-cinema-vignette {
    height: 100% !important;
    min-height: 100% !important;
  }
}


/* =========================================================
   RODYAM — CORRECTIF ACCUEIL / RÉÉQUILIBRAGE FINAL HERO — 2026-06-08
   Objectif :
   - garder la vidéo jusqu’en bas du premier écran ;
   - supprimer l'effet de zone noire ;
   - ne plus couper le texte à gauche ;
   - rendre le texte de la barre rhodium visible ;
   - éviter que les chiffres soient masqués par la barre ;
   - conserver les boutons agrandis.
   ========================================================= */

@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    --rdy-home-band-h: clamp(92px, 10.5vh, 122px);
    box-sizing: border-box !important;
    height: max(760px, calc(100svh - var(--header-h, 82px))) !important;
    min-height: 760px !important;
    max-height: none !important;
    padding-top: clamp(34px, 4.6vh, 56px) !important;
    padding-bottom: var(--rdy-home-band-h) !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero-cinema-video,
  html body.rdy-bg-home .rdy-hero-cinema-overlay,
  html body.rdy-bg-home .rdy-hero-cinema-vignette {
    height: 100% !important;
    min-height: 100% !important;
  }

  html body.rdy-bg-home .rdy-hero-grid {
    box-sizing: border-box !important;
    width: min(1460px, calc(100vw - clamp(76px, 8vw, 150px))) !important;
    max-width: calc(100vw - clamp(76px, 8vw, 150px)) !important;
    height: calc(100% - var(--rdy-home-band-h)) !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: center !important;
    padding: 0 !important;
  }

  html body.rdy-bg-home .rdy-hero-copy {
    max-width: min(760px, 56vw) !important;
    transform: translateY(clamp(-18px, -1.5vh, -8px)) !important;
  }

  html body.rdy-bg-home .rdy-h1 {
    font-size: clamp(48px, 4.75vw, 76px) !important;
    line-height: 1 !important;
    margin: clamp(14px, 1.5vh, 20px) 0 clamp(12px, 1.45vh, 18px) !important;
  }

  html body.rdy-bg-home .rdy-lead {
    max-width: 660px !important;
    font-size: clamp(15px, .95vw, 16.8px) !important;
    line-height: 1.56 !important;
    margin-bottom: clamp(15px, 1.8vh, 22px) !important;
  }

  html body.rdy-bg-home .rdy-hero-cta {
    gap: 18px !important;
    margin-bottom: clamp(14px, 1.7vh, 22px) !important;
  }

  html body.rdy-bg-home .rdy-hero-cta .rdy-btn {
    min-height: clamp(54px, 5.2vh, 62px) !important;
    padding: 0 clamp(24px, 2vw, 34px) !important;
    font-size: clamp(14.5px, .95vw, 16px) !important;
  }

  html body.rdy-bg-home .rdy-hero-stats {
    max-width: 860px !important;
    padding: clamp(12px, 1.45vh, 18px) clamp(18px, 2vw, 24px) clamp(10px, 1.25vh, 14px) !important;
    gap: clamp(10px, 1.1vw, 16px) !important;
    margin-bottom: 0 !important;
  }

  html body.rdy-bg-home .rdy-stat-sub {
    display: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--rdy-home-band-h) !important;
    min-height: var(--rdy-home-band-h) !important;
    margin: 0 !important;
    padding: 0 clamp(32px, 4.5vw, 92px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    overflow: hidden !important;
    z-index: 10 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero::before,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero::after {
    z-index: 1 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-line {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    flex: 0 0 auto !important;
    height: 1px !important;
    max-width: min(1620px, 96vw) !important;
    width: 100% !important;
    margin: 0 auto !important;
    opacity: .44 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    max-width: min(1480px, 92vw) !important;
    margin: clamp(7px, .8vh, 10px) auto !important;
    text-align: center !important;
    font-size: clamp(16px, 1.14vw, 20px) !important;
    line-height: 1.52 !important;
    color: rgba(248,249,252,.96) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    --rdy-home-band-h: clamp(92px, 14vh, 126px);
    box-sizing: border-box !important;
    min-height: calc(100svh - var(--header-h, 78px)) !important;
    padding-bottom: var(--rdy-home-band-h) !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero-grid {
    width: min(100%, calc(100vw - 40px)) !important;
    max-width: calc(100vw - 40px) !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.rdy-bg-home .rdy-hero-copy {
    max-width: min(720px, 94vw) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    height: var(--rdy-home-band-h) !important;
    min-height: var(--rdy-home-band-h) !important;
    padding: 0 18px !important;
    display: flex !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    font-size: clamp(14px, 3.4vw, 17px) !important;
    line-height: 1.48 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}


/* =========================================================
   RODYAM — CORRECTIF ACCUEIL / RETOUR TEXTE À GAUCHE STABLE — 2026-06-08
   Objectif :
   - annuler l’effet de centrage du dernier correctif ;
   - remettre le bloc texte à gauche, sans coupure ;
   - garder la vidéo jusqu’en bas ;
   - garder la bande rhodium lisible ;
   - conserver les statistiques dans une zone glass/blur, sans chevauchement.
   ========================================================= */

@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    --rdy-home-band-h: clamp(96px, 10.5vh, 126px);
    box-sizing: border-box !important;
    height: max(790px, calc(100svh - var(--header-h, 82px) + clamp(72px, 8vh, 118px))) !important;
    min-height: 790px !important;
    max-height: none !important;
    padding-top: clamp(34px, 4.5vh, 54px) !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero-cinema-video,
  html body.rdy-bg-home .rdy-hero-cinema-overlay,
  html body.rdy-bg-home .rdy-hero-cinema-vignette {
    height: 100% !important;
    min-height: 100% !important;
  }

  html body.rdy-bg-home .rdy-hero-grid {
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: min(900px, calc(100vw - clamp(74px, 8vw, 150px))) !important;
    max-width: calc(100vw - clamp(74px, 8vw, 150px)) !important;
    height: calc(100% - var(--rdy-home-band-h)) !important;
    min-height: 0 !important;
    margin-left: clamp(54px, 6vw, 104px) !important;
    margin-right: auto !important;
    padding: 0 0 clamp(10px, 1.4vh, 18px) !important;
  }

  html body.rdy-bg-home .rdy-hero-copy {
    max-width: min(850px, 58vw) !important;
    width: 100% !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-eyebrow {
    margin-bottom: clamp(14px, 1.5vh, 18px) !important;
  }

  html body.rdy-bg-home .rdy-h1 {
    font-size: clamp(48px, 4.55vw, 74px) !important;
    line-height: 1 !important;
    margin: 0 0 clamp(14px, 1.7vh, 22px) !important;
    letter-spacing: -0.03em !important;
  }

  html body.rdy-bg-home .rdy-lead {
    max-width: 680px !important;
    font-size: clamp(15px, .95vw, 16.8px) !important;
    line-height: 1.56 !important;
    margin-bottom: clamp(16px, 1.8vh, 22px) !important;
  }

  html body.rdy-bg-home .rdy-hero-cta {
    gap: 18px !important;
    margin-bottom: clamp(16px, 1.9vh, 24px) !important;
  }

  html body.rdy-bg-home .rdy-hero-cta .rdy-btn {
    min-height: clamp(54px, 5.2vh, 62px) !important;
    padding: 0 clamp(24px, 2vw, 34px) !important;
    font-size: clamp(14.5px, .95vw, 16px) !important;
  }

  html body.rdy-bg-home .rdy-hero-stats {
    width: min(820px, 100%) !important;
    max-width: 820px !important;
    padding: clamp(12px, 1.45vh, 17px) clamp(18px, 2vw, 24px) clamp(10px, 1.3vh, 14px) !important;
    gap: clamp(10px, 1.1vw, 16px) !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(6,6,10,.58), rgba(6,6,10,.38)) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    box-shadow: 0 18px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter: blur(14px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(112%) !important;
  }

  html body.rdy-bg-home .rdy-stat-sub {
    display: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--rdy-home-band-h) !important;
    min-height: var(--rdy-home-band-h) !important;
    margin: 0 !important;
    padding: 0 clamp(32px, 4.5vw, 92px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    overflow: hidden !important;
    z-index: 10 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero::before,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero::after {
    z-index: 1 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-line {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    flex: 0 0 auto !important;
    height: 1px !important;
    max-width: min(1620px, 96vw) !important;
    width: 100% !important;
    margin: 0 auto !important;
    opacity: .44 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    max-width: min(1480px, 92vw) !important;
    margin: clamp(7px, .8vh, 10px) auto !important;
    text-align: center !important;
    font-size: clamp(16px, 1.14vw, 20px) !important;
    line-height: 1.52 !important;
    color: rgba(248,249,252,.96) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media (min-width: 1500px) {
  html body.rdy-bg-home .rdy-hero-grid {
    margin-left: clamp(64px, 6.5vw, 118px) !important;
    width: min(920px, calc(100vw - 150px)) !important;
  }

  html body.rdy-bg-home .rdy-hero-copy {
    max-width: 880px !important;
  }

  html body.rdy-bg-home .rdy-h1 {
    font-size: clamp(58px, 4.35vw, 80px) !important;
  }
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema-compact {
    --rdy-home-band-h: clamp(92px, 14vh, 126px);
    box-sizing: border-box !important;
    min-height: calc(100svh - var(--header-h, 78px) + 42px) !important;
    padding-bottom: var(--rdy-home-band-h) !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero-grid {
    width: min(100%, calc(100vw - 40px)) !important;
    max-width: calc(100vw - 40px) !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: center !important;
  }

  html body.rdy-bg-home .rdy-hero-copy {
    max-width: min(720px, 94vw) !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    height: var(--rdy-home-band-h) !important;
    min-height: var(--rdy-home-band-h) !important;
    padding: 0 18px !important;
    display: flex !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    font-size: clamp(14px, 3.4vw, 17px) !important;
    line-height: 1.48 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}


/* =========================================================
   RODYAM — CORRECTIF ACCUEIL / SUIVRE LES FLÈCHES — 2026-06-08
   Objectif précis :
   - le bloc texte reste à gauche, sans être coupé ;
   - la bande rhodium reste lisible ;
   - la zone située sous la bande n'est plus noire : elle fait partie du hero vidéo ;
   - les chiffres/projets apparaissent dans cette zone basse en effet glass/blur ;
   - le bouton d'ambiance se pose visuellement sur la vidéo.
   ========================================================= */

@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact {
    --rdy-home-band-h: clamp(78px, 8.6vh, 104px);
    --rdy-home-lower-zone: clamp(94px, 10.5vh, 132px);
    position: relative !important;
    box-sizing: border-box !important;
    height: calc(100svh - var(--header-h, 82px)) !important;
    min-height: 780px !important;
    max-height: none !important;
    padding: clamp(32px, 4.2vh, 52px) 0 calc(var(--rdy-home-band-h) + var(--rdy-home-lower-zone)) !important;
    overflow: hidden !important;
    background: #050509 !important;
  }

  html body.rdy-bg-home .rdy-hero-cinema-video,
  html body.rdy-bg-home .rdy-hero-cinema-overlay,
  html body.rdy-bg-home .rdy-hero-cinema-vignette {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
  }

  html body.rdy-bg-home .rdy-hero-grid {
    position: relative !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: min(850px, 54vw) !important;
    max-width: min(850px, 54vw) !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 0 0 clamp(54px, 6vw, 106px) !important;
    padding: 0 !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero-copy {
    position: static !important;
    z-index: 6 !important;
    width: 100% !important;
    max-width: 850px !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-eyebrow {
    margin-bottom: clamp(14px, 1.4vh, 18px) !important;
  }

  html body.rdy-bg-home .rdy-h1 {
    font-size: clamp(46px, 4.45vw, 74px) !important;
    line-height: 1 !important;
    margin: 0 0 clamp(12px, 1.5vh, 18px) !important;
    letter-spacing: -0.03em !important;
  }

  html body.rdy-bg-home .rdy-lead {
    max-width: 660px !important;
    font-size: clamp(15px, .93vw, 16.5px) !important;
    line-height: 1.55 !important;
    margin: 0 0 clamp(15px, 1.7vh, 22px) !important;
  }

  html body.rdy-bg-home .rdy-hero-cta {
    gap: 18px !important;
    margin: 0 !important;
  }

  html body.rdy-bg-home .rdy-hero-cta .rdy-btn {
    min-height: clamp(54px, 5.2vh, 62px) !important;
    padding: 0 clamp(24px, 2vw, 34px) !important;
    font-size: clamp(14.5px, .95vw, 16px) !important;
  }

  html body.rdy-bg-home .rdy-hero-stats {
    position: absolute !important;
    z-index: 12 !important;
    left: clamp(54px, 6vw, 106px) !important;
    bottom: clamp(18px, 2.1vh, 28px) !important;
    width: min(820px, 52vw) !important;
    max-width: min(820px, 52vw) !important;
    margin: 0 !important;
    padding: clamp(14px, 1.55vh, 18px) clamp(18px, 2vw, 26px) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(12px, 1.2vw, 18px) !important;
    background: linear-gradient(180deg, rgba(8,7,12,.60), rgba(6,5,10,.40)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 22px 58px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter: blur(16px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(112%) !important;
  }

  html body.rdy-bg-home .rdy-stat {
    min-height: 0 !important;
  }

  html body.rdy-bg-home .rdy-stat-num {
    font-size: clamp(22px, 1.55vw, 30px) !important;
    line-height: 1.06 !important;
  }

  html body.rdy-bg-home .rdy-stat-lbl {
    font-size: clamp(10px, .7vw, 11.5px) !important;
    line-height: 1.25 !important;
    margin-top: 6px !important;
  }

  html body.rdy-bg-home .rdy-stat-sub {
    display: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    position: absolute !important;
    z-index: 10 !important;
    left: 50% !important;
    bottom: var(--rdy-home-lower-zone) !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--rdy-home-band-h) !important;
    min-height: var(--rdy-home-band-h) !important;
    margin: 0 !important;
    padding: 0 clamp(32px, 4.5vw, 92px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero::before,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero::after {
    z-index: 1 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-line {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    flex: 0 0 auto !important;
    height: 1px !important;
    max-width: min(1620px, 96vw) !important;
    width: 100% !important;
    margin: 0 auto !important;
    opacity: .44 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    max-width: min(1480px, 92vw) !important;
    margin: clamp(6px, .7vh, 9px) auto !important;
    text-align: center !important;
    font-size: clamp(15.5px, 1.05vw, 19px) !important;
    line-height: 1.5 !important;
    color: rgba(248,249,252,.96) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.rdy-bg-home .rdy-page > .rdy-section:first-of-type {
    margin-top: 0 !important;
    padding-top: clamp(88px, 8vw, 126px) !important;
  }
}

@media (min-width: 1500px) {
  html body.rdy-bg-home .rdy-hero-grid {
    width: min(900px, 54vw) !important;
    max-width: min(900px, 54vw) !important;
    margin-left: clamp(64px, 6.5vw, 118px) !important;
  }

  html body.rdy-bg-home .rdy-h1 {
    font-size: clamp(58px, 4.3vw, 80px) !important;
  }

  html body.rdy-bg-home .rdy-hero-stats {
    left: clamp(64px, 6.5vw, 118px) !important;
  }
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact {
    --rdy-home-band-h: clamp(82px, 13vh, 112px);
    --rdy-home-lower-zone: clamp(76px, 11vh, 104px);
    position: relative !important;
    box-sizing: border-box !important;
    min-height: calc(100svh - var(--header-h, 78px)) !important;
    padding-bottom: calc(var(--rdy-home-band-h) + var(--rdy-home-lower-zone)) !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero-grid {
    width: min(100%, calc(100vw - 40px)) !important;
    max-width: calc(100vw - 40px) !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: center !important;
  }

  html body.rdy-bg-home .rdy-hero-copy {
    max-width: min(720px, 94vw) !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero-stats {
    position: absolute !important;
    z-index: 12 !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 16px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    background: rgba(6,5,10,.50) !important;
    backdrop-filter: blur(14px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(112%) !important;
  }

  html body.rdy-bg-home .rdy-stat-sub {
    display: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero {
    bottom: var(--rdy-home-lower-zone) !important;
    height: var(--rdy-home-band-h) !important;
    min-height: var(--rdy-home-band-h) !important;
    padding: 0 18px !important;
    display: flex !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema .rdy-trust-below-hero .rdy-trust-phrase {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    font-size: clamp(13.5px, 3.2vw, 16.5px) !important;
    line-height: 1.45 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}


/* =========================================================
   RODYAM — CORRECTIF ACCUEIL / LAYOUT FINAL CONTRÔLÉ — 2026-06-08
   Correction de la capture 18:40 :
   - le texte revient à gauche et reste au-dessus de la bande ;
   - les boutons restent au-dessus de la bande ;
   - la bande est lisible ;
   - les statistiques sont en dessous de la bande, dans la zone vidéo indiquée ;
   - la vidéo couvre toute la largeur, sans grand panneau noir à droite.
   ========================================================= */

@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact {
    --rdy-band-h: clamp(78px, 8.4vh, 100px);
    --rdy-lower-h: clamp(118px, 12vh, 148px);
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    height: calc(100svh - var(--header-h, 82px)) !important;
    min-height: 820px !important;
    max-height: none !important;
    padding: 0 !important;
    background: #050509 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-video {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: saturate(.98) contrast(1.05) brightness(.84) !important;
    z-index: 0 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-overlay,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-vignette {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-overlay {
    z-index: 1 !important;
    background:
      linear-gradient(90deg,
        rgba(3,2,7,.82) 0%,
        rgba(5,3,10,.62) 30%,
        rgba(7,4,14,.34) 58%,
        rgba(3,2,7,.34) 100%),
      radial-gradient(ellipse 72% 58% at 32% 18%, rgba(168,85,247,.15), transparent 66%),
      linear-gradient(180deg, rgba(5,3,8,.32) 0%, rgba(5,3,8,.18) 48%, rgba(5,3,8,.56) 100%) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-vignette {
    z-index: 1 !important;
    opacity: .54 !important;
    background:
      linear-gradient(180deg, rgba(2,1,4,.36), transparent 26%, transparent 66%, rgba(2,1,4,.50)),
      radial-gradient(ellipse 105% 82% at 56% 42%, transparent 52%, rgba(0,0,0,.42) 100%) !important;
  }

  /* Bloc texte : absolument à gauche, jamais dans la zone bande/statistiques. */
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-grid {
    position: absolute !important;
    z-index: 6 !important;
    left: clamp(60px, 6.2vw, 112px) !important;
    top: clamp(48px, 5.6vh, 70px) !important;
    bottom: calc(var(--rdy-band-h) + var(--rdy-lower-h) + clamp(22px, 2.8vh, 34px)) !important;
    width: min(810px, 54vw) !important;
    max-width: min(810px, 54vw) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-copy {
    width: 100% !important;
    max-width: 810px !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-eyebrow {
    margin: 0 0 clamp(14px, 1.45vh, 18px) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-h1 {
    font-size: clamp(44px, 4.28vw, 72px) !important;
    line-height: 1 !important;
    margin: 0 0 clamp(12px, 1.5vh, 18px) !important;
    letter-spacing: -0.03em !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-lead {
    max-width: 650px !important;
    font-size: clamp(14.5px, .9vw, 16px) !important;
    line-height: 1.54 !important;
    margin: 0 0 clamp(16px, 1.8vh, 22px) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cta {
    position: relative !important;
    z-index: 8 !important;
    display: flex !important;
    gap: 18px !important;
    margin: 0 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cta .rdy-btn {
    min-height: clamp(54px, 5.2vh, 62px) !important;
    padding: 0 clamp(24px, 2vw, 34px) !important;
    font-size: clamp(14.5px, .95vw, 16px) !important;
  }

  /* Bande rhodium : pleine largeur, juste au-dessus de la zone indiquée par les flèches. */
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero {
    position: absolute !important;
    z-index: 12 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--rdy-lower-h) !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--rdy-band-h) !important;
    min-height: var(--rdy-band-h) !important;
    margin: 0 !important;
    padding: 0 clamp(30px, 4.5vw, 92px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero::before,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero::after {
    z-index: 1 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero .rdy-trust-line {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    width: min(1620px, 96vw) !important;
    height: 1px !important;
    margin: 0 auto !important;
    opacity: .42 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero .rdy-trust-phrase {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    max-width: min(1480px, 92vw) !important;
    margin: clamp(6px, .7vh, 9px) auto !important;
    text-align: center !important;
    font-size: clamp(15.5px, 1.05vw, 19px) !important;
    line-height: 1.48 !important;
    color: rgba(248,249,252,.96) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Statistiques : en dessous de la bande, dans la zone basse indiquée par les flèches. */
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-stats {
    position: absolute !important;
    z-index: 11 !important;
    left: clamp(60px, 6.2vw, 112px) !important;
    bottom: clamp(18px, 2.1vh, 28px) !important;
    width: min(840px, 54vw) !important;
    max-width: min(840px, 54vw) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: clamp(14px, 1.55vh, 18px) clamp(18px, 2vw, 26px) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(12px, 1.2vw, 18px) !important;
    background: linear-gradient(180deg, rgba(8,7,12,.56), rgba(6,5,10,.36)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 22px 58px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter: blur(16px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(112%) !important;
  }

  html body.rdy-bg-home .rdy-stat-num {
    font-size: clamp(22px, 1.55vw, 30px) !important;
    line-height: 1.06 !important;
  }

  html body.rdy-bg-home .rdy-stat-lbl {
    font-size: clamp(10px, .7vw, 11.5px) !important;
    line-height: 1.25 !important;
    margin-top: 6px !important;
  }

  html body.rdy-bg-home .rdy-stat-sub {
    display: none !important;
  }
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact {
    --rdy-band-h: clamp(82px, 13vh, 112px);
    --rdy-lower-h: clamp(92px, 13vh, 120px);
    position: relative !important;
    min-height: calc(100svh - var(--header-h, 78px) + 80px) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-grid {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    top: 44px !important;
    bottom: calc(var(--rdy-band-h) + var(--rdy-lower-h) + 18px) !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero {
    bottom: var(--rdy-lower-h) !important;
    height: var(--rdy-band-h) !important;
    min-height: var(--rdy-band-h) !important;
    padding: 0 18px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-stats {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 16px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    background: rgba(6,5,10,.50) !important;
    backdrop-filter: blur(14px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(112%) !important;
  }
}

/* ======================================================================
   Correctif ciblé accueil — ajustement simple du bandeau métallique.
   Demande utilisateur : descendre légèrement le bandeau, l'agrandir un peu,
   et réadapter légèrement le texte, sans autre modification de structure.
   ====================================================================== */
@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact {
    --rdy-band-h: clamp(88px, 9.4vh, 112px) !important;
    --rdy-lower-h: clamp(92px, 9.4vh, 118px) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero {
    padding: 0 clamp(34px, 4.8vw, 98px) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero .rdy-trust-phrase {
    max-width: min(1500px, 93vw) !important;
    margin: clamp(7px, .8vh, 11px) auto !important;
    font-size: clamp(16px, 1.08vw, 20px) !important;
    line-height: 1.52 !important;
  }
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact {
    --rdy-band-h: clamp(88px, 13.5vh, 116px) !important;
    --rdy-lower-h: clamp(86px, 12.2vh, 108px) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero .rdy-trust-phrase {
    font-size: clamp(15.5px, 3.9vw, 20px) !important;
    line-height: 1.56 !important;
  }
}

/* ======================================================================
   RODYAM — CORRECTIF VALIDÉ ACCUEIL PREMIER ÉCRAN — 2026-06-08
   Recompose uniquement le hero d'accueil pour retrouver l'équilibre de
   la capture validée : texte à gauche, statistiques au-dessus du bandeau,
   bandeau rhodium visible dans le premier écran, bouton ambiance aligné.
   ====================================================================== */
@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact {
    --rdy-reference-header-h: 92px;
    --rdy-reference-band-h: clamp(108px, 12.5vh, 120px);
    --rdy-reference-stats-h: clamp(140px, 17vh, 158px);
    position: relative !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
    height: calc(100svh - var(--rdy-reference-header-h)) !important;
    min-height: calc(100svh - var(--rdy-reference-header-h)) !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #030306 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-video,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-overlay,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-vignette {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-video {
    object-fit: cover !important;
    object-position: center center !important;
    filter: saturate(.98) contrast(1.06) brightness(.78) !important;
    z-index: 0 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-overlay {
    z-index: 1 !important;
    background:
      linear-gradient(90deg, rgba(3,2,7,.86) 0%, rgba(5,3,10,.70) 30%, rgba(7,4,14,.38) 58%, rgba(3,2,7,.66) 100%),
      radial-gradient(ellipse 72% 58% at 32% 18%, rgba(168,85,247,.14), transparent 66%),
      linear-gradient(180deg, rgba(5,3,8,.34) 0%, rgba(5,3,8,.18) 48%, rgba(5,3,8,.62) 100%) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-vignette {
    z-index: 2 !important;
    opacity: .68 !important;
    background:
      linear-gradient(180deg, rgba(2,1,4,.35), transparent 24%, transparent 66%, rgba(2,1,4,.46)),
      radial-gradient(ellipse 105% 82% at 56% 42%, transparent 52%, rgba(0,0,0,.44) 100%) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-grid {
    position: absolute !important;
    z-index: 6 !important;
    left: 0 !important;
    top: clamp(86px, 10.6vh, 102px) !important;
    bottom: auto !important;
    width: min(960px, 62vw) !important;
    max-width: min(960px, 62vw) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-copy {
    position: relative !important;
    z-index: 7 !important;
    width: 100% !important;
    max-width: 960px !important;
    height: auto !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-eyebrow {
    margin: 0 0 clamp(14px, 1.6vh, 18px) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-h1 {
    max-width: min(960px, 62vw) !important;
    font-size: clamp(46px, 3.65vw, 60px) !important;
    line-height: 1.045 !important;
    letter-spacing: -0.028em !important;
    margin: 0 0 clamp(14px, 1.7vh, 20px) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-lead {
    max-width: min(760px, 56vw) !important;
    font-size: clamp(15.5px, 1vw, 17px) !important;
    line-height: 1.58 !important;
    margin: 0 0 clamp(20px, 2.3vh, 28px) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cta {
    position: relative !important;
    z-index: 14 !important;
    display: flex !important;
    gap: 14px !important;
    margin: 0 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cta .rdy-btn {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 22px !important;
    font-size: 13px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-stats {
    position: absolute !important;
    z-index: 13 !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: var(--rdy-reference-band-h) !important;
    transform: none !important;
    width: min(720px, 44vw) !important;
    max-width: min(720px, 44vw) !important;
    height: var(--rdy-reference-stats-h) !important;
    min-height: var(--rdy-reference-stats-h) !important;
    margin: 0 !important;
    padding: clamp(20px, 2.3vh, 24px) clamp(24px, 2vw, 28px) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: clamp(18px, 2vw, 28px) !important;
    background: linear-gradient(180deg, rgba(6,6,11,.78), rgba(4,4,8,.66)) !important;
    border: 1px solid rgba(255,255,255,.085) !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    box-shadow: 0 22px 58px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.055) !important;
    backdrop-filter: blur(14px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(112%) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-stat {
    min-height: 0 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-stat-num {
    font-size: clamp(25px, 1.8vw, 30px) !important;
    line-height: 1.05 !important;
    margin: 0 0 10px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-stat-lbl {
    font-size: clamp(10.5px, .75vw, 12px) !important;
    line-height: 1.28 !important;
    margin: 0 0 8px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-stat-sub {
    display: block !important;
    font-size: clamp(10px, .72vw, 11.5px) !important;
    line-height: 1.35 !important;
    color: rgba(219,214,230,.64) !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero {
    position: absolute !important;
    z-index: 12 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--rdy-reference-band-h) !important;
    min-height: var(--rdy-reference-band-h) !important;
    margin: 0 !important;
    padding: 0 clamp(260px, 18vw, 330px) 0 clamp(180px, 16vw, 280px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 0 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero .rdy-trust-line {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: min(1180px, 100%) !important;
    height: 1px !important;
    margin: 0 auto !important;
    opacity: .42 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero .rdy-trust-phrase {
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    max-width: min(1120px, 100%) !important;
    margin: clamp(7px, .8vh, 10px) auto !important;
    text-align: center !important;
    font-size: clamp(18px, 1.26vw, 22px) !important;
    line-height: 1.52 !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: rgba(248,249,252,.96) !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.42) !important;
  }

  html body .rodyam-ambience-toggle {
    right: clamp(18px, 1.45vw, 24px) !important;
    bottom: clamp(20px, 2.45vh, 24px) !important;
    left: auto !important;
    top: auto !important;
    z-index: 1200 !important;
    min-width: 190px !important;
    min-height: 56px !important;
    padding: 10px 15px !important;
    gap: 10px !important;
  }

  html body .rodyam-ambience-toggle .rdy-audio-note {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    font-size: 16px !important;
  }

  html body .rodyam-ambience-toggle .rdy-audio-main {
    font-size: 11.5px !important;
    line-height: 1.1 !important;
  }

  html body .rodyam-ambience-toggle .rdy-audio-track {
    font-size: 10.5px !important;
    max-width: 118px !important;
    line-height: 1.2 !important;
  }
}

@media (min-width: 981px) and (max-height: 820px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact {
    --rdy-reference-band-h: 104px;
    --rdy-reference-stats-h: 132px;
  }
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-grid {
    top: 54px !important;
  }
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-h1 {
    font-size: clamp(40px, 3.3vw, 54px) !important;
  }
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-lead {
    font-size: 15px !important;
    line-height: 1.48 !important;
  }
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact {
    min-height: calc(100svh - var(--header-h, 78px) + 40px) !important;
    padding: 34px 20px 220px !important;
    overflow: hidden !important;
  }
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 96px !important;
    top: auto !important;
    width: 100% !important;
    height: 104px !important;
    min-height: 104px !important;
    transform: none !important;
    margin: 0 !important;
  }
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-stats {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 16px !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* RODYAM — verrouillage cascade du hero accueil validé */
@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: clamp(86px, 10.6vh, 102px) 0 0 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-eyebrow,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-h1,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-lead,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-cta {
    margin-left: 0 !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-h1 {
    width: min(960px, 62vw) !important;
    max-width: min(960px, 62vw) !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-lead {
    width: min(760px, 56vw) !important;
    max-width: min(760px, 56vw) !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats {
    position: absolute !important;
    z-index: 13 !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: var(--rdy-reference-band-h) !important;
    width: min(720px, 44vw) !important;
    max-width: min(720px, 44vw) !important;
    height: var(--rdy-reference-stats-h) !important;
    min-height: var(--rdy-reference-stats-h) !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-trust.rdy-trust-statement.rdy-trust-below-hero {
    position: absolute !important;
    z-index: 12 !important;
    inset: auto 0 0 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--rdy-reference-band-h) !important;
    min-height: var(--rdy-reference-band-h) !important;
    margin: 0 !important;
    padding: 0 clamp(260px, 18vw, 330px) 0 clamp(180px, 16vw, 280px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }
}

/* RODYAM — micro-ajustement lisibilité des statistiques dans le premier écran */
@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats {
    padding: 18px 26px 14px 26px !important;
  }
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats .rdy-stat-num {
    font-size: clamp(24px, 1.65vw, 28px) !important;
    margin-bottom: 8px !important;
  }
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats .rdy-stat-lbl {
    font-size: clamp(9.8px, .68vw, 11px) !important;
    line-height: 1.22 !important;
    margin-bottom: 7px !important;
  }
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats .rdy-stat-sub {
    display: block !important;
    font-size: clamp(9.2px, .62vw, 10.2px) !important;
    line-height: 1.24 !important;
  }
}


/* =========================================================
   RODYAM — MICRO-ORIENTATION COMMERCIALE DES OFFRES — 2026-06-08
   Objectif : ajouter une aide à la décision sans modifier le fond
   des offres, les prix ni les livrables.
   ========================================================= */

html body #offres .rdy-offer-orientation {
  position: relative !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(164, 101, 255, .24) !important;
  background: linear-gradient(135deg, rgba(164, 101, 255, .105), rgba(255, 255, 255, .035) 52%, rgba(122, 74, 255, .065)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 32px rgba(0,0,0,.18) !important;
  overflow: hidden !important;
}

html body #offres .rdy-offer-orientation::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 2px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(164,101,255,.95), rgba(255,255,255,.20)) !important;
}

html body #offres .rdy-offer-orientation span {
  display: block !important;
  margin: 0 0 6px !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.62) !important;
  font-weight: 700 !important;
}

html body #offres .rdy-offer-orientation p {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  color: rgba(255,255,255,.84) !important;
}

@media (min-width: 1181px) {
  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card,
  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card.is-featured {
    min-height: 890px !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-offer-orientation {
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
  }

  html body #offres .rdy-pricing.rdy-offer-comparison.rdy-offer-comparison-clean > article.rdy-price.rdy-offer-card .rdy-offer-orientation p {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

@media (min-width: 781px) and (max-width: 1180px) {
  html body #offres .rdy-offer-orientation {
    min-height: 82px !important;
  }
}

@media (max-width: 780px) {
  html body #offres .rdy-offer-orientation {
    margin: 8px 0 14px !important;
    padding: 12px 13px !important;
  }

  html body #offres .rdy-offer-orientation p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
}

/* RODYAM — 2026-06-09 hero video quality + subtle light lift */
html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-video {
  filter: saturate(.99) contrast(1.06) brightness(.84) !important;
}

html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-overlay {
  z-index: 1 !important;
  background:
    linear-gradient(90deg,
      rgba(3,2,7,.80) 0%,
      rgba(5,3,10,.64) 30%,
      rgba(7,4,14,.34) 58%,
      rgba(3,2,7,.58) 100%),
    radial-gradient(ellipse 72% 58% at 32% 18%, rgba(168,85,247,.13), transparent 66%),
    linear-gradient(180deg, rgba(5,3,8,.28) 0%, rgba(5,3,8,.14) 48%, rgba(5,3,8,.54) 100%) !important;
}

html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-vignette {
  z-index: 2 !important;
  opacity: .61 !important;
  background:
    linear-gradient(180deg, rgba(2,1,4,.28), transparent 24%, transparent 66%, rgba(2,1,4,.40)),
    radial-gradient(ellipse 105% 82% at 56% 42%, transparent 56%, rgba(0,0,0,.36) 100%) !important;
}

/* RODYAM — 2026-06-09 text balance fixes (hero stats + services heading) */
html body.rdy-bg-home .rdy-hero-stats {
  gap: clamp(18px, 1.8vw, 28px) !important;
}

html body.rdy-bg-home .rdy-hero-stats .rdy-stat {
  min-width: 0 !important;
}

html body.rdy-bg-home .rdy-hero-stats .rdy-stat-num {
  display: block !important;
  margin-bottom: 14px !important;
  font-size: clamp(44px, 3.3vw, 64px) !important;
  line-height: .98 !important;
}

html body.rdy-bg-home .rdy-hero-stats .rdy-stat-lbl {
  display: block !important;
  font-size: clamp(16px, 1.2vw, 21px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.01em !important;
  color: rgba(248,246,255,.96) !important;
  font-weight: 450 !important;
}

html body.rdy-bg-home .rdy-hero-stats .rdy-stat-sub {
  margin-top: 14px !important;
  font-size: clamp(13px, .95vw, 16px) !important;
  line-height: 1.45 !important;
  color: rgba(220,224,235,.82) !important;
  max-width: 270px !important;
}

html body.rdy-bg-home .rdy-page > .rdy-section:last-child,
html body.rdy-bg-tools .rdy-page > .rdy-section:last-child {
  padding-top: clamp(62px, 5vw, 84px) !important;
}

html body.rdy-bg-home .rdy-page > .rdy-section:last-child > .rdy-sec-head,
html body.rdy-bg-tools .rdy-page > .rdy-section:last-child > .rdy-sec-head {
  margin: 0 auto clamp(82px, 6vw, 104px) !important;
  transform: translateY(-18px) !important;
}

html body.rdy-bg-home .rdy-page > .rdy-section:last-child > .rdy-sec-head .rdy-sec-desc,
html body.rdy-bg-tools .rdy-page > .rdy-section:last-child > .rdy-sec-head .rdy-sec-desc {
  max-width: 900px !important;
}

html body .rdy-service-system-note {
  max-width: 1140px !important;
  padding: 24px 34px !important;
  font-size: clamp(16px, 1.08vw, 19px) !important;
  line-height: 1.72 !important;
}

/* RODYAM — 2026-06-09 hero stats frame enlarged and lifted slightly over the video */
@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats {
    left: 0 !important;
    right: auto !important;
    bottom: calc(var(--rdy-reference-band-h) + 18px) !important;
    width: min(1360px, calc(100vw - 72px)) !important;
    max-width: min(1360px, calc(100vw - 72px)) !important;
    height: clamp(182px, 21vh, 224px) !important;
    min-height: clamp(182px, 21vh, 224px) !important;
    padding: 28px 34px 24px 34px !important;
    gap: clamp(28px, 2.4vw, 42px) !important;
    border: 1px solid rgba(236,238,245,.16) !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.055), rgba(168,85,247,.05) 36%, rgba(255,255,255,.02)),
      linear-gradient(180deg, rgba(7,7,12,.92), rgba(4,4,9,.965)) !important;
    box-shadow:
      0 36px 92px rgba(0,0,0,.42),
      inset 0 1px 0 rgba(255,255,255,.08),
      0 0 28px rgba(168,85,247,.08) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats .rdy-stat-num {
    font-size: clamp(36px, 2.7vw, 58px) !important;
    line-height: .96 !important;
    margin-bottom: 14px !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats .rdy-stat-lbl {
    font-size: clamp(18px, 1.22vw, 26px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.012em !important;
    margin-bottom: 12px !important;
    color: rgba(249,249,255,.98) !important;
    font-weight: 460 !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats .rdy-stat-sub {
    font-size: clamp(15px, .95vw, 19px) !important;
    line-height: 1.34 !important;
    color: rgba(226,228,238,.90) !important;
    max-width: 300px !important;
  }
}

/* RODYAM — 2026-06-09 premium rebalance of hero stats frame */
@media (min-width: 981px) {
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats {
    bottom: calc(var(--rdy-reference-band-h) + 12px) !important;
    width: min(1260px, calc(100vw - 128px)) !important;
    max-width: min(1260px, calc(100vw - 128px)) !important;
    height: clamp(156px, 18.2vh, 182px) !important;
    min-height: clamp(156px, 18.2vh, 182px) !important;
    padding: 22px 30px 20px 30px !important;
    gap: clamp(22px, 2vw, 34px) !important;
    border: 1px solid rgba(236,238,245,.13) !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.04), rgba(168,85,247,.038) 34%, rgba(255,255,255,.015)),
      linear-gradient(180deg, rgba(6,6,11,.90), rgba(4,4,9,.955)) !important;
    box-shadow:
      0 28px 72px rgba(0,0,0,.36),
      inset 0 1px 0 rgba(255,255,255,.06),
      0 0 22px rgba(168,85,247,.06) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats .rdy-stat-num {
    font-size: clamp(30px, 2.18vw, 46px) !important;
    line-height: .96 !important;
    margin-bottom: 10px !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats .rdy-stat-lbl {
    font-size: clamp(14px, 1vw, 20px) !important;
    line-height: 1.13 !important;
    letter-spacing: -.01em !important;
    margin-bottom: 8px !important;
    color: rgba(249,249,255,.96) !important;
    font-weight: 450 !important;
  }

  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats .rdy-stat-sub {
    font-size: clamp(12.5px, .82vw, 15.5px) !important;
    line-height: 1.36 !important;
    color: rgba(222,225,236,.84) !important;
    max-width: 250px !important;
  }
}

/* RODYAM — 2026-06-09 transparent framed box for expertise intro text */
html body .rdy-expertise-hero .rdy-expertise-lead {
  position: relative !important;
  max-width: 1180px !important;
  margin-top: 28px !important;
  padding: clamp(24px, 2.4vw, 34px) clamp(26px, 2.8vw, 38px) !important;
  border: 1px solid rgba(215,184,255,.22) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(168,85,247,.055) 38%, rgba(255,255,255,.018)) !important;
  box-shadow: 0 28px 78px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  overflow: hidden !important;
}

html body .rdy-expertise-hero .rdy-expertise-lead::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(ellipse at top left, rgba(196,155,255,.12), transparent 42%), linear-gradient(180deg, rgba(255,255,255,.02), transparent 34%, rgba(5,2,12,.12) 100%) !important;
}

html body .rdy-expertise-hero .rdy-expertise-lead p {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 900px) {
  html body .rdy-expertise-hero .rdy-expertise-lead {
    padding: 22px 20px !important;
    margin-top: 24px !important;
  }
}

/* RODYAM — 2026-06-09 Expertise visual replacement and alignment */
html body .rdy-expertise-visual-compass {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body .rdy-expertise-visual-compass img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

html body .rdy-expertise-visual-compass .rdy-expertise-visual-caption {
  color: rgba(236,232,244,.72) !important;
}

/* RODYAM — 2026-06-09 expertise image integrated with manifesto text */
html body .rdy-expertise-manifest-section {
  padding-top: clamp(18px, 2.8vw, 36px) !important;
}

html body .rdy-expertise-manifest-grid {
  max-width: min(1320px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
  gap: clamp(26px, 2.4vw, 36px) !important;
  align-items: stretch !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual,
html body .rdy-expertise-manifest-grid .rdy-expertise-manifest {
  height: 100% !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual {
  max-width: 100% !important;
  margin: 0 !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual img {
  height: 100% !important;
  min-height: clamp(420px, 42vw, 560px) !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest {
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest h3 {
  margin-top: 14px !important;
}

@media (max-width: 980px) {
  html body .rdy-expertise-manifest-grid {
    grid-template-columns: 1fr !important;
  }

  html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual img {
    min-height: 320px !important;
    height: clamp(320px, 54vw, 430px) !important;
  }
}

/* RODYAM — 2026-06-09 premium uplift for header CTA "Contact & audit" */
@keyframes rdyCtaSheen {
  0% { transform: translateX(-135%) skewX(-18deg); opacity: 0; }
  18% { opacity: .0; }
  42% { opacity: .42; }
  62% { opacity: .0; }
  100% { transform: translateX(165%) skewX(-18deg); opacity: 0; }
}

@keyframes rdyCtaHalo {
  0%, 100% { box-shadow: 0 16px 34px rgba(76,26,170,.18), inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 rgba(196,196,208,0); }
  50% { box-shadow: 0 18px 38px rgba(94,45,188,.24), inset 0 1px 0 rgba(255,255,255,.18), 0 0 18px rgba(190,198,210,.10); }
}

html body .rdy-nav .rdy-cta-desktop {
  position: relative !important;
  isolation: isolate !important;
  min-width: 204px !important;
  max-width: 228px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 0 26px !important;
  gap: 11px !important;
  font-size: 15.4px !important;
  line-height: 1 !important;
  font-weight: 450 !important;
  letter-spacing: -.01em !important;
  color: rgba(255,255,255,.98) !important;
  background:
    linear-gradient(180deg, rgba(245,247,251,.18) 0%, rgba(245,247,251,.06) 6%, rgba(245,247,251,0) 18%),
    linear-gradient(135deg, rgba(187,126,255,.98) 0%, rgba(122,54,233,.985) 48%, rgba(86,18,204,.99) 100%) !important;
  border: 1px solid rgba(224,229,237,.18) !important;
  box-shadow:
    0 16px 34px rgba(76,26,170,.18),
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 0 rgba(196,196,208,0) !important;
  transform: translateY(-1px) !important;
  overflow: hidden !important;
  animation: rdyCtaHalo 4.8s ease-in-out infinite !important;
}

html body .rdy-nav .rdy-cta-desktop::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.015) 34%, rgba(0,0,0,.04) 100%),
    linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.015)) !important;
}

html body .rdy-nav .rdy-cta-desktop::after {
  content: "" !important;
  position: absolute !important;
  top: -24% !important;
  bottom: -24% !important;
  width: 38% !important;
  left: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.28), rgba(255,255,255,0)) !important;
  mix-blend-mode: screen !important;
  animation: rdyCtaSheen 5.8s ease-in-out infinite !important;
}

html body .rdy-nav .rdy-cta-desktop svg {
  position: relative !important;
  z-index: 2 !important;
  width: 17px !important;
  height: 17px !important;
  margin-right: 3px !important;
  color: rgba(244,247,252,.98) !important;
  filter: drop-shadow(0 0 6px rgba(255,255,255,.10)) !important;
}

html body .rdy-nav .rdy-cta-desktop:hover,
html body .rdy-nav .rdy-cta-desktop:focus-visible {
  transform: translateY(-2px) !important;
  box-shadow:
    0 22px 42px rgba(82,28,182,.24),
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 22px rgba(203,212,223,.12) !important;
}

html body .rdy-nav .rdy-cta-desktop:focus-visible {
  outline: 0 !important;
  border-color: rgba(236,240,247,.28) !important;
}

@media (min-width: 1281px) and (max-width: 1600px) {
  html body .rdy-nav .rdy-cta-desktop {
    min-width: 186px !important;
    max-width: 206px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 22px !important;
    font-size: 14.4px !important;
  }

  html body .rdy-nav .rdy-cta-desktop svg {
    width: 16px !important;
    height: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .rdy-nav .rdy-cta-desktop,
  html body .rdy-nav .rdy-cta-desktop::after {
    animation: none !important;
  }
}

/* RODYAM — 2026-06-09 luxe recentering and stronger CTA desirability */
@keyframes rdyCtaIconPulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(255,255,255,0)); }
  50% { transform: scale(1.08); filter: drop-shadow(0 0 9px rgba(255,255,255,.14)); }
}

html body .rdy-nav .rdy-nav-actions {
  align-items: center !important;
}

html body .rdy-nav .rdy-cta-desktop {
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 214px !important;
  max-width: 236px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 0 26px !important;
  gap: 10px !important;
  font-size: 15.6px !important;
  font-weight: 450 !important;
  letter-spacing: -.012em !important;
  line-height: 1 !important;
  color: rgba(255,255,255,.985) !important;
  text-shadow: 0 1px 6px rgba(255,255,255,.06) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.07) 7%, rgba(255,255,255,0) 18%),
    linear-gradient(135deg, rgba(202,214,228,.14) 0%, rgba(182,119,255,.98) 9%, rgba(128,58,235,.99) 52%, rgba(90,18,212,.99) 100%) !important;
  border: 1px solid rgba(232,236,244,.24) !important;
  box-shadow:
    0 18px 38px rgba(77,28,172,.19),
    0 0 22px rgba(188,200,214,.08),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -10px 18px rgba(38,9,97,.10) !important;
  transform: translateY(-3px) !important;
  overflow: hidden !important;
}

html body .rdy-nav .rdy-cta-desktop::before {
  inset: 1px !important;
  z-index: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 34%, rgba(9,4,20,.10) 100%),
    linear-gradient(90deg, rgba(214,220,228,.08), rgba(255,255,255,0) 24%, rgba(255,255,255,0) 76%, rgba(214,220,228,.07)) !important;
}

html body .rdy-nav .rdy-cta-desktop::after {
  top: -18% !important;
  bottom: -18% !important;
  width: 32% !important;
  z-index: 1 !important;
  opacity: .92 !important;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.34), rgba(255,255,255,0)) !important;
}

html body .rdy-nav .rdy-cta-desktop svg {
  position: relative !important;
  z-index: 2 !important;
  flex: 0 0 auto !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 2px !important;
  animation: rdyCtaIconPulse 2.8s ease-in-out infinite !important;
}

html body .rdy-nav .rdy-cta-desktop:hover,
html body .rdy-nav .rdy-cta-desktop:focus-visible {
  transform: translateY(-4px) !important;
  box-shadow:
    0 24px 44px rgba(77,28,172,.24),
    0 0 28px rgba(203,212,223,.13),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -10px 18px rgba(38,9,97,.12) !important;
}

@media (min-width: 1281px) and (max-width: 1600px) {
  html body .rdy-nav .rdy-cta-desktop {
    min-width: 194px !important;
    max-width: 214px !important;
    height: 53px !important;
    min-height: 53px !important;
    max-height: 53px !important;
    padding: 0 23px !important;
    font-size: 14.6px !important;
    transform: translateY(-2px) !important;
  }

  html body .rdy-nav .rdy-cta-desktop:hover,
  html body .rdy-nav .rdy-cta-desktop:focus-visible {
    transform: translateY(-3px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .rdy-nav .rdy-cta-desktop svg {
    animation: none !important;
  }
}

/* RODYAM — 2026-06-09 menu logic: About moved near the beginning */
@media (min-width: 1281px) {
  html body .rdy-nav .rdy-tabs {
    align-items: center !important;
  }

  html body .rdy-nav .rdy-tab {
    text-align: center !important;
  }
}

/* RODYAM — 2026-06-09 expertise visual resized for the manifesto container */
html body .rdy-expertise-manifest-grid {
  align-items: start !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual,
html body .rdy-expertise-manifest-grid .rdy-expertise-manifest {
  height: auto !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual {
  align-self: start !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 15 / 16 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual .rdy-expertise-visual-caption {
  font-size: 11.5px !important;
  letter-spacing: .085em !important;
}

@media (max-width: 980px) {
  html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual img {
    aspect-ratio: 5 / 4 !important;
  }
}

/* RODYAM — 2026-06-09 align expertise image and text panels to same dimensions */
html body .rdy-expertise-manifest-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(28px, 2.4vw, 40px) !important;
  align-items: stretch !important;
}

html body .rdy-expertise-manifest-grid > * {
  height: 100% !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual {
  display: flex !important;
  flex-direction: column !important;
  justify-content: stretch !important;
  align-self: stretch !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual img {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(640px, 46vw, 820px) !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-self: stretch !important;
}

html body .rdy-expertise-manifest-grid .rdy-expertise-manifest h3 {
  max-width: 13ch !important;
}

@media (max-width: 980px) {
  html body .rdy-expertise-manifest-grid {
    grid-template-columns: 1fr !important;
  }

  html body .rdy-expertise-manifest-grid > * {
    height: auto !important;
  }

  html body .rdy-expertise-manifest-grid .rdy-expertise-manifest-visual img {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 5 / 4 !important;
  }
}

/* RODYAM — 2026-06-09 premium violet frame applied only to FAQ and Blog hero images */
html body .rdy-faq-hero-site,
html body .rdy-blog-hero-site {
  position: relative !important;
  overflow: hidden !important;
  padding: 14px !important;
  border: 1px solid rgba(186, 140, 255, .34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008) 20%, rgba(0,0,0,0) 100%),
    radial-gradient(circle at top left, rgba(157,102,245,.16), transparent 42%),
    linear-gradient(135deg, rgba(12,8,20,.96), rgba(20,10,38,.90)) !important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.34),
    0 0 0 1px rgba(210,185,255,.08) inset,
    0 0 24px rgba(129,66,236,.13) !important;
}

html body .rdy-faq-hero-site::before,
html body .rdy-blog-hero-site::before {
  content: "" !important;
  position: absolute !important;
  inset: 7px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border: 1px solid rgba(190, 146, 255, .32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 18px rgba(148,87,245,.10) !important;
  background: none !important;
}

html body .rdy-faq-hero-site::after,
html body .rdy-blog-hero-site::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at top center, rgba(176,124,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 16%, transparent 82%, rgba(90,35,180,.08) 100%) !important;
  height: auto !important;
}

html body .rdy-faq-hero-site img,
html body .rdy-blog-hero-site img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  position: relative !important;
  z-index: 0 !important;
}

@media (max-width: 900px) {
  html body .rdy-faq-hero-site,
  html body .rdy-blog-hero-site {
    padding: 10px !important;
  }

  html body .rdy-faq-hero-site::before,
  html body .rdy-blog-hero-site::before {
    inset: 5px !important;
  }
}

/* ======================================================================
   RODYAM — Correctif final responsive mobile/tablette — 2026-06-09
   Objectif : supprimer le débordement horizontal, masquer le CTA desktop
   sur mobile/tablette, et recomposer le hero en lecture naturelle.
   ====================================================================== */
@media (max-width: 1280px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #root,
  .rdy-page,
  .rdy-shell,
  .rdy-section,
  .rdy-nav,
  .rdy-nav-inner {
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: clip !important;
  }

  html body .rdy-nav .rdy-tabs,
  html body .rdy-nav .rdy-cta-desktop,
  html body .rdy-nav .rdy-cta-desktop:hover,
  html body .rdy-nav .rdy-cta-desktop:focus,
  html body .rdy-nav .rdy-cta-desktop:focus-visible,
  html body .rdy-nav .rdy-btn.rdy-cta-desktop,
  html body .rdy-nav .rdy-btn-primary.rdy-cta-desktop {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: hidden !important;
  }

  html body .rdy-nav .rdy-cta-desktop::before,
  html body .rdy-nav .rdy-cta-desktop::after {
    display: none !important;
    content: none !important;
  }

  html body .rdy-nav {
    height: auto !important;
    min-height: var(--header-h, 78px) !important;
    overflow: visible !important;
  }

  html body .rdy-nav-inner {
    width: 100% !important;
    min-height: var(--header-h, 78px) !important;
    height: auto !important;
    padding-left: clamp(12px, 3.2vw, 28px) !important;
    padding-right: clamp(12px, 3.2vw, 28px) !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(8px, 2.2vw, 16px) !important;
  }

  html body .rdy-nav .rdy-logo,
  html body .rdy-nav .rdy-logo:hover,
  html body .rdy-nav .rdy-logo:focus,
  html body .rdy-nav .rdy-logo:active {
    flex: 1 1 auto !important;
    width: min(46vw, 220px) !important;
    min-width: 0 !important;
    max-width: min(46vw, 220px) !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding: 6px 8px !important;
    overflow: hidden !important;
  }

  html body .rdy-nav .rdy-logo img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 44px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  html body .rdy-nav .rdy-nav-actions {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  html body .rdy-nav .rdy-lang {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 3px !important;
    gap: 2px !important;
  }

  html body .rdy-nav .rdy-lang button,
  html body .rdy-nav .rdy-lang button:hover,
  html body .rdy-nav .rdy-lang button:focus,
  html body .rdy-nav .rdy-lang button:focus-visible,
  html body .rdy-nav .rdy-lang button.is-active {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 !important;
    font-size: 10.8px !important;
    line-height: 1 !important;
  }

  html body .rdy-mobile-toggle {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .rdy-mobile-menu {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: clamp(28px, 6vw, 52px) clamp(18px, 4.2vw, 34px) clamp(32px, 6vw, 58px) !important;
    margin: 0 !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-video,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-overlay,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-vignette {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    pointer-events: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-video {
    object-fit: cover !important;
    object-position: center center !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-grid,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid {
    position: relative !important;
    z-index: 6 !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 760px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-copy,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-eyebrow,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-eyebrow {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    white-space: normal !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-h1,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px !important;
    font-size: clamp(34px, 6.2vw, 50px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.026em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-lead,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-lead {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
    font-size: clamp(14.8px, 2.15vw, 16.4px) !important;
    line-height: 1.62 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cta,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-cta {
    position: relative !important;
    z-index: 8 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 20px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cta .rdy-btn {
    flex: 1 1 230px !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 14px 18px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.16 !important;
    font-size: 13.2px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-stats,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats {
    position: relative !important;
    z-index: 7 !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: clamp(15px, 3vw, 20px) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 14px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    background: linear-gradient(180deg, rgba(7,6,12,.72), rgba(4,4,9,.56)) !important;
    box-shadow: 0 20px 54px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.055) !important;
    backdrop-filter: blur(14px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(112%) !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-stat,
  html body.rdy-bg-home .rdy-hero-stats .rdy-stat {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-stat-num,
  html body.rdy-bg-home .rdy-hero-stats .rdy-stat-num {
    display: block !important;
    font-size: clamp(26px, 5.2vw, 38px) !important;
    line-height: 1.02 !important;
    margin: 0 0 8px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-stat-lbl,
  html body.rdy-bg-home .rdy-hero-stats .rdy-stat-lbl {
    display: block !important;
    max-width: 100% !important;
    font-size: clamp(11px, 2vw, 13px) !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: auto !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-stat-sub,
  html body.rdy-bg-home .rdy-hero-stats .rdy-stat-sub {
    display: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-trust.rdy-trust-statement.rdy-trust-below-hero {
    position: relative !important;
    z-index: 6 !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 760px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 22px auto 0 !important;
    padding: 18px clamp(16px, 3.4vw, 24px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero .rdy-trust-phrase {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px auto !important;
    font-size: clamp(13.4px, 2.3vw, 16px) !important;
    line-height: 1.62 !important;
    text-align: center !important;
  }

  html body .rodyam-ambience-toggle {
    z-index: 1200 !important;
  }
}

@media (max-width: 620px) {
  :root { --header-h: 76px !important; }

  html body .rdy-nav-inner {
    min-height: 76px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 6px !important;
  }

  html body .rdy-nav .rdy-logo,
  html body .rdy-nav .rdy-logo:hover,
  html body .rdy-nav .rdy-logo:focus,
  html body .rdy-nav .rdy-logo:active {
    width: min(42vw, 150px) !important;
    max-width: min(42vw, 150px) !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }

  html body .rdy-nav .rdy-logo img {
    max-height: 38px !important;
  }

  html body .rdy-nav .rdy-nav-actions {
    gap: 6px !important;
  }

  html body .rdy-nav .rdy-lang {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 2px !important;
  }

  html body .rdy-nav .rdy-lang button,
  html body .rdy-nav .rdy-lang button:hover,
  html body .rdy-nav .rdy-lang button:focus,
  html body .rdy-nav .rdy-lang button:focus-visible,
  html body .rdy-nav .rdy-lang button.is-active {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: 10px !important;
  }

  html body .rdy-mobile-toggle {
    flex-basis: 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard {
    padding: 26px 20px 34px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-eyebrow,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-eyebrow {
    padding: 7px 10px !important;
    font-size: 9.2px !important;
    line-height: 1.34 !important;
    letter-spacing: .09em !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-h1,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-h1 {
    font-size: clamp(31px, 8.4vw, 38px) !important;
    line-height: 1.07 !important;
    margin-bottom: 15px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-lead,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-lead {
    font-size: 14.2px !important;
    line-height: 1.58 !important;
    margin-bottom: 20px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cta,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-cta {
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cta .rdy-btn {
    width: 100% !important;
    flex-basis: auto !important;
    min-height: 46px !important;
    padding: 13px 16px !important;
    font-size: 12.2px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-stats,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats {
    gap: 12px !important;
    padding: 14px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-stat-num,
  html body.rdy-bg-home .rdy-hero-stats .rdy-stat-num {
    font-size: clamp(25px, 7vw, 32px) !important;
    margin-bottom: 7px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-stat-lbl,
  html body.rdy-bg-home .rdy-hero-stats .rdy-stat-lbl {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-trust.rdy-trust-statement.rdy-trust-below-hero {
    margin-top: 20px !important;
    padding: 17px 16px !important;
  }
}

@media (max-width: 380px) {
  html body .rdy-nav .rdy-logo,
  html body .rdy-nav .rdy-logo:hover,
  html body .rdy-nav .rdy-logo:focus,
  html body .rdy-nav .rdy-logo:active {
    width: 122px !important;
    max-width: 122px !important;
  }

  html body .rdy-nav .rdy-lang button,
  html body .rdy-nav .rdy-lang button.is-active {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-h1,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-h1 {
    font-size: 30px !important;
  }
}

/* RODYAM — verrou complémentaire tablette horizontale 981–1280 */
@media (min-width: 981px) and (max-width: 1280px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: 54px clamp(42px, 5vw, 64px) 58px !important;
    margin: 0 !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-video,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-overlay,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-vignette {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    transform: none !important;
    pointer-events: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-grid,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid {
    position: relative !important;
    z-index: 6 !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 980px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-copy,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-eyebrow,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-eyebrow {
    width: auto !important;
    max-width: min(760px, 100%) !important;
    margin: 0 0 20px !important;
    white-space: normal !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-h1,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-h1 {
    width: 100% !important;
    max-width: 920px !important;
    margin: 0 0 18px !important;
    font-size: clamp(46px, 5vw, 58px) !important;
    line-height: 1.055 !important;
    letter-spacing: -0.026em !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-lead,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-lead {
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 0 24px !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cta,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-cta {
    position: relative !important;
    z-index: 8 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 0 24px !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cta .rdy-btn {
    flex: 0 1 auto !important;
    min-height: 50px !important;
    height: auto !important;
    padding: 15px 24px !important;
    font-size: 13.4px !important;
    line-height: 1.14 !important;
    white-space: normal !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-stats,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-hero-grid > .rdy-hero-copy > .rdy-hero-stats {
    position: relative !important;
    z-index: 7 !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 900px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 22px 24px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 20px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    background: linear-gradient(180deg, rgba(7,6,12,.72), rgba(4,4,9,.56)) !important;
    box-shadow: 0 20px 54px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.055) !important;
    backdrop-filter: blur(14px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(112%) !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero-stats .rdy-stat-num {
    font-size: clamp(25px, 2.7vw, 34px) !important;
    line-height: 1.04 !important;
    margin: 0 0 9px !important;
  }

  html body.rdy-bg-home .rdy-hero-stats .rdy-stat-lbl {
    font-size: 12px !important;
    line-height: 1.28 !important;
    margin: 0 !important;
  }

  html body.rdy-bg-home .rdy-hero-stats .rdy-stat-sub {
    display: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero,
  html body.rdy-bg-home .rdy-page .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact.rdy-media-guard > .rdy-trust.rdy-trust-statement.rdy-trust-below-hero {
    position: relative !important;
    z-index: 6 !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 980px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 24px auto 0 !important;
    padding: 20px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-trust-below-hero .rdy-trust-phrase {
    max-width: 100% !important;
    margin: 8px auto !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
  }
}

@media (max-width: 980px) {
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-video,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-overlay,
  html body.rdy-bg-home .rdy-hero.rdy-hero-cinema.rdy-hero-cinema-compact .rdy-hero-cinema-vignette {
    transform: none !important;
    left: 0 !important;
    right: auto !important;
  }

  html body.rdy-bg-home .rdy-hero-stats .rdy-stat:nth-child(3) .rdy-stat-num,
  html body.rdy-bg-home .rdy-hero-stats .rdy-stat:nth-child(4) .rdy-stat-num {
    font-size: clamp(22px, 5.6vw, 28px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
  }
}


/* =========================================================
   ETAPE 40 — FOND NOIR PROFOND SOBRE DEFINITIF
   Base : ETAPE 25 opérationnelle.
   Objectif : version finale sobre, premium et stable.
   Aucun fond illustré, aucune animation, aucun halo, aucun cadre.
   Uniquement un noir profond très légèrement nuancé pour éviter un noir plat.
   Application à toutes les pages, y compris les zones audit.
   ========================================================= */

:root {
  --rdy-black-absolute: #000000;
  --rdy-black-deep: #020202;
  --rdy-black-soft: #070708;
  --rdy-black-mid: #0b0b0d;
}

html,
html body {
  background-color: var(--rdy-black-absolute) !important;
}

html body {
  --rdy-bg-image: none !important;
  --rdy-section-bg: none !important;
  --rdy-static-bg: none !important;
  color: #f8f7ff !important;
  background-image:
    linear-gradient(180deg,
      var(--rdy-black-absolute) 0%,
      var(--rdy-black-deep) 28%,
      var(--rdy-black-mid) 52%,
      var(--rdy-black-soft) 72%,
      var(--rdy-black-absolute) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: scroll !important;
}

/* Suppression stricte de toutes les couches décoratives ou animées. */
html::before,
html::after,
html body::before,
html body::after {
  content: none !important;
  animation: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Suppression de toute décoration résiduelle de page/hero. */
html body .rdy-page::before,
html body .rdy-static-page::before,
html body .rdy-seo-page::before,
html body .rdy-expertise-page::before,
html body .rdy-method-page::before,
html body .rdy-page > .rdy-hero:first-child::before,
html body .rdy-page > .rdy-section:first-child::before,
html body .rdy-expertise-hero::before,
html body .rdy-method-hero::before,
html body .rdy-seo-hero::before,
html body .rdy-contact-audit-section::before,
html body .rdy-contact-audit::before,
html body .rdy-audit::before {
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  background-image: none !important;
}

/* Toutes les zones reviennent à un fond neutre sans image. */
html body main,
html body #root,
html body .rdy-app,
html body .rdy-shell,
html body .rdy-page,
html body .rdy-section,
html body .rdy-hero,
html body .rdy-page > .rdy-section,
html body .rdy-page > .rdy-hero,
html body .rdy-newsletter-link,
html body .rdy-process,
html body .rdy-services,
html body .rdy-method-page,
html body .rdy-method-hero,
html body .rdy-method-pillars,
html body .rdy-portfolio,
html body .rdy-segments,
html body .rdy-segments-preview,
html body .rdy-segments-showcase,
html body .rdy-offers-final,
html body .rdy-offers-secondary,
html body .rdy-about,
html body .rdy-contact,
html body .rdy-contact-audit-section,
html body .rdy-contact-audit,
html body .rdy-audit,
html body .rdy-faq,
html body .rdy-tools,
html body .rdy-blog-premium,
html body .rdy-faq-premium-section,
html body .rdy-rep-section,
html body .rdy-rep-premium-v2,
html body .rdy-expertise-page,
html body .rdy-expertise-hero,
html body .rdy-expertise-main,
html body .rdy-expertise-manifest-section,
html body .rdy-expertise-summary-section,
html body .rdy-static-page,
html body .rdy-static-section,
html body .rdy-seo-page,
html body .rdy-seo-hero,
html body .rdy-seo-section {
  --rdy-bg-image: none !important;
  --rdy-section-bg: none !important;
  --rdy-static-bg: none !important;
  background-color: transparent !important;
  background-image: none !important;
  position: relative;
}

/* Dégradé noir très subtil pour toutes les sections / pages. */
html body .rdy-page > .rdy-section::after,
html body .rdy-page > .rdy-hero::after,
html body .rdy-newsletter-link::after,
html body .rdy-section::after,
html body .rdy-hero::after,
html body .rdy-process::after,
html body .rdy-services::after,
html body .rdy-method-page::after,
html body .rdy-method-hero::after,
html body .rdy-method-pillars::after,
html body .rdy-portfolio::after,
html body .rdy-segments::after,
html body .rdy-segments-preview::after,
html body .rdy-segments-showcase::after,
html body .rdy-offers-final::after,
html body .rdy-offers-secondary::after,
html body .rdy-about::after,
html body .rdy-contact::after,
html body .rdy-contact-audit-section::after,
html body .rdy-contact-audit::after,
html body .rdy-audit::after,
html body .rdy-faq::after,
html body .rdy-tools::after,
html body .rdy-blog-premium::after,
html body .rdy-faq-premium-section::after,
html body .rdy-rep-section::after,
html body .rdy-rep-premium-v2::after,
html body .rdy-expertise-page::after,
html body .rdy-expertise-hero::after,
html body .rdy-expertise-main::after,
html body .rdy-expertise-manifest-section::after,
html body .rdy-expertise-summary-section::after,
html body .rdy-static-page::after,
html body .rdy-static-section::after,
html body .rdy-seo-page::after,
html body .rdy-seo-hero::after,
html body .rdy-seo-section::after {
  content: "" !important;
  position: absolute !important;
  top: -28px !important;
  bottom: -28px !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  z-index: -2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.004) 0%, rgba(0,0,0,.010) 28%, rgba(0,0,0,.024) 50%, rgba(0,0,0,.012) 76%, rgba(255,255,255,.003) 100%),
    linear-gradient(180deg,
      var(--rdy-black-absolute) 0%,
      var(--rdy-black-deep) 24%,
      var(--rdy-black-mid) 50%,
      var(--rdy-black-soft) 72%,
      var(--rdy-black-absolute) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  animation: none !important;
  box-shadow: none !important;
}

/* Cartes / blocs : noirs, nets, très légèrement nuancés. */
html .rdy-card,
html .rdy-price,
html .rdy-post,
html .rdy-tool-cat,
html .rdy-tool-item,
html .rdy-faq-item,
html .rdy-addon,
html .rdy-contact-audit-card,
html .rdy-contact-audit-form,
html .rdy-contact-item,
html .rdy-filter,
html .rdy-pill,
html .rdy-segment-card,
html .rdy-value,
html .rdy-rep-feat,
html .rdy-rep-meter,
html .rdy-portfolio-item,
html .rdy-hero-stats {
  background-color: rgba(9, 9, 11, .72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 980px) {
  html body {
    background-image:
      linear-gradient(180deg,
        var(--rdy-black-absolute) 0%,
        var(--rdy-black-deep) 26%,
        var(--rdy-black-mid) 52%,
        var(--rdy-black-soft) 74%,
        var(--rdy-black-absolute) 100%) !important;
  }

  html body .rdy-page > .rdy-section::after,
  html body .rdy-page > .rdy-hero::after,
  html body .rdy-newsletter-link::after {
    background-image:
      linear-gradient(180deg, rgba(255,255,255,.003) 0%, rgba(0,0,0,.010) 30%, rgba(0,0,0,.022) 50%, rgba(0,0,0,.012) 78%, rgba(255,255,255,.003) 100%),
      linear-gradient(180deg,
        var(--rdy-black-absolute) 0%,
        var(--rdy-black-deep) 26%,
        var(--rdy-black-mid) 52%,
        var(--rdy-black-soft) 74%,
        var(--rdy-black-absolute) 100%) !important;
  }
}


/* =========================================================
   ETAPE 42 — NOIR PROFOND + MICRO-NUANCES VIOLET POURPRE
   Base : ETAPE 40.
   Objectif : supprimer la logique graphite / bleu nuit jugée brouillonne
   et revenir à un fond noir profond, enrichi seulement par des micro-nuances
   violet / pourpre très subtiles sur toutes les pages, y compris audit.
   Aucun halo, aucune animation, aucun cadre.
   ========================================================= */

:root {
  --rdy-black-absolute: #000000;
  --rdy-black-deep: #020202;
  --rdy-black-soft: #070708;
  --rdy-black-mid: #0b0b0d;
  --rdy-plum-1: #100c14;
  --rdy-plum-2: #16101a;
  --rdy-plum-3: #1b1220;
}

html,
html body {
  background-color: var(--rdy-black-absolute) !important;
}

html body {
  --rdy-bg-image: none !important;
  --rdy-section-bg: none !important;
  --rdy-static-bg: none !important;
  color: #f8f7ff !important;
  background-image:
    linear-gradient(180deg,
      var(--rdy-black-absolute) 0%,
      var(--rdy-black-deep) 26%,
      var(--rdy-plum-1) 44%,
      var(--rdy-plum-2) 56%,
      var(--rdy-black-mid) 74%,
      var(--rdy-black-soft) 86%,
      var(--rdy-black-absolute) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: scroll !important;
}

/* Aucune couche décorative ou animée. */
html::before,
html::after,
html body::before,
html body::after {
  content: none !important;
  animation: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Suppression de toute décoration résiduelle de page / hero / audit. */
html body .rdy-page::before,
html body .rdy-static-page::before,
html body .rdy-seo-page::before,
html body .rdy-expertise-page::before,
html body .rdy-method-page::before,
html body .rdy-page > .rdy-hero:first-child::before,
html body .rdy-page > .rdy-section:first-child::before,
html body .rdy-expertise-hero::before,
html body .rdy-method-hero::before,
html body .rdy-seo-hero::before,
html body .rdy-contact-audit-section::before,
html body .rdy-contact-audit::before,
html body .rdy-audit::before {
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  background-image: none !important;
}

/* Toutes les zones reviennent à un fond neutre sans image. */
html body main,
html body #root,
html body .rdy-app,
html body .rdy-shell,
html body .rdy-page,
html body .rdy-section,
html body .rdy-hero,
html body .rdy-page > .rdy-section,
html body .rdy-page > .rdy-hero,
html body .rdy-newsletter-link,
html body .rdy-process,
html body .rdy-services,
html body .rdy-method-page,
html body .rdy-method-hero,
html body .rdy-method-pillars,
html body .rdy-portfolio,
html body .rdy-segments,
html body .rdy-segments-preview,
html body .rdy-segments-showcase,
html body .rdy-offers-final,
html body .rdy-offers-secondary,
html body .rdy-about,
html body .rdy-contact,
html body .rdy-contact-audit-section,
html body .rdy-contact-audit,
html body .rdy-audit,
html body .rdy-faq,
html body .rdy-tools,
html body .rdy-blog-premium,
html body .rdy-faq-premium-section,
html body .rdy-rep-section,
html body .rdy-rep-premium-v2,
html body .rdy-expertise-page,
html body .rdy-expertise-hero,
html body .rdy-expertise-main,
html body .rdy-expertise-manifest-section,
html body .rdy-expertise-summary-section,
html body .rdy-static-page,
html body .rdy-static-section,
html body .rdy-seo-page,
html body .rdy-seo-hero,
html body .rdy-seo-section {
  --rdy-bg-image: none !important;
  --rdy-section-bg: none !important;
  --rdy-static-bg: none !important;
  background-color: transparent !important;
  background-image: none !important;
  position: relative;
}

/* Dégradé très subtil : noir dominant avec micro-nuance violet pourpre. */
html body .rdy-page > .rdy-section::after,
html body .rdy-page > .rdy-hero::after,
html body .rdy-newsletter-link::after,
html body .rdy-section::after,
html body .rdy-hero::after,
html body .rdy-process::after,
html body .rdy-services::after,
html body .rdy-method-page::after,
html body .rdy-method-hero::after,
html body .rdy-method-pillars::after,
html body .rdy-portfolio::after,
html body .rdy-segments::after,
html body .rdy-segments-preview::after,
html body .rdy-segments-showcase::after,
html body .rdy-offers-final::after,
html body .rdy-offers-secondary::after,
html body .rdy-about::after,
html body .rdy-contact::after,
html body .rdy-contact-audit-section::after,
html body .rdy-contact-audit::after,
html body .rdy-audit::after,
html body .rdy-faq::after,
html body .rdy-tools::after,
html body .rdy-blog-premium::after,
html body .rdy-faq-premium-section::after,
html body .rdy-rep-section::after,
html body .rdy-rep-premium-v2::after,
html body .rdy-expertise-page::after,
html body .rdy-expertise-hero::after,
html body .rdy-expertise-main::after,
html body .rdy-expertise-manifest-section::after,
html body .rdy-expertise-summary-section::after,
html body .rdy-static-page::after,
html body .rdy-static-section::after,
html body .rdy-seo-page::after,
html body .rdy-seo-hero::after,
html body .rdy-seo-section::after {
  content: "" !important;
  position: absolute !important;
  top: -28px !important;
  bottom: -28px !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  z-index: -2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.003) 0%, rgba(0,0,0,.010) 24%, rgba(0,0,0,.020) 50%, rgba(0,0,0,.010) 78%, rgba(255,255,255,.002) 100%),
    linear-gradient(180deg,
      var(--rdy-black-absolute) 0%,
      var(--rdy-black-deep) 28%,
      var(--rdy-plum-1) 44%,
      var(--rdy-plum-2) 56%,
      var(--rdy-plum-3) 66%,
      var(--rdy-black-mid) 78%,
      var(--rdy-black-soft) 88%,
      var(--rdy-black-absolute) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  animation: none !important;
  box-shadow: none !important;
}

/* Cartes / blocs : noirs avec une pointe pourpre très sobre. */
html .rdy-card,
html .rdy-price,
html .rdy-post,
html .rdy-tool-cat,
html .rdy-tool-item,
html .rdy-faq-item,
html .rdy-addon,
html .rdy-contact-audit-card,
html .rdy-contact-audit-form,
html .rdy-contact-item,
html .rdy-filter,
html .rdy-pill,
html .rdy-segment-card,
html .rdy-value,
html .rdy-rep-feat,
html .rdy-rep-meter,
html .rdy-portfolio-item,
html .rdy-hero-stats {
  background-color: rgba(13, 11, 16, .72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 980px) {
  html body {
    background-image:
      linear-gradient(180deg,
        var(--rdy-black-absolute) 0%,
        var(--rdy-black-deep) 30%,
        var(--rdy-plum-1) 46%,
        var(--rdy-plum-2) 58%,
        var(--rdy-plum-3) 68%,
        var(--rdy-black-mid) 80%,
        var(--rdy-black-soft) 90%,
        var(--rdy-black-absolute) 100%) !important;
  }

  html body .rdy-page > .rdy-section::after,
  html body .rdy-page > .rdy-hero::after,
  html body .rdy-newsletter-link::after {
    background-image:
      linear-gradient(180deg, rgba(255,255,255,.002) 0%, rgba(0,0,0,.010) 26%, rgba(0,0,0,.018) 50%, rgba(0,0,0,.010) 80%, rgba(255,255,255,.002) 100%),
      linear-gradient(180deg,
        var(--rdy-black-absolute) 0%,
        var(--rdy-black-deep) 30%,
        var(--rdy-plum-1) 46%,
        var(--rdy-plum-2) 58%,
        var(--rdy-plum-3) 68%,
        var(--rdy-black-mid) 80%,
        var(--rdy-black-soft) 90%,
        var(--rdy-black-absolute) 100%) !important;
  }
}


/* =========================================================
   ETAPE 43 — NOIR PROFOND + EFFETS INDIGO PREMIUM
   Base : ETAPE 42.
   Objectif : retirer les micro-nuances violet/pourpre et les remplacer par un
   rendu plus haut de gamme inspiré de la référence fournie : noir profond,
   léger voile indigo / bleu-violet très sombre, avec présence douce sur les
   bords et la profondeur, sans animation, sans halo agressif, sans cadre.
   Application à toutes les pages, y compris audit.
   ========================================================= */

:root {
  --rdy-black-absolute: #000000;
  --rdy-black-deep: #020205;
  --rdy-black-soft: #06070b;
  --rdy-ink-indigo-1: #070717;
  --rdy-ink-indigo-2: #0a0a1e;
  --rdy-ink-indigo-3: #0f0a24;
  --rdy-edge-indigo: rgba(28, 16, 74, .24);
  --rdy-edge-indigo-soft: rgba(20, 12, 56, .14);
}

html,
html body {
  background-color: var(--rdy-black-absolute) !important;
}

html body {
  --rdy-bg-image: none !important;
  --rdy-section-bg: none !important;
  --rdy-static-bg: none !important;
  color: #f8f7ff !important;
  background-image:
    radial-gradient(120% 88% at 50% 50%, transparent 0%, transparent 52%, rgba(14, 10, 36, .06) 82%, rgba(8, 7, 22, .12) 100%),
    linear-gradient(180deg,
      var(--rdy-black-absolute) 0%,
      var(--rdy-black-deep) 20%,
      var(--rdy-ink-indigo-1) 42%,
      var(--rdy-ink-indigo-2) 58%,
      var(--rdy-ink-indigo-1) 72%,
      var(--rdy-black-soft) 86%,
      var(--rdy-black-absolute) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: scroll !important;
}

/* Aucune couche décorative ou animée globale. */
html::before,
html::after,
html body::before,
html body::after {
  content: none !important;
  animation: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Suppression de toute décoration résiduelle de page / hero / audit. */
html body .rdy-page::before,
html body .rdy-static-page::before,
html body .rdy-seo-page::before,
html body .rdy-expertise-page::before,
html body .rdy-method-page::before,
html body .rdy-page > .rdy-hero:first-child::before,
html body .rdy-page > .rdy-section:first-child::before,
html body .rdy-expertise-hero::before,
html body .rdy-method-hero::before,
html body .rdy-seo-hero::before,
html body .rdy-contact-audit-section::before,
html body .rdy-contact-audit::before,
html body .rdy-audit::before {
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
  background-image: none !important;
}

/* Toutes les zones reviennent à un fond neutre sans image. */
html body main,
html body #root,
html body .rdy-app,
html body .rdy-shell,
html body .rdy-page,
html body .rdy-section,
html body .rdy-hero,
html body .rdy-page > .rdy-section,
html body .rdy-page > .rdy-hero,
html body .rdy-newsletter-link,
html body .rdy-process,
html body .rdy-services,
html body .rdy-method-page,
html body .rdy-method-hero,
html body .rdy-method-pillars,
html body .rdy-portfolio,
html body .rdy-segments,
html body .rdy-segments-preview,
html body .rdy-segments-showcase,
html body .rdy-offers-final,
html body .rdy-offers-secondary,
html body .rdy-about,
html body .rdy-contact,
html body .rdy-contact-audit-section,
html body .rdy-contact-audit,
html body .rdy-audit,
html body .rdy-faq,
html body .rdy-tools,
html body .rdy-blog-premium,
html body .rdy-faq-premium-section,
html body .rdy-rep-section,
html body .rdy-rep-premium-v2,
html body .rdy-expertise-page,
html body .rdy-expertise-hero,
html body .rdy-expertise-main,
html body .rdy-expertise-manifest-section,
html body .rdy-expertise-summary-section,
html body .rdy-static-page,
html body .rdy-static-section,
html body .rdy-seo-page,
html body .rdy-seo-hero,
html body .rdy-seo-section {
  --rdy-bg-image: none !important;
  --rdy-section-bg: none !important;
  --rdy-static-bg: none !important;
  background-color: transparent !important;
  background-image: none !important;
  position: relative;
}

/* Dégradé premium inspiré de la référence : noir dominant, présence indigo très
   subtile sur les côtés et dans la profondeur. */
html body .rdy-page > .rdy-section::after,
html body .rdy-page > .rdy-hero::after,
html body .rdy-newsletter-link::after,
html body .rdy-section::after,
html body .rdy-hero::after,
html body .rdy-process::after,
html body .rdy-services::after,
html body .rdy-method-page::after,
html body .rdy-method-hero::after,
html body .rdy-method-pillars::after,
html body .rdy-portfolio::after,
html body .rdy-segments::after,
html body .rdy-segments-preview::after,
html body .rdy-segments-showcase::after,
html body .rdy-offers-final::after,
html body .rdy-offers-secondary::after,
html body .rdy-about::after,
html body .rdy-contact::after,
html body .rdy-contact-audit-section::after,
html body .rdy-contact-audit::after,
html body .rdy-audit::after,
html body .rdy-faq::after,
html body .rdy-tools::after,
html body .rdy-blog-premium::after,
html body .rdy-faq-premium-section::after,
html body .rdy-rep-section::after,
html body .rdy-rep-premium-v2::after,
html body .rdy-expertise-page::after,
html body .rdy-expertise-hero::after,
html body .rdy-expertise-main::after,
html body .rdy-expertise-manifest-section::after,
html body .rdy-expertise-summary-section::after,
html body .rdy-static-page::after,
html body .rdy-static-section::after,
html body .rdy-seo-page::after,
html body .rdy-seo-hero::after,
html body .rdy-seo-section::after {
  content: "" !important;
  position: absolute !important;
  top: -28px !important;
  bottom: -28px !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  z-index: -2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    radial-gradient(135% 95% at 0% 50%, var(--rdy-edge-indigo-soft) 0%, transparent 34%),
    radial-gradient(135% 95% at 100% 50%, var(--rdy-edge-indigo-soft) 0%, transparent 34%),
    radial-gradient(120% 90% at 50% 52%, transparent 0%, transparent 56%, rgba(14, 10, 36, .05) 78%, rgba(10, 8, 26, .12) 100%),
    linear-gradient(180deg, rgba(255,255,255,.003) 0%, rgba(0,0,0,.010) 24%, rgba(0,0,0,.018) 50%, rgba(0,0,0,.010) 78%, rgba(255,255,255,.002) 100%),
    linear-gradient(180deg,
      var(--rdy-black-absolute) 0%,
      var(--rdy-black-deep) 24%,
      var(--rdy-ink-indigo-1) 42%,
      var(--rdy-ink-indigo-2) 58%,
      var(--rdy-ink-indigo-3) 68%,
      var(--rdy-black-soft) 84%,
      var(--rdy-black-absolute) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  animation: none !important;
  box-shadow: none !important;
}

/* Cartes / blocs : noirs, avec une légère teinte encre indigo pour rester cohérents. */
html .rdy-card,
html .rdy-price,
html .rdy-post,
html .rdy-tool-cat,
html .rdy-tool-item,
html .rdy-faq-item,
html .rdy-addon,
html .rdy-contact-audit-card,
html .rdy-contact-audit-form,
html .rdy-contact-item,
html .rdy-filter,
html .rdy-pill,
html .rdy-segment-card,
html .rdy-value,
html .rdy-rep-feat,
html .rdy-rep-meter,
html .rdy-portfolio-item,
html .rdy-hero-stats {
  background-color: rgba(10, 10, 15, .74) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 980px) {
  html body {
    background-image:
      linear-gradient(180deg,
        var(--rdy-black-absolute) 0%,
        var(--rdy-black-deep) 22%,
        var(--rdy-ink-indigo-1) 42%,
        var(--rdy-ink-indigo-2) 58%,
        var(--rdy-ink-indigo-1) 72%,
        var(--rdy-black-soft) 86%,
        var(--rdy-black-absolute) 100%) !important;
  }

  html body .rdy-page > .rdy-section::after,
  html body .rdy-page > .rdy-hero::after,
  html body .rdy-newsletter-link::after {
    background-image:
      radial-gradient(145% 100% at 0% 50%, rgba(20, 12, 56, .11) 0%, transparent 30%),
      radial-gradient(145% 100% at 100% 50%, rgba(20, 12, 56, .11) 0%, transparent 30%),
      radial-gradient(125% 95% at 50% 52%, transparent 0%, transparent 58%, rgba(14, 10, 36, .05) 80%, rgba(10, 8, 26, .11) 100%),
      linear-gradient(180deg, rgba(255,255,255,.002) 0%, rgba(0,0,0,.010) 26%, rgba(0,0,0,.018) 50%, rgba(0,0,0,.010) 80%, rgba(255,255,255,.002) 100%),
      linear-gradient(180deg,
        var(--rdy-black-absolute) 0%,
        var(--rdy-black-deep) 24%,
        var(--rdy-ink-indigo-1) 44%,
        var(--rdy-ink-indigo-2) 60%,
        var(--rdy-ink-indigo-3) 70%,
        var(--rdy-black-soft) 86%,
        var(--rdy-black-absolute) 100%) !important;
  }
}


/* =========================================================
   ETAPE 44 — INDIGO PREMIUM ETENDU TOUTES PAGES
   Correction : certaines pages/sections restaient incomplètement couvertes.
   Objectif : étendre proprement l'effet indigo premium à toutes les pages du
   site et accentuer légèrement le rendu, tout en restant haut de gamme.
   ========================================================= */

:root {
  --rdy-indigo-edge-strong: rgba(27, 15, 76, .18);
  --rdy-indigo-edge-mid: rgba(22, 12, 62, .12);
  --rdy-indigo-depth: rgba(14, 10, 38, .15);
  --rdy-indigo-depth-soft: rgba(11, 8, 28, .08);
}

/* Normalisation renforcée de toutes les couches potentiellement oubliées. */
html body [class^="rdy-bg-"],
html body [class*=" rdy-bg-"],
html body .rdy-blog-hero-site,
html body .rdy-faq-hero-site,
html body .rdy-tools-section,
html body .rdy-article,
html body .rdy-article-hero,
html body .rdy-contact-top-bg,
html body .rdy-expertise-top-bg,
html body .rdy-top-visual-bg,
html body .rdy-segments-preview-section,
html body .rdy-segments-video-card,
html body .rdy-legal-modal,
html body .rdy-legal-modal-backdrop {
  --rdy-bg-image: none !important;
  --rdy-section-bg: none !important;
  --rdy-static-bg: none !important;
  background-color: transparent !important;
  background-image: none !important;
  position: relative;
}

html body [class^="rdy-bg-"]::before,
html body [class*=" rdy-bg-"]::before,
html body .rdy-blog-hero-site::before,
html body .rdy-faq-hero-site::before,
html body .rdy-tools-section::before,
html body .rdy-article::before,
html body .rdy-article-hero::before,
html body .rdy-contact-top-bg::before,
html body .rdy-expertise-top-bg::before,
html body .rdy-top-visual-bg::before,
html body .rdy-segments-preview-section::before,
html body .rdy-segments-video-card::before,
html body .rdy-legal-modal::before,
html body .rdy-legal-modal-backdrop::before {
  content: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Couverture étendue et un peu plus marquée : noir dominant avec bords indigo. */
html body [class^="rdy-bg-"]::after,
html body [class*=" rdy-bg-"]::after,
html body .rdy-blog-hero-site::after,
html body .rdy-faq-hero-site::after,
html body .rdy-tools-section::after,
html body .rdy-article::after,
html body .rdy-article-hero::after,
html body .rdy-contact-top-bg::after,
html body .rdy-expertise-top-bg::after,
html body .rdy-top-visual-bg::after,
html body .rdy-segments-preview-section::after,
html body .rdy-segments-video-card::after,
html body .rdy-legal-modal::after,
html body .rdy-legal-modal-backdrop::after,
html body .rdy-page > .rdy-section::after,
html body .rdy-page > .rdy-hero::after,
html body .rdy-newsletter-link::after,
html body .rdy-section::after,
html body .rdy-hero::after,
html body .rdy-process::after,
html body .rdy-services::after,
html body .rdy-method-page::after,
html body .rdy-method-hero::after,
html body .rdy-method-pillars::after,
html body .rdy-portfolio::after,
html body .rdy-segments::after,
html body .rdy-segments-preview::after,
html body .rdy-segments-showcase::after,
html body .rdy-offers-final::after,
html body .rdy-offers-secondary::after,
html body .rdy-about::after,
html body .rdy-contact::after,
html body .rdy-contact-audit-section::after,
html body .rdy-contact-audit::after,
html body .rdy-audit::after,
html body .rdy-faq::after,
html body .rdy-tools::after,
html body .rdy-blog-premium::after,
html body .rdy-faq-premium-section::after,
html body .rdy-rep-section::after,
html body .rdy-rep-premium-v2::after,
html body .rdy-expertise-page::after,
html body .rdy-expertise-hero::after,
html body .rdy-expertise-main::after,
html body .rdy-expertise-manifest-section::after,
html body .rdy-expertise-summary-section::after,
html body .rdy-static-page::after,
html body .rdy-static-section::after,
html body .rdy-seo-page::after,
html body .rdy-seo-hero::after,
html body .rdy-seo-section::after {
  content: "" !important;
  position: absolute !important;
  top: -28px !important;
  bottom: -28px !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  z-index: -2 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background-image:
    radial-gradient(140% 100% at 0% 50%, var(--rdy-indigo-edge-strong) 0%, var(--rdy-indigo-edge-mid) 15%, transparent 36%),
    radial-gradient(140% 100% at 100% 50%, var(--rdy-indigo-edge-strong) 0%, var(--rdy-indigo-edge-mid) 15%, transparent 36%),
    radial-gradient(125% 94% at 50% 54%, transparent 0%, transparent 54%, var(--rdy-indigo-depth-soft) 76%, var(--rdy-indigo-depth) 100%),
    linear-gradient(180deg, rgba(255,255,255,.003) 0%, rgba(0,0,0,.010) 24%, rgba(0,0,0,.018) 50%, rgba(0,0,0,.010) 78%, rgba(255,255,255,.002) 100%),
    linear-gradient(180deg,
      var(--rdy-black-absolute) 0%,
      var(--rdy-black-deep) 22%,
      var(--rdy-ink-indigo-1) 40%,
      var(--rdy-ink-indigo-2) 56%,
      var(--rdy-ink-indigo-3) 68%,
      var(--rdy-black-soft) 84%,
      var(--rdy-black-absolute) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  animation: none !important;
  box-shadow: none !important;
}

/* Cartes un peu mieux alignées sur le rendu global. */
html .rdy-card,
html .rdy-price,
html .rdy-post,
html .rdy-tool-cat,
html .rdy-tool-item,
html .rdy-faq-item,
html .rdy-addon,
html .rdy-contact-audit-card,
html .rdy-contact-audit-form,
html .rdy-contact-item,
html .rdy-filter,
html .rdy-pill,
html .rdy-segment-card,
html .rdy-value,
html .rdy-rep-feat,
html .rdy-rep-meter,
html .rdy-portfolio-item,
html .rdy-hero-stats,
html .rdy-article-body,
html .rdy-article-foot,
html .rdy-footer-card {
  background-color: rgba(10, 10, 16, .78) !important;
}

@media (max-width: 980px) {
  html body [class^="rdy-bg-"]::after,
  html body [class*=" rdy-bg-"]::after,
  html body .rdy-blog-hero-site::after,
  html body .rdy-faq-hero-site::after,
  html body .rdy-tools-section::after,
  html body .rdy-article::after,
  html body .rdy-article-hero::after,
  html body .rdy-contact-top-bg::after,
  html body .rdy-expertise-top-bg::after,
  html body .rdy-top-visual-bg::after,
  html body .rdy-segments-preview-section::after,
  html body .rdy-segments-video-card::after,
  html body .rdy-page > .rdy-section::after,
  html body .rdy-page > .rdy-hero::after,
  html body .rdy-newsletter-link::after {
    background-image:
      radial-gradient(150% 104% at 0% 50%, rgba(27, 15, 76, .16) 0%, rgba(20, 12, 56, .10) 14%, transparent 32%),
      radial-gradient(150% 104% at 100% 50%, rgba(27, 15, 76, .16) 0%, rgba(20, 12, 56, .10) 14%, transparent 32%),
      radial-gradient(128% 96% at 50% 54%, transparent 0%, transparent 56%, rgba(11, 8, 28, .07) 78%, rgba(14, 10, 38, .13) 100%),
      linear-gradient(180deg, rgba(255,255,255,.002) 0%, rgba(0,0,0,.010) 26%, rgba(0,0,0,.018) 50%, rgba(0,0,0,.010) 80%, rgba(255,255,255,.002) 100%),
      linear-gradient(180deg,
        var(--rdy-black-absolute) 0%,
        var(--rdy-black-deep) 24%,
        var(--rdy-ink-indigo-1) 42%,
        var(--rdy-ink-indigo-2) 58%,
        var(--rdy-ink-indigo-3) 70%,
        var(--rdy-black-soft) 86%,
        var(--rdy-black-absolute) 100%) !important;
  }
}


/* =========================================================
   ETAPE 45 — INDIGO REEQUILIBRE OFFRES A AUDIT
   Correction : à partir de la page Offres jusqu'à Audit, l'effet était encore
   trop discret / incomplet. Cette étape ajoute une vraie couche de fond au
   niveau des gabarits de page, puis rééquilibre les bandes locales pour que
   l'indigo se voie un peu plus partout, tout en gardant un noir dominant.
   ========================================================= */

:root {
  --rdy-indigo-page-edge: rgba(29, 16, 82, .22);
  --rdy-indigo-page-edge-soft: rgba(21, 12, 58, .12);
  --rdy-indigo-page-depth: rgba(13, 9, 34, .14);
  --rdy-indigo-page-depth-soft: rgba(10, 8, 26, .08);
  --rdy-indigo-band-edge: rgba(28, 16, 78, .20);
  --rdy-indigo-band-edge-soft: rgba(20, 12, 56, .12);
}

/* Sécurité : tous les gabarits principaux doivent porter la couche globale. */
html body main,
html body .rdy-page,
html body .rdy-static-page,
html body .rdy-seo-page,
html body .rdy-expertise-page,
html body .rdy-method-page,
html body .rdy-article,
html body .rdy-legal-modal,
html body .rdy-contact-audit-section,
html body .rdy-contact-audit,
html body .rdy-audit {
  position: relative !important;
}

/* Couche globale continue : elle évite l'effet "bandeau seulement" et garantit
   la présence visuelle aussi sur Offres, À propos, E-réputation, Blog, FAQ,
   Contact et Audit. */
html body main::before,
html body .rdy-page::after,
html body .rdy-static-page::after,
html body .rdy-seo-page::after,
html body .rdy-expertise-page::after,
html body .rdy-method-page::after,
html body .rdy-article::after,
html body .rdy-legal-modal::after,
html body .rdy-contact-audit-section::before,
html body .rdy-contact-audit::before,
html body .rdy-audit::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;
  pointer-events: none !important;
  background-image:
    radial-gradient(150% 108% at 0% 50%, var(--rdy-indigo-page-edge) 0%, var(--rdy-indigo-page-edge-soft) 16%, transparent 38%),
    radial-gradient(150% 108% at 100% 50%, var(--rdy-indigo-page-edge) 0%, var(--rdy-indigo-page-edge-soft) 16%, transparent 38%),
    radial-gradient(120% 92% at 50% 55%, transparent 0%, transparent 54%, var(--rdy-indigo-page-depth-soft) 78%, var(--rdy-indigo-page-depth) 100%),
    linear-gradient(180deg,
      var(--rdy-black-absolute) 0%,
      var(--rdy-black-deep) 20%,
      var(--rdy-ink-indigo-1) 40%,
      var(--rdy-ink-indigo-2) 56%,
      var(--rdy-ink-indigo-3) 68%,
      var(--rdy-black-soft) 84%,
      var(--rdy-black-absolute) 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  box-shadow: none !important;
  animation: none !important;
}

/* Bandeaux locaux rééquilibrés : toujours discrets, mais un peu plus lisibles. */
html body [class^="rdy-bg-"]::after,
html body [class*=" rdy-bg-"]::after,
html body .rdy-blog-hero-site::after,
html body .rdy-faq-hero-site::after,
html body .rdy-tools-section::after,
html body .rdy-article-hero::after,
html body .rdy-contact-top-bg::after,
html body .rdy-expertise-top-bg::after,
html body .rdy-top-visual-bg::after,
html body .rdy-segments-preview-section::after,
html body .rdy-segments-video-card::after,
html body .rdy-page > .rdy-section::after,
html body .rdy-page > .rdy-hero::after,
html body .rdy-newsletter-link::after,
html body .rdy-section::after,
html body .rdy-hero::after,
html body .rdy-process::after,
html body .rdy-services::after,
html body .rdy-method-page::after,
html body .rdy-method-hero::after,
html body .rdy-method-pillars::after,
html body .rdy-portfolio::after,
html body .rdy-segments::after,
html body .rdy-segments-preview::after,
html body .rdy-segments-showcase::after,
html body .rdy-offers-final::after,
html body .rdy-offers-secondary::after,
html body .rdy-about::after,
html body .rdy-contact::after,
html body .rdy-faq::after,
html body .rdy-tools::after,
html body .rdy-blog-premium::after,
html body .rdy-faq-premium-section::after,
html body .rdy-rep-section::after,
html body .rdy-rep-premium-v2::after,
html body .rdy-expertise-hero::after,
html body .rdy-expertise-main::after,
html body .rdy-expertise-manifest-section::after,
html body .rdy-expertise-summary-section::after,
html body .rdy-static-section::after,
html body .rdy-seo-hero::after,
html body .rdy-seo-section::after {
  background-image:
    radial-gradient(140% 102% at 0% 50%, var(--rdy-indigo-band-edge) 0%, var(--rdy-indigo-band-edge-soft) 14%, transparent 34%),
    radial-gradient(140% 102% at 100% 50%, var(--rdy-indigo-band-edge) 0%, var(--rdy-indigo-band-edge-soft) 14%, transparent 34%),
    radial-gradient(124% 94% at 50% 54%, transparent 0%, transparent 54%, rgba(11, 8, 28, .08) 78%, rgba(14, 10, 38, .14) 100%),
    linear-gradient(180deg, rgba(255,255,255,.003) 0%, rgba(0,0,0,.010) 24%, rgba(0,0,0,.018) 50%, rgba(0,0,0,.010) 78%, rgba(255,255,255,.002) 100%),
    linear-gradient(180deg,
      var(--rdy-black-absolute) 0%,
      var(--rdy-black-deep) 22%,
      var(--rdy-ink-indigo-1) 40%,
      var(--rdy-ink-indigo-2) 56%,
      var(--rdy-ink-indigo-3) 68%,
      var(--rdy-black-soft) 84%,
      var(--rdy-black-absolute) 100%) !important;
}

/* Les blocs restent noirs majoritaires. */
html .rdy-card,
html .rdy-price,
html .rdy-post,
html .rdy-tool-cat,
html .rdy-tool-item,
html .rdy-faq-item,
html .rdy-addon,
html .rdy-contact-audit-card,
html .rdy-contact-audit-form,
html .rdy-contact-item,
html .rdy-filter,
html .rdy-pill,
html .rdy-segment-card,
html .rdy-value,
html .rdy-rep-feat,
html .rdy-rep-meter,
html .rdy-portfolio-item,
html .rdy-hero-stats,
html .rdy-article-body,
html .rdy-article-foot,
html .rdy-footer-card {
  background-color: rgba(10, 10, 16, .80) !important;
}

@media (max-width: 980px) {
  html body main::before,
  html body .rdy-page::after,
  html body .rdy-static-page::after,
  html body .rdy-seo-page::after,
  html body .rdy-expertise-page::after,
  html body .rdy-method-page::after,
  html body .rdy-article::after,
  html body .rdy-legal-modal::after,
  html body .rdy-contact-audit-section::before,
  html body .rdy-contact-audit::before,
  html body .rdy-audit::before {
    background-image:
      radial-gradient(158% 112% at 0% 50%, rgba(29, 16, 82, .18) 0%, rgba(21, 12, 58, .10) 15%, transparent 34%),
      radial-gradient(158% 112% at 100% 50%, rgba(29, 16, 82, .18) 0%, rgba(21, 12, 58, .10) 15%, transparent 34%),
      radial-gradient(124% 96% at 50% 56%, transparent 0%, transparent 56%, rgba(10, 8, 26, .07) 78%, rgba(13, 9, 34, .12) 100%),
      linear-gradient(180deg,
        var(--rdy-black-absolute) 0%,
        var(--rdy-black-deep) 22%,
        var(--rdy-ink-indigo-1) 42%,
        var(--rdy-ink-indigo-2) 58%,
        var(--rdy-ink-indigo-3) 70%,
        var(--rdy-black-soft) 86%,
        var(--rdy-black-absolute) 100%) !important;
  }
}


/* =========================================================
   ETAPE 46 — RECADRAGE METHODE ET CONTACT
   Corrections ciblées :
   1) Recadrer le texte du bloc objectif / méthode dans son rectangle.
   2) Remonter le titre de la page Contact & Audit et réduire l'espace avant le formulaire.
   Fond indigo premium conservé.
   ========================================================= */

/* Image 1 — Bloc "Notre objectif est clair..." :
   texte mieux cadré dans le rectangle, respiration interne plus régulière. */
html body .rdy-method-highlight {
  box-sizing: border-box !important;
  width: min(100%, 1580px) !important;
  max-width: calc(100% - clamp(42px, 6vw, 110px)) !important;
  margin: clamp(22px, 2.8vw, 34px) auto 0 !important;
  padding: clamp(36px, 4vw, 58px) clamp(46px, 5.2vw, 76px) !important;
  min-height: clamp(168px, 16vw, 255px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  line-height: 1.48 !important;
  letter-spacing: -0.035em !important;
  text-wrap: balance;
}

html body .rdy-method-highlight > * {
  max-width: 100% !important;
  margin: 0 !important;
}

/* Sécurité si le texte est rendu directement dans le bloc. */
html body .rdy-method-highlight {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Image 2 — Contact & Audit :
   remonter l'entrée de page et raccourcir la distance avant le formulaire. */
html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
  padding-top: clamp(42px, 5.2vh, 78px) !important;
  padding-bottom: clamp(20px, 3.2vh, 42px) !important;
  min-height: auto !important;
}

html body .rdy-contact-intro-grid {
  margin-top: 0 !important;
  margin-bottom: clamp(8px, 1.7vw, 22px) !important;
  align-items: center !important;
  gap: clamp(32px, 5vw, 72px) !important;
}

html body .rdy-contact-intro-main {
  transform: translateY(clamp(-42px, -3vw, -20px)) !important;
}

html body .rdy-contact-intro-main .rdy-sec-head {
  margin-top: 0 !important;
  margin-bottom: clamp(10px, 1.4vw, 18px) !important;
}

html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-title {
  margin-top: 0 !important;
  margin-bottom: clamp(14px, 1.8vw, 22px) !important;
}

html body .rdy-contact-intro-main .rdy-sec-desc {
  margin-top: 0 !important;
  max-width: 780px !important;
}

html body .rdy-contact-intro-diamond {
  transform: translateY(clamp(-34px, -2.4vw, -16px)) scale(.96) !important;
}

/* Formulaire / audit : on remonte la suite pour qu'elle soit accessible plus vite. */
html body .rdy-contact-audit-section {
  padding-top: clamp(28px, 4vw, 54px) !important;
  margin-top: clamp(-12px, -1.2vw, 0px) !important;
}

html body .rdy-contact-audit-wrap,
html body .rdy-contact-commercial-wrap {
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  html body .rdy-method-highlight {
    max-width: calc(100% - 28px) !important;
    padding: 28px 24px !important;
    min-height: auto !important;
    line-height: 1.52 !important;
    letter-spacing: -0.025em !important;
  }

  html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
    padding-top: 34px !important;
    padding-bottom: 22px !important;
  }

  html body .rdy-contact-intro-main,
  html body .rdy-contact-intro-diamond {
    transform: none !important;
  }

  html body .rdy-contact-intro-grid {
    gap: 28px !important;
    margin-bottom: 12px !important;
  }

  html body .rdy-contact-audit-section {
    padding-top: 28px !important;
    margin-top: 0 !important;
  }
}


/* =========================================================
   ETAPE 47 — CENTRAGE METHODE ET CONTACT PLUS HAUT
   Ajustements demandés :
   1) le texte du bloc méthode doit être vraiment centré dans le rectangle ;
   2) la page Contact & Audit doit démarrer plus haut et laisser apparaître le
      début du formulaire plus rapidement.
   ========================================================= */

/* 1) Bloc Méthode : centrage visuel plus propre et marges internes équilibrées. */
html body .rdy-method-highlight,
html body .rdy-method-highlight-side {
  box-sizing: border-box !important;
  width: min(88%, 1360px) !important;
  max-width: min(88%, 1360px) !important;
  margin: clamp(20px, 2.2vw, 30px) auto 0 !important;
  padding: clamp(40px, 4.2vw, 60px) clamp(56px, 6vw, 84px) !important;
  min-height: clamp(185px, 17vw, 265px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: left !important;
  line-height: 1.42 !important;
  letter-spacing: -0.036em !important;
  overflow: hidden !important;
}

html body .rdy-method-highlight,
html body .rdy-method-highlight-side {
  font-size: clamp(22px, 2.75vw, 34px) !important;
}

/* Si un wrapper interne existe, il est lui aussi centré. */
html body .rdy-method-highlight > *,
html body .rdy-method-highlight-side > * {
  max-width: 1100px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* 2) Contact & Audit : remonter franchement l'ensemble. */
html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
  padding-top: clamp(16px, 1.6vw, 26px) !important;
  padding-bottom: clamp(8px, 1vw, 16px) !important;
  min-height: auto !important;
}

html body .rdy-contact-intro-grid {
  margin-top: clamp(-48px, -3.5vw, -24px) !important;
  margin-bottom: 6px !important;
  align-items: start !important;
  gap: clamp(24px, 4.2vw, 58px) !important;
}

html body .rdy-contact-intro-main {
  transform: translateY(clamp(-84px, -6.2vw, -46px)) !important;
}

html body .rdy-contact-intro-main .rdy-sec-head,
html body .rdy-contact-intro-main .rdy-sec-title,
html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-desc {
  margin-top: 0 !important;
}

html body .rdy-contact-intro-main .rdy-sec-head {
  margin-bottom: 10px !important;
}

html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-title {
  margin-bottom: 14px !important;
}

html body .rdy-contact-intro-main .rdy-sec-desc {
  max-width: 780px !important;
}

html body .rdy-contact-intro-diamond {
  transform: translateY(clamp(-82px, -6vw, -42px)) scale(.96) !important;
}

/* Le bandeau de tarifs et le début du formulaire remontent aussi. */
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin: clamp(-70px, -5vw, -34px) auto 14px !important;
}

html body .rdy-contact-audit-section {
  padding-top: clamp(10px, 1.2vw, 18px) !important;
  margin-top: clamp(-26px, -2vw, -8px) !important;
}

html body .rdy-contact-audit-wrap,
html body .rdy-contact-commercial-wrap,
html body .rdy-contact-audit,
html body .rdy-audit {
  margin-top: 0 !important;
}

@media (max-width: 980px) {
  html body .rdy-method-highlight,
  html body .rdy-method-highlight-side {
    width: calc(100% - 26px) !important;
    max-width: calc(100% - 26px) !important;
    padding: 30px 24px !important;
    min-height: auto !important;
    font-size: clamp(18px, 4.8vw, 24px) !important;
    line-height: 1.46 !important;
    letter-spacing: -0.025em !important;
  }

  html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
    padding-top: 18px !important;
    padding-bottom: 10px !important;
  }

  html body .rdy-contact-intro-grid {
    margin-top: -10px !important;
    margin-bottom: 6px !important;
    gap: 20px !important;
  }

  html body .rdy-contact-intro-main,
  html body .rdy-contact-intro-diamond {
    transform: none !important;
  }

  html body .rdy-contact-strategy-note,
  html body .rdy-launch-pricing-note {
    margin: 0 auto 12px !important;
  }

  html body .rdy-contact-audit-section {
    padding-top: 12px !important;
    margin-top: 0 !important;
  }
}


/* =========================================================
   ETAPE 48 — AJUSTEMENT FIN METHODE ET CONTACT
   Demandes :
   1) bloc méthode : réduire l'écart vertical et recentrer plus proprement le
      texte dans l'encadré ;
   2) contact & audit : remonter encore l'intro (texte + diamant) et réduire de
      moitié environ la distance avant le formulaire.
   ========================================================= */

/* 1) Bloc Méthode — recentrage vertical plus net. */
html body .rdy-method-highlight,
html body .rdy-method-highlight-side {
  width: min(87%, 1320px) !important;
  max-width: min(87%, 1320px) !important;
  margin: clamp(18px, 1.9vw, 26px) auto 0 !important;
  padding: clamp(28px, 2.7vw, 38px) clamp(52px, 5.8vw, 82px) !important;
  min-height: unset !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: left !important;
  line-height: 1.40 !important;
  letter-spacing: -0.036em !important;
}

html body .rdy-method-highlight > *,
html body .rdy-method-highlight-side > * {
  max-width: 1080px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

html body .rdy-method-highlight,
html body .rdy-method-highlight-side {
  font-size: clamp(22px, 2.7vw, 34px) !important;
}

/* 2) Contact & Audit — remonter l'ensemble d'environ moitié supplémentaire. */
html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
  padding-top: 8px !important;
  padding-bottom: 2px !important;
  min-height: auto !important;
}

html body .rdy-contact-intro-grid {
  margin-top: clamp(-86px, -5.8vw, -46px) !important;
  margin-bottom: 0 !important;
  align-items: start !important;
  gap: clamp(20px, 3.6vw, 48px) !important;
}

html body .rdy-contact-intro-main {
  transform: translateY(clamp(-118px, -8.2vw, -68px)) !important;
}

html body .rdy-contact-intro-diamond {
  transform: translateY(clamp(-116px, -8vw, -66px)) scale(.95) !important;
}

html body .rdy-contact-intro-main .rdy-sec-head {
  margin: 0 0 8px !important;
}

html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-title {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

html body .rdy-contact-intro-main .rdy-sec-desc {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 780px !important;
}

/* Remonter fortement la note puis rapprocher la zone formulaire. */
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin: clamp(-124px, -8vw, -72px) auto 10px !important;
}

html body .rdy-contact-audit-section {
  padding-top: 0 !important;
  margin-top: clamp(-46px, -3.3vw, -20px) !important;
}

html body .rdy-contact-audit-wrap,
html body .rdy-contact-commercial-wrap,
html body .rdy-contact-audit,
html body .rdy-audit {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 980px) {
  html body .rdy-method-highlight,
  html body .rdy-method-highlight-side {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding: 24px 22px !important;
    min-height: unset !important;
    font-size: clamp(18px, 4.6vw, 24px) !important;
    line-height: 1.44 !important;
  }

  html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
    padding-top: 12px !important;
    padding-bottom: 6px !important;
  }

  html body .rdy-contact-intro-grid {
    margin-top: -16px !important;
    gap: 18px !important;
  }

  html body .rdy-contact-intro-main,
  html body .rdy-contact-intro-diamond {
    transform: none !important;
  }

  html body .rdy-contact-strategy-note,
  html body .rdy-launch-pricing-note {
    margin: 0 auto 10px !important;
  }

  html body .rdy-contact-audit-section {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
}


/* =========================================================
   ETAPE 49 — CONTACT ESPACEMENT 2CM
   Demande : sur la page Contact & Audit, le texte et le diamant doivent être
   espacés d'environ 2 cm depuis le haut, et d'environ 2 cm au-dessus de la
   bande de tarifs / formulaire visible en dessous.
   Objectif : remettre l'intro dans une zone proprement cadrée, sans collage
   au haut, sans espace excessif avant la bande du formulaire.
   ========================================================= */

/* SECTION D'INTRO CONTACT : marge haute / basse équilibrée */
html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
  min-height: auto !important;
}

/* Grille intro : plus de décalage artificiel */
html body .rdy-contact-intro-grid {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-items: center !important;
  gap: clamp(28px, 4vw, 56px) !important;
}

/* Texte et diamant alignés proprement dans la zone */
html body .rdy-contact-intro-main,
html body .rdy-contact-intro-diamond {
  transform: none !important;
}

html body .rdy-contact-intro-main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body .rdy-contact-intro-main .rdy-sec-head {
  margin: 0 0 10px !important;
}

html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-title {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

html body .rdy-contact-intro-main .rdy-sec-desc {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 780px !important;
}

/* La bande tarifs / audit commence juste après la zone intro,
   sans remontée agressive, pour conserver ~2 cm de respiration. */
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin: 0 auto 12px !important;
}

html body .rdy-contact-audit-section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

html body .rdy-contact-audit-wrap,
html body .rdy-contact-commercial-wrap,
html body .rdy-contact-audit,
html body .rdy-audit {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 980px) {
  html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  html body .rdy-contact-intro-grid {
    gap: 22px !important;
  }
}


/* =========================================================
   ETAPE 50 — CONTACT REEQUILIBRAGE ESPACE VERTICAL
   Demande : supprimer l'espace excessif au-dessus et au-dessous du bloc
   texte + diamant sur Contact & Audit, pour garder uniquement une respiration
   mesurée et mieux centrée, sans faire occuper trop de hauteur à la section.
   ========================================================= */

/* Section hero Contact : réduction nette de la hauteur occupée. */
html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
  padding-top: 34px !important;
  padding-bottom: 28px !important;
  min-height: auto !important;
}

/* Bloc texte + diamant : compact, centré, sans grands vides verticaux. */
html body .rdy-contact-intro-grid {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-items: center !important;
  gap: clamp(28px, 4vw, 56px) !important;
}

html body .rdy-contact-intro-main,
html body .rdy-contact-intro-diamond {
  transform: none !important;
}

html body .rdy-contact-intro-main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* On évite que le contenu pousse inutilement la hauteur. */
html body .rdy-contact-intro-main .rdy-sec-head {
  margin: 0 0 10px !important;
}

html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-title {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

html body .rdy-contact-intro-main .rdy-sec-desc {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 780px !important;
}

/* Bandeau tarifs / début du formulaire : remonté pour supprimer le vide. */
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin: 10px auto 10px !important;
}

html body .rdy-contact-audit-section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

html body .rdy-contact-audit-wrap,
html body .rdy-contact-commercial-wrap,
html body .rdy-contact-audit,
html body .rdy-audit {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 980px) {
  html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
  }

  html body .rdy-contact-intro-grid {
    gap: 22px !important;
  }

  html body .rdy-contact-strategy-note,
  html body .rdy-launch-pricing-note {
    margin: 8px auto 10px !important;
  }
}


/* =========================================================
   ETAPE 51 — CONTACT COMPACT REEQUILIBRE
   Demande : réduire encore, d'environ moitié, les espaces verticaux autour du
   bloc texte + diamant sur Contact & Audit, aussi bien au-dessus qu'avant le
   bandeau / formulaire, afin d'obtenir un ensemble plus compact et mieux
   équilibré.
   ========================================================= */

/* Zone d'introduction : on compacte franchement la hauteur utile. */
html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
  padding-top: 16px !important;
  padding-bottom: 12px !important;
  min-height: auto !important;
}

/* Grille plus compacte, toujours centrée proprement. */
html body .rdy-contact-intro-grid {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-items: center !important;
  gap: clamp(24px, 3.4vw, 48px) !important;
}

html body .rdy-contact-intro-main,
html body .rdy-contact-intro-diamond {
  transform: none !important;
}

html body .rdy-contact-intro-main .rdy-sec-head {
  margin: 0 0 8px !important;
}

html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-title {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

html body .rdy-contact-intro-main .rdy-sec-desc {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 780px !important;
}

/* Rapprocher immédiatement le bandeau tarif / début du formulaire. */
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin: 2px auto 6px !important;
}

html body .rdy-contact-audit-section {
  padding-top: 0 !important;
  margin-top: -2px !important;
}

html body .rdy-contact-audit-wrap,
html body .rdy-contact-commercial-wrap,
html body .rdy-contact-audit,
html body .rdy-audit {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 980px) {
  html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid) {
    padding-top: 12px !important;
    padding-bottom: 10px !important;
  }

  html body .rdy-contact-intro-grid {
    gap: 18px !important;
  }

  html body .rdy-contact-strategy-note,
  html body .rdy-launch-pricing-note {
    margin: 2px auto 6px !important;
  }
}


/* =========================================================
   ETAPE 52 — CONTACT AUDIT ESPACES CORRIGES
   Correction ciblée : la page Contact & Audit utilisait le bloc
   .rdy-contact-audit-intro-grid avec un min-height et des paddings trop grands,
   ce qui créait de grands vides noirs entre le header et le contenu, puis entre
   le contenu et le bandeau/formulaire. On compacte fortement cette zone.
   ========================================================= */

html body .rdy-contact-audit-section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

html body .rdy-contact-audit-intro-grid {
  min-height: auto !important;
  margin: 0 auto 8px !important;
  padding: 12px 56px 10px !important;
  gap: 34px !important;
  align-items: center !important;
}

html body .rdy-contact-audit-intro-copy {
  align-self: center !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
  margin: 0 !important;
  text-align: left !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
  align-self: center !important;
  margin-top: 0 !important;
}

/* Bandeau tarifs/formulaire directement rapproché du bloc intro. */
html body .rdy-contact-audit-section .rdy-contact-launch-note,
html body .rdy-contact-audit-section .rdy-launch-pricing-note,
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin: 0 auto 8px !important;
}

html body .rdy-contact-audit-section + .rdy-contact,
html body .rdy-contact-audit-wrap,
html body .rdy-contact-commercial-wrap,
html body .rdy-contact-audit,
html body .rdy-audit {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 1100px) {
  html body .rdy-contact-audit-intro-grid {
    min-height: auto !important;
    padding: 12px 34px 10px !important;
    gap: 24px !important;
  }
}

@media (max-width: 760px) {
  html body .rdy-contact-audit-intro-grid {
    min-height: auto !important;
    padding: 12px 18px 8px !important;
    gap: 18px !important;
    margin: 0 auto 6px !important;
  }

  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .rdy-contact-audit-section .rdy-contact-launch-note,
  html body .rdy-contact-audit-section .rdy-launch-pricing-note,
  html body .rdy-contact-strategy-note,
  html body .rdy-launch-pricing-note {
    margin: 0 auto 6px !important;
  }
}


/* =========================================================
   ETAPE 53 — CONTACT AUDIT FORMULAIRE VISIBLE
   Objectif : réduire franchement la taille du bandeau "Votre projet digital
   commence ici" sur la page Contact & Audit afin que le lecteur voie le début
   du formulaire presque immédiatement, avec seulement un très petit espace.
   ========================================================= */

html body .rdy-contact-audit-section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Bloc intro très compact : on supprime le grand vide noir. */
html body .rdy-contact-audit-intro-grid {
  min-height: auto !important;
  margin: 0 auto 2px !important;
  padding: 6px 56px 2px !important;
  grid-template-columns: minmax(0,1fr) minmax(240px,320px) !important;
  gap: 26px !important;
  align-items: center !important;
}

html body .rdy-contact-audit-intro-copy {
  align-self: center !important;
}

/* Titre un peu moins massif pour réduire la hauteur du bandeau. */
html body .rdy-contact-audit-intro-copy .rdy-h2,
html body .rdy-contact-audit-intro-copy .rdy-sec-title {
  font-size: clamp(50px, 5.1vw, 74px) !important;
  line-height: .96 !important;
  margin: 0 0 10px !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
  margin: 0 !important;
  text-align: left !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
  max-width: 760px !important;
  margin: 8px 0 0 !important;
  text-align: left !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
  width: min(100%, 320px) !important;
  min-height: 0 !important;
  align-self: center !important;
  justify-self: end !important;
  margin-top: 0 !important;
}

/* Bandeau juste collé sous l'intro. */
html body .rdy-contact-audit-section .rdy-contact-launch-note,
html body .rdy-contact-audit-section .rdy-launch-pricing-note,
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin: 0 auto 4px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Formulaire immédiatement après. */
html body .rdy-contact-audit-wrap,
html body .rdy-contact-commercial-wrap,
html body .rdy-contact-audit,
html body .rdy-audit {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 1100px) {
  html body .rdy-contact-audit-intro-grid {
    padding: 6px 34px 2px !important;
    grid-template-columns: minmax(0,1fr) minmax(220px,280px) !important;
    gap: 22px !important;
  }
  html body .rdy-contact-audit-intro-copy .rdy-h2,
  html body .rdy-contact-audit-intro-copy .rdy-sec-title {
    font-size: clamp(42px, 5vw, 62px) !important;
  }
  html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
    width: min(100%, 280px) !important;
  }
}

@media (max-width: 760px) {
  html body .rdy-contact-audit-intro-grid {
    padding: 6px 18px 2px !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin: 0 auto 2px !important;
  }
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body .rdy-contact-audit-intro-copy .rdy-h2,
  html body .rdy-contact-audit-intro-copy .rdy-sec-title {
    font-size: clamp(34px, 8.5vw, 48px) !important;
    margin-bottom: 8px !important;
  }
  html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
    justify-self: center !important;
    width: min(88vw, 250px) !important;
  }
  html body .rdy-contact-audit-section .rdy-contact-launch-note,
  html body .rdy-contact-audit-section .rdy-launch-pricing-note,
  html body .rdy-contact-strategy-note,
  html body .rdy-launch-pricing-note {
    margin: 0 auto 4px !important;
  }
}


/* =========================================================
   ETAPE 54 — CONTACT AUDIT ESPACES SUPPRIMES
   Correction finale : on ne rétrécit pas le contenu, on supprime surtout les
   espaces noirs inutiles entre le header et le bloc texte+vidéo, puis entre ce
   bloc et le bandeau / formulaire, afin d'arriver au formulaire le plus vite
   possible.
   ========================================================= */

/* Supprimer tout grand vide de section. */
html body .rdy-contact-audit-section,
html body .rdy-page > .rdy-section:has(.rdy-contact-audit-intro-grid) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
}

/* Bloc texte + vidéo : presque collé au header et presque collé au formulaire. */
html body .rdy-contact-audit-intro-grid {
  min-height: auto !important;
  height: auto !important;
  margin: 0 auto 0 !important;
  padding: 2px 56px 0 !important;
  grid-template-columns: minmax(0,1fr) minmax(280px,360px) !important;
  gap: 30px !important;
  align-items: center !important;
}

/* Conserver une taille de titre généreuse, sans la réduire davantage. */
html body .rdy-contact-audit-intro-copy .rdy-h2,
html body .rdy-contact-audit-intro-copy .rdy-sec-title {
  font-size: clamp(56px, 5.8vw, 86px) !important;
  line-height: .95 !important;
  margin: 0 0 10px !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
  margin: 0 !important;
  text-align: left !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
  max-width: 760px !important;
  margin: 8px 0 0 !important;
  text-align: left !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
  width: min(100%, 360px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  align-self: center !important;
  justify-self: end !important;
}

/* Le bandeau de lancement et le début du formulaire montent quasiment au contact. */
html body .rdy-contact-audit-section .rdy-contact-launch-note,
html body .rdy-contact-audit-section .rdy-launch-pricing-note,
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin: -2px auto 2px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

html body .rdy-contact-audit-wrap,
html body .rdy-contact-commercial-wrap,
html body .rdy-contact-audit,
html body .rdy-audit {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Réduction aussi sur le wrapper supérieur éventuel. */
html body .rdy-contact-audit-top,
html body .rdy-contact-top-bg,
html body .rdy-top-visual-bg {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 1100px) {
  html body .rdy-contact-audit-intro-grid {
    padding: 2px 34px 0 !important;
    grid-template-columns: minmax(0,1fr) minmax(240px,300px) !important;
    gap: 24px !important;
  }
}

@media (max-width: 760px) {
  html body .rdy-contact-audit-intro-grid {
    padding: 2px 18px 0 !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin: 0 auto !important;
  }

  html body .rdy-contact-audit-intro-copy .rdy-h2,
  html body .rdy-contact-audit-intro-copy .rdy-sec-title {
    font-size: clamp(38px, 8.8vw, 58px) !important;
    margin-bottom: 8px !important;
  }

  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
    justify-self: center !important;
    width: min(88vw, 280px) !important;
  }

  html body .rdy-contact-audit-section .rdy-contact-launch-note,
  html body .rdy-contact-audit-section .rdy-launch-pricing-note,
  html body .rdy-contact-strategy-note,
  html body .rdy-launch-pricing-note {
    margin: 0 auto 2px !important;
  }
}


/* =========================================================
   ETAPE 55 — CONTACT AUDIT SUPPRESSION ESPACES CACHE BUSTING
   Correction définitive ciblée :
   - ne PAS réduire le texte ;
   - supprimer les grands espaces noirs inutiles ;
   - faire apparaître le formulaire beaucoup plus vite ;
   - cibler les deux structures existantes : rdy-contact-intro-grid et
     rdy-contact-audit-intro-grid ;
   - forcer le cache busting côté HTML.
   ========================================================= */

/* 1) Structure simple Contact & Audit : suppression du vide autour du bloc texte + vidéo. */
html body .rdy-page > .rdy-section:has(.rdy-contact-intro-grid),
html body section.rdy-section:has(.rdy-contact-intro-grid) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
}

html body .rdy-contact-intro-grid {
  margin: 0 auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  align-items: center !important;
  gap: clamp(24px, 3.6vw, 56px) !important;
}

html body .rdy-contact-intro-main,
html body .rdy-contact-intro-diamond {
  transform: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Ne pas rétrécir le titre : on annule les réductions précédentes. */
html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-title,
html body .rdy-contact-audit-intro-copy .rdy-h2,
html body .rdy-contact-audit-intro-copy .rdy-sec-title {
  font-size: inherit !important;
}

html body .rdy-contact-intro-main .rdy-sec-head {
  margin: 0 !important;
}

html body .rdy-contact-intro-main .rdy-sec-desc {
  margin: 10px 0 0 !important;
}

/* Bandeau de lancement collé au plus près du bloc intro. */
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}

/* 2) Structure Audit dédiée : la vraie cause du grand vide était min-height + gros paddings. */
html body .rdy-contact-audit-section,
html body .rdy-page > .rdy-contact-audit-section,
html body section.rdy-section.rdy-contact-audit-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
}

html body .rdy-contact-audit-intro-grid {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 56px !important;
  padding-right: 56px !important;
  gap: clamp(22px, 3vw, 42px) !important;
  align-items: center !important;
}

html body .rdy-contact-audit-intro-copy,
html body .rdy-contact-audit-diamond-card {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  transform: none !important;
  align-self: center !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
  margin: 0 !important;
  text-align: left !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
  margin: 10px 0 0 !important;
  max-width: 760px !important;
  text-align: left !important;
}

/* Garder le diamant lisible, sans qu'il force une hauteur trop grande. */
html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
  width: min(100%, 360px) !important;
  min-height: 0 !important;
  justify-self: end !important;
}

/* Coller quasiment le bandeau/formulaire à l'introduction. */
html body .rdy-contact-audit-section .rdy-contact-launch-note,
html body .rdy-contact-audit-section .rdy-launch-pricing-note,
html body .rdy-contact-launch-note {
  margin: 0 auto 4px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

html body .rdy-contact-audit-wrap,
html body .rdy-contact-commercial-wrap,
html body .rdy-contact-audit,
html body .rdy-audit {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* En cas d'ancien fond/visuel masqué qui garde une hauteur, on neutralise. */
html body .rdy-contact-audit-section .rdy-top-visual-bg,
html body .rdy-contact-top-bg {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Fallback sans :has() si un navigateur ou cache applique mal les règles. */
html body.rdy-bg-contact .rdy-section {
  min-height: auto !important;
}

html body.rdy-bg-contact .rdy-contact-intro-grid,
html body.rdy-bg-contact .rdy-contact-audit-intro-grid {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Responsive. */
@media (max-width: 1100px) {
  html body .rdy-contact-audit-intro-grid {
    padding-left: 34px !important;
    padding-right: 34px !important;
    gap: 22px !important;
  }
}

@media (max-width: 760px) {
  html body .rdy-contact-intro-grid,
  html body .rdy-contact-audit-intro-grid {
    grid-template-columns: 1fr !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    gap: 14px !important;
  }

  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
    justify-self: center !important;
    width: min(88vw, 280px) !important;
  }
}


/* =========================================================
   ETAPE 56 — CONTACT AUDIT TEXTE AGRANDI VIDEO ELARGIE
   Demande : conserver la nouvelle présentation compacte, mais rendre le texte
   beaucoup plus lisible et nettement plus grand, tout en laissant la vidéo et
   en pouvant l'agrandir légèrement.
   ========================================================= */

/* Structure simple Contact & Audit */
html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-title {
  font-size: clamp(72px, 7.2vw, 118px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.045em !important;
  margin: 0 0 16px !important;
}

html body .rdy-contact-intro-main .rdy-sec-desc {
  font-size: clamp(24px, 2.25vw, 34px) !important;
  line-height: 1.48 !important;
  letter-spacing: -0.02em !important;
  max-width: 980px !important;
  margin: 12px 0 0 !important;
}

html body .rdy-contact-intro-main .rdy-sec-head {
  max-width: 1120px !important;
}

html body .rdy-contact-intro-diamond,
html body .rdy-contact-audit-diamond-card {
  width: min(100%, 430px) !important;
}

/* Structure Audit dédiée */
html body .rdy-contact-audit-intro-copy .rdy-h2,
html body .rdy-contact-audit-intro-copy .rdy-sec-title {
  font-size: clamp(72px, 7.2vw, 118px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.045em !important;
  margin: 0 0 16px !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
  font-size: clamp(24px, 2.25vw, 34px) !important;
  line-height: 1.48 !important;
  letter-spacing: -0.02em !important;
  max-width: 980px !important;
  margin: 12px 0 0 !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
  max-width: 1120px !important;
}

html body .rdy-contact-audit-intro-grid {
  grid-template-columns: minmax(0,1fr) minmax(320px,430px) !important;
  gap: clamp(28px, 3.6vw, 56px) !important;
}

@media (max-width: 1100px) {
  html body .rdy-contact-intro-main .rdy-h2,
  html body .rdy-contact-intro-main .rdy-sec-title,
  html body .rdy-contact-audit-intro-copy .rdy-h2,
  html body .rdy-contact-audit-intro-copy .rdy-sec-title {
    font-size: clamp(58px, 7.2vw, 88px) !important;
  }

  html body .rdy-contact-intro-main .rdy-sec-desc,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    font-size: clamp(20px, 2.2vw, 28px) !important;
  }

  html body .rdy-contact-audit-intro-grid {
    grid-template-columns: minmax(0,1fr) minmax(260px,340px) !important;
  }

  html body .rdy-contact-intro-diamond,
  html body .rdy-contact-audit-diamond-card {
    width: min(100%, 340px) !important;
  }
}

@media (max-width: 760px) {
  html body .rdy-contact-intro-main .rdy-h2,
  html body .rdy-contact-intro-main .rdy-sec-title,
  html body .rdy-contact-audit-intro-copy .rdy-h2,
  html body .rdy-contact-audit-intro-copy .rdy-sec-title {
    font-size: clamp(40px, 10vw, 62px) !important;
    line-height: 0.98 !important;
    margin-bottom: 12px !important;
  }

  html body .rdy-contact-intro-main .rdy-sec-desc,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    font-size: clamp(18px, 4.7vw, 24px) !important;
    line-height: 1.42 !important;
    margin-top: 10px !important;
  }

  html body .rdy-contact-intro-diamond,
  html body .rdy-contact-audit-diamond-card {
    width: min(90vw, 300px) !important;
  }
}


/* =========================================================
   ETAPE 57 — CONTACT AUDIT TAILLE TEXTE REEQUILIBREE
   Demande : le texte précédent était trop gros. On garde une meilleure lisibilité,
   mais on revient à un équilibre plus premium et cohérent avec la taille de la
   vidéo à côté.
   ========================================================= */

/* Structure simple Contact & Audit */
html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-title {
  font-size: clamp(58px, 5.8vw, 88px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.04em !important;
  margin: 0 0 14px !important;
}

html body .rdy-contact-intro-main .rdy-sec-desc {
  font-size: clamp(20px, 1.7vw, 26px) !important;
  line-height: 1.5 !important;
  letter-spacing: -0.015em !important;
  max-width: 900px !important;
  margin: 10px 0 0 !important;
}

html body .rdy-contact-intro-main .rdy-sec-head {
  max-width: 980px !important;
}

html body .rdy-contact-intro-diamond,
html body .rdy-contact-audit-diamond-card {
  width: min(100%, 390px) !important;
}

/* Structure Audit dédiée */
html body .rdy-contact-audit-intro-copy .rdy-h2,
html body .rdy-contact-audit-intro-copy .rdy-sec-title {
  font-size: clamp(58px, 5.8vw, 88px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.04em !important;
  margin: 0 0 14px !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
  font-size: clamp(20px, 1.7vw, 26px) !important;
  line-height: 1.5 !important;
  letter-spacing: -0.015em !important;
  max-width: 900px !important;
  margin: 10px 0 0 !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
  max-width: 980px !important;
}

html body .rdy-contact-audit-intro-grid {
  grid-template-columns: minmax(0,1fr) minmax(300px,390px) !important;
  gap: clamp(24px, 3.2vw, 48px) !important;
}

@media (max-width: 1100px) {
  html body .rdy-contact-intro-main .rdy-h2,
  html body .rdy-contact-intro-main .rdy-sec-title,
  html body .rdy-contact-audit-intro-copy .rdy-h2,
  html body .rdy-contact-audit-intro-copy .rdy-sec-title {
    font-size: clamp(48px, 6vw, 72px) !important;
  }

  html body .rdy-contact-intro-main .rdy-sec-desc,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    font-size: clamp(18px, 1.9vw, 22px) !important;
  }

  html body .rdy-contact-audit-intro-grid {
    grid-template-columns: minmax(0,1fr) minmax(250px,320px) !important;
  }

  html body .rdy-contact-intro-diamond,
  html body .rdy-contact-audit-diamond-card {
    width: min(100%, 320px) !important;
  }
}

@media (max-width: 760px) {
  html body .rdy-contact-intro-main .rdy-h2,
  html body .rdy-contact-intro-main .rdy-sec-title,
  html body .rdy-contact-audit-intro-copy .rdy-h2,
  html body .rdy-contact-audit-intro-copy .rdy-sec-title {
    font-size: clamp(36px, 8.5vw, 54px) !important;
    line-height: 0.98 !important;
    margin-bottom: 12px !important;
  }

  html body .rdy-contact-intro-main .rdy-sec-desc,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    font-size: clamp(17px, 4.2vw, 21px) !important;
    line-height: 1.45 !important;
    margin-top: 10px !important;
  }

  html body .rdy-contact-intro-diamond,
  html body .rdy-contact-audit-diamond-card {
    width: min(88vw, 280px) !important;
  }
}


/* =========================================================
   ETAPE 58 — CONTACT AUDIT RETOUCHE PARAGRAPHE
   Demande : éviter que le point d'interrogation passe seul à la ligne suivante.
   On conserve l'équilibre global validé, et on retouche seulement le paragraphe
   descriptif pour améliorer la césure / le wrapping.
   ========================================================= */

html body .rdy-contact-intro-main .rdy-sec-desc,
html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
  font-size: clamp(19px, 1.58vw, 24px) !important;
  line-height: 1.46 !important;
  letter-spacing: -0.012em !important;
  max-width: 1040px !important;
  text-wrap: pretty !important;
}

html body .rdy-contact-intro-main .rdy-sec-head,
html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
  max-width: 1080px !important;
}

@media (max-width: 1100px) {
  html body .rdy-contact-intro-main .rdy-sec-desc,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    font-size: clamp(18px, 1.75vw, 22px) !important;
    max-width: 960px !important;
  }
}

@media (max-width: 760px) {
  html body .rdy-contact-intro-main .rdy-sec-desc,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    font-size: clamp(17px, 4.1vw, 21px) !important;
    line-height: 1.44 !important;
    max-width: 100% !important;
    text-wrap: balance !important;
  }
}


/* =========================================================
   ETAPE 59 — CONTACT AUDIT BADGE ET MISE EN FORME PREMIUM
   Demande : recentrer / réaligner la puce avec le texte "Contact & audit" et
   améliorer la mise en forme globale pour un rendu plus premium.
   ========================================================= */

/* Badge Contact & Audit : puce et texte parfaitement alignés. */
html body .rdy-contact-audit-section .rdy-eyebrow,
html body .rdy-contact-intro-main .rdy-eyebrow,
html body .rdy-contact-audit-intro-copy .rdy-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 10px 28px !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
  border: 1px solid rgba(168, 85, 247, .34) !important;
  background: rgba(9, 5, 18, .56) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 10px 28px rgba(0,0,0,.20),
    0 0 22px rgba(168,85,247,.08) !important;
}

html body .rdy-contact-audit-section .rdy-eyebrow::before,
html body .rdy-contact-intro-main .rdy-eyebrow::before,
html body .rdy-contact-audit-intro-copy .rdy-eyebrow::before,
html body .rdy-contact-audit-section .rdy-eyebrow .rdy-dot,
html body .rdy-contact-intro-main .rdy-eyebrow .rdy-dot,
html body .rdy-contact-audit-intro-copy .rdy-eyebrow .rdy-dot {
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  transform: translateY(0) !important;
  background: #a78bfa !important;
  box-shadow: 0 0 12px rgba(167,139,250,.34) !important;
}

/* Équilibre global : titre toujours fort, mais moins envahissant et plus premium. */
html body .rdy-contact-intro-main .rdy-h2,
html body .rdy-contact-intro-main .rdy-sec-title,
html body .rdy-contact-audit-intro-copy .rdy-h2,
html body .rdy-contact-audit-intro-copy .rdy-sec-title {
  font-size: clamp(54px, 5.35vw, 82px) !important;
  line-height: .98 !important;
  letter-spacing: -0.04em !important;
  margin: 18px 0 14px !important;
  text-wrap: balance !important;
}

/* Paragraphe lisible, mais plus cadré et plus élégant. */
html body .rdy-contact-intro-main .rdy-sec-desc,
html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
  font-size: clamp(18px, 1.45vw, 22px) !important;
  line-height: 1.52 !important;
  letter-spacing: -0.01em !important;
  max-width: 960px !important;
  margin: 10px 0 0 !important;
  color: rgba(235,232,242,.86) !important;
  text-wrap: pretty !important;
}

/* Alignement propre du groupe d'introduction avec la vidéo. */
html body .rdy-contact-audit-intro-grid {
  align-items: center !important;
  gap: clamp(28px, 3.6vw, 52px) !important;
}

html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
  text-align: left !important;
  max-width: 1040px !important;
}

/* Vidéo conservée, légèrement stabilisée pour rester cohérente avec le texte. */
html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
  width: min(100%, 385px) !important;
  align-self: center !important;
}

@media (max-width: 1100px) {
  html body .rdy-contact-intro-main .rdy-h2,
  html body .rdy-contact-intro-main .rdy-sec-title,
  html body .rdy-contact-audit-intro-copy .rdy-h2,
  html body .rdy-contact-audit-intro-copy .rdy-sec-title {
    font-size: clamp(46px, 5.8vw, 68px) !important;
  }

  html body .rdy-contact-intro-main .rdy-sec-desc,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    font-size: clamp(17px, 1.8vw, 21px) !important;
    max-width: 880px !important;
  }
}

@media (max-width: 760px) {
  html body .rdy-contact-audit-section .rdy-eyebrow,
  html body .rdy-contact-intro-main .rdy-eyebrow,
  html body .rdy-contact-audit-intro-copy .rdy-eyebrow {
    min-height: 36px !important;
    padding: 9px 18px !important;
    gap: 10px !important;
    letter-spacing: .13em !important;
  }

  html body .rdy-contact-intro-main .rdy-h2,
  html body .rdy-contact-intro-main .rdy-sec-title,
  html body .rdy-contact-audit-intro-copy .rdy-h2,
  html body .rdy-contact-audit-intro-copy .rdy-sec-title {
    font-size: clamp(34px, 8vw, 50px) !important;
    margin: 14px 0 12px !important;
  }

  html body .rdy-contact-intro-main .rdy-sec-desc,
  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-desc {
    font-size: clamp(16px, 4vw, 20px) !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  html body .rdy-contact-audit-section .rdy-contact-audit-intro-copy .rdy-sec-head {
    text-align: center !important;
  }

  html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card {
    width: min(88vw, 280px) !important;
  }
}


/* =========================================================
   ETAPE 60 — CONTACT AUDIT ALIGNEMENT VIDEO
   Demande : descendre la vidéo / diamant et l'aligner visuellement avec le bloc
   texte pour une composition plus cohérente et plus premium.
   ========================================================= */

/* Desktop : la vidéo était visuellement trop haute par rapport au bloc titre + texte.
   On la descend légèrement sans créer de nouvel espace vertical dans la section. */
html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card,
html body .rdy-contact-intro-diamond {
  transform: translateY(clamp(22px, 2.1vw, 38px)) !important;
  align-self: center !important;
}

/* Le bloc texte garde sa position stable, la composition se fait par le diamant. */
html body .rdy-contact-audit-intro-grid,
html body .rdy-contact-intro-grid {
  align-items: center !important;
}

/* On évite que le déplacement visuel du diamant ajoute un vide sous la section. */
html body .rdy-contact-audit-section .rdy-contact-launch-note,
html body .rdy-contact-audit-section .rdy-launch-pricing-note,
html body .rdy-contact-launch-note,
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin-top: 0 !important;
}

/* Responsive : pas de décalage forcé sur mobile, car l'empilement vertical doit rester naturel. */
@media (max-width: 760px) {
  html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card,
  html body .rdy-contact-intro-diamond {
    transform: none !important;
  }
}


/* =========================================================
   ETAPE 61 — CONTACT AUDIT VIDEO NON COUPEE
   Demande : la vidéo/diamant devait être descendue pour la cohérence visuelle,
   mais son cadre est désormais coupé. On garde un léger abaissement, tout en
   réintégrant sa hauteur dans le flux pour éviter toute coupe.
   ========================================================= */

/* Annule le décalage par transform qui sortait le cadre du flux et provoquait la coupe. */
html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card,
html body .rdy-contact-intro-diamond {
  transform: none !important;
  margin-top: clamp(14px, 1.5vw, 24px) !important;
  margin-bottom: 8px !important;
  align-self: center !important;
}

/* On donne juste un peu d'air en bas de la grille pour intégrer le léger abaissement sans rognage. */
html body .rdy-contact-audit-intro-grid,
html body .rdy-contact-intro-grid {
  padding-bottom: 10px !important;
  overflow: visible !important;
  align-items: center !important;
}

/* Le bandeau suivant reste proche, mais sans venir couper le cadre. */
html body .rdy-contact-audit-section .rdy-contact-launch-note,
html body .rdy-contact-audit-section .rdy-launch-pricing-note,
html body .rdy-contact-launch-note,
html body .rdy-contact-strategy-note,
html body .rdy-launch-pricing-note {
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  html body .rdy-contact-audit-section .rdy-contact-audit-diamond-card,
  html body .rdy-contact-intro-diamond {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }

  html body .rdy-contact-audit-intro-grid,
  html body .rdy-contact-intro-grid {
    padding-bottom: 6px !important;
  }
}