@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/geist-latin.f49f83effe.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Instrument Sans;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/instrument-sans-latin.adbdfd9a78.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(fonts/inter-latin.f11d729bb0.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
html {
  overflow-y: scroll;
}
[data-column] {
  pointer-events: none;
}
[data-column] [style*="cursor: pointer"] {
  pointer-events: auto;
}
.avis-card-shadow {
  box-shadow:
    0 23.77px 11.88px #0656860a,
    0 5.94px 5.94px #06568605,
    0 5.94px 3.96px #01223603,
    0 2.97px 1.49px #0122360f,
    0 0.99px 0.5px #0122360a;
}
.faq-row {
  cursor: pointer;
  height: auto !important;
  min-height: 0 !important;
  gap: 0 !important;
  overflow: hidden;
  border-radius: 21.6px;
  background: #fff;
  box-shadow:
    0 23.77px 11.88px #0656860a,
    0 5.94px 5.94px #06568605,
    0 5.94px 3.96px #01223603,
    0 2.97px 1.49px #0122360f,
    0 0.99px 0.5px #0122360a;
}
.faq-border-img {
  display: none;
}
.faq-toggle-icon {
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-row.open .faq-toggle-icon {
  transform: rotate(180deg);
}
.faq-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-row.open .faq-body {
  grid-template-rows: 1fr;
}
.faq-body-inner {
  overflow: hidden;
  min-height: 0;
}
.faq-answer {
  opacity: 0;
  transform: translateY(-6px);
  transition:
    opacity 0.25s ease,
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-row.open .faq-answer {
  opacity: 1;
  transform: none;
  transition-delay: 0.1s, 0s;
}
.faq-answer {
  padding: 2px 70px 20px 22.78px;
  color: #1d1c1aa6;
  font-family: Geist, sans-serif;
  font-weight: 400;
  font-size: clamp(12px, 0.75vw, 14.5px);
  line-height: 1.6;
  letter-spacing: -0.1px;
}
.hover-shrink {
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
  -webkit-tap-highlight-color: transparent;
}
.hover-shrink:hover {
  transform: scale(0.95);
}
.hover-shrink:active {
  transform: scale(0.92);
  transition-duration: 0.15s;
}
.hover-shrink:after {
  content: "";
  position: absolute;
  inset: -6px;
}
.avis-card-hover {
  pointer-events: auto;
  transition:
    transform 0.45s cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 0.45s cubic-bezier(0.25, 1, 0.5, 1);
}
.avis-card-hover:hover {
  transform: translateY(-8px);
  box-shadow:
    0 36px 28px #06568614,
    0 12px 14px #0656860d,
    0 5.94px 3.96px #01223608,
    0 2.97px 1.49px #0122360f,
    0 0.99px 0.5px #0122360a;
}
.pack-divider {
  height: 1px !important;
  top: 0 !important;
  background: #ffffff1f;
}
.pack-divider > img {
  display: none !important;
}
.vol-price {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  font-family: Geist, sans-serif;
  font-weight: 600;
  color: #fff;
}
.vol-price-amount {
  font-size: clamp(19.84px, 1.6719vw, 32px);
  letter-spacing: -1.41px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.vol-price-ttc {
  font-family: Geist, sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0;
  color: #ffffff80;
  margin-top: 8px;
}
.vol-badge {
  margin-left: auto;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ff991c29;
  color: #ff991c;
  font-family: Geist, sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.1px;
  line-height: 1;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.vol-badge.bump {
  transform: scale(1.12);
}
.vol-note {
  font-family: Geist, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #ffffff80;
}
.vol-note b {
  font-weight: 600;
  color: #ff991c;
}
.vol-slider {
  position: relative;
  width: 100%;
  height: 28px;
  cursor: pointer;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  outline: none;
}
.vol-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 12px;
  height: 4px;
  border-radius: 4px;
  background: #d9d9d938;
}
.vol-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(var(--p, 0) * 100%);
  border-radius: 4px;
  background: #ff991c;
}
.vol-thumb {
  position: absolute;
  top: 50%;
  left: calc(var(--p, 0) * (100% - 16px));
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-radius: 50%;
  background: #ff991c;
  box-shadow: 0 4px 14px #ff991c59;
  transition:
    box-shadow 0.3s ease,
    transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.vol-slider:hover .vol-thumb,
.vol-slider:focus-visible .vol-thumb {
  transform: scale(1.1);
}
.vol-slider.dragging .vol-thumb {
  transform: scale(1.18);
}
.vol-slider.glide .vol-fill {
  transition: width 0.45s cubic-bezier(0.25, 1, 0.5, 1);
}
.vol-slider.glide .vol-thumb {
  transition:
    left 0.45s cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 0.3s ease,
    transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  .vol-slider.glide .vol-fill,
  .vol-slider.glide .vol-thumb,
  .vol-badge,
  .vol-thumb {
    transition: none;
  }
}
html.booting body {
  visibility: hidden;
}
html.cards-prep [data-fid="56"],
html.cards-prep [data-fid="57"],
html.cards-prep [data-fid="569"],
html.cards-prep [data-fid="570"],
html.cards-prep [data-fid="571"],
html.hero-prep [data-fid="597"],
html.hero-prep [data-fid="625"],
html.hero-prep [data-fid="626"],
html.hero-prep [data-fid="639"],
html.hero-prep [data-fid="172"] {
  opacity: 0;
}
.hero-word {
  display: inline-block;
  white-space: pre;
}
.avis-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 20px 21px;
  width: 100%;
  height: 427px;
}
.avis-grid > * {
  position: relative;
  min-width: 0;
}
.avis-video-card {
  padding: 9px;
  border-radius: 24px;
  background: #fff;
  box-sizing: border-box;
}
.avis-video {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  background-size: cover, cover;
  background-repeat: no-repeat;
  background-color: #14161d;
}
.avis-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54px;
  height: 54px;
  margin: -27px 0 0 -27px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fffffff0;
  box-shadow:
    0 0 0 8px #fff3,
    0 8px 24px #00000040;
}
.avis-play svg {
  display: block;
  margin-left: 2px;
}
.avis-video-meta {
  position: absolute;
  left: 16px;
  bottom: 14px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-family: Geist, sans-serif;
}
.avis-video-avatar {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 0 2px #ffffff80;
}
.avis-video-text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.avis-video-text b {
  font-weight: 600;
  font-size: 13.5px;
  letter-spacing: -0.1px;
}
.avis-video-text span {
  font-weight: 400;
  font-size: 12px;
  color: #ffffffc7;
}
.rl-tab {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 12.4px;
  border: 0;
  background: none;
  font-family: Geist, sans-serif;
  font-weight: 500;
  font-size: 11.56px;
  letter-spacing: -0.26px;
  color: #0505058c;
  cursor: pointer;
  transition: color 0.3s ease;
}
.rl-tab:hover,
.rl-tab.active {
  color: #050505;
}
.rl-pill-animate {
  transition:
    left 0.5s cubic-bezier(0.25, 1, 0.5, 1),
    width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.rl-thumb {
  transition:
    opacity 0.35s ease calc(var(--i, 0) * 45ms),
    scale 0.5s cubic-bezier(0.25, 1, 0.5, 1) calc(var(--i, 0) * 45ms),
    translate 0.5s cubic-bezier(0.25, 1, 0.5, 1) calc(var(--i, 0) * 45ms);
}
.rl-thumb.rl-out {
  opacity: 0;
  scale: 0.93;
  translate: 0 14px;
}
@keyframes fx-float-a {
  0%,
  to {
    translate: 0 0;
  }
  50% {
    translate: 0 -7px;
  }
}
@keyframes fx-float-b {
  0%,
  to {
    translate: 0 0;
  }
  50% {
    translate: 0 6px;
  }
}
@keyframes fx-pop {
  0% {
    opacity: 0;
    scale: 0.4;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
@keyframes fx-rise {
  0% {
    opacity: 0;
    translate: 0 10px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes fx-reveal {
  0% {
    clip-path: inset(-10% 100% -10% 0);
  }
  to {
    clip-path: inset(-10% -10% -10% 0);
  }
}
@keyframes fx-chat-1 {
  0% {
    opacity: 0;
    translate: 0 14px;
    scale: 0.96;
  }
  5%,
  88% {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
  95%,
  to {
    opacity: 0;
    translate: 0 -6px;
    scale: 1;
  }
}
@keyframes fx-chat-2 {
  0%,
  10% {
    opacity: 0;
    translate: 0 14px;
    scale: 0.96;
  }
  16%,
  88% {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
  95%,
  to {
    opacity: 0;
    translate: 0 -6px;
    scale: 1;
  }
}
@keyframes fx-chat-3 {
  0%,
  24% {
    opacity: 0;
    translate: 0 14px;
    scale: 0.96;
  }
  30%,
  88% {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
  95%,
  to {
    opacity: 0;
    translate: 0 -6px;
    scale: 1;
  }
}
@keyframes fx-chat-4 {
  0%,
  38% {
    opacity: 0;
    translate: 0 14px;
    scale: 0.96;
  }
  44%,
  88% {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
  95%,
  to {
    opacity: 0;
    translate: 0 -6px;
    scale: 1;
  }
}
.fx-on .fx-float-a,
.fx-on.fx-float-a {
  animation: fx-float-a var(--fx-d, 4s) ease-in-out var(--fx-delay, 0s) infinite;
}
.fx-on .fx-float-b,
.fx-on.fx-float-b {
  animation: fx-float-b var(--fx-d, 4s) ease-in-out var(--fx-delay, 0s) infinite;
}
.fx-on .fx-chart-reveal {
  animation: fx-reveal 2.2s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.fx-on .fx-pop {
  animation: fx-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) var(--fx-delay, 0s)
    both;
}
.fx-on .fx-rise {
  animation: fx-rise 0.7s cubic-bezier(0.25, 1, 0.5, 1) var(--fx-delay, 0s) both;
}
.fx-on .fx-vous {
  animation:
    fx-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.9s both,
    fx-float-a 3.4s ease-in-out 1.6s infinite;
}
.fx-bar-a:before,
.fx-bar-b:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  height: 8px;
  margin-top: -4px;
  border-radius: 4px;
  background: #ffffff38;
}
.fx-bar-a:before {
  width: 66%;
}
.fx-bar-b:before {
  width: 30%;
}
@keyframes fx-bar-grow {
  0% {
    width: 30%;
  }
  to {
    width: 66%;
  }
}
@keyframes fx-bar-shrink {
  0% {
    width: 66%;
  }
  to {
    width: 30%;
  }
}
.fx-on .fx-bar-a:before {
  animation: fx-bar-shrink 2.6s ease-in-out infinite alternate;
}
.fx-on .fx-bar-b:before {
  animation: fx-bar-grow 2.6s ease-in-out infinite alternate;
}
.fx-spinner {
  position: absolute;
  left: 1.5px;
  top: 1.5px;
  width: 11px;
  height: 11px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1.8px solid rgba(20, 22, 29, 0.16);
  border-top-color: #14161dd9;
  opacity: 0;
}
@keyframes fx-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes fx-fail-spinner {
  0%,
  47% {
    opacity: 1;
  }
  50%,
  to {
    opacity: 0;
  }
}
@keyframes fx-fail-cross {
  0%,
  48% {
    opacity: 0;
    scale: 0.5;
  }
  52%,
  to {
    opacity: 1;
    scale: 1;
  }
}
@keyframes fx-fail-shake {
  0%,
  49% {
    transform: translate(0);
  }
  51% {
    transform: translate(-4px);
  }
  53% {
    transform: translate(4px);
  }
  55% {
    transform: translate(-3px);
  }
  57% {
    transform: translate(3px);
  }
  59% {
    transform: translate(-1.5px);
  }
  61%,
  to {
    transform: translate(0);
  }
}
.fx-on .fx-spinner {
  animation:
    fx-spin 0.8s linear infinite,
    fx-fail-spinner 6s ease-in-out infinite;
}
.fx-on .fx-fail-cross {
  animation: fx-fail-cross 6s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}
.fx-on.fx-chip-fail {
  animation:
    fx-float-b 4.1s ease-in-out infinite,
    fx-fail-shake 6s ease-in-out infinite;
}
.fx-on .fx-chat-1 {
  animation: fx-chat-1 10s cubic-bezier(0.25, 1, 0.5, 1) infinite;
}
.fx-on .fx-chat-2 {
  animation: fx-chat-2 10s cubic-bezier(0.25, 1, 0.5, 1) infinite;
}
.fx-on .fx-chat-3 {
  animation: fx-chat-3 10s cubic-bezier(0.25, 1, 0.5, 1) infinite;
}
.fx-on .fx-chat-4 {
  animation: fx-chat-4 10s cubic-bezier(0.25, 1, 0.5, 1) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .fx-on *,
  .fx-on.fx-float-a,
  .fx-on.fx-float-b {
    animation: none !important;
  }
}
.logo-marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: logo-marquee var(--marquee-duration, 30s) linear infinite;
}
.logo-marquee-track.paused {
  animation-play-state: paused;
}
@keyframes logo-marquee {
  to {
    transform: translate(calc(-1 * var(--marquee-shift, 0px)));
  }
}
@media (prefers-reduced-motion: reduce) {
  .logo-marquee-track {
    animation: none;
  }
  .hover-shrink,
  .avis-card-hover,
  .faq-body,
  .faq-answer,
  .faq-toggle-icon {
    transition: none;
  }
}
.logo-marquee-item {
  display: flex;
  flex: none;
  align-items: center;
  gap: 8px;
  margin-right: 46px;
  white-space: nowrap;
}
.logo-marquee-avatar {
  flex: none;
  width: 26px;
  height: 26px;
  background-size: cover;
  background-position: center;
}
.logo-marquee-label {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 12.2px;
  line-height: 12px;
  white-space: nowrap;
}
.logo-marquee-label--dark {
  color: #14161dd9;
}
.logo-marquee-label--light {
  color: #ffffffe6;
}
@keyframes nav-drop {
  0% {
    opacity: 0;
    translate: 0 -28px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@media (min-width: 901px) {
  html.nav-scrolled [data-fid="793"] > [data-fid="91"] {
    position: fixed !important;
    top: 14px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    width: min(1000px, calc(100% - 32px)) !important;
    max-width: none !important;
    height: 58px !important;
    padding: 0 9px 0 22px;
    box-sizing: border-box;
    z-index: 60;
    background: #fffc;
    -webkit-backdrop-filter: saturate(1.6) blur(16px);
    backdrop-filter: saturate(1.6) blur(16px);
    border-radius: 999px;
    box-shadow:
      0 14px 34px -14px #06568640,
      0 2px 6px #0122360d,
      0 0 0 1px #06568612;
    animation: nav-drop 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  html.nav-scrolled [data-fid="78"],
  html.nav-scrolled [data-fid="81"],
  html.nav-scrolled [data-fid="84"],
  html.nav-scrolled [data-fid="87"] {
    background: transparent !important;
    box-shadow: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.nav-scrolled [data-fid="793"] > [data-fid="91"] {
    animation: none;
  }
}
.avis-video-card {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.avis-video-card:focus-visible {
  outline: 3px solid #ff991c;
  outline-offset: 3px;
}
.avis-play {
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.avis-video-card:hover .avis-play,
.avis-video-card:focus-visible .avis-play {
  transform: scale(1.1);
}
.avis-video-blur {
  position: absolute;
  inset: -24px;
  filter: blur(22px) brightness(0.8);
}
.avis-video-fg {
  position: absolute;
  inset: 0;
}
.avis-video-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, #08080ead, #08080e00 58%);
}
.vbox {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition:
    opacity 0.3s ease,
    visibility 0s linear 0.3s;
}
.vbox.open {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.vbox-scrim {
  position: absolute;
  inset: 0;
  background: #080a10d1;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.vbox-stage {
  position: relative;
  width: min(92vw, 960px, calc(80vh * var(--vr, 1.7778)));
  aspect-ratio: var(--vr, 1.7778);
  transform: scale(0.96) translateY(12px);
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.vbox.open .vbox-stage {
  transform: none;
}
.vbox-stage.portrait {
  width: auto;
  height: min(88vh, calc(92vw / var(--vr)), 860px);
}
.vbox-frame {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 18px;
  background: #000;
  box-shadow: 0 40px 100px -20px #000000b3;
}
.vbox-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.vbox-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #0a0a1399;
  color: #fff;
  cursor: pointer;
  transition:
    background 0.2s ease,
    transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.vbox-close:hover {
  background: #ff991c;
  transform: scale(1.08);
}
.vbox-close:focus-visible {
  outline: 3px solid #ff991c;
  outline-offset: 2px;
}
html.vbox-open {
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .vbox,
  .vbox-stage,
  .avis-play {
    transition: none;
  }
}
.rs-fan,
.rs-fan-in,
.rs-dark {
  display: contents;
}
@media (max-width: 1100px) {
  :root {
    --gut: 28px;
    --sec: 96px;
  }
  html,
  body {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    overflow-x: hidden;
  }
  [data-fid="793"] {
    position: relative !important;
    height: auto !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 var(--gut) 0;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
  }
  [data-fid="55"],
  [data-fid="58"],
  [data-fid="59"],
  [data-fid="60"],
  [data-fid="61"],
  [data-fid="174"],
  [data-fid="521"],
  [data-fid="793"] > [data-column] {
    display: none !important;
  }
  [data-fid="793"] > [data-fid="91"],
  [data-fid="793"] > [data-fid="641"],
  [data-fid="793"] > [data-fid="172"],
  [data-fid="793"] > [data-fid="94"],
  [data-fid="793"] > [data-fid="108"],
  [data-fid="793"] > [data-fid="150"],
  [data-fid="793"] > [data-fid="596"],
  [data-fid="793"] > [data-fid="268"],
  [data-fid="793"] > [data-fid="780"],
  [data-fid="793"] > [data-fid="54"],
  [data-fid="793"] > [data-fid="568"],
  [data-fid="793"] > .rs-fan,
  [data-fid="793"] > .rs-dark,
  .rs-dark > [data-fid="456"],
  .rs-dark > [data-fid="451"] {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: none;
    box-sizing: border-box;
  }
  [data-fid="91"] {
    order: 1;
  }
  [data-fid="641"] {
    order: 2;
  }
  [data-fid="172"] {
    order: 3;
  }
  .rs-fan {
    order: 4;
  }
  [data-fid="94"] {
    order: 5;
  }
  [data-fid="108"] {
    order: 6;
  }
  [data-fid="150"] {
    order: 7;
  }
  [data-fid="596"] {
    order: 8;
  }
  [data-fid="268"] {
    order: 9;
  }
  .rs-dark {
    order: 10;
  }
  [data-fid="780"] {
    order: 11;
  }
  [data-fid="54"] {
    order: 12;
  }
  [data-fid="568"] {
    order: 13;
  }
  [data-fid="94"],
  [data-fid="596"],
  [data-fid="268"],
  [data-fid="780"],
  .rs-dark {
    margin-top: var(--sec) !important;
  }
  [data-fid="108"] {
    margin-top: 40px !important;
  }
  [data-fid="150"] {
    margin-top: 48px !important;
  }
  [data-fid="793"] [data-fid],
  [data-fid="793"] [data-fid] span,
  .r-wrap {
    white-space: normal !important;
  }
  .rl-tab,
  .hero-word,
  .logo-marquee-item,
  .logo-marquee-label {
    white-space: nowrap !important;
  }
  [data-fid="91"] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px !important;
    margin-top: 20px !important;
    height: 39px !important;
  }
  [data-fid="75"] {
    zoom: 0.8;
    flex: none;
  }
  [data-fid="90"] {
    justify-self: auto;
  }
  [data-fid="641"] {
    margin-top: 72px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 22px !important;
  }
  [data-fid="598"],
  [data-fid="597"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  [data-fid="597"] {
    font-size: clamp(34px, 9vw, 64px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.045em !important;
    display: block !important;
    text-align: center !important;
  }
  [data-fid="625"] {
    width: 100% !important;
    max-width: 799px !important;
    height: 36px !important;
  }
  [data-fid="640"] {
    width: 100% !important;
    max-width: 662px !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 24px !important;
  }
  [data-fid="626"] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    text-align: center !important;
    justify-content: center !important;
  }
  [data-fid="639"] {
    width: 100% !important;
    height: auto !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px !important;
  }
  [data-fid="172"] {
    margin-top: 32px !important;
    max-width: 460px !important;
  }
  [data-fid="172"] {
    align-items: center !important;
  }
  [data-fid="163"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
    align-self: center !important;
    height: auto !important;
    gap: 14px !important;
  }
  [data-fid="171"] {
    align-self: center !important;
  }
  [data-fid="793"] > .rs-fan {
    display: block;
    margin-top: 40px !important;
    width: calc(100% + var(--gut) * 2) !important;
    max-width: none !important;
    margin-left: calc(var(--gut) * -1) !important;
    margin-right: calc(var(--gut) * -1) !important;
    height: calc(300px * var(--fan-s, 0.5)) !important;
    overflow: hidden;
    position: relative !important;
  }
  .rs-fan-in {
    display: block;
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 300px;
    zoom: var(--fan-s, 0.5);
  }
  .rs-fan [data-fid="56"],
  .rs-fan [data-fid="57"],
  .rs-fan [data-fid="569"],
  .rs-fan [data-fid="570"],
  .rs-fan [data-fid="571"] {
    position: absolute !important;
    max-width: none !important;
  }
  .rs-fan [data-fid="56"] {
    top: 0 !important;
  }
  .rs-fan [data-fid="57"],
  .rs-fan [data-fid="570"] {
    top: 15.45px !important;
  }
  .rs-fan [data-fid="569"],
  .rs-fan [data-fid="571"] {
    top: 39.12px !important;
  }
  [data-fid="94"] {
    max-width: 815px !important;
    gap: 16px !important;
  }
  [data-fid="92"],
  [data-fid="93"] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
  [data-fid="92"] {
    font-size: clamp(30px, 7.4vw, 58px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
  }
  [data-fid="93"] {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  [data-fid="793"] > [data-fid="108"],
  [data-fid="793"] > [data-fid="150"] {
    display: flex !important;
    flex-direction: column;
    gap: 18px !important;
    max-width: 572px !important;
    align-self: center !important;
  }
  [data-fid="100"],
  [data-fid="142"] {
    width: 572px !important;
    max-width: none !important;
    height: 306px !important;
    zoom: var(--bento-s, 1);
    flex: none;
  }
  [data-fid="107"],
  [data-fid="149"] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  [data-fid="104"],
  [data-fid="146"],
  [data-fid="106"],
  [data-fid="148"] {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  [data-fid="106"],
  [data-fid="148"] {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
  }
  [data-fid="596"] {
    display: flex !important;
    flex-direction: column;
    gap: 28px !important;
  }
  [data-fid="588"] {
    width: 100% !important;
    height: auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 22px !important;
  }
  [data-fid="574"],
  [data-fid="572"],
  [data-fid="573"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  [data-fid="572"] {
    font-size: clamp(30px, 7.4vw, 58px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
    justify-content: flex-start !important;
  }
  [data-fid="573"] {
    font-size: 15px !important;
    line-height: 1.6 !important;
    justify-content: flex-start !important;
  }
  [data-fid="587"] {
    max-width: 100% !important;
    overflow-x: auto;
    scrollbar-width: none;
  }
  [data-fid="587"]::-webkit-scrollbar {
    display: none;
  }
  .rl-tab {
    padding: 0 11px;
    white-space: nowrap;
  }
  [data-fid="595"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  [data-fid="595"] > [data-column] {
    display: none !important;
  }
  [data-fid="595"] > [data-fid="589"],
  [data-fid="595"] > [data-fid="590"],
  [data-fid="595"] > [data-fid="591"],
  [data-fid="595"] > [data-fid="592"],
  [data-fid="595"] > [data-fid="593"],
  [data-fid="595"] > [data-fid="594"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 377 / 212;
    margin: 0 !important;
  }
  [data-fid="589"] {
    order: 1;
  }
  [data-fid="590"] {
    order: 2;
  }
  [data-fid="591"] {
    order: 3;
  }
  [data-fid="592"] {
    order: 4;
  }
  [data-fid="593"] {
    order: 5;
  }
  [data-fid="594"] {
    order: 6;
  }
  [data-fid="268"] {
    display: flex !important;
    flex-direction: column;
    gap: 36px !important;
  }
  [data-fid="177"] {
    width: 100% !important;
    height: auto !important;
    gap: 16px !important;
  }
  [data-fid="175"],
  [data-fid="176"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
  }
  [data-fid="175"] {
    font-size: clamp(30px, 7.4vw, 58px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
  }
  [data-fid="176"] {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  [data-fid="267"] {
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    gap: 16px !important;
  }
  [data-fid="220"],
  [data-fid="266"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 28px;
  }
  [data-fid="220"] > div:not([data-fid]),
  [data-fid="266"] > div:not([data-fid]) {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 20px 16px 0;
    box-sizing: border-box;
  }
  [data-fid="182"],
  [data-fid="222"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  [data-fid="219"],
  [data-fid="265"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 28px 0 0 !important;
    gap: 14px !important;
    padding: 0 6px;
  }
  [data-fid="220"] > div:not([data-fid]),
  [data-fid="266"] > div:not([data-fid]) {
    align-items: stretch !important;
    min-height: 0 !important;
  }
  [data-fid="219"] > div,
  [data-fid="265"] > div,
  [data-fid="265"] > div > div {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 32px;
  }
  [data-fid="219"] .r-wrap,
  [data-fid="265"] .r-wrap {
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .rs-dark {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    background: #0a0a13;
    border-radius: 28px;
    padding: 64px 16px 48px !important;
    box-shadow: 0 8px 17px #0000001a;
  }
  .rs-dark > [data-fid="456"] {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 18px !important;
    margin-bottom: 12px !important;
  }
  .rs-dark > [data-fid="456"] > div {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
  [data-fid="452"] {
    font-size: clamp(30px, 7.4vw, 58px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
  }
  [data-fid="453"] {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  [data-fid="455"] {
    width: auto !important;
    flex: none;
    align-self: center !important;
  }
  .rs-dark > [data-fid="474"],
  .rs-dark > [data-fid="499"],
  .rs-dark > [data-fid="515"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 382px !important;
    max-width: none !important;
    height: 395px !important;
    zoom: var(--proc-s, 1);
    flex: none;
    margin: 0 !important;
  }
  .rs-dark > [data-fid="451"] {
    margin-top: 56px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 36px !important;
  }
  [data-fid="271"] {
    width: 100% !important;
    height: auto !important;
    gap: 16px !important;
  }
  [data-fid="269"],
  [data-fid="270"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
  [data-fid="269"] {
    font-size: clamp(30px, 7.4vw, 58px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
  }
  [data-fid="270"] {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  [data-fid="450"] {
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    gap: 22px !important;
  }
  [data-fid="319"],
  [data-fid="391"],
  [data-fid="449"] {
    width: min(100%, 420px) !important;
    max-width: 420px !important;
    flex: none;
  }
  [data-fid="391"] {
    margin-top: 18px;
  }
  [data-fid="319"],
  [data-fid="449"] {
    height: auto !important;
    min-height: 0 !important;
  }
  [data-fid="391"] {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 16px;
    box-sizing: border-box;
  }
  [data-fid="388"] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  [data-fid="318"],
  [data-fid="387"],
  [data-fid="448"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 26px 22px 28px !important;
  }
  [data-fid="780"] {
    display: flex !important;
    flex-direction: column;
    gap: 72px !important;
  }
  [data-fid="708"],
  [data-fid="647"],
  [data-fid="707"] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  [data-fid="647"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }
  [data-fid="644"] {
    width: 100% !important;
    height: auto !important;
    gap: 16px !important;
  }
  [data-fid="642"],
  [data-fid="643"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
  }
  [data-fid="642"] {
    font-size: clamp(30px, 7.4vw, 58px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
  }
  [data-fid="643"] {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .avis-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: auto;
    height: auto;
    margin-top: 36px;
  }
  .avis-grid > .avis-video-card {
    aspect-ratio: 16 / 10;
    min-height: 0;
    width: 100%;
  }
  .avis-grid > [data-fid] {
    height: auto !important;
    min-height: 160px !important;
  }
  .faq-header {
    display: flex !important;
    align-items: center;
    gap: 14px;
    height: auto !important;
    min-height: 59px !important;
    padding: 14px 18px;
    box-sizing: border-box;
  }
  .faq-header > [data-fid] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    margin: 0 !important;
  }
  .faq-header > div:nth-child(3) {
    order: 1;
    flex: 1 1 0 !important;
    min-width: 0;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .faq-header > div:nth-child(2) {
    order: 2;
    flex: none !important;
  }
  .faq-header > div:nth-child(1),
  .faq-header > div:nth-child(4) {
    display: none !important;
  }
  .faq-answer {
    padding: 2px 18px 18px !important;
  }
  [data-fid="779"] {
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    gap: 36px !important;
  }
  [data-fid="729"] {
    width: 100% !important;
    height: auto !important;
    gap: 16px !important;
  }
  [data-fid="778"] {
    width: 100% !important;
    height: auto !important;
  }
  [data-fid="729"] > div {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
  }
  [data-fid="54"] {
    margin-top: var(--sec) !important;
    padding: 64px 20px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    border-radius: 28px !important;
    overflow: hidden;
  }
  [data-fid="46"] {
    display: none !important;
  }
  [data-fid="44"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 22px !important;
    align-items: center;
  }
  [data-fid="1"],
  [data-fid="0"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
  [data-fid="0"] {
    font-size: clamp(32px, 8vw, 60px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
  }
  [data-fid="28"] {
    width: 100% !important;
    max-width: 799px !important;
  }
  [data-fid="43"] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 22px !important;
  }
  [data-fid="29"] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    text-align: center !important;
    justify-content: center !important;
  }
  [data-fid="42"] {
    width: 100% !important;
    height: auto !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px !important;
  }
  [data-fid="568"] {
    margin-top: var(--sec) !important;
    padding-bottom: 32px;
  }
  [data-fid="567"] {
    width: 100% !important;
    height: auto !important;
    flex-direction: column !important;
    gap: 32px !important;
    align-items: flex-start !important;
  }
  [data-fid="546"],
  [data-fid="567"] > div {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
  }
  [data-fid="531"] {
    width: 100% !important;
    height: auto !important;
    white-space: normal !important;
  }
  [data-fid="565"] {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    justify-content: flex-start !important;
    gap: 56px !important;
  }
  [data-fid="567"] {
    display: flex !important;
  }
  [data-fid="567"] > div > * {
    margin-left: 0 !important;
  }
  [data-fid="566"] {
    width: 100% !important;
    height: auto !important;
    white-space: normal !important;
  }
}
@media (max-width: 1100px) {
  [data-fid="274"],
  [data-fid="322"],
  [data-fid="394"],
  [data-fid="104"],
  [data-fid="146"] {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0;
    height: auto !important;
    min-height: 0 !important;
  }
  [data-fid="105"],
  [data-fid="147"] {
    width: 100% !important;
    height: auto !important;
    align-items: flex-start !important;
  }
  [data-fid="104"],
  [data-fid="146"] {
    flex: 1 1 0 !important;
  }
}
@media (max-width: 640px) {
  :root {
    --gut: 16px;
    --sec: 72px;
  }
  [data-fid="595"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
  }
  .avis-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  [data-fid="90"] {
    zoom: 0.92;
  }
  [data-fid="88"] {
    display: none !important;
  }
  .rs-dark {
    padding: 48px 12px 36px !important;
  }
}
@media (min-width: 641px) and (max-width: 1100px) {
  [data-fid="163"] {
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center !important;
    gap: 14px 24px !important;
    max-width: 100% !important;
  }
  [data-fid="172"] {
    max-width: 100% !important;
  }
  [data-fid="267"] {
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 16px !important;
  }
  [data-fid="220"],
  [data-fid="266"] {
    width: calc(50% - 8px) !important;
  }
}
@media (max-width: 900px) {
  [data-fid="88"] {
    display: none !important;
  }
}
@media (max-width: 380px) {
  [data-fid="75"] {
    zoom: 0.62;
  }
  [data-fid="90"] {
    zoom: 0.8;
  }
  [data-fid="597"] {
    font-size: 31px !important;
  }
}
@media (max-width: 1100px) {
  [data-fid="728"] {
    flex-wrap: wrap !important;
    height: auto !important;
    gap: 10px !important;
    justify-content: flex-start;
  }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .rs-dark {
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  .rs-dark > [data-fid="456"],
  .rs-dark > [data-fid="451"] {
    flex: 0 0 100% !important;
  }
  .rs-dark > [data-fid="474"],
  .rs-dark > [data-fid="499"],
  .rs-dark > [data-fid="515"] {
    zoom: var(--proc3-s, 0.7);
  }
}
.rs-burger,
.rs-scrim,
.rs-menu {
  display: none;
}
@media (max-width: 900px) {
  [data-fid="793"] {
    padding-top: 88px !important;
  }
  [data-fid="793"] > [data-fid="641"] {
    margin-top: 20px !important;
  }
  [data-fid="793"] > [data-fid="91"] {
    position: fixed !important;
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 8px 0 18px !important;
    z-index: 60;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px !important;
    background: #ffffffc7;
    -webkit-backdrop-filter: saturate(1.6) blur(16px);
    backdrop-filter: saturate(1.6) blur(16px);
    border-radius: 999px;
    box-shadow:
      0 12px 32px -12px #06568638,
      0 2px 6px #0122360d,
      0 0 0 1px #06568612;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }
  html.rs-nav-hidden [data-fid="793"] > [data-fid="91"] {
    transform: translateY(calc(-100% - 24px));
  }
  [data-fid="75"] {
    margin-right: auto;
  }
  [data-fid="90"] {
    margin-left: auto;
  }
  .rs-burger {
    display: block;
    position: relative;
    flex: none;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #0c0f1a;
    cursor: pointer;
    transition:
      background 0.35s ease,
      transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-tap-highlight-color: transparent;
  }
  .rs-burger:active {
    transform: scale(0.92);
  }
  .rs-burger span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 2px;
    margin-left: -8px;
    border-radius: 2px;
    background: #fff;
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
  }
  .rs-burger span:nth-child(1) {
    transform: translateY(-3.5px);
  }
  .rs-burger span:nth-child(2) {
    transform: translateY(3.5px);
  }
  html.rs-menu-open .rs-burger {
    background: #ff991c;
  }
  html.rs-menu-open .rs-burger span:nth-child(1) {
    transform: translateY(0) rotate(45deg);
  }
  html.rs-menu-open .rs-burger span:nth-child(2) {
    transform: translateY(0) rotate(-45deg);
  }
  .rs-scrim {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 58;
    background: #0a0a1361;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
  }
  html.rs-menu-open .rs-scrim {
    opacity: 1;
    pointer-events: auto;
  }
  html.rs-menu-open,
  html.rs-menu-open body {
    overflow: hidden;
  }
  .rs-menu {
    display: block;
    position: fixed;
    z-index: 59;
    top: 80px;
    left: 12px;
    right: 12px;
    padding: 10px;
    border-radius: 30px;
    background: #fffffff2;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    box-shadow:
      0 30px 60px -20px #06142859,
      0 0 0 1px #0656860f;
    transform-origin: top right;
    transform: translateY(-14px) scale(0.96);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 0.3s ease,
      transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 0.5s;
  }
  html.rs-menu-open .rs-menu {
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition:
      opacity 0.3s ease,
      transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s;
  }
  .rs-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 17px 18px;
    border: 0;
    border-radius: 20px;
    background: none;
    color: #0c0f1a;
    font-family: Geist, sans-serif;
    font-weight: 600;
    font-size: 19px;
    letter-spacing: -0.02em;
    text-align: left;
    cursor: pointer;
    opacity: 0;
    transform: translateY(10px);
    transition:
      opacity 0.35s ease,
      transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
      background 0.2s ease;
    transition-delay: 0s, 0s, 0s;
  }
  .rs-menu-item svg {
    color: #ff991c;
    flex: none;
  }
  html.rs-menu-open .rs-menu-item {
    opacity: 1;
    transform: none;
    transition-delay:
      calc(var(--i, 0) * 55ms + 0.12s), calc(var(--i, 0) * 55ms + 0.12s), 0s;
  }
  .rs-menu-item:active {
    background: #ff991c1f;
  }
  .rs-menu-item + .rs-menu-item {
    margin-top: 2px;
  }
  .rs-menu-cta {
    justify-content: center;
    margin-top: 10px !important;
    background: #ff991c;
    color: #fff;
    font-size: 16px;
    box-shadow: 0 10px 24px -8px #ff991c8c;
  }
  .rs-menu-cta:active {
    background: #f08a0c;
  }
}
@media (max-width: 640px) {
  [data-fid="793"] > [data-fid="91"] > [data-fid="90"] {
    display: none !important;
  }
}
@media (max-width: 1100px) {
  [data-fid="708"] {
    display: flex !important;
    flex-direction: column;
    gap: 28px !important;
  }
  .avis-grid {
    margin-top: 0 !important;
  }
  .avis-grid > [data-fid] {
    min-height: 0 !important;
  }
  [data-fid="674"],
  [data-fid="684"],
  [data-fid="694"],
  [data-fid="704"] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 24px !important;
    gap: 16px !important;
  }
  .avis-grid > [data-fid] {
    height: auto !important;
  }
}
@media (max-width: 1100px) {
  .rs-dark {
    padding: 64px 16px 16px !important;
  }
  .rs-dark > [data-fid="451"] {
    margin-bottom: 0 !important;
  }
  [data-fid="450"] {
    gap: 16px !important;
  }
  [data-fid="319"],
  [data-fid="391"],
  [data-fid="449"] {
    width: 100% !important;
    max-width: none !important;
  }
  [data-fid="391"] {
    margin-top: 26px !important;
  }
  [data-fid="319"],
  [data-fid="449"],
  [data-fid="388"] {
    padding: 26px 22px 28px !important;
    box-sizing: border-box !important;
  }
  [data-fid="318"],
  [data-fid="387"],
  [data-fid="448"] {
    margin: 0 !important;
  }
}
@media (min-width: 641px) and (max-width: 1100px) {
  .rs-dark {
    padding: 64px 24px 24px !important;
  }
}
@media (max-width: 1100px) {
  [data-fid="182"],
  [data-fid="222"] {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  [data-fid="181"],
  [data-fid="221"] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    justify-content: center;
  }
  [data-fid="180"] {
    width: auto !important;
  }
}
@media (max-width: 1100px) {
  [data-fid="318"] > *,
  [data-fid="387"] > *,
  [data-fid="448"] > * {
    min-height: 0 !important;
  }
}
@media (max-width: 1100px) {
  .rs-dark > [data-fid="456"] > [data-fid="455"] {
    width: auto !important;
    max-width: 100% !important;
    align-self: center !important;
    flex: none !important;
  }
  [data-fid="709"] {
    font-size: clamp(32px, 8vw, 58px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
  }
  [data-fid="710"] {
    font-size: 15px !important;
    line-height: 1.6 !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
  }
  [data-fid="711"] {
    gap: 12px !important;
  }
  [data-fid="104"],
  [data-fid="146"] {
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
  }
  [data-fid="106"],
  [data-fid="148"] {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
  [data-fid="104"] span,
  [data-fid="146"] span,
  [data-fid="106"] span,
  [data-fid="148"] span {
    transform: none !important;
  }
  [data-fid="107"],
  [data-fid="149"] {
    gap: 14px !important;
  }
}
@media (max-width: 640px) {
  [data-fid="793"] > .rs-fan {
    height: auto !important;
    width: 100% !important;
    margin: 40px 0 0 !important;
    overflow: visible !important;
  }
  [data-fid="793"] > .rs-fan > .rs-fan-in {
    position: static !important;
    zoom: 1 !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    height: auto;
  }
  [data-fid="793"] > .rs-fan > .rs-fan-in > [data-fid] {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 327 / 184;
    margin: 0 !important;
    transform: none !important;
    flex: none;
  }
  [data-fid="793"] > .rs-fan > .rs-fan-in > [data-fid="56"] {
    order: 1;
  }
  [data-fid="793"] > .rs-fan > .rs-fan-in > [data-fid="57"] {
    order: 2;
  }
  [data-fid="793"] > .rs-fan > .rs-fan-in > [data-fid="570"] {
    order: 3;
  }
  [data-fid="793"] > .rs-fan > .rs-fan-in > [data-fid="569"] {
    order: 4;
  }
  [data-fid="793"] > .rs-fan > .rs-fan-in > [data-fid="571"] {
    order: 5;
  }
}
@media (max-width: 1100px) {
  [data-fid="793"] .r-grow,
  [data-fid="729"],
  [data-fid="778"],
  [data-fid="779"],
  [data-fid="780"],
  [data-fid="708"],
  [data-fid="647"],
  [data-fid="644"],
  .rs-fan .r-grow {
    min-height: 0 !important;
  }
}
@media (max-width: 1100px) {
  [data-fid="105"],
  [data-fid="147"] {
    align-items: center !important;
  }
  [data-fid="104"],
  [data-fid="146"] {
    align-self: center !important;
    display: flex;
    align-items: center;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  background: #fff;
  width: 100%;
  height: 8008px;
  overflow-x: hidden;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
input::placeholder {
  color: inherit;
  opacity: 1;
}
@media (max-width: 1913.98px) {
  .r-grow {
    height: auto !important;
  }
  .r-wrap {
    white-space: pre-wrap !important;
    overflow-wrap: break-word;
  }
  .r-wrap span {
    transform: none !important;
  }
}

/* ============================================================
   Ajouts de la mise en ligne (octobre 2026)
   ============================================================ */

/* Titres sémantiques (h1, h2, h3) posés sur les blocs du designer :
   leur apparence vient toujours des styles en ligne. */
h1,
h2,
h3 {
  margin: 0;
  font: inherit;
}
[data-fid="793"] a {
  color: inherit;
  text-decoration: none;
}
[data-fid="793"] a:focus-visible,
.avis-video-card:focus-visible,
.avis-plus:focus-visible {
  outline: 2px solid #ff991c;
  outline-offset: 3px;
}

/* Ancres (#packs, #methode…) : liens du blog, des pubs et de Stripe.
   La nav flottante ne doit pas masquer le haut de la section. */
#methode,
#realisations,
#packs,
#avis,
#faq {
  scroll-margin-top: 110px;
}

/* Logos clients : portraits ronds */
.logo-marquee-avatar {
  display: block;
  border-radius: 50%;
  object-fit: cover;
}

/* Nav : le lien Blog suit les autres onglets quand la nav se compresse */
@media (min-width: 901px) {
  html.nav-scrolled [data-fid="nav-blog"] {
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* ---------- Avis : 15 témoignages, 6 visibles au départ ----------
   Le bloc avis + FAQ prend sa hauteur réelle ; le bas de page suit. */
[data-fid="780"],
[data-fid="708"],
[data-fid="707"],
[data-fid="779"],
[data-fid="778"] {
  height: auto !important;
  min-height: 0 !important;
}
[data-fid="707"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 30px !important;
}
.avis-grid {
  height: auto;
  grid-template-rows: none;
  grid-auto-rows: auto;
}
@media (min-width: 1101px) {
  .avis-grid {
    grid-auto-rows: minmax(203px, auto);
  }
}
.avis-grid:not(.avis-ouvert) > :nth-child(n + 7) {
  display: none;
}
.avis-carte {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 24px;
  background: #fff;
  box-sizing: border-box;
}
.avis-tete {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.avis-avatar {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f1efec center / cover no-repeat;
}
.avis-id {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.avis-id b {
  font: 500 clamp(12px, 0.836vw, 16px) / 1.4 Inter, sans-serif;
  letter-spacing: -0.11px;
  color: #1f2024;
}
.avis-id span {
  font: 400 clamp(12px, 0.7315vw, 14px) / 1.4 Inter, sans-serif;
  letter-spacing: -0.11px;
  color: #1f2024ba;
}
.avis-carte blockquote {
  margin: 0;
  font: 400 clamp(12px, 0.7315vw, 14px) / 1.45 Inter, sans-serif;
  letter-spacing: -0.11px;
  color: #1f2024;
  text-wrap: pretty;
}
@media (max-width: 1100px) {
  .avis-id b {
    font-size: 15px;
  }
  .avis-id span {
    font-size: 13px;
  }
  .avis-carte blockquote {
    font-size: 14px;
  }
}
.avis-plus {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #14161d;
  font: 500 14px / 1 Geist, sans-serif;
  letter-spacing: -0.2px;
  cursor: pointer;
  box-shadow:
    0 18px 18px -9px #0656860a,
    0 4.5px 9px -4.5px #06568605,
    0 2.25px 2.25px -1.12px #0122360f,
    0 0 0 0.75px #0656861f;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.avis-plus:hover {
  transform: scale(0.96);
}
.avis-plus svg {
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.avis-plus[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

/* ---------- Pied de page : vrais liens + colonne « Ressources » ---------- */
.pied-lien,
[data-fid="793"] a.pied-lien {
  display: block;
  font: 400 11.55px / 16.17px Geist, sans-serif;
  letter-spacing: -0.13px;
  color: #05050e;
  white-space: nowrap;
  transition: color 0.2s;
}
[data-fid="793"] a.pied-lien:hover {
  color: #ff991c;
}
@media (min-width: 1101px) {
  [data-fid="565"] {
    width: auto !important;
    margin-left: auto !important;
    gap: clamp(44px, 4.4vw, 84px) !important;
  }
}
@media (max-width: 1100px) {
  [data-fid="565"] {
    flex-wrap: wrap;
    gap: 28px 44px !important;
  }
}

/* Le titre du process est devenu un h2 : la règle du designer visait
   « > div », on la reprend pour lui (téléphone et tablette). */
@media (max-width: 1100px) {
  .rs-dark > [data-fid="456"] > h2 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Le designer coupe les clics dans les blocs [data-column] et ne les rend
   qu'aux éléments marqués cursor:pointer : les vrais liens du pied de page
   (Ressources, Légal) doivent rester cliquables. */
[data-column] a {
  pointer-events: auto;
  cursor: pointer;
}

/* Logo de la nav : 24 px de haut, comme l'en-tête du blog (33 px avant) */
@media (min-width: 1101px) {
  [data-fid="75"] {
    zoom: 0.73;
  }
}
@media (max-width: 1100px) {
  [data-fid="75"] {
    zoom: 0.68;
  }
}
@media (max-width: 380px) {
  [data-fid="75"] {
    zoom: 0.56;
  }
}

/* Icônes SVG de l'export : leur trait touchait le bord du cadre et la moitié
   de son épaisseur était rognée (cercles en octogone, flèche écornée…).
   Chaque fichier a un cadre élargi de la marge manquante, et l'image
   déborde d'autant : le dessin garde exactement sa taille et sa place. */
img[src*="art-20."] {
  position: relative;
  left: -1.4px;
  top: -1.4px;
  width: calc(100% + 2.80px) !important;
  height: calc(100% + 2.80px) !important;
  max-width: none !important;
}
img[src*="art-11."] {
  position: relative;
  left: -1.26px;
  top: -1.26px;
  width: calc(100% + 2.52px) !important;
  height: calc(100% + 2.52px) !important;
  max-width: none !important;
}
img[src*="art-1."] {
  position: relative;
  left: -1.15px;
  top: -1.15px;
  width: calc(100% + 2.30px) !important;
  height: calc(100% + 2.30px) !important;
  max-width: none !important;
}
img[src*="art-47."] {
  position: relative;
  left: -1.15px;
  top: -1.15px;
  width: calc(100% + 2.30px) !important;
  height: calc(100% + 2.30px) !important;
  max-width: none !important;
}
img[src*="art-48."] {
  position: relative;
  left: -1.15px;
  top: -1.15px;
  width: calc(100% + 2.30px) !important;
  height: calc(100% + 2.30px) !important;
  max-width: none !important;
}
img[src*="art-22."] {
  position: relative;
  left: -1.15px;
  top: -1.15px;
  width: calc(100% + 2.30px) !important;
  height: calc(100% + 2.30px) !important;
  max-width: none !important;
}
img[src*="art-23."] {
  position: relative;
  left: -1.15px;
  top: -1.15px;
  width: calc(100% + 2.30px) !important;
  height: calc(100% + 2.30px) !important;
  max-width: none !important;
}
img[src*="art-24."] {
  position: relative;
  left: -1.15px;
  top: -1.15px;
  width: calc(100% + 2.30px) !important;
  height: calc(100% + 2.30px) !important;
  max-width: none !important;
}
img[src*="art-25."] {
  position: relative;
  left: -1.15px;
  top: -1.15px;
  width: calc(100% + 2.30px) !important;
  height: calc(100% + 2.30px) !important;
  max-width: none !important;
}
img[src*="art-26."] {
  position: relative;
  left: -1.15px;
  top: -1.15px;
  width: calc(100% + 2.30px) !important;
  height: calc(100% + 2.30px) !important;
  max-width: none !important;
}
img[src*="art-27."] {
  position: relative;
  left: -1.15px;
  top: -1.15px;
  width: calc(100% + 2.30px) !important;
  height: calc(100% + 2.30px) !important;
  max-width: none !important;
}
img[src*="art-33."] {
  position: relative;
  left: -1.12px;
  top: -1.12px;
  width: calc(100% + 2.24px) !important;
  height: calc(100% + 2.24px) !important;
  max-width: none !important;
}
img[src*="art-32."] {
  position: relative;
  left: -1.11px;
  top: -1.11px;
  width: calc(100% + 2.22px) !important;
  height: calc(100% + 2.22px) !important;
  max-width: none !important;
}
img[src*="art-42."] {
  position: relative;
  left: -1.1px;
  top: -1.1px;
  width: calc(100% + 2.20px) !important;
  height: calc(100% + 2.20px) !important;
  max-width: none !important;
}
img[src*="art-43."] {
  position: relative;
  left: -1.1px;
  top: -1.1px;
  width: calc(100% + 2.20px) !important;
  height: calc(100% + 2.20px) !important;
  max-width: none !important;
}
img[src*="art-12."] {
  position: relative;
  left: -1.05px;
  top: -1.05px;
  width: calc(100% + 2.10px) !important;
  height: calc(100% + 2.10px) !important;
  max-width: none !important;
}
img[src*="art-15."] {
  position: relative;
  left: -0.9px;
  top: -0.9px;
  width: calc(100% + 1.80px) !important;
  height: calc(100% + 1.80px) !important;
  max-width: none !important;
}
img[src*="art-16."] {
  position: relative;
  left: -0.9px;
  top: -0.9px;
  width: calc(100% + 1.80px) !important;
  height: calc(100% + 1.80px) !important;
  max-width: none !important;
}
img[src*="art-17."] {
  position: relative;
  left: -0.9px;
  top: -0.9px;
  width: calc(100% + 1.80px) !important;
  height: calc(100% + 1.80px) !important;
  max-width: none !important;
}
img[src*="art-18."] {
  position: relative;
  left: -0.9px;
  top: -0.9px;
  width: calc(100% + 1.80px) !important;
  height: calc(100% + 1.80px) !important;
  max-width: none !important;
}

/* Conteneurs du designer taillés au ras du dessin : leur overflow (ou leur
   masque) recoupait le trait que les icônes ci-dessus laissent dépasser. */
[data-fid="131"],
[data-fid="167"],
[data-fid="168"],
[data-fid="714"] {
  overflow: visible !important;
}
[data-fid="168"] > div {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Packs : les trois cartes se lisent pareil, comme sur l'ancien site (nombre
   de miniatures, prix TTC, prix à la miniature, économie face au Flash). */
[data-fid="276"],
[data-fid="324"] {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: stretch;
  gap: 14px !important;
}
[data-fid="274"],
[data-fid="322"],
[data-fid="394"] {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: stretch;
}
.pk-compte {
  display: block;
  margin-top: 6px;
  color: #fff;
}
.pk-compte b {
  font-weight: 600;
  color: #ff991c;
  font-variant-numeric: tabular-nums;
}
.pk-prix {
  width: 100%;
}

/* Le conteneur de page déborde (une colonne du designer fait ~12 000 px) :
   en overflow: hidden, il reste défilable par scrollIntoView, focus ou ancre,
   et tout le contenu glissait vers le haut. clip découpe pareil sans défiler. */
[data-fid="793"] {
  overflow: clip !important;
}

/* Réalisations : lien vers la page des résultats, sous la grille */
.resultats-lien {
  align-self: center;
  margin-top: -22px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  height: 52px;
  padding: 0 24px 0 6px;
  border-radius: 999px;
  background: #fff;
  color: #0f0f10;
  font: 500 15px/1 Geist, sans-serif;
  letter-spacing: -0.15px;
  text-decoration: none;
  pointer-events: auto;
  box-shadow:
    0 18px 18px -9px #0656860a,
    0 4.5px 9px -4.5px #06568605,
    0 4.5px 6px -2.25px #01223603,
    0 2.25px 2.25px -1.12px #0122360f,
    0 0.75px 0.75px -0.37px #0122360a,
    0 0 0 0.75px #0656860a,
    inset 0 0 0 1.5px #fff;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.resultats-rond {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ff991c;
  color: #fff;
  box-shadow: 0 6px 14px -4px #ff991c99, inset 0 1px 0 #ffffff59;
  overflow: hidden;
}
.resultats-rond svg {
  width: 18px;
  height: 18px;
}
.resultats-lien:hover {
  transform: scale(0.97);
}
/* au survol, la flèche traverse le rond et revient se poser au centre */
.resultats-lien:hover .resultats-rond svg {
  animation: fleche-passe 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes fleche-passe {
  40% {
    transform: translateX(26px);
  }
  41% {
    transform: translateX(-26px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .resultats-lien:hover .resultats-rond svg {
    animation: none;
  }
}
.resultats-lien:focus-visible {
  outline: 3px solid #ff991c;
  outline-offset: 3px;
}
@media (max-width: 1100px) {
  .resultats-lien {
    margin-top: 0;
  }
}

/* --- Bandes de clients (sous le titre et dans le bandeau final) : deux rangées
   plus grandes qui défilent en sens contraire ; la seconde, plus étroite, dessine
   la cascade de la bannière de Théo (06/10). Hauteur 90 px : patch_html.py, étape 16. --- */
[data-fid="625"],
[data-fid="28"] {
  width: min(980px, 100%) !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.clients-rang {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.clients-rang + .clients-rang {
  width: 84%;
}
.clients-rang + .clients-rang .logo-marquee-track {
  animation-direction: reverse;
}
.clients-rang .logo-marquee-item {
  gap: 10px;
  margin-right: 44px;
}
.clients-rang .logo-marquee-avatar {
  width: 34px;
  height: 34px;
}
.clients-rang .logo-marquee-label {
  font-size: 15px;
  line-height: 18px;
}
@media (max-width: 640px) {
  [data-fid="625"],
  [data-fid="28"] {
    gap: 8px;
  }
  .clients-rang {
    height: 36px;
  }
  .clients-rang + .clients-rang {
    width: 100%;
  }
  .clients-rang .logo-marquee-item {
    gap: 8px;
    margin-right: 30px;
  }
  .clients-rang .logo-marquee-avatar {
    width: 30px;
    height: 30px;
  }
  .clients-rang .logo-marquee-label {
    font-size: 14px;
  }
}

/* --- Badge « X miniatures en cours de réalisation » au-dessus du titre (07/10). Le
   nombre (4 à 8, la production d'une journée) est calculé par app.js. Sur ordinateur,
   il se pose dans l'espace libre au-dessus du titre sans rien décaler ; sous 1100 px,
   il entre dans le flux, en tête de la colonne du haut. --- */
.en-cours {
  position: absolute;
  left: 50%;
  top: -54px;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 15px 8px 13px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 18px 18px -9px #0656860a, 0 4.5px 9px -4.5px #06568605, 0 4.5px 6px -2.25px #01223603,
    0 2.25px 2.25px -1.12px #0122360f, 0 0.75px 0.75px -0.37px #0122360a, 0 0 0 0.75px #0656860a, inset 0 0 0 1.5px #fff;
  font: 500 14px/18px Geist, sans-serif;
  letter-spacing: -0.01em;
  color: #14161dd9;
  white-space: nowrap;
  animation: en-cours-entree 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}
.en-cours[hidden] {
  display: none;
}
.en-cours b {
  font-weight: 600;
  color: #0c0f1a;
  font-variant-numeric: tabular-nums;
}
.en-cours-point {
  position: relative;
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
}
.en-cours-point::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #22c55e;
  animation: en-cours-pouls 1.8s ease-out infinite;
}
@keyframes en-cours-pouls {
  from {
    transform: scale(1);
    opacity: 0.6;
  }
  to {
    transform: scale(2.6);
    opacity: 0;
  }
}
@keyframes en-cours-entree {
  from {
    opacity: 0;
    transform: translate(-50%, 8px);
  }
}
@keyframes en-cours-entree-flux {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .en-cours,
  .en-cours-point::after {
    animation: none;
  }
}
@media (max-width: 1100px) {
  .en-cours {
    position: static;
    transform: none;
    animation-name: en-cours-entree-flux;
  }
}