/*
 * 2026 menu finishing layer.
 * Loaded last so the menu opens from the left, next to the logo/menu button.
 */

body.site-page .magic-mark,
body.page-home .magic-mark,
body.page-coachvisible .magic-mark,
body.page-realisations .magic-mark,
body.magic-scroll-active .magic-mark {
  aspect-ratio: 1 / 1 !important;
  display: inline-flex !important;
  flex: 0 0 clamp(52px, 4.4vw, 68px) !important;
  gap: 0 !important;
  height: clamp(52px, 4.4vw, 68px) !important;
  inline-size: clamp(52px, 4.4vw, 68px) !important;
  max-width: clamp(52px, 4.4vw, 68px) !important;
  min-height: clamp(52px, 4.4vw, 68px) !important;
  min-width: clamp(52px, 4.4vw, 68px) !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* Audit wizard final layer: this file is loaded after release-fixes.css. */
html body.site-page.page-audit-gratuit.audit-wizard-page-lock {
  --audit-wizard-gutter-final: clamp(8px, 2.8vw, 18px);
  --audit-wizard-frame-final: min(100vw - (var(--audit-wizard-gutter-final) * 2), 54rem);
  --audit-wizard-content-final: min(100%, 38rem);
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section {
  padding-inline: var(--audit-wizard-gutter-final) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-experience-section .audit-canvas-container,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-form,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-shell,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-pages,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-experience-section .audit-canvas-container,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-form {
  max-width: var(--audit-wizard-frame-final) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-form {
  padding: clamp(0.72rem, 2.4vw, 1.1rem) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page {
  justify-items: center !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-meta,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-progress,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-final-note,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav {
  box-sizing: border-box !important;
  max-width: var(--audit-wizard-content-final) !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: stretch !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid .field,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid .field--full,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid .field:only-child {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  max-width: 28rem !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .field-label {
  display: block !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: normal !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section :where(.input, .select, .textarea) {
  box-sizing: border-box !important;
  display: block !important;
  max-width: 100% !important;
  text-align: left !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .textarea {
  min-height: clamp(5.1rem, 15vh, 7rem) !important;
  resize: none !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(0.42rem, 1.6vw, 0.65rem) !important;
  justify-content: stretch !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card {
  align-items: center !important;
  box-sizing: border-box !important;
  color: #102033 !important;
  display: flex !important;
  justify-content: flex-start !important;
  min-height: clamp(2.75rem, 6.4vh, 3.35rem) !important;
  min-width: 0 !important;
  padding: 0.62rem 2.25rem 0.62rem 0.78rem !important;
  text-align: left !important;
  white-space: normal !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card--soft {
  color: #2c4056 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(245, 251, 255, 0.86)) !important;
  border-color: rgba(20, 92, 255, 0.18) !important;
  border-style: dashed !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card.is-selected {
  color: #062c2a !important;
  padding-right: 2.6rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card.is-selected::after {
  top: 50% !important;
  right: 0.68rem !important;
  transform: translateY(-50%) !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  font-size: 0.8rem !important;
  line-height: 1 !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav {
  align-items: center !important;
  gap: 0.7rem !important;
  justify-content: center !important;
  padding-bottom: 0.15rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav .btn {
  flex: 1 1 auto !important;
  max-width: 22rem !important;
  min-width: 0 !important;
  overflow: visible !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav__previous:not([hidden]) {
  max-width: 11rem !important;
}

@media (max-width: 420px) {
  html body.site-page.page-audit-gratuit.audit-wizard-page-lock {
    --audit-wizard-gutter-final: 6px;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-form {
    padding: 0.62rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-shell {
    gap: 0.44rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page {
    gap: 0.5rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header {
    padding: 0.72rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header h3 {
    font-size: clamp(1.22rem, 7.1vw, 1.7rem) !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header p {
    font-size: 0.82rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card {
    font-size: 0.82rem !important;
    min-height: 2.65rem !important;
    padding-left: 0.66rem !important;
    padding-right: 2.25rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card.is-selected {
    padding-right: 2.45rem !important;
  }

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card.is-selected::after {
    right: 0.58rem !important;
    width: 1.18rem !important;
    height: 1.18rem !important;
    font-size: 0.72rem !important;
  }
}

body.site-page .site-footer .footer-legal-links {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.35rem 0.55rem !important;
  justify-content: center !important;
}

body.site-page .site-footer .footer-legal-links span {
  color: rgba(255, 255, 255, 0.48) !important;
}

@media (max-width: 640px) {
  body.site-page .site-footer .footer-legal-links {
    display: grid !important;
    gap: 0.35rem !important;
    justify-items: center !important;
    max-width: min(100%, 14rem) !important;
  }

  body.site-page .site-footer .footer-legal-links span {
    display: none !important;
  }
}

body.site-page .magic-mark__symbol,
body.page-home .magic-mark__symbol,
body.page-coachvisible .magic-mark__symbol,
body.page-realisations .magic-mark__symbol,
body.magic-scroll-active .magic-mark__symbol {
  border-right: 0 !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-width: 0 !important;
  padding: clamp(7px, 0.7vw, 10px) !important;
  width: 100% !important;
}

body.site-page .magic-mark__copy,
body.page-home .magic-mark__copy,
body.page-coachvisible .magic-mark__copy,
body.page-realisations .magic-mark__copy,
body.magic-scroll-active .magic-mark__copy {
  display: none !important;
}

body.site-page .magic-menu-overlay {
  align-content: start !important;
  align-items: start !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(101, 216, 255, 0.26), transparent 18rem),
    radial-gradient(circle at 92% 18%, rgba(255, 182, 110, 0.22), transparent 17rem),
    linear-gradient(145deg, rgba(5, 12, 23, 0.96), rgba(8, 27, 43, 0.92)) !important;
  block-size: calc(100vh - var(--magic-header-h, 84px) - 30px) !important;
  display: grid !important;
  gap: clamp(16px, 2vw, 24px) !important;
  grid-template-areas:
    "close close"
    "nav side" !important;
  grid-template-columns: minmax(270px, 0.82fr) minmax(280px, 0.78fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: calc(100vh - var(--magic-header-h, 84px) - 30px) !important;
  inset: calc(var(--magic-header-h, 84px) + 14px) auto clamp(10px, 1.2vw, 20px) clamp(10px, 1.2vw, 20px) !important;
  max-height: calc(100vh - var(--magic-header-h, 84px) - 30px) !important;
  min-height: 0 !important;
  transform-origin: top left !important;
}

body.page-coachvisible .magic-menu-overlay {
  background:
    radial-gradient(circle at 10% 0%, rgba(101, 216, 255, 0.2), transparent 18rem),
    radial-gradient(circle at 92% 16%, rgba(255, 182, 110, 0.3), transparent 18rem),
    linear-gradient(145deg, rgba(6, 14, 25, 0.97), rgba(30, 26, 43, 0.93)) !important;
}

body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__nav a,
body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__nav a,
body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__nav a {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__side,
body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__side,
body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__side {
  opacity: 1 !important;
  transform: none !important;
}

body.site-page .magic-menu-overlay__close {
  grid-area: close !important;
}

body.site-page .magic-menu-overlay__nav {
  align-content: start !important;
  align-self: start !important;
  grid-area: nav !important;
  justify-items: stretch !important;
  width: 100% !important;
}

body.site-page .magic-menu-overlay__nav a {
  max-width: none !important;
  width: 100% !important;
}

body.site-page .magic-menu-overlay__side {
  align-self: start !important;
  grid-area: side !important;
  width: 100% !important;
}

body.site-page.page-coachvisible .magic-menu-overlay .magic-menu-overlay__cta,
body.site-page.page-coachvisible.magic-scroll-active .magic-menu-overlay .magic-menu-overlay__cta,
body.site-page.page-coachvisible .magic-menu-overlay__nav a[data-cv-form-open],
body.site-page.page-coachvisible.magic-scroll-active .magic-menu-overlay__nav a[data-cv-form-open] {
  background: linear-gradient(135deg, #ffb66e 0%, #ff8aa4 56%, #ffcf8a 100%) !important;
  border-color: rgba(255, 207, 138, 0.52) !important;
  color: #1a0d17 !important;
}

@media (min-width: 761px) and (max-height: 760px) {
  body.site-page .magic-menu-overlay__cta {
    display: none !important;
  }
}

@media (max-width: 760px) {
  body.site-page .magic-mark,
  body.page-home .magic-mark,
  body.page-coachvisible .magic-mark,
  body.page-realisations .magic-mark,
  body.magic-scroll-active .magic-mark {
    flex-basis: 48px !important;
    height: 48px !important;
    inline-size: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important;
    min-width: 48px !important;
  }

  body.site-page .magic-menu-overlay {
    block-size: calc(100vh - var(--magic-header-h, 72px) - 16px) !important;
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    grid-template-areas:
      "close"
      "nav"
      "side" !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    height: calc(100vh - var(--magic-header-h, 72px) - 16px) !important;
    inset: calc(var(--magic-header-h, 72px) + 8px) 8px 8px 8px !important;
    justify-items: stretch !important;
    max-height: calc(100vh - var(--magic-header-h, 72px) - 16px) !important;
  }

  body.site-page .magic-menu-overlay__close {
    flex: 0 0 auto !important;
    justify-self: start !important;
  }

  body.site-page .magic-menu-overlay__nav {
    align-self: start !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
    justify-items: stretch !important;
  }

  body.site-page .magic-menu-overlay__nav a {
    justify-self: stretch !important;
    text-align: left !important;
  }

  body.site-page .magic-menu-overlay__side {
    align-self: start !important;
    flex: 0 0 auto !important;
    justify-items: stretch !important;
  }

  body.site-page .magic-menu-overlay::before,
  body.site-page .magic-menu-overlay::after {
    content: none !important;
    display: none !important;
  }

  body.site-page .magic-menu-overlay__brand-split,
  body.site-page .magic-menu-brand {
    justify-items: center !important;
    text-align: center !important;
  }

  body.site-page .magic-menu-brand {
    width: 100% !important;
  }

  body.site-page .magic-menu-brand strong,
  body.site-page .magic-menu-brand span:last-child {
    justify-self: center !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
}

html body.site-page.page-home .magic-mark,
html body.site-page.page-home.magic-scroll-active .magic-mark,
html body.site-page.page-coachvisible .magic-mark,
html body.site-page.page-coachvisible.magic-scroll-active .magic-mark,
html body.site-page.page-realisations .magic-mark,
html body.site-page.page-realisations.magic-scroll-active .magic-mark,
html body.site-page.magic-scroll-active .magic-mark {
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 clamp(52px, 4.4vw, 68px) !important;
  height: clamp(52px, 4.4vw, 68px) !important;
  inline-size: clamp(52px, 4.4vw, 68px) !important;
  max-width: clamp(52px, 4.4vw, 68px) !important;
  min-height: clamp(52px, 4.4vw, 68px) !important;
  min-width: clamp(52px, 4.4vw, 68px) !important;
  padding: 0 !important;
  width: clamp(52px, 4.4vw, 68px) !important;
}

html body.site-page.page-home .magic-mark__symbol,
html body.site-page.page-home.magic-scroll-active .magic-mark__symbol,
html body.site-page.page-coachvisible .magic-mark__symbol,
html body.site-page.page-coachvisible.magic-scroll-active .magic-mark__symbol,
html body.site-page.page-realisations .magic-mark__symbol,
html body.site-page.page-realisations.magic-scroll-active .magic-mark__symbol,
html body.site-page.magic-scroll-active .magic-mark__symbol {
  border-right: 0 !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-width: 0 !important;
  padding: clamp(7px, 0.7vw, 10px) !important;
  width: 100% !important;
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-mark,
  html body.site-page.page-home.magic-scroll-active .magic-mark,
  html body.site-page.page-coachvisible .magic-mark,
  html body.site-page.page-coachvisible.magic-scroll-active .magic-mark,
  html body.site-page.page-realisations .magic-mark,
  html body.site-page.page-realisations.magic-scroll-active .magic-mark,
  html body.site-page.magic-scroll-active .magic-mark {
    flex-basis: 48px !important;
    height: 48px !important;
    inline-size: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important;
    min-width: 48px !important;
    width: 48px !important;
  }
}

/* Compact menu: links sit side by side instead of a long single column. */
body.site-page .magic-menu-overlay__nav {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.site-page .magic-menu-overlay__nav a {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: clamp(1rem, 1.2vw, 1.18rem) !important;
  justify-content: center !important;
  line-height: 1.12 !important;
  min-height: 48px !important;
  padding: 10px 16px !important;
  text-align: center !important;
  white-space: normal !important;
  width: 100% !important;
}

body.site-page .magic-menu-overlay__nav a:last-child {
  grid-column: 1 / -1 !important;
}

@media (min-width: 980px) {
  body.site-page .magic-menu-overlay__nav {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.site-page .magic-menu-overlay {
    overflow-y: auto !important;
  }

  body.site-page .magic-menu-overlay__close {
    display: none !important;
  }

  body.site-page .magic-menu-overlay__nav {
    align-self: stretch !important;
    display: grid !important;
    gap: 9px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  body.site-page .magic-menu-overlay__nav a {
    font-size: clamp(0.92rem, 3.45vw, 1.04rem) !important;
    min-height: 44px !important;
    padding: 9px 10px !important;
  }
}

@media (max-width: 380px) {
  body.site-page .magic-menu-overlay__nav {
    gap: 8px !important;
  }

  body.site-page .magic-menu-overlay__nav a {
    font-size: 0.86rem !important;
    min-height: 42px !important;
    padding-inline: 8px !important;
  }
}

/* Menu brand card: keep the headline centered like the rest of the panel. */
body.site-page .magic-menu-brand {
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
}

body.site-page .magic-menu-brand :where(.magic-menu-brand__kicker, strong, span:last-child) {
  display: block !important;
  justify-self: center !important;
  margin-inline: auto !important;
  max-width: min(100%, 34rem) !important;
  text-align: center !important;
}

body.site-page .magic-menu-brand strong {
  max-width: min(100%, 18ch) !important;
}

/* Balanced compact content: the shorter menu should not leave a half-empty panel. */
body.site-page .magic-menu-overlay {
  align-items: stretch !important;
  block-size: auto !important;
  bottom: auto !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: auto auto !important;
  height: auto !important;
  inset: calc(var(--magic-header-h, 84px) + 14px) auto auto clamp(10px, 1.2vw, 20px) !important;
  max-height: calc(100vh - var(--magic-header-h, 84px) - 30px) !important;
}

body.site-page .magic-menu-overlay__nav,
body.site-page .magic-menu-overlay__side {
  align-self: stretch !important;
  height: 100% !important;
}

body.site-page .magic-menu-overlay__nav {
  align-content: stretch !important;
  grid-auto-rows: minmax(64px, 1fr) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.site-page .magic-menu-overlay__nav a:last-child {
  grid-column: auto !important;
}

@media (min-width: 761px) and (max-height: 760px) {
  body.site-page .magic-menu-overlay__cta {
    display: inline-flex !important;
  }
}

@media (max-width: 760px) {
  body.site-page .magic-menu-overlay {
    bottom: auto !important;
    box-shadow:
      0 34px 120px rgba(0, 8, 19, 0.46),
      0 0 0 100vmax rgba(5, 12, 23, 0.58),
      inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    height: auto !important;
    inset: calc(var(--magic-header-h, 72px) + 8px) 8px auto 8px !important;
    max-height: calc(100vh - var(--magic-header-h, 72px) - 16px) !important;
    width: auto !important;
  }

  body.site-page .magic-menu-overlay__nav {
    align-content: start !important;
    grid-auto-rows: minmax(46px, auto) !important;
    height: auto !important;
  }

  body.site-page .magic-menu-overlay__side {
    height: auto !important;
  }

  body.site-page .magic-menu-overlay__nav a:last-child {
    grid-column: auto !important;
  }
}

/* Final visual pass: keep the panel clear of the header and remove round arrow bubbles. */
body.site-page {
  --ww-menu-panel-x: clamp(14px, 1.4vw, 28px);
  --ww-menu-top-clearance: clamp(38px, 2.4vw, 48px);
}

body.site-page .magic-menu-overlay {
  border-radius: 24px !important;
  inset: calc(var(--magic-header-h, 84px) + var(--ww-menu-top-clearance)) auto auto var(--ww-menu-panel-x) !important;
  max-height: calc(100vh - var(--magic-header-h, 84px) - var(--ww-menu-top-clearance) - 20px) !important;
  width: min(920px, calc(100vw - var(--ww-menu-panel-x) - var(--ww-menu-panel-x))) !important;
}

body.site-page .magic-menu-overlay__nav {
  gap: 12px !important;
}

body.site-page .magic-menu-overlay__nav a {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.045)) !important;
  border-color: rgba(183, 232, 255, 0.18) !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 16px 36px rgba(0, 8, 19, 0.12) !important;
  justify-content: space-between !important;
  min-height: 62px !important;
  overflow: hidden !important;
  padding: 0 18px 0 30px !important;
  position: relative !important;
  text-align: left !important;
}

body.site-page .magic-menu-overlay__nav a::before {
  background: linear-gradient(180deg, var(--ww-menu-cyan), var(--ww-menu-mint));
  border-radius: 999px;
  content: "" !important;
  height: 24px;
  left: 14px;
  opacity: 0.72;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition:
    height 180ms ease,
    opacity 180ms ease !important;
  width: 3px;
}

body.page-coachvisible .magic-menu-overlay__nav a::before {
  background: linear-gradient(180deg, var(--cv-menu-warm), var(--cv-menu-rose));
}

body.site-page .magic-menu-overlay__nav a::after {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid currentColor !important;
  border-radius: 0 !important;
  border-right: 2px solid currentColor !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 auto !important;
  height: 10px !important;
  margin-left: 12px !important;
  opacity: 0.55 !important;
  transform: rotate(-45deg) !important;
  transition:
    opacity 180ms ease,
    transform 180ms ease !important;
  width: 10px !important;
}

body.site-page .magic-menu-overlay__nav a:hover,
body.site-page .magic-menu-overlay__nav a:focus-visible {
  background:
    linear-gradient(135deg, rgba(101, 216, 255, 0.2), rgba(25, 245, 186, 0.1)) !important;
  border-color: rgba(101, 216, 255, 0.45) !important;
  transform: translate3d(0, -1px, 0) !important;
}

body.site-page .magic-menu-overlay__nav a:hover::before,
body.site-page .magic-menu-overlay__nav a:focus-visible::before {
  height: 30px;
  opacity: 1;
}

body.site-page .magic-menu-overlay__nav a:hover::after,
body.site-page .magic-menu-overlay__nav a:focus-visible::after {
  opacity: 0.95 !important;
  transform: translateX(3px) rotate(-45deg) !important;
}

@media (max-width: 760px) {
  body.site-page {
    --ww-menu-panel-x: 8px;
    --ww-menu-top-clearance: 14px;
  }

  body.site-page .magic-menu-overlay {
    inset: calc(var(--magic-header-h, 72px) + var(--ww-menu-top-clearance)) var(--ww-menu-panel-x) auto var(--ww-menu-panel-x) !important;
    max-height: calc(100vh - var(--magic-header-h, 72px) - var(--ww-menu-top-clearance) - 12px) !important;
  }

  body.site-page .magic-menu-overlay__nav a {
    border-radius: 14px !important;
    min-height: 48px !important;
    padding: 10px 14px 10px 26px !important;
  }

  body.site-page .magic-menu-overlay__nav a::before {
    height: 20px;
    left: 10px;
  }

  body.site-page .magic-menu-overlay__nav a::after {
    height: 8px !important;
    margin-left: 8px !important;
    width: 8px !important;
  }
}

/* Lead-capture CTA panels: avoid cramped two-column overlap on compact widths. */
@media (max-width: 980px) {
  body.site-page:not(.magic-scroll-active) .section-shell--cta .cta-panel {
    display: grid !important;
    gap: clamp(18px, 5vw, 28px) !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    overflow: hidden !important;
    padding: clamp(28px, 7vw, 44px) clamp(18px, 5vw, 32px) !important;
    text-align: center !important;
  }

  body.site-page:not(.magic-scroll-active) .section-shell--cta .cta-panel__content {
    justify-items: center !important;
    max-width: min(100%, 34rem) !important;
    min-width: 0 !important;
  }

  body.site-page:not(.magic-scroll-active) .section-shell--cta .cta-panel__title {
    font-size: clamp(2.1rem, 8.5vw, 3.5rem) !important;
    line-height: 0.95 !important;
    max-width: min(100%, 14ch) !important;
    overflow-wrap: normal !important;
    text-wrap: balance !important;
  }

  body.site-page:not(.magic-scroll-active) .section-shell--cta .cta-panel__text {
    max-width: min(100%, 28rem) !important;
  }

  body.site-page:not(.magic-scroll-active) .section-shell--cta .cta-panel__actions {
    display: grid !important;
    gap: 12px !important;
    justify-self: center !important;
    max-width: min(100%, 28rem) !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body.site-page:not(.magic-scroll-active) .section-shell--cta .cta-panel__actions .btn {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* Final readability pass: the lead form must stay obvious over the dark overlay. */
body.site-page .magic-talk-panel {
  color: #071625 !important;
}

body.site-page .magic-talk-panel__backdrop {
  background:
    radial-gradient(circle at 16% 22%, rgba(101, 216, 255, 0.24), transparent 28rem),
    radial-gradient(circle at 84% 80%, rgba(25, 245, 186, 0.16), transparent 26rem),
    rgba(3, 10, 20, 0.68) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
}

body.site-page .magic-talk-panel__drawer {
  background:
    radial-gradient(circle at 0 0, rgba(101, 216, 255, 0.18), transparent 24rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(237, 249, 253, 0.98)) !important;
  border: 1px solid rgba(10, 52, 72, 0.14) !important;
  box-shadow:
    0 34px 130px rgba(0, 8, 19, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  color: #071625 !important;
}

body.site-page .magic-talk-panel__intro {
  color: #071625 !important;
}

body.site-page .magic-talk-panel__intro h2 {
  color: #06111e !important;
}

body.site-page .magic-talk-panel__intro p {
  color: rgba(7, 22, 37, 0.72) !important;
}

body.site-page .magic-talk-panel__intro p:first-child {
  color: #0d8798 !important;
}

body.site-page .magic-talk-field label {
  color: #102436 !important;
  font-weight: 850 !important;
}

body.site-page .magic-talk-field label span {
  color: #0a8fa4 !important;
}

body.site-page .magic-talk-field input,
body.site-page .magic-talk-field select,
body.site-page .magic-talk-field textarea {
  background: #ffffff !important;
  border: 1px solid rgba(7, 22, 37, 0.16) !important;
  box-shadow:
    0 12px 30px rgba(7, 22, 37, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  color: #071625 !important;
  caret-color: #0a8fa4 !important;
}

body.site-page .magic-talk-field input::placeholder,
body.site-page .magic-talk-field textarea::placeholder {
  color: rgba(7, 22, 37, 0.5) !important;
}

body.site-page .magic-talk-field input:focus,
body.site-page .magic-talk-field select:focus,
body.site-page .magic-talk-field textarea:focus {
  border-color: rgba(10, 143, 164, 0.64) !important;
  box-shadow:
    0 0 0 4px rgba(44, 211, 230, 0.18),
    0 16px 34px rgba(7, 22, 37, 0.08) !important;
  outline: 0 !important;
}

body.site-page .magic-talk-consent {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(7, 22, 37, 0.12) !important;
  color: rgba(7, 22, 37, 0.74) !important;
}

body.site-page .magic-talk-consent span,
body.site-page .magic-talk-form__actions p {
  color: rgba(7, 22, 37, 0.7) !important;
}

body.site-page .magic-talk-consent a {
  color: #0a7f91 !important;
}

body.site-page .magic-talk-panel__close {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(7, 22, 37, 0.14) !important;
  color: #071625 !important;
}

body.site-page .magic-talk-panel__close-icon {
  background: rgba(7, 22, 37, 0.06) !important;
  border-color: rgba(7, 22, 37, 0.13) !important;
}

body.site-page .magic-talk-panel__close-icon::before,
body.site-page .magic-talk-panel__close-icon::after {
  background: #071625 !important;
}

body.site-page .magic-talk-form__status {
  background: rgba(222, 247, 251, 0.95) !important;
  border: 1px solid rgba(10, 143, 164, 0.2) !important;
  color: #0b3843 !important;
}

body.site-page .form-error {
  color: #b3261e !important;
}

@media (max-width: 560px) {
  body.site-page .magic-talk-panel__drawer {
    padding-top: 72px !important;
  }
}

/* Mockup cards: keep action buttons anchored and aligned across uneven copy. */
body.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card,
body.page-realisations .realisations-mockups .realisations-mockup-card {
  height: 100% !important;
}

body.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body,
body.page-realisations .realisations-mockups .magic-work-card__body {
  align-content: start !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  height: 100% !important;
  min-height: 0 !important;
}

body.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body > p,
body.page-realisations .realisations-mockups .magic-work-card__body > p {
  align-self: start !important;
}

body.page-home .magic-home-v3 .magic-work-card__actions,
body.page-realisations .realisations-mockups .magic-work-card__actions {
  align-self: end !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 1fr !important;
  justify-self: stretch !important;
  margin-top: auto !important;
  width: 100% !important;
}

body.page-home .magic-home-v3 .magic-work-card__action,
body.page-realisations .realisations-mockups .magic-work-card__action {
  justify-self: stretch !important;
  min-height: 58px !important;
  text-align: center !important;
  width: 100% !important;
}

/* Audit badges: center the proof pills with the CTA stack. */
body.page-audit-gratuit .hero-cloud__badges,
body.page-audit-gratuit .audit-proof .proof-strip {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: clamp(12px, 1.8vw, 18px) !important;
  justify-content: center !important;
  margin-inline: auto !important;
  max-width: min(100%, 1000px) !important;
  padding-inline: 0 !important;
  width: min(100%, 1000px) !important;
}

body.page-audit-gratuit .hero-cloud__badges .trust-badge,
body.page-audit-gratuit .audit-proof .proof-pill {
  flex: 0 1 auto !important;
  justify-content: center !important;
  margin-inline: 0 !important;
  min-width: clamp(220px, 21vw, 304px) !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  body.page-audit-gratuit .hero-cloud__badges,
  body.page-audit-gratuit .audit-proof .proof-strip {
    max-width: min(100%, 360px) !important;
    width: min(100%, 360px) !important;
  }

  body.page-audit-gratuit .hero-cloud__badges .trust-badge,
  body.page-audit-gratuit .audit-proof .proof-pill {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* Compact footer navigation: keep SEO links available without creating a huge mobile scroll. */
@media (max-width: 900px) {
  body.site-page .site-footer {
    padding-block: clamp(2.4rem, 7vw, 3.8rem) clamp(1.4rem, 5vw, 2.4rem) !important;
  }

  body.site-page .site-footer .footer-grid {
    align-items: stretch !important;
    display: grid !important;
    gap: clamp(12px, 3vw, 18px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    text-align: left !important;
  }

  body.site-page .site-footer .footer-grid > :first-child {
    gap: clamp(12px, 3vw, 18px) !important;
    grid-column: 1 / -1 !important;
    justify-items: center !important;
    margin-inline: auto !important;
    max-width: min(100%, 46rem) !important;
    text-align: center !important;
  }

  body.site-page .site-footer .footer-grid > :first-child > p {
    margin: 0 !important;
    max-width: 36rem !important;
  }

  body.site-page .site-footer .footer-grid > :first-child .footer-links {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: center !important;
    max-width: min(100%, 38rem) !important;
  }

  body.site-page .site-footer .footer-grid > :first-child .footer-links :where(a, span) {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.075) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: clamp(0.78rem, 2vw, 0.9rem) !important;
    line-height: 1.2 !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
    text-align: center !important;
  }

  body.site-page .site-footer .footer-grid > :where(nav.footer-links, div.footer-links) {
    align-content: start !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.035)) !important;
    border: 1px solid rgba(183, 232, 255, 0.13) !important;
    border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: clamp(14px, 3vw, 18px) !important;
  }

  body.site-page .site-footer .footer-label {
    color: rgba(128, 222, 255, 0.78) !important;
    font-size: 0.8rem !important;
    letter-spacing: 0 !important;
    margin: 0 0 4px !important;
    text-align: left !important;
  }

  body.site-page .site-footer .footer-grid > :where(nav.footer-links, div.footer-links) > a {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: clamp(0.86rem, 2.3vw, 0.98rem) !important;
    justify-content: center !important;
    line-height: 1.15 !important;
    min-height: 40px !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    padding: 8px 12px !important;
    text-align: center !important;
    width: 100% !important;
  }

  body.site-page .site-footer .footer-grid > :where(nav.footer-links, div.footer-links) > a:hover,
  body.site-page .site-footer .footer-grid > :where(nav.footer-links, div.footer-links) > a:focus-visible {
    background: rgba(101, 216, 255, 0.16) !important;
    border-color: rgba(101, 216, 255, 0.32) !important;
    color: #ffffff !important;
  }

  body.site-page .site-footer .footer-bottom {
    gap: 8px !important;
    margin-top: clamp(16px, 4vw, 24px) !important;
    padding-top: clamp(14px, 4vw, 20px) !important;
    text-align: center !important;
  }
}

@media (max-width: 520px) {
  body.site-page .site-footer .footer-grid {
    grid-template-columns: 1fr !important;
  }

  body.site-page .site-footer .footer-grid > :where(nav.footer-links, div.footer-links) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.site-page .site-footer .footer-label {
    grid-column: 1 / -1 !important;
    text-align: center !important;
  }

  body.site-page .site-footer .footer-grid > :where(nav.footer-links, div.footer-links) > a {
    font-size: clamp(0.78rem, 3.3vw, 0.9rem) !important;
    min-height: 42px !important;
    padding-inline: 8px !important;
  }
}

/* Final loaded-file lock: centered local/service subpage titles. */
html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-hero {
  margin-inline: calc(50% - 50vw) !important;
  max-width: none !important;
  width: 100vw !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-hero__grid {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: min(1680px, calc(100vw - 48px)) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-hero__copy {
  justify-items: center !important;
  max-width: min(100%, 100rem) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-hero__copy > h1#local-service-hero-title {
  font-size: clamp(2.85rem, 4.1vw, 5rem) !important;
  line-height: 0.98 !important;
  margin-inline: auto !important;
  max-width: min(100%, 100rem) !important;
  text-align: center !important;
  text-wrap: balance !important;
  white-space: normal !important;
  width: 100% !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page :where(
  .local-beyonds-section__heading,
  .local-beyonds-copy-block,
  .local-beyonds-cta > div:first-child
) {
  justify-items: center !important;
  margin-inline: auto !important;
  text-align: center !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page :where(
  .local-beyonds-section__heading h2,
  .local-beyonds-copy-block h2,
  .local-beyonds-cta h2
) {
  margin-inline: auto !important;
  max-width: min(100%, 72rem) !important;
  text-align: center !important;
  text-wrap: balance !important;
  white-space: normal !important;
}

@media (max-width: 760px) {
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-hero__grid {
    max-width: min(100%, calc(100vw - 32px)) !important;
  }

  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-hero__copy > h1#local-service-hero-title {
    font-size: clamp(1.58rem, 6.8vw, 2.35rem) !important;
    line-height: 1.03 !important;
    max-width: min(100%, 36rem) !important;
  }
}

/* Final subpage heading alignment pass. */
html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section,
html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-cta,
html body.site-page.page-realisations:not(.magic-scroll-active) :where(.realisations-mockups, .realisations-page-routes, .realisations-clean-cta),
html body.site-page.page-blog:not(.magic-scroll-active) :where(.ww-blog-featured, .ww-blog-groups) {
  margin-inline: auto !important;
  max-width: min(1680px, calc(100vw - 48px)) !important;
  width: 100% !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page :where(
  .local-beyonds-section,
  .local-beyonds-section--intro,
  .local-beyonds-section--image,
  .local-beyonds-section--strategy,
  .local-beyonds-cta
) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page :where(
  .local-beyonds-section__heading,
  .local-beyonds-copy-block,
  .local-beyonds-cta > div:first-child,
  .local-beyonds-text-grid,
  .local-beyonds-deliverables,
  .local-beyonds-link-grid,
  .local-beyonds-roadmap
),
html body.site-page.page-realisations:not(.magic-scroll-active) :where(
  .realisations-mockups__heading,
  .realisations-page-routes__heading,
  .realisations-clean-cta > div:first-child
),
html body.site-page.page-blog:not(.magic-scroll-active) :where(
  .ww-blog-featured__copy,
  .ww-blog-group__head
) {
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: min(100%, 96rem) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-blog:not(.magic-scroll-active) .ww-blog-featured__inner {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page :where(
  .local-beyonds-section__heading h2,
  .local-beyonds-copy-block h2,
  .local-beyonds-cta h2
),
html body.site-page.page-realisations:not(.magic-scroll-active) :where(
  .realisations-mockups__heading h2,
  .realisations-page-routes__heading h2,
  .realisations-clean-cta h2
),
html body.site-page.page-blog:not(.magic-scroll-active) :where(
  .ww-blog-featured__copy h2,
  .ww-blog-group__head h2
) {
  font-size: clamp(2rem, 2.35vw, 3.1rem) !important;
  line-height: 1.04 !important;
  margin-inline: auto !important;
  max-width: min(100%, 96rem) !important;
  text-align: center !important;
  text-wrap: balance !important;
  white-space: normal !important;
}

@media (max-width: 760px) {
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section,
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-cta,
  html body.site-page.page-realisations:not(.magic-scroll-active) :where(.realisations-mockups, .realisations-page-routes, .realisations-clean-cta),
  html body.site-page.page-blog:not(.magic-scroll-active) :where(.ww-blog-featured, .ww-blog-groups) {
    max-width: min(100%, calc(100vw - 32px)) !important;
  }

  html body.site-page:not(.magic-scroll-active) .local-beyonds-page :where(
    .local-beyonds-section__heading h2,
    .local-beyonds-copy-block h2,
    .local-beyonds-cta h2
  ),
  html body.site-page.page-realisations:not(.magic-scroll-active) :where(
    .realisations-mockups__heading h2,
    .realisations-page-routes__heading h2,
    .realisations-clean-cta h2
  ),
  html body.site-page.page-blog:not(.magic-scroll-active) :where(
    .ww-blog-featured__copy h2,
    .ww-blog-group__head h2
  ) {
    font-size: clamp(1.45rem, 6vw, 2rem) !important;
    line-height: 1.08 !important;
    max-width: min(100%, 36rem) !important;
  }
}

/* Specificity lock for older page rules that also use !important. */
html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section > div.local-beyonds-section__heading,
html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section > div.local-beyonds-copy-block,
html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-cta > div:first-child,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-mockups > div.realisations-mockups__heading,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > div.realisations-page-routes__heading,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-cta > div:first-child,
html body.site-page.page-blog:not(.magic-scroll-active) article.ww-blog section.ww-blog-featured div.ww-blog-featured__copy,
html body.site-page.page-blog:not(.magic-scroll-active) article.ww-blog section.ww-blog-groups div.ww-blog-group__head {
  grid-column: 1 / -1 !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: min(100%, 96rem) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-mockups > div.realisations-mockups__heading,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > div.realisations-page-routes__heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-mockups > div.realisations-mockups__heading > *,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > div.realisations-page-routes__heading > * {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
}

html body.site-page.page-blog:not(.magic-scroll-active) article.ww-blog section.ww-blog-groups section.ww-blog-group {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.site-page.page-blog:not(.magic-scroll-active) article.ww-blog section.ww-blog-groups div.ww-blog-group__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.site-page.page-blog:not(.magic-scroll-active) article.ww-blog section.ww-blog-groups div.ww-blog-group__head > * {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
}

html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-fit-title,
html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-why-title,
html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-deliverables-title,
html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-strategy-title,
html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-links-title,
html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-faq-title,
html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-cta h2#local-final-title,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-mockups h2#realisations-mockups-title,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes h2#pages-completes-title,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-cta h2#realisations-cta-title,
html body.site-page.page-blog:not(.magic-scroll-active) article.ww-blog section.ww-blog-featured div.ww-blog-featured__copy h2,
html body.site-page.page-blog:not(.magic-scroll-active) article.ww-blog section.ww-blog-groups div.ww-blog-group__head h2 {
  font-size: clamp(2rem, 2.35vw, 3.1rem) !important;
  line-height: 1.04 !important;
  margin-inline: auto !important;
  max-width: min(100%, 96rem) !important;
  text-align: center !important;
  text-wrap: balance !important;
  white-space: normal !important;
  width: 100% !important;
}

@media (max-width: 760px) {
  html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-fit-title,
  html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-why-title,
  html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-deliverables-title,
  html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-strategy-title,
  html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-links-title,
  html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-section h2#local-faq-title,
  html body.site-page[class*="page-"]:not(.magic-scroll-active) div.local-beyonds-page section.local-beyonds-cta h2#local-final-title,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-mockups h2#realisations-mockups-title,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes h2#pages-completes-title,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-cta h2#realisations-cta-title,
  html body.site-page.page-blog:not(.magic-scroll-active) article.ww-blog section.ww-blog-featured div.ww-blog-featured__copy h2,
  html body.site-page.page-blog:not(.magic-scroll-active) article.ww-blog section.ww-blog-groups div.ww-blog-group__head h2 {
    font-size: clamp(1.45rem, 6vw, 2rem) !important;
    line-height: 1.08 !important;
    max-width: min(100%, 36rem) !important;
  }
}

/* Full subpage centering pass: sections below heroes, not only H1. */
html body.site-page section.local-beyonds-strip,
html body.site-page section.local-beyonds-section,
html body.site-page section.local-beyonds-cta {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(1680px, calc(100vw - 48px)) !important;
  width: 100% !important;
}

html body.site-page section.local-beyonds-strip {
  display: grid !important;
  gap: 1px !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)) !important;
  justify-content: center !important;
  justify-items: stretch !important;
  overflow: hidden !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}

html body.site-page section.local-beyonds-strip > .local-beyonds-strip__item {
  align-content: center !important;
  align-items: center !important;
  justify-items: center !important;
  min-width: 0 !important;
  text-align: center !important;
}

html body.site-page section.local-beyonds-strip > .local-beyonds-strip__item > * {
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  text-align: center !important;
}

html body.site-page section.local-beyonds-section,
html body.site-page section.local-beyonds-cta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page section.local-beyonds-section > *,
html body.site-page section.local-beyonds-cta > * {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 96rem) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page :where(
  .local-beyonds-text-grid,
  .local-beyonds-deliverables,
  .local-beyonds-pain-grid,
  .local-beyonds-roadmap,
  .local-beyonds-link-grid,
  .local-beyonds-section--faq .faq,
  .local-beyonds-actions
) {
  justify-content: center !important;
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body.site-page :where(
  .local-beyonds-deliverables article,
  .local-beyonds-pain-card,
  .local-beyonds-roadmap article,
  .local-beyonds-link-grid a,
  .local-beyonds-list-card
) {
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page .local-beyonds-deliverables > article,
html body.site-page .local-beyonds-pain-grid > .local-beyonds-pain-card,
html body.site-page .local-beyonds-roadmap > article,
html body.site-page .local-beyonds-link-grid > a,
html body.site-page .local-beyonds-text-grid > *,
html body.site-page .local-beyonds-list-card {
  align-content: center !important;
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body.site-page .local-beyonds-deliverables > article > *,
html body.site-page .local-beyonds-pain-grid > .local-beyonds-pain-card > *,
html body.site-page .local-beyonds-roadmap > article > *,
html body.site-page .local-beyonds-link-grid > a > *,
html body.site-page .local-beyonds-list-card > * {
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body.site-page.page-services .services-hero,
html body.site-page.page-services .services-hero .local-beyonds-hero__grid {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(1680px, calc(100vw - 48px)) !important;
  width: 100% !important;
}

html body.site-page.page-services .services-hero .local-beyonds-hero__grid {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page.page-services .services-hero .local-beyonds-hero__copy {
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 72rem) !important;
  text-align: center !important;
}

html body.site-page:is(.page-contact, .page-audit-gratuit) .hero-cloud__inner {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(1680px, calc(100vw - 48px)) !important;
  text-align: center !important;
}

html body.site-page:is(.page-contact, .page-audit-gratuit) .hero-cloud__content,
html body.site-page:is(.page-contact, .page-audit-gratuit) .section-heading,
html body.site-page:is(.page-contact, .page-audit-gratuit) .contact-form-copy {
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 72rem) !important;
  text-align: center !important;
}

html body.site-page:is(.page-contact, .page-audit-gratuit) .hero-cloud__title.hero-title {
  max-width: min(100%, 72rem) !important;
  text-align: center !important;
}

html body.site-page.page-a-propos .about-one-wrap,
html body.site-page.page-a-propos .about-one-hero,
html body.site-page.page-a-propos .about-one-grid {
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(1480px, calc(100vw - 48px)) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-a-propos .about-one-hero {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.site-page.page-a-propos .about-one-copy,
html body.site-page.page-a-propos .about-one-block {
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body.site-page.page-a-propos .about-one-copy h1 {
  font-size: clamp(2.75rem, 5vw, 5.8rem) !important;
  line-height: 0.95 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 16ch) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-a-propos .about-one-copy p,
html body.site-page.page-a-propos .about-one-block p,
html body.site-page.page-a-propos .about-one-block h2 {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body.site-page.page-a-propos .about-one-actions,
html body.site-page.page-a-propos .about-one-contact-links {
  justify-content: center !important;
}

html body.site-page.page-local-city-clone .coachvisible-next,
html body.site-page.page-local-city-clone .coachvisible-next :where(
  .cv-next-hero__grid,
  .cv-next-strip,
  .cv-next-problem,
  .cv-next-signals,
  .cv-next-system,
  .cv-next-seo,
  .cv-next-local-links,
  .cv-next-trust,
  .cv-next-form-section
) {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body.site-page.page-local-city-clone .coachvisible-next .cv-next-hero__grid {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  max-width: min(1680px, calc(100vw - 48px)) !important;
}

html body.site-page.page-local-city-clone .coachvisible-next .cv-next-hero__copy,
html body.site-page.page-local-city-clone .coachvisible-next :where(
  .cv-next-section-head,
  .cv-next-split__copy,
  .cv-next-form-copy
) {
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 76rem) !important;
  text-align: center !important;
}

html body.site-page.page-local-city-clone .coachvisible-next h1#local-city-title {
  font-size: clamp(2.5rem, 4.4vw, 5.2rem) !important;
  line-height: 0.98 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 18ch) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-local-city-clone .coachvisible-next :where(
  .cv-next-actions,
  .cv-next-hero__tags,
  .cv-next-card-grid,
  .cv-next-form-hints,
  .cv-next-local-grid,
  .cv-next-step-grid
) {
  justify-content: center !important;
  justify-items: center !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  html body.site-page section.local-beyonds-strip,
  html body.site-page section.local-beyonds-section,
  html body.site-page section.local-beyonds-cta,
  html body.site-page.page-services .services-hero,
  html body.site-page.page-services .services-hero .local-beyonds-hero__grid,
  html body.site-page:is(.page-contact, .page-audit-gratuit) .hero-cloud__inner,
  html body.site-page.page-a-propos .about-one-wrap,
  html body.site-page.page-a-propos .about-one-hero,
  html body.site-page.page-a-propos .about-one-grid,
  html body.site-page.page-local-city-clone .coachvisible-next .cv-next-hero__grid {
    max-width: min(100%, calc(100vw - 32px)) !important;
  }

  html body.site-page section.local-beyonds-strip {
    grid-template-columns: 1fr !important;
  }
}

/* Last loaded typography guard: cap oversized hero titles after menu-level overrides. */
html body.site-page.page-home .magic-home-v3 .magic-intro__headline,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__headline,
html body.site-page.page-home .magic-home-v3 .magic-intro__line,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__line {
  font-size: clamp(3rem, 4vw, 4.3rem) !important;
  line-height: 1.02 !important;
  max-width: min(100%, 1040px) !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}

html body.site-page.page-a-propos .about-one-copy h1 {
  font-size: clamp(3rem, 4.8vw, 4.6rem) !important;
  line-height: 1 !important;
  max-width: min(100%, 44rem) !important;
}

html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero h1,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero h1,
html body.site-page.page-local-city-clone .coachvisible-next h1#local-city-title {
  font-size: clamp(2.55rem, 4.1vw, 3.55rem) !important;
  line-height: 1.04 !important;
  max-width: min(100%, 44rem) !important;
}

html body.site-page:not(.page-home):not(.page-coachvisible) :is(
  .hero-cloud__title.hero-title,
  .page-intro__title,
  .local-beyonds-hero h1,
  .ww-blog-hero h1,
  .ww-article-hero h1,
  .realisations-clean-hero h1
) {
  font-size: clamp(2.55rem, 3.7vw, 3.65rem) !important;
  line-height: 1.04 !important;
  max-width: min(100%, 50rem) !important;
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-v3 .magic-intro__line,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__line {
    font-size: clamp(1.9rem, 7.2vw, 2.25rem) !important;
    line-height: 1.09 !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-intro__headline,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__headline {
    font-size: clamp(1.9rem, 7.2vw, 2.25rem) !important;
    line-height: 1.09 !important;
  }

  html body.site-page.page-a-propos .about-one-copy h1 {
    font-size: clamp(2rem, 8.2vw, 2.45rem) !important;
    line-height: 1.06 !important;
    max-width: min(100%, 22rem) !important;
  }

  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero h1,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero h1,
  html body.site-page.page-local-city-clone .coachvisible-next h1#local-city-title {
    font-size: clamp(1.85rem, 7.1vw, 2.25rem) !important;
    line-height: 1.09 !important;
    max-width: min(100%, 22rem) !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible) :is(
    .hero-cloud__title.hero-title,
    .page-intro__title,
    .local-beyonds-hero h1,
    .ww-blog-hero h1,
    .ww-article-hero h1,
    .realisations-clean-hero h1
  ) {
    font-size: clamp(1.65rem, 6.7vw, 2.05rem) !important;
    line-height: 1.1 !important;
    max-width: min(100%, 22rem) !important;
  }
}

html body.site-page:not(.magic-scroll-active) section.local-beyonds-strip.local-beyonds-strip {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 1024px) {
  html body.site-page:not(.magic-scroll-active) section.local-beyonds-strip.local-beyonds-strip {
    background: transparent !important;
    border: 0 !important;
    gap: clamp(12px, 3vw, 18px) !important;
    margin-bottom: clamp(22px, 5vw, 42px) !important;
    margin-top: clamp(22px, 5vw, 42px) !important;
    max-width: min(100%, calc(100vw - 32px)) !important;
    padding: 0 !important;
  }

  html body.site-page:not(.magic-scroll-active) section.local-beyonds-strip.local-beyonds-strip > .local-beyonds-strip__item {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(5, 8, 22, 0.12) !important;
    border-radius: 8px !important;
    box-shadow: 0 16px 42px rgba(5, 8, 22, 0.08) !important;
    min-height: 0 !important;
    padding: clamp(20px, 4vw, 28px) !important;
  }

  html body.site-page:not(.magic-scroll-active) section.local-beyonds-strip.local-beyonds-strip > .local-beyonds-strip__item:first-child {
    border-left: 1px solid rgba(5, 8, 22, 0.12) !important;
  }
}

/* Final local strip spacing guard: keep cards off the strip edges on every breakpoint. */
html body.site-page section.local-beyonds-strip.local-beyonds-strip,
html body.site-page:not(.magic-scroll-active) section.local-beyonds-strip.local-beyonds-strip {
  box-sizing: border-box !important;
  gap: clamp(12px, 2.4vw, 18px) !important;
  padding-block: clamp(14px, 3vw, 22px) !important;
  padding-inline: 0 !important;
}

/* Lead form contrast guard: keep form labels readable on dark panels. */
html body.site-page .magic-talk-panel {
  color: #f7fbff !important;
}

html body.site-page .magic-talk-panel__drawer {
  background:
    radial-gradient(circle at 0 0, rgba(101, 216, 255, 0.18), transparent 24rem),
    linear-gradient(180deg, rgba(19, 31, 45, 0.94), rgba(7, 17, 28, 0.94)) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #f7fbff !important;
}

html body.site-page .magic-talk-panel__intro,
html body.site-page .magic-talk-panel__intro h2,
html body.site-page .magic-talk-panel__intro p,
html body.site-page .magic-talk-field label,
html body.site-page.page-audit-gratuit .audit-form .field-label {
  color: #f7fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page .magic-talk-panel__intro p:first-child,
html body.site-page .magic-talk-field label span,
html body.site-page.page-audit-gratuit .audit-form .field-label span {
  color: #63d8ff !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page .magic-talk-consent,
html body.site-page.page-audit-gratuit .audit-form .audit-consent {
  align-items: flex-start !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.07)) !important;
  border: 1px solid rgba(99, 216, 255, 0.28) !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 18px 42px rgba(0, 0, 0, 0.14) !important;
  color: rgba(247, 251, 255, 0.88) !important;
  gap: 14px !important;
}

html body.site-page .magic-talk-consent span,
html body.site-page .magic-talk-form__actions p,
html body.site-page.page-audit-gratuit .audit-form .audit-consent span,
html body.site-page.page-audit-gratuit .audit-form .form-help {
  color: rgba(247, 251, 255, 0.82) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page .magic-talk-consent a,
html body.site-page.page-audit-gratuit .audit-form .audit-consent a {
  color: #8cecff !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page .magic-talk-consent input[type="checkbox"],
html body.site-page.page-audit-gratuit .audit-form .audit-consent input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: rgba(255, 255, 255, 0.96) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 14px 14px !important;
  border: 2px solid rgba(99, 216, 255, 0.72) !important;
  border-radius: 7px !important;
  box-shadow:
    0 0 0 4px rgba(99, 216, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
  height: 24px !important;
  margin-top: 1px !important;
  min-width: 24px !important;
  width: 24px !important;
}

html body.site-page .magic-talk-consent input[type="checkbox"]:checked,
html body.site-page.page-audit-gratuit .audit-form .audit-consent input[type="checkbox"]:checked {
  background-color: #21e6c1 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.2 7.1 5.5 10.4 11.8 3.7' fill='none' stroke='%2306111e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  border-color: #21e6c1 !important;
}

html body.site-page .magic-talk-consent input[type="checkbox"]:focus-visible,
html body.site-page.page-audit-gratuit .audit-form .audit-consent input[type="checkbox"]:focus-visible {
  outline: 0 !important;
  box-shadow:
    0 0 0 4px rgba(99, 216, 255, 0.22),
    0 0 0 8px rgba(33, 230, 193, 0.12) !important;
}

html body.site-page.page-audit-gratuit .audit-form .field-label {
  color: #102033 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page.page-audit-gratuit .audit-form .field-label span {
  color: #0baed0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page.page-audit-gratuit .audit-form .form-help,
html body.site-page.page-audit-gratuit .audit-form .audit-consent span {
  color: #40556a !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page.page-audit-gratuit .audit-form .audit-consent {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(20, 92, 255, 0.16) !important;
  color: #40556a !important;
}

html body.site-page.page-audit-gratuit .audit-form .audit-consent a {
  color: #087ca0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page #magic-talk-panel.magic-talk-panel .magic-talk-field label {
  color: #f7fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page #magic-talk-panel.magic-talk-panel .magic-talk-field label span {
  color: #63d8ff !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Audit page app surface: this file is loaded last, so keep the new full-page wizard above older audit guards. */
html body.site-page.page-audit-gratuit .magic-header,
html body.site-page.page-audit-gratuit .magic-menu-overlay,
html body.site-page.page-audit-gratuit .magic-talk-panel,
html body.site-page.page-audit-gratuit .site-footer,
html body.site-page.page-audit-gratuit .www-chatbot,
html body.site-page.page-audit-gratuit .cookie-banner {
  display: none !important;
}

html body.site-page.page-audit-gratuit .audit-canvas-section {
  min-height: 100svh !important;
  padding: clamp(1rem, 3vw, 2rem) 0 !important;
}

html body.site-page.page-audit-gratuit .audit-experience-section {
  align-items: center !important;
  display: grid !important;
}

html body.site-page.page-audit-gratuit .audit-experience-section .audit-canvas-container {
  max-width: min(58rem, calc(100vw - 2rem)) !important;
}

html body.site-page.page-audit-gratuit .audit-canvas-section .audit-form {
  border-radius: 8px !important;
  color: #102033 !important;
  max-width: 54rem !important;
}

html body.site-page.page-audit-gratuit .audit-canvas-title {
  color: #102033 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

html body.site-page.page-audit-gratuit .audit-canvas-summary,
html body.site-page.page-audit-gratuit .audit-canvas-preview p,
html body.site-page.page-audit-gratuit .audit-canvas-preview small {
  color: #40556a !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page.page-audit-gratuit .audit-canvas-section .audit-consent,
html body.site-page.page-audit-gratuit .audit-canvas-section .audit-wizard-page__header,
html body.site-page.page-audit-gratuit .audit-canvas-section .audit-wizard-final-note {
  border-radius: 8px !important;
}

html body.site-page.page-audit-gratuit .audit-canvas-section .audit-wizard-nav[hidden],
html body.site-page.page-audit-gratuit .audit-canvas-section .audit-wizard-nav__previous[hidden],
html body.site-page.page-audit-gratuit .audit-canvas-section .audit-wizard-nav__next[hidden] {
  display: none !important;
}

html body.site-page.page-audit-gratuit .audit-form.audit-wizard-at-end .audit-wizard-nav__next {
  display: inline-flex !important;
}

html body.site-page.page-audit-gratuit .audit-form.audit-wizard-is-scanning .audit-wizard-nav,
html body.site-page.page-audit-gratuit .audit-form.audit-wizard-is-locked .audit-wizard-nav,
html body.site-page.page-audit-gratuit .audit-form.audit-wizard-is-complete .audit-wizard-nav {
  display: none !important;
}

@media (max-width: 760px) {
  html body.site-page.page-audit-gratuit .audit-canvas-section {
    align-items: start !important;
    padding: 0.5rem 0 !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section {
    align-items: center !important;
    display: grid !important;
    height: 100svh !important;
    min-height: 100svh !important;
    overflow: hidden !important;
    padding: 0.5rem 0 !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-experience-section .audit-canvas-container {
    align-items: center !important;
    height: 100% !important;
    place-items: center !important;
  }

  html body.site-page.page-audit-gratuit .audit-canvas-section .audit-form {
    order: 1 !important;
    max-width: calc(100vw - 1rem) !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-form {
    align-content: center !important;
    display: grid !important;
    max-height: calc(100svh - 1rem) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0.68rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-shell,
  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-pages {
    height: auto !important;
    max-height: 100% !important;
    min-height: 0 !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-shell {
    align-self: center !important;
    gap: 0.5rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-meta {
    align-items: center !important;
    flex-direction: row !important;
    gap: 0.5rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header {
    gap: 0.22rem !important;
    padding: 0.56rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header h3 {
    font-size: clamp(1.08rem, 7vw, 1.44rem) !important;
    line-height: 1.02 !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header p {
    font-size: 0.76rem !important;
    line-height: 1.3 !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid {
    gap: 0.44rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid .field {
    gap: 0.28rem !important;
    min-height: 0 !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid .field:has(.audit-choice-grid) {
    grid-column: 1 / -1 !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section :where(.input, .select, .textarea) {
    min-height: 2.28rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .textarea {
    min-height: 3.05rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-grid {
    gap: 0.34rem !important;
    margin-top: 0.3rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card {
    min-height: 2.05rem !important;
    padding: 0.38rem 0.48rem !important;
    font-size: 0.68rem !important;
    line-height: 1.12 !important;
  }

  html body.site-page.page-audit-gratuit .audit-canvas-modules,
  html body.site-page.page-audit-gratuit .audit-canvas-preview {
    display: none !important;
  }
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock {
  overflow: hidden !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section {
  align-items: center !important;
  display: grid !important;
  height: 100svh !important;
  min-height: 100svh !important;
  overflow: hidden !important;
  padding: 0.75rem 0 !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-experience-section .audit-canvas-container {
  display: grid !important;
  height: 100% !important;
  max-width: min(100%, 54rem) !important;
  place-items: center !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-form {
  align-content: center !important;
  display: grid !important;
  max-height: calc(100svh - 1.5rem) !important;
  max-width: min(100% - 1.5rem, 46rem) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 1rem !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-shell,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-pages {
  min-height: 0 !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-shell {
  align-self: center !important;
  gap: 0.7rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-meta {
  align-items: center !important;
  flex-direction: row !important;
  font-size: 0.8rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-progress {
  height: 0.34rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page {
  gap: 0.8rem !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header {
  gap: 0.35rem !important;
  max-width: 38rem !important;
  padding: 0.9rem !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header h3 {
  font-size: 1.78rem !important;
  line-height: 1.05 !important;
  max-width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header p {
  font-size: 0.9rem !important;
  line-height: 1.42 !important;
  margin-inline: auto !important;
  max-width: 34rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid {
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: 34rem !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid .field {
  gap: 0.42rem !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .field-label {
  justify-content: center !important;
  text-align: center !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section :where(.input, .select, .textarea) {
  min-height: 3rem !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .textarea {
  min-height: 5.2rem !important;
  resize: none !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .form-help {
  display: none !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-final-note {
  display: none !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  justify-content: center !important;
  margin-top: 0.35rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card {
  flex: 1 1 10rem !important;
  min-height: 2.45rem !important;
  padding: 0.56rem 0.72rem !important;
  text-align: center !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav {
  display: flex !important;
  justify-content: center !important;
  padding-top: 0 !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav[hidden] {
  display: none !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav .btn,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .form-actions .btn {
  min-height: 3.1rem !important;
  width: min(100%, 22rem) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel {
  align-content: center !important;
  gap: 0.85rem !important;
  justify-items: center !important;
  min-height: 0 !important;
  text-align: center !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel__header h3,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel h3 {
  font-size: 2rem !important;
  line-height: 1.05 !important;
  max-width: 18ch !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel__list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  justify-content: center !important;
  max-width: 34rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel__list span {
  min-height: 2.2rem !important;
  padding: 0.45rem 0.65rem !important;
  width: auto !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel__grid {
  display: grid !important;
  gap: 0.55rem !important;
  grid-template-columns: 1fr !important;
  max-width: 28rem !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel .audit-consent {
  max-width: 34rem !important;
  padding: 0.65rem !important;
  text-align: left !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel .field {
  gap: 0.35rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel .audit-consent span {
  font-size: 0.8rem !important;
  line-height: 1.28 !important;
}

html body.site-page.page-audit-gratuit .audit-form.audit-wizard-is-complete {
  align-content: start !important;
  min-height: 0 !important;
  overflow: visible !important;
}

html body.site-page.page-audit-gratuit .audit-form.audit-wizard-is-complete .audit-wizard-shell {
  gap: 0 !important;
  min-height: 0 !important;
}

html body.site-page.page-audit-gratuit .audit-form.audit-wizard-is-complete .audit-wizard-meta,
html body.site-page.page-audit-gratuit .audit-form.audit-wizard-is-complete .audit-wizard-progress,
html body.site-page.page-audit-gratuit .audit-form.audit-wizard-is-complete .audit-wizard-pages {
  display: none !important;
}

html body.site-page.page-audit-gratuit .audit-result-panel--full {
  max-width: min(100%, 72rem) !important;
  overflow: visible !important;
  padding: clamp(1rem, 3vw, 2rem) !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit .audit-result-panel--full * {
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
}

html body.site-page.page-audit-gratuit .audit-report-hero {
  align-items: center !important;
  gap: 1.2rem !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  padding: clamp(1rem, 3vw, 1.6rem) !important;
}

html body.site-page.page-audit-gratuit .audit-report-hero h2 {
  font-size: 2.35rem !important;
  line-height: 1.02 !important;
  max-width: 16ch !important;
}

html body.site-page.page-audit-gratuit .audit-report-hero p {
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

html body.site-page.page-audit-gratuit .audit-report-score {
  align-items: center !important;
  aspect-ratio: 1 !important;
  background: conic-gradient(#28e0ad, #24d4f0, #145cff, #28e0ad) !important;
  display: grid !important;
  gap: 0.08rem !important;
  height: auto !important;
  isolation: isolate !important;
  justify-items: center !important;
  min-width: 0 !important;
  padding: 1rem !important;
  place-content: center !important;
  position: relative !important;
  text-align: center !important;
  width: 8.8rem !important;
}

html body.site-page.page-audit-gratuit .audit-report-score::before {
  background: linear-gradient(180deg, #ffffff 0%, #f4fbff 100%) !important;
  border-radius: inherit !important;
  box-shadow: inset 0 0 0 1px rgba(20, 92, 255, 0.08) !important;
  content: "" !important;
  inset: 0.86rem !important;
  position: absolute !important;
  z-index: 0 !important;
}

html body.site-page.page-audit-gratuit .audit-report-score > * {
  max-width: 6.4rem !important;
  position: relative !important;
  z-index: 1 !important;
}

html body.site-page.page-audit-gratuit .audit-report-score__number {
  color: #07111f !important;
  font-size: 2.15rem !important;
  line-height: 1 !important;
}

html body.site-page.page-audit-gratuit .audit-report-score span,
html body.site-page.page-audit-gratuit .audit-report-score small {
  color: #31465c !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

html body.site-page.page-audit-gratuit .audit-report-score--unscored {
  aspect-ratio: auto !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 250, 255, 0.92)) !important;
  border: 1px solid rgba(20, 92, 255, 0.14) !important;
  border-radius: 8px !important;
  gap: 0.35rem !important;
  min-height: 6.2rem !important;
  width: min(100%, 14rem) !important;
}

html body.site-page.page-audit-gratuit .audit-report-score--unscored .audit-report-score__number {
  font-size: 1.35rem !important;
}

html body.site-page.page-audit-gratuit .audit-report-score--unscored small {
  color: #40556a !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  max-width: 12rem !important;
}

html body.site-page.page-audit-gratuit .audit-report-scores,
html body.site-page.page-audit-gratuit .audit-report-summary-grid,
html body.site-page.page-audit-gratuit .audit-report-pillars {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
}

html body.site-page.page-audit-gratuit .audit-report-section h3,
html body.site-page.page-audit-gratuit .audit-report-cta h3 {
  font-size: 1.8rem !important;
  line-height: 1.08 !important;
}

@media (max-width: 760px) {
  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-form {
    max-height: calc(100svh - 0.8rem) !important;
    max-width: calc(100vw - 0.7rem) !important;
    padding: 0.68rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-shell {
    gap: 0.5rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header {
    padding: 0.62rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header h3 {
    font-size: 1.3rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header p,
  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel p,
  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel__header p {
    font-size: 0.78rem !important;
    line-height: 1.32 !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid {
    gap: 0.42rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section :where(.input, .select, .textarea) {
    min-height: 2.45rem !important;
    font-size: 0.9rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .textarea {
    min-height: 4.05rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card {
    flex-basis: calc(50% - 0.45rem) !important;
    min-height: 2.15rem !important;
    padding: 0.42rem 0.48rem !important;
    font-size: 0.74rem !important;
    line-height: 1.12 !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav .btn,
  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .form-actions .btn {
    min-height: 2.75rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel__grid {
    gap: 0.42rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel h3,
  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel__header h3 {
    font-size: 1.42rem !important;
  }

  html body.site-page.page-audit-gratuit .audit-report-hero {
    gap: 0.75rem !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    padding: 0.85rem !important;
    text-align: center !important;
  }

  html body.site-page.page-audit-gratuit .audit-report-hero h2 {
    font-size: 1.48rem !important;
    line-height: 1.04 !important;
    max-width: 100% !important;
  }

  html body.site-page.page-audit-gratuit .audit-report-hero p {
    font-size: 0.84rem !important;
    line-height: 1.38 !important;
  }

  html body.site-page.page-audit-gratuit .audit-report-badge {
    font-size: 0.78rem !important;
    min-height: 1.72rem !important;
    padding: 0.28rem 0.58rem !important;
  }

  html body.site-page.page-audit-gratuit .audit-report-score {
    width: 7.4rem !important;
  }

  html body.site-page.page-audit-gratuit .audit-report-score--unscored {
    min-height: 4.9rem !important;
    padding: 0.62rem !important;
    width: min(100%, 11.5rem) !important;
  }

  html body.site-page.page-audit-gratuit .audit-report-score--unscored .audit-report-score__number {
    font-size: 1.08rem !important;
  }

  html body.site-page.page-audit-gratuit .audit-report-score--unscored small {
    font-size: 0.68rem !important;
    line-height: 1.16 !important;
  }
}

html body.site-page #magic-talk-panel.magic-talk-panel .magic-talk-panel__intro,
html body.site-page #magic-talk-panel.magic-talk-panel .magic-talk-panel__intro h2 {
  color: #f7fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page #magic-talk-panel.magic-talk-panel .magic-talk-panel__intro h2 {
  font-size: clamp(1.9rem, 2.8vw, 3rem) !important;
  line-height: 1.02 !important;
  max-width: min(100%, 26ch) !important;
  text-wrap: balance;
}

html body.site-page #magic-talk-panel.magic-talk-panel .magic-talk-panel__intro p {
  color: rgba(247, 251, 255, 0.78) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.site-page #magic-talk-panel.magic-talk-panel .magic-talk-panel__intro p:first-child {
  color: #63d8ff !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Local service visual cleanup: remove heavy dark blocks and keep card groups aligned. */
html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-strip.local-beyonds-strip {
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
  color: var(--lb-heading, #050816) !important;
  gap: clamp(12px, 1.6vw, 18px) !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-block: clamp(18px, 3.8vw, 44px) !important;
  max-width: min(1180px, calc(100vw - 48px)) !important;
  overflow: visible !important;
  padding: 0 !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-strip.local-beyonds-strip > .local-beyonds-strip__item {
  background:
    radial-gradient(circle at 88% 0, rgba(25, 199, 220, 0.11), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 251, 255, 0.92)) !important;
  border: 1px solid rgba(5, 8, 22, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(5, 8, 22, 0.07) !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: clamp(18px, 2vw, 24px) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-strip.local-beyonds-strip > .local-beyonds-strip__item:first-child {
  border-left: 1px solid rgba(5, 8, 22, 0.1) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-strip__item span,
html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-deliverables article > span,
html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-roadmap article span,
html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-link-grid a > span {
  color: var(--lb-accent, #145cff) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-strip__item strong {
  color: var(--lb-heading, #050816) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-strip__item p {
  color: var(--lb-muted, #405766) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section--dark {
  background:
    radial-gradient(circle at 86% 10%, rgba(25, 199, 220, 0.14), transparent 28rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 245, 255, 0.84)) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section--dark .local-beyonds-kicker {
  color: var(--lb-accent-strong, #0f47d4) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section--dark :where(h2, h3, strong) {
  color: var(--lb-heading, #050816) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section--dark :where(p, li, small) {
  color: var(--lb-muted, #405766) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-deliverables {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: min(1180px, 100%) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-deliverables article {
  background:
    radial-gradient(circle at 88% 0, rgba(25, 199, 220, 0.1), transparent 42%),
    rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(5, 8, 22, 0.1) !important;
  box-shadow: 0 18px 44px rgba(5, 8, 22, 0.07) !important;
  min-height: 11rem !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-text-grid {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(18px, 2.5vw, 34px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.54fr) !important;
  max-width: min(1180px, 100%) !important;
  text-align: left !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-text-grid > *,
html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-text-grid > * > * {
  text-align: left !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-list-card {
  align-content: start !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(20, 92, 255, 0.08), transparent 36%),
    rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(5, 8, 22, 0.1) !important;
  box-shadow: 0 18px 44px rgba(5, 8, 22, 0.07) !important;
  gap: 16px !important;
  justify-items: stretch !important;
  padding: clamp(20px, 2.2vw, 28px) !important;
  text-align: left !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-list-card h3 {
  font-size: clamp(1.18rem, 1.4vw, 1.45rem) !important;
  text-align: left !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-list-card ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-list-card li {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(5, 8, 22, 0.08) !important;
  border-radius: 999px !important;
  color: var(--lb-heading, #050816) !important;
  display: inline-flex !important;
  font-size: clamp(0.9rem, 0.95vw, 1rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  padding: 0.64rem 0.9rem 0.64rem 1.8rem !important;
  text-align: left !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-list-card li::before {
  background: linear-gradient(135deg, var(--lb-accent, #145cff), var(--lb-coral, #19c7dc)) !important;
  height: 0.45rem !important;
  left: 0.78rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 0.45rem !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section--strategy {
  background: #ffffff !important;
  gap: clamp(22px, 3vw, 38px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section--strategy .local-beyonds-copy-block {
  justify-items: center !important;
  max-width: min(100%, 880px) !important;
  text-align: center !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section--strategy .local-beyonds-copy-block > * {
  text-align: center !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section--strategy .local-beyonds-copy-block > .local-beyonds-btn {
  flex-basis: auto !important;
  justify-self: center !important;
  min-width: min(100%, 18rem) !important;
  width: auto !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-roadmap {
  display: grid !important;
  gap: clamp(10px, 1.4vw, 16px) !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr)) !important;
  max-width: min(1180px, 100%) !important;
  width: 100% !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-roadmap article {
  align-content: center !important;
  background:
    radial-gradient(circle at 80% 0, rgba(25, 199, 220, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 251, 255, 0.92)) !important;
  border: 1px solid rgba(5, 8, 22, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(5, 8, 22, 0.07) !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-self: stretch !important;
  margin-inline: 0 !important;
  min-height: 6.4rem !important;
  padding: clamp(16px, 1.8vw, 22px) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-roadmap article > * {
  justify-self: center !important;
  margin-inline: auto !important;
  text-align: center !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-roadmap article p {
  color: var(--lb-heading, #050816) !important;
  font-size: clamp(1rem, 1vw, 1.08rem) !important;
  font-weight: 750 !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-link-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: min(1180px, 100%) !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-link-grid a:last-child:nth-child(odd) {
  grid-column: auto !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-link-grid a {
  align-content: start !important;
  background:
    radial-gradient(circle at 88% 0, rgba(25, 199, 220, 0.1), transparent 42%),
    rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(5, 8, 22, 0.1) !important;
  box-shadow: 0 18px 44px rgba(5, 8, 22, 0.07) !important;
  justify-items: start !important;
  min-height: 11rem !important;
  text-align: left !important;
}

html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-link-grid a > * {
  justify-self: start !important;
  margin-inline: 0 !important;
  text-align: left !important;
}

@media (min-width: 981px) {
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-roadmap {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-strip.local-beyonds-strip,
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-deliverables,
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-text-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 640px) {
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-strip.local-beyonds-strip,
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-deliverables,
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-link-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: min(100%, calc(100vw - 32px)) !important;
  }

  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-list-card,
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-list-card h3,
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-text-grid > *,
  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-text-grid > * > * {
    text-align: center !important;
  }

  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-list-card ul {
    justify-content: center !important;
  }

  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-roadmap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-roadmap article {
    min-height: 5.8rem !important;
    padding-inline: 12px !important;
  }

  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-roadmap article:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }

  html body.site-page:not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section--strategy .local-beyonds-copy-block > .local-beyonds-btn {
    width: 100% !important;
  }
}

/* Mobile close affordance: the compact menu must remain touch-closable.
   This overrides earlier mobile rules that hide the close control. */
@media (max-width: 760px) {
  body.site-page .magic-menu-overlay__close,
  body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__close,
  body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__close {
    align-items: center !important;
    display: inline-flex !important;
    gap: 10px !important;
    grid-area: close !important;
    justify-self: start !important;
    min-height: 42px !important;
    padding: 0 12px 0 15px !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    visibility: visible !important;
  }

  body.site-page .magic-menu-overlay__close span:first-child {
    display: inline !important;
    font-size: 0.9rem !important;
    line-height: 1 !important;
  }
}

/* Desktop wide page correction: local city/service pages must align with the wide body sections. */
@media (min-width: 1025px) {
  html body.site-page.page-local-city-clone .coachvisible-next :where(
    .cv-next-hero__grid,
    .cv-next-strip > .container,
    .cv-next-split,
    .cv-next-card-grid,
    .cv-next-form-grid,
    .cv-next-local-links__grid,
    .cv-next-trust-grid
  ) {
    max-width: min(1440px, calc(100vw - 48px)) !important;
    width: min(100%, 1440px) !important;
  }

  html body.site-page.page-local-city-clone .coachvisible-next .cv-next-hero__copy,
  html body.site-page.page-local-city-clone .coachvisible-next :where(
    .cv-next-heading,
    .cv-next-split__copy,
    .cv-next-form-copy,
    .cv-next-faq__copy
  ) {
    max-width: min(1440px, calc(100vw - 48px)) !important;
    width: 100% !important;
  }

  html body.site-page.page-local-city-clone .coachvisible-next h1#local-city-title,
  html body.site-page.page-local-city-clone .coachvisible-next :where(
    .cv-next-heading h2,
    .cv-next-split__copy h2,
    .cv-next-form-copy h2,
    .cv-next-faq__copy h2
  ) {
    max-width: none !important;
    overflow-wrap: normal !important;
    text-wrap: wrap !important;
    white-space: normal !important;
    width: 100% !important;
    word-break: normal !important;
  }

  html body.site-page.page-local-city-clone .coachvisible-next :where(
    .cv-next-lead,
    .cv-next-heading > p:not(.cv-next-eyebrow),
    .cv-next-split__copy p,
    .cv-next-form-copy p,
    .cv-next-faq__copy p
  ) {
    max-width: min(1280px, 100%) !important;
    text-wrap: wrap !important;
    width: 100% !important;
  }

  html body.site-page.page-local-city-clone .coachvisible-next .cv-next-price-card {
    max-width: min(860px, 100%) !important;
    width: 100% !important;
  }

  html body.site-page.page-local-city-clone .coachvisible-next .cv-next-hero__visual {
    max-width: min(1040px, 100%) !important;
    width: 100% !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone) :where(
    .local-beyonds-hero__grid,
    .local-beyonds-strip,
    .local-beyonds-text-grid,
    .local-beyonds-deliverables,
    .local-beyonds-roadmap,
    .local-beyonds-link-grid
  ) {
    max-width: min(1440px, calc(100vw - 48px)) !important;
    width: min(100%, 1440px) !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone) :where(
    .local-beyonds-hero__copy,
    .local-beyonds-section__heading,
    .local-beyonds-copy-block,
    .local-beyonds-cta
  ) {
    max-width: min(1440px, calc(100vw - 48px)) !important;
    width: 100% !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone) :where(
    .local-beyonds-hero h1,
    .local-beyonds-section__heading h2,
    .local-beyonds-copy-block h2,
    .local-beyonds-cta h2
  ) {
    max-width: none !important;
    overflow-wrap: normal !important;
    text-wrap: wrap !important;
    white-space: normal !important;
    width: 100% !important;
    word-break: normal !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone) :where(
    .local-beyonds-lead,
    .local-beyonds-section__heading p,
    .local-beyonds-copy-block p
  ) {
    max-width: min(1280px, 100%) !important;
    text-wrap: wrap !important;
    width: 100% !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) section.local-beyonds-strip.local-beyonds-strip,
  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) .local-beyonds-page .local-beyonds-strip.local-beyonds-strip,
  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) .local-beyonds-page .local-beyonds-text-grid,
  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) .local-beyonds-page .local-beyonds-deliverables,
  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) .local-beyonds-page .local-beyonds-roadmap,
  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) .local-beyonds-page .local-beyonds-link-grid {
    max-width: min(1440px, calc(100vw - 48px)) !important;
    width: min(100%, 1440px) !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) .local-beyonds-page .local-beyonds-hero h1,
  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) .local-beyonds-page .local-beyonds-section__heading h2,
  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) .local-beyonds-page .local-beyonds-copy-block h2,
  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) .local-beyonds-page .local-beyonds-cta h2 {
    max-width: none !important;
    overflow-wrap: normal !important;
    text-wrap: wrap !important;
    white-space: normal !important;
    width: 100% !important;
    word-break: normal !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) section.local-beyonds-hero.local-beyonds-hero {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) section.local-beyonds-hero.local-beyonds-hero .local-beyonds-hero__grid,
  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) section.local-beyonds-hero.local-beyonds-hero .local-beyonds-hero__copy {
    max-width: min(1440px, calc(100vw - 48px)) !important;
    width: 100% !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) section.local-beyonds-hero.local-beyonds-hero h1,
  html body.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone):not(.magic-scroll-active) section.local-beyonds-hero.local-beyonds-hero .local-beyonds-hero__copy > h1#local-service-hero-title {
    max-width: none !important;
    overflow-wrap: normal !important;
    text-wrap: wrap !important;
    white-space: normal !important;
    width: 100% !important;
    word-break: normal !important;
  }
}

/* Audit wizard loaded-last polish. Keep this block at the end of menu-2026.css. */
html body.site-page.page-audit-gratuit.audit-wizard-page-lock {
  --audit-wizard-gutter-live: clamp(8px, 2.8vw, 18px);
  --audit-wizard-frame-live: min(100vw - (var(--audit-wizard-gutter-live) * 2), 54rem);
  --audit-wizard-content-live: min(100%, 38rem);
  --audit-wizard-nav-live: min(100%, 42rem);
  --audit-wizard-panel-live: min(100%, 52rem);
  --audit-wizard-stack-gap-live: clamp(0.85rem, 2.2vh, 1.35rem);
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section {
  padding-inline: var(--audit-wizard-gutter-live) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-experience-section .audit-canvas-container,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-form {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: var(--audit-wizard-frame-live) !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-shell,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-pages,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-shell {
  gap: var(--audit-wizard-stack-gap-live) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-pages {
  gap: var(--audit-wizard-stack-gap-live) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page {
  justify-items: center !important;
  row-gap: var(--audit-wizard-stack-gap-live) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-intro-panel,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-summary-panel,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel {
  box-sizing: border-box !important;
  justify-self: center !important;
  margin-inline: auto !important;
  max-width: var(--audit-wizard-panel-live) !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-meta,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-progress,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav {
  box-sizing: border-box !important;
  max-width: var(--audit-wizard-content-live) !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-meta,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-progress {
  margin-inline: auto !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid {
  display: grid !important;
  gap: clamp(0.8rem, 2vh, 1.15rem) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: stretch !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-page__header {
  margin-bottom: clamp(0.15rem, 0.8vh, 0.4rem) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid .field,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid .field--full,
html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid .field:only-child {
  grid-column: 1 / -1 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-grid .field {
  gap: clamp(0.42rem, 1vh, 0.7rem) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .field-label {
  display: block !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: normal !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section :where(.input, .select, .textarea) {
  box-sizing: border-box !important;
  display: block !important;
  max-width: 100% !important;
  text-align: left !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .textarea {
  min-height: clamp(5.1rem, 15vh, 7rem) !important;
  resize: none !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(0.65rem, 1.7vw, 0.95rem) !important;
  margin-top: clamp(0.28rem, 0.9vh, 0.55rem) !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card {
  align-items: center !important;
  box-sizing: border-box !important;
  color: #102033 !important;
  display: flex !important;
  justify-content: flex-start !important;
  min-height: clamp(2.75rem, 6.4vh, 3.35rem) !important;
  min-width: 0 !important;
  padding: 0.62rem 2.25rem 0.62rem 0.78rem !important;
  text-align: left !important;
  white-space: normal !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card--soft {
  color: #2c4056 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(245, 251, 255, 0.86)) !important;
  border-color: rgba(20, 92, 255, 0.18) !important;
  border-style: dashed !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card.is-selected {
  color: #062c2a !important;
  padding-right: 2.6rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card.is-selected::after {
  top: 50% !important;
  right: 0.68rem !important;
  transform: translateY(-50%) !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  font-size: 0.8rem !important;
  line-height: 1 !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(0.9rem, 2vw, 1.25rem) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-content: center !important;
  justify-items: stretch !important;
  margin-inline: auto !important;
  max-width: var(--audit-wizard-nav-live) !important;
  padding-bottom: 0.15rem !important;
  padding-top: clamp(0.65rem, 1.8vh, 1.05rem) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav .btn {
  justify-content: center !important;
  justify-self: stretch !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: visible !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-form.audit-wizard-at-start .audit-wizard-nav {
  grid-template-columns: minmax(0, 22rem) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel {
  padding-bottom: clamp(0.9rem, 2.4vh, 1.45rem) !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel__list {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: clamp(0.55rem, 1.35vw, 0.85rem) !important;
  justify-content: center !important;
  max-width: min(100%, 40rem) !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel__list span {
  align-items: center !important;
  color: #14253a !important;
  display: inline-flex !important;
  gap: 0.55rem !important;
  justify-content: flex-start !important;
  min-height: 2.55rem !important;
  min-width: min(8.1rem, 100%) !important;
  padding: 0.58rem 0.78rem !important;
  position: relative !important;
  width: auto !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-scan-panel__list span::before {
  flex: 0 0 0.72rem !important;
  height: 0.72rem !important;
  left: auto !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  width: 0.72rem !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel .audit-consent {
  align-items: start !important;
  display: grid !important;
  column-gap: clamp(0.45rem, 1vw, 0.65rem) !important;
  grid-template-columns: clamp(1.45rem, 2vw, 1.72rem) minmax(0, 1fr) !important;
  justify-self: center !important;
  max-width: 28rem !important;
  padding: clamp(0.72rem, 1.55vw, 0.88rem) clamp(0.65rem, 1.55vw, 0.82rem) !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel .audit-consent input[type="checkbox"] {
  grid-column: 1 !important;
  margin: 0.1rem auto 0 !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel .audit-consent span {
  display: block !important;
  font-size: clamp(0.76rem, 0.82vw, 0.88rem) !important;
  grid-column: 2 !important;
  hyphens: auto !important;
  line-height: 1.34 !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  text-align: justify !important;
  text-align-last: left !important;
  text-wrap: pretty !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel .audit-consent a {
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel .form-actions {
  justify-content: center !important;
  margin-top: clamp(0.65rem, 1.8vh, 1rem) !important;
  max-width: 28rem !important;
  padding-bottom: clamp(0.7rem, 2vh, 1.25rem) !important;
  width: 100% !important;
}

html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-unlock-panel .form-actions .btn {
  max-width: min(100%, 28rem) !important;
}

html body.site-page.page-contact .contact-audit-context {
  display: grid;
  gap: 0.7rem;
  margin-top: clamp(1rem, 2vw, 1.35rem);
  padding: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid rgba(42, 225, 197, 0.34);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(84, 220, 255, 0.14), rgba(42, 240, 190, 0.12));
  box-shadow: 0 18px 50px rgba(20, 92, 255, 0.09);
}

html body.site-page.page-contact .contact-audit-context strong {
  color: #07111f;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.2;
}

html body.site-page.page-contact .contact-audit-context p {
  margin: 0;
  color: #44566b;
  line-height: 1.55;
}

html body.site-page.page-contact .contact-audit-context a {
  justify-self: start;
  color: #007a9f;
  font-weight: 850;
  text-decoration: underline;
  text-decoration-thickness: 0.12em;
  text-underline-offset: 0.18em;
  overflow-wrap: anywhere;
}

.form-success-modal {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-modal, 400) + 40);
  display: grid;
  place-items: center;
  padding: clamp(1rem, 4vw, 2rem);
  background: rgba(7, 17, 31, 0.56);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
}

.form-success-modal.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.form-success-modal__dialog {
  width: min(31rem, 100%);
  padding: clamp(1.35rem, 4vw, 2rem);
  border: 1px solid rgba(190, 241, 255, 0.9);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 14%, rgba(42, 240, 190, 0.22), transparent 9rem),
    linear-gradient(180deg, #ffffff 0%, #f7fcff 100%);
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.28);
  text-align: center;
}

.form-success-modal__kicker {
  display: inline-flex;
  margin-bottom: 0.65rem;
  color: #4ecfff;
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.form-success-modal__dialog h2 {
  margin: 0;
  color: #07111f;
  font-size: clamp(2rem, 5vw, 3.1rem);
  line-height: 0.98;
}

.form-success-modal__dialog p {
  margin: 0.95rem auto 0;
  max-width: 28rem;
  color: #46586c;
  font-size: clamp(1rem, 2vw, 1.12rem);
  line-height: 1.55;
}

.form-success-modal__hint {
  font-size: 0.9rem !important;
  font-weight: 800;
  color: #007a9f !important;
}

.form-success-modal__dialog .btn {
  margin-top: 1.2rem;
}

html body.site-page.page-audit-rapport {
  background:
    radial-gradient(circle at 50% 0%, rgba(36, 212, 240, 0.16), transparent 34rem),
    linear-gradient(180deg, #f6fbff 0%, #ffffff 48%, #f4fbff 100%) !important;
}

html body.site-page.page-audit-rapport .audit-access-container {
  box-sizing: border-box;
  max-width: min(100% - 2rem, 72rem);
  width: 100%;
}

html body.site-page.page-audit-rapport .audit-access-hero {
  padding: clamp(3.8rem, 8vw, 6.5rem) 0 clamp(2rem, 5vw, 4rem);
}

html body.site-page.page-audit-rapport .audit-access-hero .audit-access-container {
  align-items: center;
  display: grid;
  gap: clamp(1.5rem, 4vw, 3rem);
  grid-template-columns: minmax(0, 1fr) minmax(15rem, 20rem);
}

html body.site-page.page-audit-rapport .audit-access-hero__copy {
  max-width: 50rem;
}

html body.site-page.page-audit-rapport .audit-access-kicker {
  color: #36cfee;
  display: inline-block;
  font-size: clamp(0.76rem, 1vw, 0.86rem);
  font-weight: 900;
  letter-spacing: 0.13em;
  margin-bottom: 0.55rem;
  text-transform: uppercase;
}

html body.site-page.page-audit-rapport h1,
html body.site-page.page-audit-rapport h2,
html body.site-page.page-audit-rapport h3 {
  color: #07111f;
  letter-spacing: 0;
}

html body.site-page.page-audit-rapport .audit-access-hero h1 {
  font-size: clamp(2.45rem, 7vw, 5.4rem);
  line-height: 0.96;
  margin: 0 0 1.1rem;
  max-width: 12ch;
}

html body.site-page.page-audit-rapport .audit-access-hero p,
html body.site-page.page-audit-rapport .audit-access-section > .audit-access-container > p {
  color: #465d73;
  font-size: clamp(1rem, 1.7vw, 1.25rem);
  line-height: 1.62;
  margin: 0;
  max-width: 48rem;
}

html body.site-page.page-audit-rapport .audit-access-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.5rem;
}

html body.site-page.page-audit-rapport .audit-access-score {
  aspect-ratio: 1;
  background: conic-gradient(#28e0ad, #24d4f0, #145cff, #28e0ad);
  border-radius: 50%;
  box-shadow: 0 28px 80px rgba(20, 92, 255, 0.16);
  color: #07111f;
  display: grid;
  gap: 0.16rem;
  isolation: isolate;
  justify-items: center;
  overflow: hidden;
  padding: clamp(1.1rem, 2vw, 1.45rem);
  place-content: center;
  position: relative;
  text-align: center;
}

html body.site-page.page-audit-rapport .audit-access-score::before {
  background: linear-gradient(180deg, #ffffff 0%, #f4fbff 100%);
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(20, 92, 255, 0.08);
  content: "";
  inset: clamp(1rem, 2vw, 1.35rem);
  position: absolute;
  z-index: 0;
}

html body.site-page.page-audit-rapport .audit-access-score > * {
  max-width: 12rem;
  position: relative;
  z-index: 1;
}

html body.site-page.page-audit-rapport .audit-access-score strong {
  color: #07111f;
  font-size: clamp(3.2rem, 6vw, 5.2rem);
  line-height: 0.9;
}

html body.site-page.page-audit-rapport .audit-access-score span,
html body.site-page.page-audit-rapport .audit-access-score small {
  color: #31465c;
  font-weight: 800;
  line-height: 1.15;
  text-wrap: balance;
}

html body.site-page.page-audit-rapport .audit-access-section {
  padding: clamp(1.4rem, 4vw, 3.5rem) 0;
}

html body.site-page.page-audit-rapport .audit-access-section h2 {
  font-size: clamp(1.85rem, 4vw, 3.25rem);
  line-height: 1;
  margin: 0 0 1.2rem;
}

html body.site-page.page-audit-rapport .audit-access-grid,
html body.site-page.page-audit-rapport .audit-access-list {
  display: grid;
  gap: clamp(0.85rem, 2vw, 1.25rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body.site-page.page-audit-rapport .audit-access-list--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html body.site-page.page-audit-rapport .audit-access-card {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(20, 92, 255, 0.14);
  border-radius: 8px;
  box-shadow: 0 18px 50px rgba(22, 39, 68, 0.07);
  box-sizing: border-box;
  min-width: 0;
  padding: clamp(1rem, 2.6vw, 1.45rem);
}

html body.site-page.page-audit-rapport .audit-access-card--wide {
  grid-column: 1 / -1;
}

html body.site-page.page-audit-rapport .audit-access-card h2,
html body.site-page.page-audit-rapport .audit-access-card h3 {
  margin: 0 0 0.65rem;
}

html body.site-page.page-audit-rapport .audit-access-card p,
html body.site-page.page-audit-rapport .audit-access-card strong,
html body.site-page.page-audit-rapport .audit-access-card small,
html body.site-page.page-audit-rapport .audit-access-card li {
  color: #40566d;
  font-size: clamp(0.92rem, 1.4vw, 1.02rem);
  line-height: 1.58;
}

html body.site-page.page-audit-rapport .audit-access-card strong {
  color: #07111f;
  display: block;
  font-weight: 800;
  margin-top: 0.75rem;
}

html body.site-page.page-audit-rapport .audit-access-summary-text {
  max-width: 62rem !important;
}

html body.site-page.page-audit-rapport .audit-access-summary-grid {
  display: grid;
  gap: clamp(0.75rem, 2vw, 1rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(1rem, 3vw, 1.45rem);
}

html body.site-page.page-audit-rapport .audit-access-summary-grid div {
  background: rgba(244, 251, 255, 0.78);
  border: 1px solid rgba(20, 92, 255, 0.12);
  border-radius: 8px;
  padding: 1rem;
}

html body.site-page.page-audit-rapport .audit-access-summary-grid strong {
  color: #07111f;
  font-size: 0.95rem;
  margin: 0 0 0.35rem;
}

html body.site-page.page-audit-rapport .audit-access-summary-grid p {
  color: #40566d;
  font-size: 0.94rem;
  line-height: 1.52;
  margin: 0;
}

html body.site-page.page-audit-rapport .audit-access-facts {
  display: grid;
  gap: 0.75rem;
  margin: 0;
}

html body.site-page.page-audit-rapport .audit-access-facts div {
  border-bottom: 1px solid rgba(20, 92, 255, 0.1);
  display: grid;
  gap: 0.15rem;
  padding-bottom: 0.65rem;
}

html body.site-page.page-audit-rapport .audit-access-facts dt,
html body.site-page.page-audit-rapport .audit-access-bars span {
  color: #058ba4;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

html body.site-page.page-audit-rapport .audit-access-facts dd {
  color: #07111f;
  font-weight: 800;
  margin: 0;
  overflow-wrap: anywhere;
}

html body.site-page.page-audit-rapport .audit-access-card > span:not(.audit-access-kicker),
html body.site-page.page-audit-rapport .audit-access-list .audit-access-card > span {
  color: #058ba4;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

html body.site-page.page-audit-rapport .audit-access-bars {
  display: grid;
  gap: 0.85rem;
}

html body.site-page.page-audit-rapport .audit-access-bars div {
  display: grid;
  gap: 0.35rem;
  grid-template-columns: 1fr auto;
}

html body.site-page.page-audit-rapport .audit-access-bars i {
  background: #eaf1ff;
  border-radius: 999px;
  grid-column: 1 / -1;
  height: 0.48rem;
  overflow: hidden;
}

html body.site-page.page-audit-rapport .audit-access-bars i::before {
  background: linear-gradient(90deg, #24d4f0, #28e0ad);
  border-radius: inherit;
  content: "";
  display: block;
  height: 100%;
  width: var(--audit-score);
}

html body.site-page.page-audit-rapport .audit-access-checklist {
  display: grid;
  gap: 0.55rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

html body.site-page.page-audit-rapport .audit-access-checklist li {
  padding-left: 1.2rem;
  position: relative;
}

html body.site-page.page-audit-rapport .audit-access-checklist li::before {
  background: #28e0ad;
  border-radius: 50%;
  content: "";
  height: 0.42rem;
  left: 0;
  position: absolute;
  top: 0.58rem;
  width: 0.42rem;
}

html body.site-page.page-audit-rapport .audit-access-final {
  margin-top: clamp(1.25rem, 3vw, 2rem);
  text-align: center;
}

html body.site-page.page-audit-rapport .audit-access-final h2,
html body.site-page.page-audit-rapport .audit-access-final p {
  margin-inline: auto;
  max-width: 52rem;
}

html body.site-page.page-audit-rapport .audit-access-final .btn {
  margin-top: 1rem;
}

@media (max-width: 760px) {
	  html body.site-page.page-audit-rapport .audit-access-hero .audit-access-container,
	  html body.site-page.page-audit-rapport .audit-access-grid,
	  html body.site-page.page-audit-rapport .audit-access-list,
	  html body.site-page.page-audit-rapport .audit-access-list--two,
	  html body.site-page.page-audit-rapport .audit-access-summary-grid {
	    grid-template-columns: minmax(0, 1fr);
	  }

  html body.site-page.page-audit-rapport .audit-access-hero {
    padding-top: 2.4rem;
  }

  html body.site-page.page-audit-rapport .audit-access-hero h1 {
    max-width: 100%;
    text-align: center;
  }

  html body.site-page.page-audit-rapport .audit-access-hero__copy,
  html body.site-page.page-audit-rapport .audit-access-hero p {
    text-align: center;
  }

  html body.site-page.page-audit-rapport .audit-access-actions {
    justify-content: center;
  }

  html body.site-page.page-audit-rapport .audit-access-score {
    justify-self: center;
    max-width: 16rem;
    width: min(70vw, 16rem);
  }
}

@media (max-width: 420px) {
  html body.site-page.page-audit-gratuit.audit-wizard-page-lock {
    --audit-wizard-gutter-live: 6px;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-form {
    padding: 0.62rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card {
    font-size: 0.82rem !important;
    min-height: 2.65rem !important;
    padding-left: 0.66rem !important;
    padding-right: 2.25rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card.is-selected {
    padding-right: 2.45rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-choice-card.is-selected::after {
    right: 0.58rem !important;
    width: 1.18rem !important;
    height: 1.18rem !important;
    font-size: 0.72rem !important;
  }

  html body.site-page.page-audit-gratuit.audit-wizard-page-lock .audit-canvas-section .audit-wizard-nav {
    gap: 0.65rem !important;
    padding-top: 0.75rem !important;
  }
}

/* Final local-city CTA lock: keep screenshot-visible actions centered. */
html body.site-page.page-local-city-clone .coachvisible-next .cv-next-actions,
html body.site-page.page-local-city-clone .coachvisible-next .cv-next-form-hints {
  justify-content: center !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page.page-local-city-clone .coachvisible-next .cv-next-local-stats {
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page.page-local-city-clone .coachvisible-next .cv-next-local-stats__cta,
html body.site-page.page-local-city-clone .coachvisible-next .cv-next-form > button[type="submit"] {
  display: inline-flex !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-width: 0 !important;
  width: min(100%, 21rem) !important;
}

html body.site-page.page-local-city-clone .coachvisible-next .cv-next-actions > .btn {
  justify-content: center !important;
  min-width: 0 !important;
  width: min(100%, 21rem) !important;
}

@media (max-width: 640px) {
  html body.site-page.page-local-city-clone .coachvisible-next .cv-next-local-stats__cta,
  html body.site-page.page-local-city-clone .coachvisible-next .cv-next-form > button[type="submit"],
  html body.site-page.page-local-city-clone .coachvisible-next .cv-next-actions > .btn {
    max-width: 22rem !important;
    width: 100% !important;
  }
}

/* Public forms polish: native-looking enough for Apple-style forms, without the old browser menu feel. */
html body.site-page :where(.magic-talk-field, .field) .ww-select {
  position: relative !important;
  width: 100% !important;
}

html body.site-page select.ww-select__native {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

html body.site-page .ww-select__button {
  align-items: center !important;
  appearance: none !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 252, 255, 0.94)) !important;
  border: 1px solid rgba(7, 22, 37, 0.14) !important;
  border-radius: 16px !important;
  box-shadow:
    0 12px 30px rgba(7, 22, 37, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  color: #071625 !important;
  cursor: pointer !important;
  display: grid !important;
  font: inherit !important;
  font-size: clamp(1rem, 1.3vw, 1.08rem) !important;
  font-weight: 720 !important;
  gap: 0.85rem !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  min-height: 58px !important;
  outline: 0 !important;
  padding: 0.82rem 0.95rem 0.82rem 1rem !important;
  text-align: left !important;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease,
    background 180ms ease !important;
  width: 100% !important;
}

html body.site-page .magic-talk-field .ww-select__button {
  min-height: 58px !important;
}

html body.site-page .ww-select__button:hover {
  border-color: rgba(10, 143, 164, 0.32) !important;
  box-shadow:
    0 15px 36px rgba(7, 22, 37, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
  transform: translateY(-1px) !important;
}

html body.site-page .ww-select__button:focus-visible,
html body.site-page .ww-select.is-open .ww-select__button {
  border-color: rgba(10, 143, 164, 0.62) !important;
  box-shadow:
    0 0 0 4px rgba(44, 211, 230, 0.18),
    0 18px 42px rgba(7, 22, 37, 0.1) !important;
}

html body.site-page .ww-select.is-invalid .ww-select__button {
  border-color: rgba(10, 143, 164, 0.78) !important;
  box-shadow:
    0 0 0 4px rgba(44, 211, 230, 0.2),
    0 18px 42px rgba(7, 22, 37, 0.1) !important;
}

html body.site-page .ww-select__label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.site-page .ww-select__chevron {
  border-bottom: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
  display: block !important;
  height: 0.62rem !important;
  opacity: 0.72 !important;
  transform: translateY(-2px) rotate(45deg) !important;
  transition: transform 180ms ease, opacity 180ms ease !important;
  width: 0.62rem !important;
}

html body.site-page .ww-select.is-open .ww-select__chevron {
  opacity: 1 !important;
  transform: translateY(2px) rotate(225deg) !important;
}

html body.site-page .ww-select__list {
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(7, 22, 37, 0.12) !important;
  border-radius: 18px !important;
  box-shadow:
    0 26px 72px rgba(7, 22, 37, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  display: grid !important;
  gap: 0.25rem !important;
  left: 0 !important;
  margin: 0 !important;
  max-height: min(18rem, 46vh) !important;
  overflow: auto !important;
  padding: 0.42rem !important;
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 0.5rem) !important;
  z-index: 80 !important;
}

html body.site-page .ww-select__list[hidden] {
  display: none !important;
}

html body.site-page .ww-select__option {
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  color: #071625 !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 1rem !important;
  font-weight: 720 !important;
  line-height: 1.22 !important;
  min-height: 2.65rem !important;
  padding: 0.7rem 0.86rem !important;
  text-align: left !important;
  width: 100% !important;
}

html body.site-page .ww-select__option:hover,
html body.site-page .ww-select__option:focus-visible {
  background: rgba(44, 211, 230, 0.12) !important;
  outline: 0 !important;
}

html body.site-page .ww-select__option[aria-selected="true"] {
  background: linear-gradient(135deg, rgba(89, 213, 236, 0.2), rgba(40, 224, 173, 0.18)) !important;
  color: #05202b !important;
}

html body.site-page :where(.magic-talk-consent, .checkbox.audit-consent, .checkbox.contact-consent, .checkbox.cv-next-consent) {
  align-items: flex-start !important;
  border-radius: 18px !important;
  column-gap: clamp(0.9rem, 2.2vw, 1.15rem) !important;
  padding: clamp(0.82rem, 2.1vw, 1rem) clamp(0.95rem, 2.4vw, 1.2rem) !important;
}

html body.site-page :where(.magic-talk-consent, .checkbox.audit-consent, .checkbox.contact-consent, .checkbox.cv-next-consent) input[type="checkbox"] {
  flex: 0 0 auto !important;
  margin: 0.22rem 0 0 !important;
}

html body.site-page :where(.magic-talk-consent, .checkbox.audit-consent, .checkbox.contact-consent, .checkbox.cv-next-consent) span {
  display: block !important;
  min-width: 0 !important;
  padding-left: 0.08rem !important;
}

html body.site-page .magic-talk-panel__close {
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  align-items: center !important;
  appearance: none !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(7, 22, 37, 0.14) !important;
  border-radius: 999px !important;
  box-shadow:
    0 18px 50px rgba(7, 22, 37, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  color: #071625 !important;
  display: inline-flex !important;
  gap: 0.48rem !important;
  grid-template-columns: none !important;
  justify-self: end !important;
  min-height: 0 !important;
  padding: 0.38rem 0.42rem 0.38rem 1.05rem !important;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease !important;
}

html body.site-page .magic-talk-panel__close > span:first-child {
  background: transparent !important;
  color: inherit !important;
  display: block !important;
  font-size: clamp(0.98rem, 1.2vw, 1.05rem) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.site-page .magic-talk-panel__close-icon {
  background: rgba(7, 22, 37, 0.06) !important;
  border: 1px solid rgba(7, 22, 37, 0.12) !important;
  border-radius: 50% !important;
  display: block !important;
  flex: 0 0 2.45rem !important;
  height: 2.45rem !important;
  position: relative !important;
  width: 2.45rem !important;
}

html body.site-page .magic-talk-panel__close-icon::before,
html body.site-page .magic-talk-panel__close-icon::after {
  background: #071625 !important;
  border-radius: 999px !important;
  height: 2px !important;
  width: 1rem !important;
}

html body.site-page .magic-talk-panel__close:hover,
html body.site-page .magic-talk-panel__close:focus-visible {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(10, 143, 164, 0.32) !important;
  box-shadow:
    0 22px 58px rgba(7, 22, 37, 0.18),
    0 0 0 4px rgba(44, 211, 230, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  outline: 0 !important;
  transform: translateY(-1px) !important;
}

html body.site-page .magic-talk-panel__close:hover .magic-talk-panel__close-icon,
html body.site-page .magic-talk-panel__close:focus-visible .magic-talk-panel__close-icon {
  background: rgba(44, 211, 230, 0.16) !important;
}

@media (max-width: 640px) {
  html body.site-page .ww-select__list {
    max-height: min(16rem, 44vh) !important;
  }

  html body.site-page .magic-talk-panel__close {
    right: 14px !important;
    top: 14px !important;
  }

  html body.site-page .magic-talk-panel__close > span:first-child {
    font-size: 0.92rem !important;
  }

  html body.site-page .magic-talk-panel__close-icon {
    flex-basis: 2.2rem !important;
    height: 2.2rem !important;
    width: 2.2rem !important;
  }
}

/* Home page Upmeet-inspired motion pass: keep copy and H1 scale intact. */
@keyframes wwHomeGradientFlow {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes wwHomeButtonPulse {
  0%,
  100% {
    box-shadow:
      0 14px 34px rgba(25, 245, 186, 0.18),
      0 0 0 0 rgba(101, 216, 255, 0);
  }

  50% {
    box-shadow:
      0 20px 54px rgba(25, 245, 186, 0.32),
      0 0 0 7px rgba(101, 216, 255, 0.08);
  }
}

@keyframes wwHomeOutlinePulse {
  0%,
  100% {
    border-color: rgba(101, 216, 255, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 0 rgba(101, 216, 255, 0);
  }

  50% {
    border-color: rgba(25, 245, 186, 0.58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 34px rgba(25, 245, 186, 0.16);
  }
}

@keyframes wwHomeGridDrift {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }

  100% {
    background-position: 92px 92px, 92px 92px, 0 0;
  }
}

@keyframes wwHomeCardFloat {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

@keyframes wwHomeCardSheen {
  0% {
    opacity: 0.22;
    transform: translateX(-42%) rotate(10deg);
  }

  50% {
    opacity: 0.48;
  }

  100% {
    opacity: 0.22;
    transform: translateX(42%) rotate(10deg);
  }
}

html body.site-page.page-home .magic-home-v3 .magic-intro__headline,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__headline,
html body.site-page.page-home .magic-home-v3 .magic-intro__line,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__line {
  font-size: clamp(3rem, 4vw, 4.3rem) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  max-width: min(100%, 1040px) !important;
  text-transform: none !important;
}

html body.site-page.page-home .magic-home-v3 :where(.magic-intro, .magic-offers-entry, .magic-faq, .magic-final) {
  background-color: #030711 !important;
  color: #f7fbff !important;
}

html body.site-page.page-home .magic-home-v3 :where(.magic-intro, .magic-offers-entry)::before {
  animation: wwHomeGridDrift 26s linear infinite !important;
  background:
    linear-gradient(rgba(101, 216, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 245, 186, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 50% 14%, rgba(25, 245, 186, 0.15), transparent 34rem) !important;
  background-size: 92px 92px, 92px 92px, 100% 100% !important;
  opacity: 0.72 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro {
  background:
    radial-gradient(circle at 50% 12%, rgba(25, 245, 186, 0.18), transparent 32rem),
    radial-gradient(circle at 14% 78%, rgba(101, 216, 255, 0.13), transparent 30rem),
    radial-gradient(circle at 88% 72%, rgba(48, 120, 255, 0.12), transparent 32rem),
    #030711 !important;
}

html body.site-page.page-home .magic-home-v3 :where(.magic-section__kicker, .magic-proof-layer__eyebrow, .magic-service-card__eyebrow, .magic-work-card__type, .magic-project-panel__eyebrow) {
  animation: wwHomeGradientFlow 5.8s ease infinite !important;
  background: linear-gradient(100deg, #65d8ff 0%, #19f5ba 42%, #ffffff 50%, #65d8ff 100%) !important;
  background-clip: text !important;
  background-size: 230% 230% !important;
  color: #65d8ff !important;
  letter-spacing: 0 !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry {
  background:
    radial-gradient(circle at 16% 12%, rgba(101, 216, 255, 0.15), transparent 30rem),
    radial-gradient(circle at 84% 52%, rgba(25, 245, 186, 0.12), transparent 34rem),
    linear-gradient(180deg, #030711 0%, #07111f 54%, #030711 100%) !important;
  overflow: clip !important;
  padding-block: 0 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__sticky,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__sticky {
  gap: clamp(38px, 4vw, 64px) !important;
  padding-block: clamp(90px, 7.5vw, 138px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__heading {
  gap: clamp(14px, 1.8vw, 24px) !important;
  margin-inline: auto !important;
  max-width: min(860px, 100%) !important;
  text-align: center !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__heading h2 {
  animation: wwHomeGradientFlow 7.2s ease infinite !important;
  background: linear-gradient(105deg, #ffffff 0%, #eef7ff 28%, #65d8ff 48%, #19f5ba 68%, #ffffff 100%) !important;
  background-clip: text !important;
  background-size: 240% 240% !important;
  color: #f7fbff !important;
  letter-spacing: 0 !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__heading p {
  color: rgba(226, 238, 255, 0.76) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__track {
  gap: clamp(18px, 2vw, 28px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card {
  background:
    radial-gradient(circle at 18% 0%, rgba(101, 216, 255, 0.12), transparent 16rem),
    linear-gradient(180deg, rgba(10, 18, 33, 0.96), rgba(3, 7, 17, 0.99)) !important;
  border: 1px solid rgba(174, 229, 255, 0.22) !important;
  border-radius: 14px !important;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  color: #f7fbff !important;
  isolation: isolate !important;
  min-height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card::before {
  background: linear-gradient(90deg, transparent, rgba(101, 216, 255, 0.2), rgba(25, 245, 186, 0.18), transparent) !important;
  content: "" !important;
  inset: -35% auto -35% -45% !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 62% !important;
  z-index: 0 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card > *,
html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card__body > * {
  position: relative !important;
  z-index: 1 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card:hover,
html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card:focus-within {
  border-color: rgba(25, 245, 186, 0.48) !important;
  box-shadow:
    0 30px 86px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(25, 245, 186, 0.1),
    0 0 44px rgba(25, 245, 186, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card__number {
  background: rgba(3, 7, 17, 0.88) !important;
  border-color: rgba(101, 216, 255, 0.34) !important;
  color: #65d8ff !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card h3 {
  color: #ffffff !important;
  letter-spacing: 0 !important;
  text-shadow: 0 12px 38px rgba(0, 0, 0, 0.32) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card p {
  color: rgba(226, 238, 255, 0.78) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card__meta span {
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: rgba(101, 216, 255, 0.2) !important;
  color: rgba(247, 251, 255, 0.82) !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-intro__cta,
  .magic-who__primary,
  .magic-card-link,
  .magic-proof-layer__ledger > a,
  .magic-work-card__action--primary,
  .magic-project-panel__primary,
  .magic-project-form__actions button,
  .magic-final-form__actions button
) {
  animation: wwHomeGradientFlow 5.6s ease infinite, wwHomeButtonPulse 4.8s ease-in-out infinite !important;
  background: linear-gradient(135deg, #65d8ff 0%, #19f5ba 44%, #09bfe3 100%) !important;
  background-size: 210% 210% !important;
  border-color: rgba(25, 245, 186, 0.52) !important;
  color: #06111e !important;
  letter-spacing: 0 !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-intro__secondary,
  .magic-who__secondary,
  .magic-work-card__action--ghost,
  .magic-project-panel__preview-link,
  .magic-project-panel__actions button:not(.magic-project-panel__primary),
  .magic-final__links nav a
) {
  animation: wwHomeOutlinePulse 5.8s ease-in-out infinite !important;
  background: rgba(3, 7, 17, 0.58) !important;
  border-color: rgba(101, 216, 255, 0.28) !important;
  color: #f7fbff !important;
  letter-spacing: 0 !important;
}

html body.site-page.page-home .magic-home-v3 a.magic-intro__secondary,
html body.site-page.page-home .magic-home-v3 a.magic-who__secondary,
html body.site-page.page-home .magic-home-v3 a.magic-work-card__action--ghost,
html body.site-page.page-home .magic-home-v3 a.magic-project-panel__preview-link {
  background: rgba(3, 7, 17, 0.66) !important;
  border: 1px solid rgba(101, 216, 255, 0.34) !important;
  color: #f7fbff !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-intro__cta,
  .magic-intro__secondary,
  .magic-who__primary,
  .magic-who__secondary,
  .magic-card-link,
  .magic-proof-layer__ledger > a,
  .magic-work-card__action,
  .magic-project-panel__actions a,
  .magic-project-panel__actions button,
  .magic-project-form__actions button,
  .magic-final-form__actions button,
  .magic-final__links nav a
):hover,
html body.site-page.page-home .magic-home-v3 :where(
  .magic-intro__cta,
  .magic-intro__secondary,
  .magic-who__primary,
  .magic-who__secondary,
  .magic-card-link,
  .magic-proof-layer__ledger > a,
  .magic-work-card__action,
  .magic-project-panel__actions a,
  .magic-project-panel__actions button,
  .magic-project-form__actions button,
  .magic-final-form__actions button,
  .magic-final__links nav a
):focus-visible {
  filter: saturate(1.08) brightness(1.04) !important;
  transform: translateY(-2px) !important;
}

html body.site-page.page-home .magic-home-v3 a.magic-intro__cta,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 a.magic-intro__cta,
html body.site-page.page-home .magic-home-v3 a.magic-who__primary,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 a.magic-who__primary,
html body.site-page.page-home .magic-home-v3 .magic-proof-layer__ledger > a,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__ledger > a,
html body.site-page.page-home .magic-home-v3 a.magic-work-card__action--primary,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 a.magic-work-card__action--primary {
  animation: wwHomeGradientFlow 5.6s ease infinite, wwHomeButtonPulse 4.8s ease-in-out infinite !important;
  background: linear-gradient(135deg, #65d8ff 0%, #19f5ba 44%, #09bfe3 100%) !important;
  background-size: 210% 210% !important;
  border-color: rgba(25, 245, 186, 0.52) !important;
  color: #06111e !important;
}

html body.site-page.page-home .magic-home-v3 a.magic-intro__secondary,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 a.magic-intro__secondary,
html body.site-page.page-home .magic-home-v3 a.magic-who__secondary,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 a.magic-who__secondary,
html body.site-page.page-home .magic-home-v3 a.magic-work-card__action--ghost,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 a.magic-work-card__action--ghost,
html body.site-page.page-home .magic-home-v3 a.magic-project-panel__preview-link,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 a.magic-project-panel__preview-link {
  animation: wwHomeOutlinePulse 5.8s ease-in-out infinite !important;
  background: rgba(3, 7, 17, 0.66) !important;
  border: 1px solid rgba(101, 216, 255, 0.34) !important;
  color: #f7fbff !important;
}

@media (prefers-reduced-motion: no-preference) {
  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card {
    animation: wwHomeCardFloat 8.2s ease-in-out infinite !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card:nth-child(2) {
    animation-delay: -1.7s !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card:nth-child(3) {
    animation-delay: -3.4s !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card:nth-child(4) {
    animation-delay: -5.1s !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card::before {
    animation: wwHomeCardSheen 7.5s ease-in-out infinite !important;
  }
}

@media (max-width: 1024px) {
  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__sticky,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__sticky {
    padding-block: clamp(74px, 9vw, 108px) !important;
  }
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-v3 .magic-intro__headline,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__headline,
  html body.site-page.page-home .magic-home-v3 .magic-intro__line,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__line {
    font-size: clamp(1.9rem, 7.2vw, 2.25rem) !important;
    line-height: 1.09 !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry {
    padding-inline: var(--ww-mobile-gutter, 18px) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__sticky,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__sticky {
    gap: clamp(24px, 7vw, 36px) !important;
    padding-block: clamp(68px, 18vw, 94px) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__heading h2 {
    -webkit-text-fill-color: #f7fbff !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card {
    animation: none !important;
    border-radius: 12px !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card::before {
    display: none !important;
  }

  html body.site-page.page-home .magic-home-v3 :where(.magic-intro__actions a, .magic-who__actions a, .magic-card-link, .magic-work-card__action) {
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.site-page.page-home .magic-home-v3 *,
  html body.site-page.page-home .magic-home-v3 *::before,
  html body.site-page.page-home .magic-home-v3 *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* Home page heading scale pass: keep headings readable, not poster-sized. */
html body.site-page.page-home .magic-home-v3 :where(
  .magic-who__title,
  .magic-proof-layer__heading h2,
  .magic-work__heading h2,
  .magic-offers-entry .magic-services__heading h2,
  .magic-faq__heading h2,
  .magic-final__copy h2
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-who__title,
  .magic-proof-layer__heading h2,
  .magic-work__heading h2,
  .magic-offers-entry .magic-services__heading h2,
  .magic-faq__heading h2,
  .magic-final__copy h2
) {
  font-size: clamp(2.75rem, 4vw, 3.6rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  margin-inline: auto !important;
  max-width: min(100%, 980px) !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  text-wrap: pretty !important;
  white-space: normal !important;
  width: auto !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__heading h2 {
  max-width: min(100%, 860px) !important;
  white-space: nowrap !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-proof-layer__heading,
  .magic-work__heading,
  .magic-offers-entry .magic-services__heading,
  .magic-faq__heading,
  .magic-final__copy
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-proof-layer__heading,
  .magic-work__heading,
  .magic-offers-entry .magic-services__heading,
  .magic-faq__heading,
  .magic-final__copy
) {
  align-items: center !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: min(100%, 1040px) !important;
  text-align: center !important;
  width: min(100%, 1040px) !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-proof-layer__heading p:not(.magic-section__kicker),
  .magic-work__heading p,
  .magic-offers-entry .magic-services__heading p,
  .magic-faq__heading p,
  .magic-final__lead
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-proof-layer__heading p:not(.magic-section__kicker),
  .magic-work__heading p,
  .magic-offers-entry .magic-services__heading p,
  .magic-faq__heading p,
  .magic-final__lead
) {
  display: block !important;
  margin-inline: auto !important;
  max-width: min(100%, 800px) !important;
  text-align: center !important;
  text-wrap: pretty !important;
  white-space: normal !important;
}

html body.site-page.page-home .magic-home-v3 .magic-who__title,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who__title {
  max-width: min(100%, 920px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-who__copy,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who__copy {
  margin-inline: auto !important;
  max-width: min(100%, 820px) !important;
  text-align: center !important;
}

@media (max-width: 920px) {
  html body.site-page.page-home .magic-home-v3 :where(
    .magic-who__title,
    .magic-proof-layer__heading h2,
    .magic-work__heading h2,
    .magic-offers-entry .magic-services__heading h2,
    .magic-faq__heading h2,
    .magic-final__copy h2
  ),
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
    .magic-who__title,
    .magic-proof-layer__heading h2,
    .magic-work__heading h2,
    .magic-offers-entry .magic-services__heading h2,
    .magic-faq__heading h2,
    .magic-final__copy h2
  ) {
    font-size: clamp(2rem, 7.2vw, 2.7rem) !important;
    line-height: 1.08 !important;
    max-width: min(100%, 760px) !important;
    text-wrap: balance !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__heading h2 {
    white-space: normal !important;
  }
}

@media (max-width: 560px) {
  html body.site-page.page-home .magic-home-v3 :where(
    .magic-who__title,
    .magic-proof-layer__heading h2,
    .magic-work__heading h2,
    .magic-offers-entry .magic-services__heading h2,
    .magic-faq__heading h2,
    .magic-final__copy h2
  ),
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
    .magic-who__title,
    .magic-proof-layer__heading h2,
    .magic-work__heading h2,
    .magic-offers-entry .magic-services__heading h2,
    .magic-faq__heading h2,
    .magic-final__copy h2
  ) {
    font-size: clamp(1.75rem, 8.2vw, 2.18rem) !important;
    line-height: 1.09 !important;
    max-width: min(100%, 22rem) !important;
  }
}

/* Strong cascade lock for homepage section titles. */
html body.site-page.page-home .magic-home-v3 .magic-who__title,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who__title,
html body.site-page.page-home .magic-home-v3 .magic-proof-layer__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__heading h2,
html body.site-page.page-home .magic-home-v3 .magic-work__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work__heading h2,
html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__heading h2,
html body.site-page.page-home .magic-home-v3 .magic-faq__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__heading h2,
html body.site-page.page-home .magic-home-v3 .magic-final__copy h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__copy h2 {
  font-size: clamp(2.75rem, 4vw, 3.6rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  margin-inline: auto !important;
  max-width: min(100%, 980px) !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  text-wrap: pretty !important;
  white-space: normal !important;
  width: auto !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__heading h2 {
  max-width: min(100%, 860px) !important;
  white-space: nowrap !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work__heading p,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work__heading p {
  margin-inline: auto !important;
  max-width: min(100%, 800px) !important;
  text-align: center !important;
}

@media (max-width: 920px) {
  html body.site-page.page-home .magic-home-v3 .magic-who__title,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who__title,
  html body.site-page.page-home .magic-home-v3 .magic-proof-layer__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__heading h2,
  html body.site-page.page-home .magic-home-v3 .magic-work__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work__heading h2,
  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__heading h2,
  html body.site-page.page-home .magic-home-v3 .magic-faq__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__heading h2,
  html body.site-page.page-home .magic-home-v3 .magic-final__copy h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__copy h2 {
    font-size: clamp(2rem, 7.2vw, 2.7rem) !important;
    line-height: 1.08 !important;
    max-width: min(100%, 760px) !important;
    text-wrap: balance !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__heading h2 {
    white-space: normal !important;
  }
}

@media (max-width: 560px) {
  html body.site-page.page-home .magic-home-v3 .magic-who__title,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who__title,
  html body.site-page.page-home .magic-home-v3 .magic-proof-layer__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__heading h2,
  html body.site-page.page-home .magic-home-v3 .magic-work__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work__heading h2,
  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__heading h2,
  html body.site-page.page-home .magic-home-v3 .magic-faq__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__heading h2,
  html body.site-page.page-home .magic-home-v3 .magic-final__copy h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__copy h2 {
    font-size: clamp(1.75rem, 8.2vw, 2.18rem) !important;
    line-height: 1.09 !important;
    max-width: min(100%, 22rem) !important;
  }
}

/* Exact override for the problem headline, which has a stronger legacy selector. */
html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__title,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__title {
  font-size: clamp(2.75rem, 4vw, 3.6rem) !important;
  line-height: 1.04 !important;
  margin-inline: auto !important;
  max-width: min(100%, 920px) !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  text-wrap: pretty !important;
  white-space: normal !important;
  width: auto !important;
}

@media (max-width: 920px) {
  html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__title,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__title {
    font-size: clamp(2rem, 7.2vw, 2.7rem) !important;
    line-height: 1.08 !important;
    max-width: min(100%, 760px) !important;
    text-wrap: balance !important;
  }
}

@media (max-width: 560px) {
  html body.site-page.page-home .magic-home-v3 .magic-who.magic-problem .magic-who__title,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-who.magic-problem .magic-who__title {
    font-size: clamp(1.75rem, 8.2vw, 2.18rem) !important;
    line-height: 1.09 !important;
    max-width: min(100%, 22rem) !important;
  }
}

/* Light-surface guard: keep the CoachVisible/service blocks aligned with the rest of the page. */
html body.site-page.page-home .magic-home-v3 .magic-offers-entry,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-expertise,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-expertise {
  background:
    radial-gradient(circle at 14% 12%, rgba(101, 216, 255, 0.22), transparent 28rem),
    radial-gradient(circle at 86% 22%, rgba(45, 191, 169, 0.14), transparent 28rem),
    linear-gradient(180deg, #f7fcff 0%, #eefaff 58%, #ffffff 100%) !important;
  border-block: 0 !important;
  color: #07111f !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry::before,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry::before,
html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card::before,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card::before {
  display: none !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__heading h2,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-expertise .ww-expertise-links__heading h2,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-expertise .ww-expertise-links__heading h2 {
  animation: none !important;
  background: none !important;
  color: #07111f !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #07111f !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__heading p,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__heading p,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-expertise .ww-expertise-links__heading p,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-expertise .ww-expertise-links__heading p {
  color: rgba(7, 17, 31, 0.68) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card__eyebrow,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card__eyebrow {
  animation: none !important;
  background: none !important;
  color: #118d9a !important;
  -webkit-text-fill-color: #118d9a !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-expertise .ww-expertise-link,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-expertise .ww-expertise-link {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 251, 252, 0.88)) !important;
  border: 1px solid rgba(9, 41, 65, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 48px rgba(17, 61, 90, 0.1) !important;
  color: #07111f !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card:hover,
html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card:focus-within,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card:hover,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card:focus-within,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-expertise .ww-expertise-link:hover,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-expertise .ww-expertise-link:focus-visible,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-expertise .ww-expertise-link:hover,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-expertise .ww-expertise-link:focus-visible {
  border-color: rgba(17, 141, 154, 0.24) !important;
  box-shadow: 0 22px 60px rgba(17, 61, 90, 0.14) !important;
  transform: translate3d(0, -2px, 0) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card__number,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card__number,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-expertise .ww-expertise-link__index,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-expertise .ww-expertise-link__index {
  background: rgba(241, 251, 252, 0.92) !important;
  border-color: rgba(17, 141, 154, 0.16) !important;
  color: #118d9a !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card h3,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card h3,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-expertise .ww-expertise-link strong,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-expertise .ww-expertise-link strong {
  color: #07111f !important;
  text-shadow: none !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card p,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card p,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-expertise .ww-expertise-link small,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-expertise .ww-expertise-link small {
  color: rgba(7, 17, 31, 0.68) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card__meta span,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card__meta span,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-expertise .ww-expertise-link em,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-expertise .ww-expertise-link em {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(17, 141, 154, 0.14) !important;
  color: #143b44 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card .magic-card-link,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card .magic-card-link {
  background: linear-gradient(135deg, #65d8ff 0%, #19f5ba 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  color: #06111e !important;
  box-shadow: 0 18px 44px rgba(25, 174, 234, 0.18) !important;
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-v3 .magic-offers-entry,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry {
    padding-inline: var(--ww-mobile-gutter, 18px) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card {
    border-radius: 8px !important;
  }
}

/* Site-wide title scale guard: keep every public title readable and aligned. */
html body.site-page :where(
  .hero-cloud__content,
  .page-intro__content,
  .section-heading,
  .local-beyonds-section__heading,
  .cv-next-heading,
  .ww-expertise-links__heading,
  .magic-work__heading,
  .magic-proof-layer__heading,
  .magic-services__heading,
  .magic-local-links__heading,
  .magic-method__heading,
  .magic-faq__heading,
  .magic-partner-cloud__heading,
  .magic-final__copy,
  .realisations-mockups__heading,
  .realisations-page-routes__heading,
  .magic-concepts__heading,
  .magic-asset-showcase__heading,
  .ww-blog-group__head,
  .cta-panel__content,
  .contact-form-copy,
  .audit-form-copy,
  .audit-trust__panel,
  .wordpress-split__copy,
  .wordpress-conversion__panel,
  .seo-geo-not__copy,
  .offres-detail__copy
) {
  align-items: center !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: min(100%, 1040px) !important;
  text-align: center !important;
}

html body.site-page :where(
  .hero-cloud__title.hero-title,
  .page-intro__title,
  .local-beyonds-hero h1,
  .ww-blog-hero h1,
  .ww-article-hero h1,
  .realisations-clean-hero h1,
  .cv-next-hero h1,
  .about-one-copy h1,
  .hero-simple h1
) {
  font-size: clamp(2.7rem, 4.65vw, 4.8rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  max-width: min(100%, 1040px) !important;
  overflow-wrap: normal !important;
  text-wrap: balance !important;
  white-space: normal !important;
}

html body.site-page :where(
  .section-heading h2,
  .cta-panel h2,
  .cta-panel__title,
  .local-beyonds-section__heading h2,
  .local-beyonds-copy-block h2,
  .local-beyonds-cta h2,
  .realisations-mockups__heading h2,
  .realisations-page-routes__heading h2,
  .realisations-clean-cta h2,
  .magic-concepts__heading h2,
  .magic-asset-showcase__heading h2,
  .ww-blog-featured__copy h2,
  .ww-blog-group__head h2,
  .audit-split__copy h2,
  .audit-form-copy h2,
  .audit-trust__panel h2,
  .audit-intro-panel h2,
  .wordpress-split__copy h2,
  .wordpress-conversion__panel h2,
  .seo-geo-not__copy h2,
  .seo-geo-audit__panel h2,
  .seo-geo-schema__layout h2,
  .offres-detail__copy h2,
  .offres-audit__panel h2,
  .contact-form-copy h2,
  .legal-section-card h2,
  .legal-status-panel h2,
  .cv-next-heading h2,
  .cv-next-human__copy h2,
  .cv-next-benefit h2,
  .cv-next-split__copy h2,
  .cv-next-rdv__copy h2,
  .cv-next-form-copy h2,
  .cv-next-faq__copy h2,
  .ww-expertise-links__heading h2,
  .about-one-block h2,
  .magic-who__title,
  .magic-proof-layer__heading h2,
  .magic-work__heading h2,
  .magic-services__heading h2,
  .magic-local-links__heading h2,
  .magic-method__heading h2,
  .magic-faq__heading h2,
  .magic-partner-cloud__heading h2,
  .magic-final h2
) {
  font-size: clamp(2.35rem, 3.85vw, 3.6rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  margin-inline: auto !important;
  max-width: min(100%, 980px) !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  text-wrap: balance !important;
  white-space: normal !important;
  width: auto !important;
}

html body.site-page :where(
  .section-heading p,
  .hero-cloud__subtitle,
  .page-intro__text,
  .local-beyonds-section__heading p,
  .cv-next-heading > p:not(.cv-next-eyebrow),
  .ww-expertise-links__heading p,
  .realisations-mockups__heading p,
  .realisations-page-routes__heading p,
  .magic-work__heading p,
  .magic-proof-layer__heading p:not(.magic-section__kicker),
  .magic-services__heading p,
  .magic-local-links__heading p,
  .magic-method__heading p,
  .magic-faq__heading p,
  .magic-final__lead,
  .ww-blog-group__head p,
  .cta-panel p
) {
  display: block !important;
  margin-inline: auto !important;
  max-width: min(100%, 820px) !important;
  text-align: center !important;
  text-wrap: pretty !important;
  white-space: normal !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__heading h2 {
  max-width: min(100%, 860px) !important;
  white-space: nowrap !important;
}

@media (max-width: 920px) {
  html body.site-page :where(
    .hero-cloud__title.hero-title,
    .page-intro__title,
    .local-beyonds-hero h1,
    .ww-blog-hero h1,
    .ww-article-hero h1,
    .realisations-clean-hero h1,
    .cv-next-hero h1,
    .about-one-copy h1,
    .hero-simple h1
  ) {
    font-size: clamp(2.25rem, 8vw, 3.35rem) !important;
    line-height: 1.06 !important;
    max-width: min(100%, 760px) !important;
  }

  html body.site-page :where(
    .section-heading h2,
    .cta-panel h2,
    .cta-panel__title,
    .local-beyonds-section__heading h2,
    .local-beyonds-copy-block h2,
    .local-beyonds-cta h2,
    .realisations-mockups__heading h2,
    .realisations-page-routes__heading h2,
    .realisations-clean-cta h2,
    .magic-concepts__heading h2,
    .magic-asset-showcase__heading h2,
    .ww-blog-featured__copy h2,
    .ww-blog-group__head h2,
    .audit-split__copy h2,
    .audit-form-copy h2,
    .audit-trust__panel h2,
    .audit-intro-panel h2,
    .wordpress-split__copy h2,
    .wordpress-conversion__panel h2,
    .seo-geo-not__copy h2,
    .seo-geo-audit__panel h2,
    .seo-geo-schema__layout h2,
    .offres-detail__copy h2,
    .offres-audit__panel h2,
    .contact-form-copy h2,
    .legal-section-card h2,
    .legal-status-panel h2,
    .cv-next-heading h2,
    .cv-next-human__copy h2,
    .cv-next-benefit h2,
    .cv-next-split__copy h2,
    .cv-next-rdv__copy h2,
    .cv-next-form-copy h2,
    .cv-next-faq__copy h2,
    .ww-expertise-links__heading h2,
    .about-one-block h2,
    .magic-who__title,
    .magic-proof-layer__heading h2,
    .magic-work__heading h2,
    .magic-services__heading h2,
    .magic-local-links__heading h2,
    .magic-method__heading h2,
    .magic-faq__heading h2,
    .magic-partner-cloud__heading h2,
    .magic-final h2
  ) {
    font-size: clamp(2rem, 7.2vw, 2.7rem) !important;
    line-height: 1.08 !important;
    max-width: min(100%, 760px) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__heading h2 {
    white-space: normal !important;
  }
}

@media (max-width: 560px) {
  html body.site-page :where(
    .hero-cloud__title.hero-title,
    .page-intro__title,
    .local-beyonds-hero h1,
    .ww-blog-hero h1,
    .ww-article-hero h1,
    .realisations-clean-hero h1,
    .cv-next-hero h1,
    .about-one-copy h1,
    .hero-simple h1
  ) {
    font-size: clamp(2rem, 10.5vw, 2.85rem) !important;
    line-height: 1.08 !important;
    max-width: min(100%, 22rem) !important;
  }

  html body.site-page :where(
    .section-heading h2,
    .cta-panel h2,
    .cta-panel__title,
    .local-beyonds-section__heading h2,
    .local-beyonds-copy-block h2,
    .local-beyonds-cta h2,
    .realisations-mockups__heading h2,
    .realisations-page-routes__heading h2,
    .realisations-clean-cta h2,
    .magic-concepts__heading h2,
    .magic-asset-showcase__heading h2,
    .ww-blog-featured__copy h2,
    .ww-blog-group__head h2,
    .audit-split__copy h2,
    .audit-form-copy h2,
    .audit-trust__panel h2,
    .audit-intro-panel h2,
    .wordpress-split__copy h2,
    .wordpress-conversion__panel h2,
    .seo-geo-not__copy h2,
    .seo-geo-audit__panel h2,
    .seo-geo-schema__layout h2,
    .offres-detail__copy h2,
    .offres-audit__panel h2,
    .contact-form-copy h2,
    .legal-section-card h2,
    .legal-status-panel h2,
    .cv-next-heading h2,
    .cv-next-human__copy h2,
    .cv-next-benefit h2,
    .cv-next-split__copy h2,
    .cv-next-rdv__copy h2,
    .cv-next-form-copy h2,
    .cv-next-faq__copy h2,
    .ww-expertise-links__heading h2,
    .about-one-block h2,
    .magic-who__title,
    .magic-proof-layer__heading h2,
    .magic-work__heading h2,
    .magic-services__heading h2,
    .magic-local-links__heading h2,
    .magic-method__heading h2,
    .magic-faq__heading h2,
    .magic-partner-cloud__heading h2,
    .magic-final h2
  ) {
    font-size: clamp(1.75rem, 8.5vw, 2.18rem) !important;
    line-height: 1.09 !important;
    max-width: min(100%, 22rem) !important;
  }
}

/* Final title legibility pass: beat older narrow caps without changing copy. */
html body.site-page #magic-talk-panel.magic-talk-panel .magic-talk-panel__intro {
  max-width: min(100%, 24rem) !important;
  width: min(100%, 24rem) !important;
}

html body.site-page #magic-talk-panel.magic-talk-panel .magic-talk-panel__intro h2 {
  font-size: clamp(1.7rem, 2.15vw, 2.35rem) !important;
  line-height: 1.08 !important;
  max-width: min(100%, 23rem) !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 :is(
  .magic-proof-layer__heading,
  .ww-expertise-links__heading,
  .magic-services__heading,
  .magic-local-links__heading,
  .magic-method__heading,
  .magic-faq__heading,
  .magic-final__copy
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :is(
  .magic-proof-layer__heading,
  .ww-expertise-links__heading,
  .magic-services__heading,
  .magic-local-links__heading,
  .magic-method__heading,
  .magic-faq__heading,
  .magic-final__copy
) {
  max-width: min(100%, 980px) !important;
  width: min(100%, 980px) !important;
}

html body.site-page.page-home .magic-home-v3 :is(
  .magic-proof-layer__heading h2,
  .ww-expertise-links__heading h2,
  .magic-services__heading h2,
  .magic-local-links__heading h2,
  .magic-method__heading h2,
  .magic-faq__heading h2,
  .magic-final h2
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :is(
  .magic-proof-layer__heading h2,
  .ww-expertise-links__heading h2,
  .magic-services__heading h2,
  .magic-local-links__heading h2,
  .magic-method__heading h2,
  .magic-faq__heading h2,
  .magic-final h2
) {
  font-size: clamp(2.35rem, 3.85vw, 3.6rem) !important;
  line-height: 1.05 !important;
  max-width: min(100%, 940px) !important;
  width: 100% !important;
}

html body.site-page:not(.magic-scroll-active):is(
  .page-audit-gratuit,
  .page-creation-site-wordpress,
  .page-refonte-site-wordpress,
  .page-seo-geo,
  .page-ia-automatisations,
  .page-offres,
  .page-services,
  .page-contact,
  .page-a-propos,
  .page-realisations
) .hero-cloud__content {
  max-width: min(100%, 1040px) !important;
  width: min(100%, 1040px) !important;
}

html body.site-page:not(.magic-scroll-active):is(
  .page-audit-gratuit,
  .page-creation-site-wordpress,
  .page-refonte-site-wordpress,
  .page-seo-geo,
  .page-ia-automatisations,
  .page-offres,
  .page-services,
  .page-contact,
  .page-a-propos,
  .page-realisations
) .hero-cloud__title.hero-title {
  font-size: clamp(2.35rem, 4.15vw, 4.5rem) !important;
  line-height: 1.05 !important;
  max-width: min(100%, 1080px) !important;
  width: 100% !important;
}

html body.site-page.page-coachvisible .coachvisible-next :is(.cv-next-split__copy h2, .cv-next-heading h2),
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next :is(.cv-next-split__copy h2, .cv-next-heading h2) {
  font-size: clamp(2rem, 3.35vw, 3.15rem) !important;
  line-height: 1.08 !important;
  max-width: min(100%, 920px) !important;
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-v3 :is(
    .magic-proof-layer__heading,
    .ww-expertise-links__heading,
    .magic-services__heading,
    .magic-local-links__heading,
    .magic-method__heading,
    .magic-faq__heading,
    .magic-final__copy
  ),
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 :is(
    .magic-proof-layer__heading,
    .ww-expertise-links__heading,
    .magic-services__heading,
    .magic-local-links__heading,
    .magic-method__heading,
    .magic-faq__heading,
    .magic-final__copy
  ) {
    width: min(100%, 22rem) !important;
  }

  html body.site-page:not(.magic-scroll-active):is(
    .page-audit-gratuit,
    .page-creation-site-wordpress,
    .page-refonte-site-wordpress,
    .page-seo-geo,
    .page-ia-automatisations,
    .page-offres,
    .page-services,
    .page-contact,
    .page-a-propos,
    .page-realisations
  ) .hero-cloud__title.hero-title {
    font-size: clamp(1.65rem, 6.8vw, 2.15rem) !important;
    line-height: 1.1 !important;
    max-width: min(100%, 22rem) !important;
  }
}

/* CoachVisible title rhythm: avoid narrow word-stacking in the hero and contact popup. */
html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero > .container,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero__grid,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero > .container,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero__grid {
  max-width: min(100%, calc(100vw - 36px), 58rem) !important;
  width: min(100%, calc(100vw - 36px), 58rem) !important;
}

html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero__copy,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero__copy {
  max-width: min(100%, 58rem) !important;
  width: 100% !important;
}

html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero h1,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero h1 {
  font-size: clamp(2rem, 3vw, 2.65rem) !important;
  line-height: 1.07 !important;
  max-width: min(100%, 58rem) !important;
  text-wrap: balance !important;
}

@media (max-width: 560px) {
  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero > .container,
  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero__grid,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero > .container,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero__grid,
  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero__copy,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero__copy {
    max-width: min(100%, calc(100vw - 32px)) !important;
    width: min(100%, calc(100vw - 32px)) !important;
  }

  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero h1,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero h1 {
    font-size: clamp(1.7rem, 7.6vw, 2.15rem) !important;
    max-width: min(100%, 22rem) !important;
  }
}

/* CoachVisible CTA polish: softer spacing and title-colored button text. */
html body.site-page.page-coachvisible .coachvisible-next,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next {
  --cv-cta-ink: #143b44;
}

html body.site-page.page-coachvisible .coachvisible-next .cv-next-actions,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-actions {
  align-items: center !important;
  column-gap: clamp(1rem, 2.2vw, 1.35rem) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  row-gap: clamp(1rem, 2.2vw, 1.35rem) !important;
}

html body.site-page.page-coachvisible .coachvisible-next :where(.btn, .cv-next-form button, .cv-next-local-stats__cta, .cv-next-maquette-card__actions a),
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next :where(.btn, .cv-next-form button, .cv-next-local-stats__cta, .cv-next-maquette-card__actions a) {
  color: var(--cv-cta-ink) !important;
  font-family: var(--font-sans, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: var(--cv-cta-ink) !important;
}

html body.site-page.page-coachvisible .coachvisible-next .btn,
html body.site-page.page-coachvisible .coachvisible-next .btn.btn-primary,
html body.site-page.page-coachvisible .coachvisible-next .btn.btn-secondary,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-actions .btn.btn-secondary,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-form button,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-local-stats__cta,
html body.site-page.page-coachvisible .coachvisible-next .cv-next-maquette-card__actions a,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .btn,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .btn.btn-primary,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .btn.btn-secondary,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-actions .btn.btn-secondary,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-form button,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-local-stats__cta,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-maquette-card__actions a {
  color: var(--cv-cta-ink) !important;
  font-family: var(--font-sans, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: var(--cv-cta-ink) !important;
}

html body.site-page.page-coachvisible .coachvisible-next .cv-next-actions > .btn,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-actions > .btn {
  font-size: clamp(1rem, 1.25vw, 1.12rem) !important;
  min-height: 3.65rem !important;
  padding: 0.95rem clamp(1.35rem, 3vw, 2.2rem) !important;
}

@media (max-width: 760px) {
  html body.site-page.page-coachvisible .coachvisible-next .cv-next-actions,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-actions {
    display: grid !important;
    gap: 1.05rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
    max-width: min(100%, 23rem) !important;
  }

html body.site-page.page-coachvisible .coachvisible-next .cv-next-actions > .btn,
html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-actions > .btn {
    font-size: clamp(0.98rem, 4vw, 1.06rem) !important;
    min-height: 3.75rem !important;
    padding: 0.92rem 1.2rem !important;
  }
}

/* Homepage final harmony pass: compact header, dark readable blocks, human labels. */
html body.site-page.page-home .magic-header,
html body.site-page.page-home.magic-scroll-active .magic-header {
  align-items: center !important;
  background:
    linear-gradient(135deg, rgba(3, 7, 17, 0.94), rgba(7, 17, 31, 0.9)) !important;
  border: 1px solid rgba(101, 216, 255, 0.16) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24) !important;
  display: flex !important;
  gap: clamp(10px, 1.5vw, 18px) !important;
  justify-content: space-between !important;
  left: clamp(12px, 2.2vw, 28px) !important;
  padding: clamp(8px, 1vw, 12px) clamp(10px, 1.4vw, 16px) !important;
  right: clamp(12px, 2.2vw, 28px) !important;
  top: clamp(10px, 1.4vw, 16px) !important;
}

html body.site-page.page-home .magic-header__left,
html body.site-page.page-home.magic-scroll-active .magic-header__left,
html body.site-page.page-home .magic-header__right,
html body.site-page.page-home.magic-scroll-active .magic-header__right {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

html body.site-page.page-home .magic-header__left,
html body.site-page.page-home.magic-scroll-active .magic-header__left {
  gap: clamp(8px, 1.1vw, 14px) !important;
}

html body.site-page.page-home .magic-menu-btn,
html body.site-page.page-home .magic-talk,
html body.site-page.page-home.magic-scroll-active .magic-menu-btn,
html body.site-page.page-home.magic-scroll-active .magic-talk {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: clamp(0.86rem, 0.92vw, 1rem) !important;
  font-weight: 850 !important;
  height: 48px !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  max-width: none !important;
  min-height: 48px !important;
  min-width: 0 !important;
  padding: 0 clamp(18px, 2.2vw, 30px) !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  width: auto !important;
}

html body.site-page.page-home .magic-talk,
html body.site-page.page-home.magic-scroll-active .magic-talk {
  animation: wwHomeGradientFlow 5.6s ease infinite, wwHomeButtonPulse 4.8s ease-in-out infinite !important;
  background: linear-gradient(135deg, #65d8ff 0%, #19f5ba 48%, #09bfe3 100%) !important;
  background-size: 210% 210% !important;
  border: 1px solid rgba(25, 245, 186, 0.52) !important;
  color: #06111e !important;
  min-width: clamp(9rem, 13vw, 12rem) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #06111e !important;
}

html body.site-page.page-home .magic-menu-btn,
html body.site-page.page-home.magic-scroll-active .magic-menu-btn {
  background: rgba(247, 251, 255, 0.08) !important;
  border: 1px solid rgba(226, 238, 255, 0.22) !important;
  color: #f7fbff !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-who,
  .magic-proof-layer,
  .magic-services,
  .magic-offers-entry,
  .magic-work--maquettes,
  .magic-method,
  .magic-faq,
  .magic-final
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-who,
  .magic-proof-layer,
  .magic-services,
  .magic-offers-entry,
  .magic-work--maquettes,
  .magic-method,
  .magic-faq,
  .magic-final
) {
  background:
    radial-gradient(circle at 18% 12%, rgba(101, 216, 255, 0.12), transparent 30rem),
    radial-gradient(circle at 84% 58%, rgba(25, 245, 186, 0.1), transparent 32rem),
    linear-gradient(180deg, #030711 0%, #07111f 54%, #030711 100%) !important;
  color: #f7fbff !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-service-card,
  .magic-who-card,
  .magic-proof-card,
  .magic-method-card,
  .magic-faq__item,
  .magic-work-card
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-service-card,
  .magic-who-card,
  .magic-proof-card,
  .magic-method-card,
  .magic-faq__item,
  .magic-work-card
) {
  background:
    radial-gradient(circle at 16% 0%, rgba(101, 216, 255, 0.12), transparent 18rem),
    linear-gradient(180deg, rgba(10, 18, 33, 0.96), rgba(3, 7, 17, 0.99)) !important;
  border: 1px solid rgba(174, 229, 255, 0.22) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  color: #f7fbff !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-service-card h3,
  .magic-who-card h3,
  .magic-proof-card h3,
  .magic-method-card h3,
  .magic-faq__item summary,
  .magic-work-card h3,
  .magic-work__heading h2,
  .magic-faq__heading h2
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-service-card h3,
  .magic-who-card h3,
  .magic-proof-card h3,
  .magic-method-card h3,
  .magic-faq__item summary,
  .magic-work-card h3,
  .magic-work__heading h2,
  .magic-faq__heading h2
) {
  color: #f7fbff !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.28) !important;
  -webkit-text-fill-color: #f7fbff !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-service-card p,
  .magic-who-card p,
  .magic-proof-card p,
  .magic-method-card p,
  .magic-faq__item p,
  .magic-work-card p,
  .magic-work__heading p,
  .magic-faq__heading p
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-service-card p,
  .magic-who-card p,
  .magic-proof-card p,
  .magic-method-card p,
  .magic-faq__item p,
  .magic-work-card p,
  .magic-work__heading p,
  .magic-faq__heading p
) {
  color: rgba(226, 238, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(226, 238, 255, 0.78) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card {
  border-radius: 18px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(20px, 2.6vw, 34px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes {
  scroll-margin-top: calc(var(--magic-header-h, 84px) + 28px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__sticky,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__sticky {
  padding-top: calc(var(--magic-header-h, 84px) + clamp(34px, 4vw, 54px)) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__type,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__type {
  animation: none !important;
  background: rgba(101, 216, 255, 0.1) !important;
  border: 1px solid rgba(101, 216, 255, 0.22) !important;
  border-radius: 999px !important;
  color: #65d8ff !important;
  display: inline-flex !important;
  font-size: clamp(0.76rem, 0.9vw, 0.9rem) !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding: 0.55rem 0.72rem !important;
  text-transform: none !important;
  -webkit-text-fill-color: #65d8ff !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card h3,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card h3 {
  font-size: clamp(1.75rem, 2.45vw, 2.35rem) !important;
  line-height: 1.03 !important;
  max-width: min(100%, 13ch) !important;
  text-wrap: balance !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card > img,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card > img {
  aspect-ratio: 16 / 10 !important;
  background:
    linear-gradient(180deg, rgba(247, 251, 255, 0.08), rgba(101, 216, 255, 0.08)),
    #06111e !important;
  border: 1px solid rgba(174, 229, 255, 0.2) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), 0 0 0 8px rgba(101, 216, 255, 0.04) !important;
  filter: saturate(1.02) contrast(0.98) brightness(0.92) !important;
  height: auto !important;
  justify-self: stretch !important;
  max-height: 136px !important;
  object-fit: cover !important;
  object-position: top center !important;
  order: 1 !important;
  padding: 4px !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__body {
  align-content: start !important;
  align-self: start !important;
  display: grid !important;
  gap: clamp(10px, 1.2vw, 14px) !important;
  height: auto !important;
  justify-items: center !important;
  min-height: 0 !important;
  order: 2 !important;
  text-align: center !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body .magic-work-card__type,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__body .magic-work-card__type {
  order: 1 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body h3,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__body h3 {
  order: 2 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body > p,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__body > p {
  -webkit-line-clamp: 2 !important;
  max-width: min(100%, 24rem) !important;
  order: 3 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__actions,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__actions {
  align-self: start !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
  margin-top: clamp(4px, 0.8vw, 10px) !important;
  order: 4 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__action,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__action {
  font-size: clamp(0.82rem, 0.9vw, 0.94rem) !important;
  min-height: 52px !important;
  padding-inline: 12px !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work-card__action--primary,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work-card__action--primary {
  min-width: clamp(10.5rem, 14vw, 13rem) !important;
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-header,
  html body.site-page.page-home.magic-scroll-active .magic-header {
    display: grid !important;
    grid-template-columns: auto minmax(0, auto) !important;
    justify-content: space-between !important;
  }

  html body.site-page.page-home .magic-header__right,
  html body.site-page.page-home.magic-scroll-active .magic-header__right {
    justify-content: end !important;
  }

  html body.site-page.page-home .magic-menu-btn,
  html body.site-page.page-home .magic-talk,
  html body.site-page.page-home.magic-scroll-active .magic-menu-btn,
  html body.site-page.page-home.magic-scroll-active .magic-talk {
    height: 44px !important;
    min-height: 44px !important;
    padding-inline: clamp(12px, 3.5vw, 18px) !important;
  }

  html body.site-page.page-home .magic-talk,
  html body.site-page.page-home.magic-scroll-active .magic-talk {
    min-width: 0 !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card h3,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card h3 {
    font-size: clamp(1.8rem, 8.5vw, 2.45rem) !important;
    max-width: min(100%, 14ch) !important;
  }
}

/* Maquette cards: compact hierarchy after final visual pass. */
html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work__rail,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work__rail {
  align-items: start !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card,
html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card.is-active,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card.is-active {
  align-content: start !important;
  align-items: start !important;
  gap: clamp(10px, 1.2vw, 16px) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(14px, 1.8vw, 22px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card > img,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card > img {
  max-height: clamp(96px, 10vw, 118px) !important;
  order: 1 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__body {
  align-content: start !important;
  align-self: start !important;
  gap: clamp(7px, 0.85vw, 10px) !important;
  height: auto !important;
  min-height: 0 !important;
  order: 2 !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__type,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__type {
  font-size: clamp(0.68rem, 0.72vw, 0.78rem) !important;
  padding: 0.42rem 0.58rem !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card h3,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card h3,
html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body h3,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__body h3 {
  font-size: clamp(1.18rem, 1.35vw, 1.5rem) !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  max-width: min(100%, 19rem) !important;
  order: 2 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body > p,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__body > p {
  -webkit-line-clamp: 2 !important;
  font-size: clamp(0.82rem, 0.9vw, 0.94rem) !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  max-width: min(100%, 21rem) !important;
  order: 3 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__actions,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__actions {
  gap: 8px !important;
  margin-top: 4px !important;
  order: 4 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__action,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__action {
  font-size: clamp(0.78rem, 0.78vw, 0.86rem) !important;
  min-height: 42px !important;
  padding-inline: 10px !important;
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card h3,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card h3,
  html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body h3,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__body h3 {
    font-size: clamp(1.12rem, 5.2vw, 1.42rem) !important;
    max-width: min(100%, 17rem) !important;
  }
}

/* Proof layer: light readable section, dark final recap preserved. */
html body.site-page.page-home .magic-home-v3 .magic-proof-layer,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer {
  background:
    linear-gradient(rgba(101, 216, 255, 0.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(101, 216, 255, 0.11) 1px, transparent 1px),
    radial-gradient(circle at 18% 8%, rgba(101, 216, 255, 0.22), transparent 26rem),
    linear-gradient(180deg, #f7fbff 0%, #edf4f8 58%, #f8fbfd 100%) !important;
  background-size: 88px 88px, 88px 88px, auto, auto !important;
  color: #06111e !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-layer__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__heading h2 {
  color: #06111e !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #06111e !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-layer__heading p:not(.magic-section__kicker),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__heading p:not(.magic-section__kicker) {
  color: rgba(6, 17, 30, 0.68) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: rgba(6, 17, 30, 0.68) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-layer .magic-section__kicker,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer .magic-section__kicker {
  color: #0796aa !important;
  -webkit-text-fill-color: #0796aa !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-card,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-card {
  background:
    radial-gradient(circle at 12% 0%, rgba(101, 216, 255, 0.15), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(233, 242, 248, 0.96)) !important;
  border: 1px solid rgba(7, 150, 170, 0.18) !important;
  box-shadow: 0 22px 60px rgba(9, 28, 44, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  color: #06111e !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-card span,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-card span {
  color: #0796aa !important;
  -webkit-text-fill-color: #0796aa !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-card strong,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-card strong {
  color: #06111e !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #06111e !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-card p,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-card p {
  color: rgba(6, 17, 30, 0.66) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: rgba(6, 17, 30, 0.66) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-card em,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-card em {
  color: rgba(6, 17, 30, 0.48) !important;
  -webkit-text-fill-color: rgba(6, 17, 30, 0.48) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-layer__ledger,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__ledger {
  background:
    radial-gradient(circle at 88% 44%, rgba(25, 245, 186, 0.13), transparent 19rem),
    radial-gradient(circle at 16% 16%, rgba(101, 216, 255, 0.12), transparent 18rem),
    linear-gradient(180deg, rgba(4, 27, 40, 0.98), rgba(3, 18, 31, 0.99)) !important;
  border: 1px solid rgba(101, 216, 255, 0.16) !important;
  color: #f7fbff !important;
  margin-top: clamp(48px, 5.2vw, 76px) !important;
  padding-top: clamp(54px, 5.2vw, 72px) !important;
  padding-bottom: clamp(54px, 5.2vw, 72px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-layer__ledger h3,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__ledger h3,
html body.site-page.page-home .magic-home-v3 .magic-proof-layer__ledger li,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__ledger li {
  color: #f7fbff !important;
  -webkit-text-fill-color: #f7fbff !important;
}

html body.site-page.page-home .magic-home-v3 .magic-proof-layer__ledger p:not(.magic-proof-layer__eyebrow),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__ledger p:not(.magic-proof-layer__eyebrow) {
  color: rgba(226, 238, 255, 0.64) !important;
  -webkit-text-fill-color: rgba(226, 238, 255, 0.64) !important;
}

/* Full-screen overlay navigation inspired by the supplied panel menu. */
body.site-page {
  --ww-menu-page-start: #06111e;
  --ww-menu-page-end: #08314d;
  --ww-menu-page-accent: #65d8ff;
  --ww-menu-page-soft: rgba(101, 216, 255, 0.18);
  --ww-menu-button-bg: rgba(255, 255, 255, 0.94);
  --ww-menu-button-border: rgba(6, 17, 30, 0.12);
  --ww-menu-button-ink: #06111e;
}

body.page-home {
  --ww-menu-page-start: #06111e;
  --ww-menu-page-end: #0b5276;
  --ww-menu-page-accent: #65d8ff;
  --ww-menu-page-soft: rgba(25, 245, 186, 0.2);
}

body.page-coachvisible,
body.page-local-city-clone {
  --ww-menu-page-start: #041d26;
  --ww-menu-page-end: #064657;
  --ww-menu-page-accent: #09b7bd;
  --ww-menu-page-soft: rgba(38, 194, 255, 0.18);
}

body.page-services,
body.page-creation-site-wordpress,
body.page-wordpress-service,
body.page-refonte-site-wordpress,
body.page-agence-wordpress-paris,
body.page-agence-shopify-paris,
body.page-agence-prestashop-paris,
body.page-agence-webflow-paris,
body.page-developpement-html-css-paris,
body.page-creation-site-vitrine-paris,
body.page-creation-landing-page-paris,
body.page-creation-application-web-mobile-paris {
  --ww-menu-page-start: #061432;
  --ww-menu-page-end: #123d89;
  --ww-menu-page-accent: #7fdcff;
  --ww-menu-page-soft: rgba(20, 92, 255, 0.24);
}

body.page-agence-seo-local-paris,
body.page-seo-geo {
  --ww-menu-page-start: #071a22;
  --ww-menu-page-end: #0b594d;
  --ww-menu-page-accent: #35e0bd;
  --ww-menu-page-soft: rgba(53, 224, 189, 0.18);
}

body.page-ia-automatisations,
body.page-automatisation-ia-crm-paris {
  --ww-menu-page-start: #101727;
  --ww-menu-page-end: #31415f;
  --ww-menu-page-accent: #ffb66e;
  --ww-menu-page-soft: rgba(255, 182, 110, 0.18);
}

body.page-realisations,
body.page-lab {
  --ww-menu-page-start: #090f1f;
  --ww-menu-page-end: #26374d;
  --ww-menu-page-accent: #ffd65c;
  --ww-menu-page-soft: rgba(255, 214, 92, 0.16);
}

body.page-audit-gratuit,
body.page-contact {
  --ww-menu-page-start: #08201b;
  --ww-menu-page-end: #0e5b50;
  --ww-menu-page-accent: #35e0bd;
  --ww-menu-page-soft: rgba(53, 224, 189, 0.18);
}

body.magic-menu-open .magic-header {
  z-index: calc(var(--z-cookie, 400) + 20) !important;
}

body.magic-menu-open .magic-talk {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
}

body.site-page .magic-menu-btn.open-overlay {
  align-items: center !important;
  background:
    linear-gradient(180deg, var(--ww-menu-button-bg), rgba(241, 249, 255, 0.88)) !important;
  border: 1px solid var(--ww-menu-button-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(6, 17, 30, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  color: var(--ww-menu-button-ink) !important;
  display: inline-grid !important;
  height: clamp(52px, 4.4vw, 68px) !important;
  justify-content: center !important;
  min-height: clamp(52px, 4.4vw, 68px) !important;
  min-width: clamp(52px, 4.4vw, 68px) !important;
  padding: 0 !important;
  place-items: center !important;
  width: clamp(52px, 4.4vw, 68px) !important;
}

body.page-coachvisible .magic-menu-btn.open-overlay,
body.page-local-city-clone .magic-menu-btn.open-overlay {
  --ww-menu-button-border: rgba(9, 183, 189, 0.28);
  --ww-menu-button-ink: #05313a;
}

body.site-page .magic-menu-btn__bars {
  display: grid;
  gap: 7px;
  width: 28px;
}

body.site-page .magic-menu-btn__bars > span {
  background: currentColor;
  border-radius: 999px;
  display: block;
  height: 2px;
  transform-origin: center;
  width: 100%;
}

body.site-page .magic-menu-btn__bars > .animate-top-bar {
  animation: animate-top-bar 340ms ease both;
}

body.site-page .magic-menu-btn__bars > .animate-middle-bar {
  animation: animate-middle-bar 240ms ease both;
}

body.site-page .magic-menu-btn__bars > .animate-bottom-bar {
  animation: animate-bottom-bar 340ms ease both;
}

body.site-page .magic-menu-btn__bars > .animate-out-top-bar {
  animation: animate-out-top-bar 300ms ease both;
}

body.site-page .magic-menu-btn__bars > .animate-out-middle-bar {
  animation: animate-out-middle-bar 240ms ease both;
}

body.site-page .magic-menu-btn__bars > .animate-out-bottom-bar {
  animation: animate-out-bottom-bar 300ms ease both;
}

@keyframes animate-top-bar {
  from {
    transform: translateY(0) rotate(0deg);
  }
  to {
    transform: translateY(9px) rotate(45deg);
  }
}

@keyframes animate-middle-bar {
  from {
    opacity: 1;
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    transform: scaleX(0.35);
  }
}

@keyframes animate-bottom-bar {
  from {
    transform: translateY(0) rotate(0deg);
  }
  to {
    transform: translateY(-9px) rotate(-45deg);
  }
}

@keyframes animate-out-top-bar {
  from {
    transform: translateY(9px) rotate(45deg);
  }
  to {
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes animate-out-middle-bar {
  from {
    opacity: 0;
    transform: scaleX(0.35);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes animate-out-bottom-bar {
  from {
    transform: translateY(-9px) rotate(-45deg);
  }
  to {
    transform: translateY(0) rotate(0deg);
  }
}

html body.site-page .magic-menu-overlay {
  align-items: stretch !important;
  background:
    linear-gradient(135deg, var(--ww-menu-page-start), var(--ww-menu-page-end)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-areas: "nav" !important;
  grid-template-columns: 1fr !important;
  height: 100vh !important;
  height: 100dvh !important;
  inset: 0 !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 100vh !important;
  opacity: 1 !important;
  overflow: hidden !important;
  padding: 0 !important;
  pointer-events: none !important;
  transform: translateY(-100%) !important;
  transition:
    transform 440ms cubic-bezier(0.2, 0.8, 0.2, 1),
    visibility 440ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  visibility: hidden !important;
  width: 100vw !important;
  z-index: calc(var(--z-cookie, 400) + 10) !important;
}

html body.site-page .magic-menu-overlay::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
  content: "" !important;
  inset: 0 !important;
  opacity: 0.26 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 1 !important;
}

html body.site-page .magic-menu-overlay::after {
  background:
    linear-gradient(90deg, transparent, var(--ww-menu-page-soft), transparent) !important;
  bottom: auto !important;
  content: "" !important;
  height: 1px !important;
  left: 0 !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 0 !important;
  top: calc(var(--magic-header-h, 84px) + 20px) !important;
  width: auto !important;
  z-index: 2 !important;
}

html body.site-page .magic-menu-overlay.overlay-active,
html body.site-page .magic-menu-overlay.overlay-slide-down,
html body.site-page .magic-menu-overlay.is-open,
html body.site-page .magic-menu-overlay[aria-hidden="false"],
html body.site-page .magic-menu-overlay.is-menu-visible {
  pointer-events: auto !important;
  transform: translateY(0) !important;
  visibility: visible !important;
}

html body.site-page .magic-menu-overlay.overlay-slide-up:not(.is-open) {
  pointer-events: none !important;
  transform: translateY(-100%) !important;
  visibility: visible !important;
}

html body.site-page .magic-menu-overlay__close {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 0.9rem !important;
  font-weight: 850 !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 0 13px 0 16px !important;
  position: fixed !important;
  right: clamp(14px, 2vw, 28px) !important;
  top: clamp(14px, 2vw, 24px) !important;
  z-index: 4 !important;
}

html body.site-page .magic-menu-overlay__close-icon,
html body.site-page .magic-menu-overlay__close-icon::before,
html body.site-page .magic-menu-overlay__close-icon::after {
  background: transparent !important;
}

html body.site-page .magic-menu-overlay__close-icon {
  display: block !important;
  height: 18px !important;
  position: relative !important;
  width: 18px !important;
}

html body.site-page .magic-menu-overlay__close-icon::before,
html body.site-page .magic-menu-overlay__close-icon::after {
  background: currentColor !important;
  content: "" !important;
  height: 2px !important;
  left: 50% !important;
  position: absolute !important;
  top: 50% !important;
  transform-origin: center !important;
  width: 18px !important;
}

html body.site-page .magic-menu-overlay__close-icon::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

html body.site-page .magic-menu-overlay__close-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

html body.site-page .magic-menu-overlay__nav {
  display: grid !important;
  gap: 0 !important;
  grid-area: nav !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  height: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
  z-index: 2 !important;
}

html body.site-page .magic-menu-overlay__nav a {
  --panel-bg: linear-gradient(180deg, #07172a, #0b5f86);
  --panel-line: rgba(255, 255, 255, 0.68);
  --panel-photo: url("/assets/images/menu-backgrounds/menu-home-photo.jpg");
  --panel-text: #ffffff;
  align-items: center !important;
  background:
    linear-gradient(180deg, rgba(3, 7, 12, 0.18) 0%, rgba(3, 7, 12, 0.54) 52%, rgba(3, 7, 12, 0.9) 100%),
    var(--panel-photo),
    var(--panel-bg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--panel-text) !important;
  display: flex !important;
  flex-direction: column !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  gap: 14px !important;
  height: 100% !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  max-width: none !important;
  min-height: 100% !important;
  opacity: 1 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  padding: calc(var(--magic-header-h, 84px) + 24px) 14px 92px !important;
  position: relative !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.72) !important;
  text-transform: uppercase !important;
  transform: translateY(-100%) !important;
  transition:
    transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    filter 180ms ease,
    background 180ms ease !important;
  transition-delay: var(--menu-out-delay, 0ms) !important;
  visibility: visible !important;
  width: 100% !important;
}

html body.site-page .magic-menu-overlay__nav a:first-child {
  border-left: 0 !important;
}

html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__nav a,
html body.site-page .magic-menu-overlay.overlay-slide-down .magic-menu-overlay__nav a,
html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__nav a,
html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__nav a,
html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__nav a,
html body.site-page .magic-menu-overlay__nav a.is-menu-link-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: var(--menu-delay, 120ms) !important;
}

html body.site-page .magic-menu-overlay.overlay-slide-up:not(.is-open) .magic-menu-overlay__nav a {
  transform: translateY(-100%) !important;
  transition-delay: var(--menu-out-delay, 0ms) !important;
}

html body.site-page .magic-menu-overlay__nav a::before {
  background: var(--panel-line) !important;
  border: 0 !important;
  border-radius: 999px !important;
  content: "" !important;
  display: block !important;
  height: 2px !important;
  left: auto !important;
  opacity: 0.62 !important;
  position: static !important;
  top: auto !important;
  transform: translateX(-120%) !important;
  transition:
    opacity 200ms ease,
    transform 220ms ease,
    width 220ms ease !important;
  width: 58px !important;
  z-index: 1 !important;
}

html body.site-page .magic-menu-overlay__nav a::after {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  content: attr(data-content) !important;
  display: block !important;
  flex: 0 1 auto !important;
  font-size: 0.82rem !important;
  font-style: normal !important;
  font-weight: 520 !important;
  height: auto !important;
  letter-spacing: 0 !important;
  line-height: 1.38 !important;
  margin: 0 !important;
  max-width: 13rem !important;
  opacity: 0.78 !important;
  position: static !important;
  text-transform: none !important;
  transform: translateY(8px) !important;
  transition:
    opacity 200ms ease,
    transform 220ms ease !important;
  width: auto !important;
}

html body.site-page .magic-menu-overlay__nav a:hover,
html body.site-page .magic-menu-overlay__nav a:focus-visible {
  filter: saturate(1.08) brightness(1.07) !important;
  transform: translateY(0) scale(1.015) !important;
}

html body.site-page .magic-menu-overlay__nav a.is-active,
html body.site-page .magic-menu-overlay__nav a[aria-current="page"] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.28) !important;
  filter: saturate(1.05) brightness(1.04) !important;
}

html body.site-page .magic-menu-overlay__nav a:hover::before,
html body.site-page .magic-menu-overlay__nav a:focus-visible::before,
html body.site-page .magic-menu-overlay__nav a.is-active::before,
html body.site-page .magic-menu-overlay__nav a[aria-current="page"]::before {
  opacity: 1 !important;
  transform: translateX(0) !important;
  width: 70px !important;
}

html body.site-page .magic-menu-overlay__nav a:hover::after,
html body.site-page .magic-menu-overlay__nav a:focus-visible::after {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

html body.site-page .magic-menu-overlay__nav a[data-menu-theme="home"] {
  --panel-bg: linear-gradient(180deg, #06111e 0%, #0b5f86 100%);
  --panel-line: #65d8ff;
  --panel-photo: url("/assets/images/menu-backgrounds/menu-home-photo.jpg");
}

html body.site-page .magic-menu-overlay__nav a[data-menu-theme="coachvisible"] {
  --panel-bg: linear-gradient(180deg, #041d26 0%, #058fb4 52%, #09b7bd 100%);
  --panel-line: #bff7ff;
  --panel-photo: url("/assets/images/menu-backgrounds/menu-coachvisible-photo.jpg");
}

html body.site-page .magic-menu-overlay__nav a[data-menu-theme="services"] {
  --panel-bg: linear-gradient(180deg, #061432 0%, #145cff 100%);
  --panel-line: #a8e8ff;
  --panel-photo: url("/assets/images/menu-backgrounds/menu-services-photo.jpg");
}

html body.site-page .magic-menu-overlay__nav a[data-menu-theme="realisations"] {
  --panel-bg: linear-gradient(180deg, #0b1223 0%, #3d536a 100%);
  --panel-line: #d7edf8;
  --panel-photo: url("/assets/images/menu-backgrounds/menu-realisations-photo.jpg");
}

html body.site-page .magic-menu-overlay__nav a[data-menu-theme="articles"] {
  --panel-bg: linear-gradient(180deg, #07182a 0%, #0b6b80 100%);
  --panel-line: #9cefff;
  --panel-photo: url("/assets/img/magic/work-seo.jpg");
}

html body.site-page .magic-menu-overlay__nav a[data-menu-theme="arcade"] {
  --panel-bg: linear-gradient(180deg, #070914 0%, #1822a0 52%, #f0b429 100%);
  --panel-line: #f8dc65;
  --panel-photo: url("/assets/images/menu-backgrounds/menu-arcade-photo.jpg");
}

html body.site-page .magic-menu-overlay__nav a[data-menu-theme="audit"] {
  --panel-bg: linear-gradient(180deg, #08201b 0%, #0f8b5f 100%);
  --panel-line: #adffe3;
  --panel-photo: url("/assets/images/menu-backgrounds/menu-audit-photo.jpg");
}

html body.site-page .magic-menu-overlay__nav a[data-menu-theme="contact"] {
  --panel-bg: linear-gradient(180deg, #111827 0%, #6d4c2f 100%);
  --panel-line: #ffcf8a;
  --panel-photo: url("/assets/images/menu-backgrounds/menu-contact-photo.jpg");
}

html body.site-page .magic-menu-overlay__side {
  align-content: start !important;
  align-self: auto !important;
  background: rgba(3, 8, 16, 0.68) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 64px rgba(0, 0, 0, 0.28) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  display: grid !important;
  gap: 12px !important;
  grid-area: auto !important;
  height: auto !important;
  inset: auto clamp(16px, 2.4vw, 34px) clamp(16px, 2.4vw, 34px) auto !important;
  justify-self: auto !important;
  max-height: min(280px, calc(100vh - var(--magic-header-h, 84px) - 48px)) !important;
  max-width: min(360px, calc(100vw - 32px)) !important;
  min-height: 0 !important;
  opacity: 0 !important;
  overflow: auto !important;
  padding: 14px !important;
  position: fixed !important;
  transform: translateY(14px) !important;
  transition:
    opacity 240ms ease 420ms,
    transform 260ms ease 420ms !important;
  width: min(360px, calc(100vw - 32px)) !important;
  z-index: 3 !important;
}

html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__side,
html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__side,
html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__side,
html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__side {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

html body.site-page .magic-menu-overlay__brand-split {
  display: none !important;
}

html body.site-page .magic-menu-overlay__cta {
  background: linear-gradient(135deg, var(--ww-menu-page-accent), #ffffff) !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #06111e !important;
  font-size: 0.92rem !important;
  font-weight: 900 !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  width: 100% !important;
}

html body.page-coachvisible .magic-menu-overlay__cta,
html body.page-local-city-clone .magic-menu-overlay__cta {
  background: linear-gradient(135deg, #26c2ff 0%, #09b7bd 100%) !important;
  color: #ffffff !important;
}

html body.site-page .magic-menu-overlay__contact {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: grid !important;
  gap: 5px !important;
  padding: 0 !important;
}

html body.site-page .magic-menu-overlay__contact a {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 0.86rem !important;
  min-height: 22px !important;
  text-decoration-color: rgba(255, 255, 255, 0.36) !important;
}

html body.site-page .magic-menu-overlay__eyebrow {
  color: rgba(255, 255, 255, 0.62) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media (min-width: 1180px) {
  html body.site-page .magic-menu-overlay__nav a {
    font-size: 1.08rem !important;
  }
}

@media (max-width: 980px) {
  html body.site-page .magic-menu-overlay {
    --magic-mobile-overlay-top: max(var(--magic-header-h, 72px), 72px);
    --magic-pull-menu-x: 0px;
    --magic-pull-menu-progress: 1;
    --magic-pull-photo: url("/assets/images/menu-backgrounds/menu-home-photo.jpg");
    background: #353541 !important;
    display: block !important;
    grid-template-areas: "nav" !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.34) !important;
    inset: var(--magic-mobile-overlay-top) 0 auto 0 !important;
    height: min(430px, calc(100dvh - var(--magic-mobile-overlay-top) - 8px)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    touch-action: none !important;
    transform: translateY(calc(-100% - 10px)) !important;
    transition:
      height 300ms cubic-bezier(0.22, 1, 0.36, 1),
      transform 360ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 360ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active,
  html body.site-page .magic-menu-overlay.overlay-slide-down,
  html body.site-page .magic-menu-overlay.is-open,
  html body.site-page .magic-menu-overlay[aria-hidden="false"],
  html body.site-page .magic-menu-overlay.is-menu-visible {
    touch-action: pan-x !important;
    transform: translateY(0) !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview {
    height: var(--magic-pull-menu-height, 48px) !important;
    pointer-events: none !important;
    touch-action: none !important;
    transform: translateY(0) !important;
    transition: none !important;
    visibility: visible !important;
  }

  html body.site-page .magic-menu-overlay::before {
    background:
      linear-gradient(180deg, rgba(4, 7, 12, 0.08) 0%, rgba(4, 7, 12, 0.34) 48%, rgba(4, 7, 12, 0.9) 100%),
      var(--magic-pull-photo) !important;
    background-position: center 44% !important;
    background-size: cover !important;
    bottom: 0 !important;
    content: "" !important;
    display: block !important;
    height: auto !important;
    inset: 48px 0 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    transition: opacity 180ms ease !important;
    z-index: 1 !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active::before,
  html body.site-page .magic-menu-overlay.overlay-slide-down::before,
  html body.site-page .magic-menu-overlay.is-open::before,
  html body.site-page .magic-menu-overlay[aria-hidden="false"]::before,
  html body.site-page .magic-menu-overlay.is-menu-visible::before {
    opacity: 1 !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview::before {
    opacity: var(--magic-pull-menu-progress, 0) !important;
  }

  html body.site-page .magic-menu-overlay::after {
    background: transparent !important;
    bottom: clamp(20px, 6vw, 34px) !important;
    color: #ffffff !important;
    content: attr(data-pull-title) "\A" attr(data-pull-copy) !important;
    display: block !important;
    font-size: clamp(1.06rem, 4.7vw, 1.48rem) !important;
    font-weight: 900 !important;
    height: auto !important;
    left: clamp(20px, 6vw, 34px) !important;
    line-height: 1.22 !important;
    max-width: min(82vw, 30rem) !important;
    opacity: 0 !important;
    position: absolute !important;
    right: clamp(20px, 6vw, 34px) !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.74) !important;
    top: auto !important;
    transition: opacity 180ms ease, transform 180ms ease !important;
    transform: translateY(10px) !important;
    white-space: pre-line !important;
    width: auto !important;
    z-index: 2 !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active::after,
  html body.site-page .magic-menu-overlay.overlay-slide-down::after,
  html body.site-page .magic-menu-overlay.is-open::after,
  html body.site-page .magic-menu-overlay[aria-hidden="false"]::after,
  html body.site-page .magic-menu-overlay.is-menu-visible::after {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview::after {
    opacity: var(--magic-pull-menu-progress, 0) !important;
    transform: translateY(calc(12px - (12px * var(--magic-pull-menu-progress, 0)))) !important;
  }

  html body.site-page .magic-menu-overlay__close,
  html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__close,
  html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__close,
  html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__close,
  html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__close {
    display: none !important;
  }

  html body.site-page .magic-menu-overlay__nav {
    align-items: center !important;
    background: #353541 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    display: flex !important;
    gap: 0 !important;
    grid-template-columns: none !important;
    height: 48px !important;
    left: 0 !important;
    max-width: none !important;
    min-width: max-content !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    transform: translate3d(var(--magic-pull-menu-x, 0px), 0, 0) !important;
    transition: transform 200ms ease-out !important;
    white-space: nowrap !important;
    width: max-content !important;
    z-index: 3 !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview .magic-menu-overlay__nav {
    min-width: max-content !important;
    opacity: 1 !important;
    overflow: visible !important;
    touch-action: none !important;
    transform: translate3d(var(--magic-pull-menu-x, 0px), 0, 0) !important;
    transition: none !important;
    width: max-content !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay.overlay-slide-down .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__nav {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
    transform: none !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__nav::-webkit-scrollbar,
  html body.site-page .magic-menu-overlay.overlay-slide-down .magic-menu-overlay__nav::-webkit-scrollbar,
  html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__nav::-webkit-scrollbar,
  html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__nav::-webkit-scrollbar,
  html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__nav::-webkit-scrollbar {
    display: none !important;
  }

  html body.site-page .magic-menu-overlay__nav a {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    gap: 0 !important;
    height: 48px !important;
    justify-content: center !important;
    letter-spacing: 0 !important;
    max-width: none !important;
    min-height: 48px !important;
    opacity: 0.24 !important;
    padding: 0 clamp(16px, 4.2vw, 23px) !important;
    position: relative !important;
    text-align: center !important;
    text-shadow: none !important;
    transform: none !important;
    transition: opacity 200ms ease-out, color 200ms ease-out !important;
    width: auto !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__nav a,
  html body.site-page .magic-menu-overlay.overlay-slide-down .magic-menu-overlay__nav a,
  html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__nav a,
  html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__nav a,
  html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__nav a,
  html body.site-page .magic-menu-overlay__nav a.is-menu-link-visible {
    opacity: 0.34 !important;
    transform: none !important;
  }

  html body.site-page .magic-menu-overlay.overlay-slide-up:not(.is-open) .magic-menu-overlay__nav a {
    opacity: 0.24 !important;
    transform: none !important;
  }

  html body.site-page .magic-menu-overlay__nav a.is-pull-active,
  html body.site-page .magic-menu-overlay__nav a:hover,
  html body.site-page .magic-menu-overlay__nav a:focus-visible,
  html body.site-page .magic-menu-overlay__nav a.is-active,
  html body.site-page .magic-menu-overlay__nav a[aria-current="page"] {
    opacity: 1 !important;
    transform: none !important;
  }

  html body.site-page .magic-menu-overlay__nav a::before,
  html body.site-page .magic-menu-overlay__nav a::after {
    content: none !important;
    display: none !important;
  }

  html body.site-page .magic-menu-overlay__side {
    display: none !important;
  }
}

@media (max-width: 560px) {
  body.site-page .magic-menu-btn.open-overlay {
    height: 46px !important;
    min-height: 46px !important;
    min-width: 46px !important;
    width: 46px !important;
  }

  body.site-page .magic-menu-btn__bars {
    gap: 6px;
    width: 24px;
  }

  @keyframes animate-top-bar {
    from {
      transform: translateY(0) rotate(0deg);
    }
    to {
      transform: translateY(8px) rotate(45deg);
    }
  }

  @keyframes animate-bottom-bar {
    from {
      transform: translateY(0) rotate(0deg);
    }
    to {
      transform: translateY(-8px) rotate(-45deg);
    }
  }

  @keyframes animate-out-top-bar {
    from {
      transform: translateY(8px) rotate(45deg);
    }
    to {
      transform: translateY(0) rotate(0deg);
    }
  }

  @keyframes animate-out-bottom-bar {
    from {
      transform: translateY(-8px) rotate(-45deg);
    }
    to {
      transform: translateY(0) rotate(0deg);
    }
  }

  html body.site-page .magic-menu-overlay__close,
  html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__close,
  html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__close,
  html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__close,
  html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__close {
    display: none !important;
  }

  html body.site-page .magic-menu-overlay__nav {
    gap: 0 !important;
    height: 48px !important;
    left: 0 !important;
    min-width: max-content !important;
    padding: 0 !important;
    position: absolute !important;
    scroll-padding-inline: 0 !important;
    top: 0 !important;
    transform: translate3d(var(--magic-pull-menu-x, 0px), 0, 0) !important;
    width: max-content !important;
  }

  html body.site-page .magic-menu-overlay__nav a {
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    font-size: 15px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 clamp(16px, 4.2vw, 23px) !important;
    width: auto !important;
  }

  html body.site-page .magic-menu-overlay__nav a::after {
    content: none !important;
    display: none !important;
  }

  html body.site-page .magic-menu-overlay__side {
    padding: 10px !important;
  }

  html body.site-page .magic-menu-overlay__contact {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-page .magic-menu-btn__bars > span,
  html body.site-page .magic-menu-overlay,
  html body.site-page .magic-menu-overlay__nav a,
  html body.site-page .magic-menu-overlay__side {
    animation: none !important;
    transition-duration: 0.001ms !important;
    transition-delay: 0ms !important;
  }
}

/* Four entry points: 3D carousel inspired by the pasted carousel pattern. */
html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__sticky,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__sticky {
  gap: clamp(28px, 3.4vw, 48px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel {
  --offer-radius: clamp(17rem, 28vw, 30rem);
  --offer-rotation: 0deg;
  margin-inline: auto !important;
  max-width: min(1120px, 100%) !important;
  perspective: 1180px !important;
  position: relative !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__scene,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel__scene {
  display: grid !important;
  min-height: clamp(470px, 47vw, 560px) !important;
  overflow: hidden !important;
  place-items: center !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__ring,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel__ring {
  display: block !important;
  height: clamp(400px, 39vw, 470px) !important;
  margin: 0 auto !important;
  max-width: none !important;
  position: relative !important;
  transform: rotateY(var(--offer-rotation, 0deg)) !important;
  transform-style: preserve-3d !important;
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  width: clamp(300px, 30vw, 390px) !important;
  will-change: transform !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card {
  backface-visibility: hidden !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(101, 216, 255, 0.18), transparent 15rem),
    radial-gradient(circle at 90% 18%, rgba(25, 245, 186, 0.12), transparent 16rem),
    linear-gradient(180deg, rgba(9, 17, 31, 0.98), rgba(3, 7, 17, 0.99)) !important;
  border: 1px solid rgba(101, 216, 255, 0.24) !important;
  border-radius: 20px !important;
  box-shadow:
    0 28px 80px rgba(4, 18, 30, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset !important;
  color: #f7fbff !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  height: 100% !important;
  inset: 0 !important;
  min-height: 0 !important;
  opacity: 0.54 !important;
  overflow: hidden !important;
  padding: clamp(14px, 1.4vw, 18px) !important;
  position: absolute !important;
  transform: rotateY(var(--offer-angle, 0deg)) translateZ(var(--offer-radius)) !important;
  transition:
    opacity 420ms ease,
    filter 420ms ease,
    box-shadow 420ms ease !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card.is-active,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card.is-active {
  border-color: rgba(25, 245, 186, 0.42) !important;
  box-shadow:
    0 30px 90px rgba(4, 18, 30, 0.32),
    0 0 46px rgba(25, 245, 186, 0.12),
    0 0 0 1px rgba(255, 255, 255, 0.055) inset !important;
  filter: saturate(1.05) brightness(1.02) !important;
  opacity: 1 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card::after,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card::after {
  animation: wwOfferCardSweep 5.8s ease-in-out infinite !important;
  background: linear-gradient(110deg, transparent, rgba(255, 255, 255, 0.13), transparent) !important;
  content: "" !important;
  inset: 0 auto 0 -72% !important;
  pointer-events: none !important;
  position: absolute !important;
  transform: skewX(-18deg) !important;
  width: 46% !important;
  z-index: 2 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card img,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card img {
  aspect-ratio: 16 / 9 !important;
  border: 1px solid rgba(174, 229, 255, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24) !important;
  height: clamp(116px, 12vw, 150px) !important;
  object-fit: cover !important;
  position: relative !important;
  width: 100% !important;
  z-index: 3 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card__body,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card__body {
  align-content: start !important;
  background: transparent !important;
  display: grid !important;
  gap: clamp(9px, 1vw, 12px) !important;
  min-height: 0 !important;
  padding: clamp(16px, 1.6vw, 22px) clamp(4px, 0.8vw, 8px) 0 !important;
  position: relative !important;
  z-index: 3 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card__number,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card__number {
  background: rgba(101, 216, 255, 0.1) !important;
  border: 1px solid rgba(101, 216, 255, 0.22) !important;
  color: #65d8ff !important;
  -webkit-text-fill-color: #65d8ff !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card__eyebrow,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card__eyebrow {
  background: rgba(101, 216, 255, 0.1) !important;
  border: 1px solid rgba(101, 216, 255, 0.2) !important;
  border-radius: 999px !important;
  color: #65d8ff !important;
  display: inline-flex !important;
  font-size: clamp(0.72rem, 0.78vw, 0.82rem) !important;
  font-weight: 850 !important;
  justify-self: start !important;
  letter-spacing: 0 !important;
  padding: 0.42rem 0.64rem !important;
  text-transform: none !important;
  -webkit-text-fill-color: #65d8ff !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card h3,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card h3 {
  color: #f7fbff !important;
  font-size: clamp(1.28rem, 1.62vw, 1.7rem) !important;
  line-height: 1.07 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-shadow: 0 16px 34px rgba(0, 0, 0, 0.34) !important;
  text-wrap: balance !important;
  white-space: normal !important;
  -webkit-text-fill-color: #f7fbff !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card p,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card p {
  color: rgba(226, 238, 255, 0.72) !important;
  font-size: clamp(0.84rem, 0.88vw, 0.94rem) !important;
  line-height: 1.36 !important;
  margin: 0 !important;
  -webkit-text-fill-color: rgba(226, 238, 255, 0.72) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card__meta,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card__meta {
  display: none !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card__meta span,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card__meta span {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(101, 216, 255, 0.16) !important;
  color: rgba(247, 251, 255, 0.78) !important;
  font-size: clamp(0.7rem, 0.74vw, 0.78rem) !important;
  -webkit-text-fill-color: rgba(247, 251, 255, 0.78) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-card-link,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-card-link {
  align-self: end !important;
  background: linear-gradient(135deg, #65d8ff 0%, #19f5ba 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.56) !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 44px rgba(25, 174, 234, 0.18) !important;
  color: #06111e !important;
  display: inline-flex !important;
  font-size: clamp(0.86rem, 0.9vw, 0.96rem) !important;
  font-weight: 900 !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0.72rem 1rem !important;
  text-align: center !important;
  -webkit-text-fill-color: #06111e !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__controls,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel__controls {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  margin-top: clamp(16px, 2vw, 24px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__button,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel__button {
  align-items: center !important;
  background: rgba(3, 7, 17, 0.72) !important;
  border: 1px solid rgba(101, 216, 255, 0.3) !important;
  border-radius: 999px !important;
  color: #f7fbff !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  height: 46px !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease !important;
  width: 46px !important;
  -webkit-text-fill-color: #f7fbff !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__button:hover,
html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__button:focus-visible {
  background: rgba(6, 17, 30, 0.9) !important;
  border-color: rgba(25, 245, 186, 0.54) !important;
  transform: translateY(-2px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__dots,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel__dots {
  align-items: center !important;
  display: inline-flex !important;
  gap: 8px !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__dots button,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel__dots button {
  background: rgba(6, 17, 30, 0.24) !important;
  border: 1px solid rgba(7, 150, 170, 0.24) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  height: 10px !important;
  padding: 0 !important;
  transition: width 220ms ease, background 220ms ease, border-color 220ms ease !important;
  width: 10px !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__dots button.is-active,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel__dots button.is-active {
  background: linear-gradient(135deg, #65d8ff, #19f5ba) !important;
  border-color: rgba(25, 245, 186, 0.58) !important;
  width: 30px !important;
}

@keyframes wwOfferCardSweep {
  0%, 38% {
    transform: translateX(0) skewX(-18deg);
  }
  68%, 100% {
    transform: translateX(340%) skewX(-18deg);
  }
}

@media (max-width: 760px), (prefers-reduced-motion: reduce) {
  html body.site-page.page-home .magic-home-v3 .magic-offer-carousel,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel {
    perspective: none !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__scene,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel__scene {
    display: grid !important;
    justify-items: start !important;
    min-height: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 4px 0 16px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offer-carousel__ring,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel__ring {
    display: flex !important;
    gap: 14px !important;
    height: auto !important;
    justify-self: start !important;
    margin-inline: 0 auto !important;
    transform: none !important;
    width: max-content !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card {
    flex: 0 0 min(82vw, 350px) !important;
    height: auto !important;
    min-height: 260px !important;
    opacity: 1 !important;
    position: relative !important;
    scroll-snap-align: center !important;
    transform: none !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card__body,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card__body {
    align-content: center !important;
    justify-items: center !important;
    padding: 34px 18px !important;
    text-align: center !important;
  }
}

@media (max-width: 520px) {
  html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card h3,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card h3 {
    font-size: clamp(1.3rem, 7vw, 1.65rem) !important;
    max-width: 14ch !important;
  }
}

/* Sitewide jQuery scroll profile. It keeps the Magic Scroll cinematic layer paused
   while jQuery maps each public page into safe section panels. */
body.site-scroll-parallax [data-site-scroll-panel] {
  --site-panel-shift: 0px;
  scroll-margin-top: calc(var(--magic-header-h, 72px) + 18px);
}

body.site-scroll-parallax.site-scroll-jquery-ready [data-site-scroll-panel] {
  position: relative;
  transition: opacity 240ms ease;
  will-change: opacity;
}

@media (min-width: 861px) and (prefers-reduced-motion: no-preference) {
  body.site-scroll-parallax.site-scroll-jquery-ready [data-site-scroll-panel][data-site-scroll-safe="motion"] {
    transform: none;
  }

  body.site-scroll-parallax.site-scroll-jquery-ready [data-site-scroll-panel][data-site-scroll-safe="motion"]:not(.is-site-panel-visible) {
    opacity: 0.92;
  }
}

/* The homepage keeps an animated full-screen video behind transparent sections.
   Fading whole panels forces Chrome to recompose both layers while scrolling,
   which can briefly paint the video above the incoming section on desktop. */
body.page-home.site-scroll-parallax.site-scroll-jquery-ready [data-site-scroll-panel]:not(.ww-bot-only-section):not(.ww-seo-only-section) {
  opacity: 1 !important;
  transition: none !important;
  will-change: auto !important;
}

/* Keep the animated home backdrop outside the scrolling main stacking context.
   The page shell always paints above it, so desktop compositing cannot reveal the
   video in front of an incoming section during a fast scroll. */
body.page-home > .magic-home-backdrop {
  isolation: isolate;
  z-index: 0 !important;
}

body.page-home > .site-shell {
  position: relative;
  z-index: 1;
}

body.site-scroll-parallax [data-site-scroll-panel].is-site-scroll-form-panel,
body.site-scroll-parallax [data-site-scroll-panel][data-site-scroll-safe="form"],
body.site-scroll-parallax [data-site-scroll-panel][data-site-scroll-safe="complex"] {
  scroll-snap-align: none !important;
  transform: none !important;
  will-change: auto;
}

body.site-scroll-parallax .site-main {
  isolation: isolate;
  position: relative;
  z-index: 1;
}

body.site-scroll-parallax .site-footer {
  position: sticky;
  bottom: var(--site-footer-bottom, 0);
  transform: translateY(calc((1 - var(--site-footer-progress, 0)) * 18px));
  transition: opacity 260ms ease, transform 260ms ease;
  z-index: 0;
}

body.site-scroll-parallax.site-footer-is-tall .site-footer,
body.site-scroll-parallax .site-footer.is-site-footer-tall {
  position: relative;
  transform: none;
}

@media (min-width: 861px) and (prefers-reduced-motion: no-preference) {
  html.site-scroll-parallax-root {
    scroll-padding-top: calc(var(--magic-header-h, 72px) + 18px);
    scroll-snap-type: y proximity;
  }

  body.site-scroll-parallax [data-site-scroll-panel] {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }
}

@media (max-width: 860px), (prefers-reduced-motion: reduce) {
  html.site-scroll-parallax-root {
    scroll-snap-type: none;
  }

  body.site-scroll-parallax [data-site-scroll-panel] {
    scroll-snap-align: none !important;
    transform: none !important;
    transition: none;
    will-change: auto;
  }

  body.site-scroll-parallax .site-footer {
    position: relative;
    transform: none;
  }
}

body.magic-scroll-paused.magic-scroll-active {
  background: #f5f8fc;
  overflow-x: clip;
}

body.magic-scroll-paused.magic-scroll-active .site-footer {
  display: block !important;
}

body.magic-scroll-paused .magic-entry,
body.magic-scroll-paused .magic-scroll-hint,
body.magic-scroll-paused .magic-cube-burst {
  display: none !important;
}

body.magic-scroll-paused .magic-page {
  overflow: visible !important;
}

body.magic-scroll-paused .magic-home-v3 :is(
  .magic-intro,
  .magic-who,
  .magic-services,
  .magic-believe,
  .magic-work,
  [data-magic-scrub]
),
body.magic-scroll-paused.page-coachvisible .coachvisible-next [data-magic-scrub] {
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
}

body.magic-scroll-paused .magic-home-v3 .magic-intro,
body.magic-scroll-paused.page-coachvisible .cv-next-hero {
  min-height: 100svh !important;
}

body.magic-scroll-paused .magic-home-v3 :is(
  .magic-intro__sticky,
  .magic-who__sticky,
  .magic-services__sticky,
  .magic-believe__sticky,
  .magic-work__sticky
),
body.magic-scroll-paused.page-coachvisible .coachvisible-next [data-magic-scrub] > .container {
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
}

body.magic-scroll-paused .magic-home-v3 .magic-intro__sticky {
  min-height: 100svh !important;
}

body.magic-scroll-paused .magic-home-v3 :is(.magic-services__track, .magic-work__rail) {
  transform: none !important;
}

body.magic-scroll-paused .magic-home-v3 :is([data-magic-reveal], [data-magic-idea-card]),
body.magic-scroll-paused.page-coachvisible .coachvisible-next :is(
  .reveal,
  .reveal-up,
  .reveal-down,
  .reveal-left,
  .reveal-right,
  .reveal-scale,
  .reveal-blur
) {
  opacity: 1 !important;
  transform: none !important;
}

body.magic-scroll-paused .magic-home-v3 .magic-intro__media {
  opacity: 0.74 !important;
  transform: none !important;
}

body.magic-scroll-paused .magic-home-v3 .magic-intro__media img {
  transform: none !important;
  transition: none !important;
}

body.magic-scroll-paused .magic-home-v3 .magic-intro__media img:not(.is-active) {
  opacity: 0 !important;
}

body.magic-scroll-paused .magic-home-v3 .magic-intro__media img.is-active {
  opacity: 1 !important;
}

/* Final maquette-card action layout: centered stack, no horizontal overflow. */
html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__actions,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__actions {
  align-self: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, min(100%, 18rem)) !important;
  justify-content: center !important;
  justify-items: stretch !important;
  justify-self: center !important;
  margin: 8px auto 0 !important;
  max-width: min(100%, 20rem) !important;
  order: 4 !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__action,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__action {
  justify-self: stretch !important;
  min-height: 48px !important;
  min-width: 0 !important;
  padding-inline: 16px !important;
  text-align: center !important;
  width: 100% !important;
}

/* Formulaires & relances - page de visite */
html body.site-page .site-main:has(> .ww-follow-showcase) {
  background: #07111f !important;
  margin-inline: 0 !important;
  max-width: none !important;
  overflow-x: clip !important;
  width: 100% !important;
}

html body.site-page .ww-follow-showcase {
  --ww-follow-bg: #050b14;
  --ww-follow-panel: #081827;
  --ww-follow-ink: #f7fbff;
  --ww-follow-muted: #9aaac0;
  --ww-follow-line: rgba(112, 214, 255, 0.25);
  --ww-follow-cyan: #22f0d0;
  --ww-follow-blue: #5bd8ff;
  color: var(--ww-follow-ink);
  background:
    radial-gradient(circle at 15% 8%, rgba(34, 240, 208, 0.18), transparent 28%),
    radial-gradient(circle at 85% 18%, rgba(91, 216, 255, 0.13), transparent 30%),
    linear-gradient(180deg, #07111f 0%, #050b14 44%, #07111f 100%);
  background-color: #07111f;
  position: relative;
  max-width: 100%;
  box-shadow: 0 0 0 100vmax #07111f;
  clip-path: inset(0 -100vmax);
  overflow-x: clip;
  overflow-y: hidden;
}

html body.site-page .ww-follow-showcase *,
html body.site-page .ww-follow-showcase *::before,
html body.site-page .ww-follow-showcase *::after {
  box-sizing: border-box;
  min-width: 0;
}

html body.site-page .ww-follow-showcase :where(section) {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

html body.site-page .ww-follow-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.72fr);
  gap: clamp(28px, 5vw, 74px);
  align-items: center;
  min-height: 76vh;
  padding: clamp(92px, 12vw, 150px) 0 clamp(54px, 7vw, 94px);
}

html body.site-page .ww-follow-kicker {
  margin: 0 0 14px;
  color: var(--ww-follow-cyan);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

html body.site-page .ww-follow-hero h1,
html body.site-page .ww-follow-section-heading h2,
html body.site-page .ww-follow-pipeline h2,
html body.site-page .ww-follow-final h2 {
  max-width: 980px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.65rem, 6.5vw, 6.4rem);
  line-height: 0.96;
  letter-spacing: 0;
  font-weight: 950;
}

html body.site-page .ww-follow-section-heading h2,
html body.site-page .ww-follow-pipeline h2,
html body.site-page .ww-follow-final h2 {
  font-size: clamp(2.1rem, 4.5vw, 4.4rem);
}

html body.site-page .ww-follow-hero p,
html body.site-page .ww-follow-section-heading p,
html body.site-page .ww-follow-pipeline p,
html body.site-page .ww-follow-final p {
  max-width: 760px;
  margin: 22px 0 0;
  color: var(--ww-follow-muted);
  font-size: clamp(1.02rem, 1.5vw, 1.28rem);
  line-height: 1.72;
}

html body.site-page .ww-follow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

html body.site-page .ww-follow-actions--center {
  justify-content: center;
}

html body.site-page .ww-follow-btn {
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  padding: 0 28px;
  border: 1px solid var(--ww-follow-line);
  border-radius: 999px;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

html body.site-page .ww-follow-btn:hover,
html body.site-page .ww-follow-btn:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(34, 240, 208, 0.72);
  box-shadow: 0 18px 50px rgba(34, 240, 208, 0.16);
}

html body.site-page .ww-follow-btn--primary {
  color: #020713;
  border-color: rgba(255, 255, 255, 0.72);
  background: linear-gradient(135deg, #65d9ff 0%, #18f2bb 100%);
  box-shadow: 0 20px 70px rgba(34, 240, 208, 0.24);
}

html body.site-page .ww-follow-btn--ghost {
  background: rgba(5, 12, 22, 0.7);
}

html body.site-page .ww-device-card,
html body.site-page .ww-form-card,
html body.site-page .ww-email-card,
html body.site-page .ww-pipeline-board article,
html body.site-page .ww-follow-signals article {
  border: 1px solid rgba(122, 206, 255, 0.23);
  background:
    linear-gradient(160deg, rgba(18, 43, 64, 0.95), rgba(4, 12, 22, 0.98)),
    radial-gradient(circle at 86% 12%, rgba(34, 240, 208, 0.18), transparent 30%);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28);
}

html body.site-page .ww-device-card {
  border-radius: 34px;
  padding: clamp(22px, 3vw, 34px);
  min-height: 460px;
}

html body.site-page .ww-device-card__top,
html body.site-page .ww-form-card__header,
html body.site-page .ww-email-card__brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

html body.site-page .ww-device-card__top img,
html body.site-page .ww-form-card__header img,
html body.site-page .ww-email-card__brand img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

html body.site-page .ww-device-card__top span,
html body.site-page .ww-form-card__header span,
html body.site-page .ww-email-card__brand strong {
  color: var(--ww-follow-blue);
  font-size: 0.88rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

html body.site-page .ww-mini-progress {
  display: flex;
  gap: 8px;
  margin: 44px 0 22px;
}

html body.site-page .ww-mini-progress span {
  display: block;
  width: 56px;
  height: 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}

html body.site-page .ww-mini-progress span.is-active {
  background: linear-gradient(90deg, var(--ww-follow-blue), var(--ww-follow-cyan));
}

html body.site-page .ww-hero-form-preview,
html body.site-page .ww-email-mini {
  margin-top: 18px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.06);
}

html body.site-page .ww-hero-form-preview span,
html body.site-page .ww-email-mini span {
  display: block;
  color: var(--ww-follow-cyan);
  font-weight: 900;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

html body.site-page .ww-hero-form-preview strong,
html body.site-page .ww-email-mini strong {
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  line-height: 1.08;
}

html body.site-page .ww-hero-form-preview p {
  margin: 12px 0 0;
  color: var(--ww-follow-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

html body.site-page .ww-follow-signals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding-bottom: clamp(54px, 8vw, 96px);
}

html body.site-page .ww-follow-signals article {
  min-height: 150px;
  padding: 24px;
  border-radius: 22px;
}

html body.site-page .ww-follow-signals strong {
  display: block;
  color: #fff;
  font-size: 1.08rem;
  line-height: 1.2;
}

html body.site-page .ww-follow-signals p {
  margin: 10px 0 0;
  color: var(--ww-follow-muted);
  font-size: 0.95rem;
  line-height: 1.55;
}

html body.site-page .ww-follow-tabs {
  padding: clamp(58px, 8vw, 104px) 0;
}

html body.site-page .ww-follow-section-heading {
  text-align: center;
}

html body.site-page .ww-follow-section-heading p {
  margin-inline: auto;
}

html body.site-page .ww-showcase-switch {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 34px auto 36px;
  padding: 8px;
  width: fit-content;
  border: 1px solid rgba(122, 206, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
}

html body.site-page .ww-showcase-switch button {
  display: inline-flex;
  gap: 8px;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  color: var(--ww-follow-muted);
  background: transparent;
  font-weight: 900;
  cursor: pointer;
}

html body.site-page .ww-showcase-switch button.is-active {
  color: #03101b;
  background: linear-gradient(135deg, var(--ww-follow-blue), var(--ww-follow-cyan));
}

html body.site-page .ww-showcase-switch button span {
  display: inline-flex;
  min-width: 26px;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 0.76rem;
  font-weight: 950;
}

html body.site-page .ww-showcase-switch button.is-active span {
  background: rgba(3, 16, 27, 0.12);
}

html body.site-page .ww-showcase-panel {
  animation: wwShowcaseIn 420ms ease both;
}

@keyframes wwShowcaseIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

html body.site-page .ww-form-examples,
html body.site-page .ww-email-examples {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}

html body.site-page .ww-email-examples {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html body.site-page .ww-form-card,
html body.site-page .ww-email-card {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 24px;
  border-radius: 28px;
  overflow: hidden;
}

html body.site-page .ww-form-card::before,
html body.site-page .ww-email-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 85% 0%, rgba(34, 240, 208, 0.18), transparent 34%);
}

html body.site-page .ww-form-card > *,
html body.site-page .ww-email-card > * {
  position: relative;
  z-index: 1;
}

html body.site-page .ww-form-card__steps {
  display: flex;
  gap: 8px;
  margin: 24px 0 18px;
}

html body.site-page .ww-form-card__steps span,
html body.site-page .ww-chip-row span,
html body.site-page .ww-email-blocks span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(122, 206, 255, 0.2);
  border-radius: 999px;
  color: var(--ww-follow-muted);
  background: rgba(255, 255, 255, 0.05);
  font-size: 0.78rem;
  font-weight: 850;
}

html body.site-page .ww-form-card__steps span.is-active {
  color: #03101b;
  background: linear-gradient(135deg, var(--ww-follow-blue), var(--ww-follow-cyan));
}

html body.site-page .ww-form-card h3,
html body.site-page .ww-email-card h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.55rem, 2.8vw, 2.35rem);
  line-height: 1.05;
  letter-spacing: 0;
}

html body.site-page .ww-form-card p,
html body.site-page .ww-email-card p {
  margin: 12px 0 0;
  color: var(--ww-follow-muted);
  line-height: 1.58;
}

html body.site-page .ww-field-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 20px;
}

html body.site-page .ww-demo-field,
html body.site-page .ww-demo-message {
  padding: 14px 15px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
}

html body.site-page .ww-demo-field span,
html body.site-page .ww-demo-message span {
  display: block;
  color: var(--ww-follow-blue);
  font-size: 0.73rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html body.site-page .ww-demo-field strong {
  display: block;
  margin-top: 6px;
  color: #fff;
  line-height: 1.25;
}

html body.site-page .ww-demo-message {
  margin-top: 12px;
}

html body.site-page .ww-demo-message p {
  margin-top: 8px;
  color: #dbe8f7;
}

html body.site-page .ww-chip-row,
html body.site-page .ww-email-blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 18px;
}

html body.site-page .ww-email-card__chrome {
  display: flex;
  gap: 7px;
  margin-bottom: 22px;
}

html body.site-page .ww-email-card__chrome span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--ww-follow-cyan);
}

html body.site-page .ww-email-card__chrome span:nth-child(2) {
  background: var(--ww-follow-blue);
}

html body.site-page .ww-email-card__chrome span:nth-child(3) {
  background: rgba(255, 255, 255, 0.45);
}

html body.site-page .ww-email-card__brand {
  justify-content: flex-start;
  margin-bottom: 18px;
}

html body.site-page .ww-email-cta {
  display: inline-flex;
  width: fit-content;
  min-height: 38px;
  align-items: center;
  margin-top: 22px;
  padding: 0 14px;
  border-radius: 999px;
  color: #03101b;
  background: linear-gradient(135deg, var(--ww-follow-blue), var(--ww-follow-cyan));
  font-weight: 900;
}

html body.site-page .ww-follow-pipeline {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 64px);
  align-items: center;
  padding: clamp(62px, 9vw, 116px) 0;
}

html body.site-page .ww-pipeline-board {
  display: grid;
  gap: 14px;
}

html body.site-page .ww-pipeline-board article {
  padding: 22px;
  border-radius: 22px;
}

html body.site-page .ww-pipeline-board span {
  color: var(--ww-follow-cyan);
  font-weight: 900;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

html body.site-page .ww-pipeline-board strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 1.25rem;
}

html body.site-page .ww-pipeline-board p {
  margin: 8px 0 0;
  color: var(--ww-follow-muted);
  font-size: 0.98rem;
  line-height: 1.5;
}

html body.site-page .ww-follow-final {
  max-width: 960px;
  padding: clamp(60px, 8vw, 110px) 0 clamp(86px, 11vw, 140px);
  text-align: center;
}

html body.site-page .ww-follow-final h2,
html body.site-page .ww-follow-final p {
  margin-inline: auto;
}

@media (max-width: 1060px) {
  html body.site-page .ww-follow-hero,
  html body.site-page .ww-follow-pipeline {
    grid-template-columns: 1fr;
  }

  html body.site-page .ww-follow-signals,
  html body.site-page .ww-email-examples {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.site-page .ww-form-examples {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  html body.site-page .ww-follow-showcase :where(section) {
    width: min(100% - 24px, 1180px);
  }

  html body.site-page .ww-follow-hero {
    padding-top: 74px;
  }

  html body.site-page .ww-follow-hero h1 {
    font-size: clamp(2.25rem, 16vw, 4rem);
  }

  html body.site-page .ww-follow-section-heading h2,
  html body.site-page .ww-follow-pipeline h2,
  html body.site-page .ww-follow-final h2 {
    font-size: clamp(2rem, 12vw, 3.2rem);
  }

  html body.site-page .ww-follow-actions,
  html body.site-page .ww-showcase-switch {
    width: 100%;
  }

  html body.site-page .ww-follow-btn,
  html body.site-page .ww-showcase-switch button {
    width: 100%;
  }

  html body.site-page .ww-showcase-switch {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: 24px;
  }

  html body.site-page .ww-follow-signals,
  html body.site-page .ww-email-examples {
    grid-template-columns: 1fr;
  }

html body.site-page .ww-device-card {
  min-height: auto;
  }
}

@media (max-width: 980px) {
  html body.site-page .magic-menu-overlay:not(.is-open):not(.overlay-active):not(.overlay-slide-down):not(.is-pull-preview),
  html body.site-page .magic-menu-overlay.overlay-slide-up:not(.is-open):not(.is-pull-preview) {
    border: 0 !important;
    box-shadow: none !important;
    height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    transform: translateY(-18px) !important;
    visibility: hidden !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active,
  html body.site-page .magic-menu-overlay.overlay-slide-down,
  html body.site-page .magic-menu-overlay.is-open,
  html body.site-page .magic-menu-overlay[aria-hidden="false"],
  html body.site-page .magic-menu-overlay.is-menu-visible {
    background:
      linear-gradient(180deg, rgba(3, 7, 12, 0.96), rgba(5, 14, 24, 0.98)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38) !important;
    height: calc(100dvh - var(--magic-mobile-overlay-top, 72px)) !important;
    opacity: 1 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    pointer-events: auto !important;
    touch-action: pan-y !important;
    transform: translateY(0) !important;
    visibility: visible !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active::before,
  html body.site-page .magic-menu-overlay.overlay-slide-down::before,
  html body.site-page .magic-menu-overlay.is-open::before,
  html body.site-page .magic-menu-overlay[aria-hidden="false"]::before,
  html body.site-page .magic-menu-overlay.is-menu-visible::before,
  html body.site-page .magic-menu-overlay.overlay-active::after,
  html body.site-page .magic-menu-overlay.overlay-slide-down::after,
  html body.site-page .magic-menu-overlay.is-open::after,
  html body.site-page .magic-menu-overlay[aria-hidden="false"]::after,
  html body.site-page .magic-menu-overlay.is-menu-visible::after {
    content: "" !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay.overlay-slide-down .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__nav {
    align-content: start !important;
    background: transparent !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    left: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 12px !important;
    position: relative !important;
    top: auto !important;
    touch-action: pan-y !important;
    transform: none !important;
    width: 100% !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__nav a,
  html body.site-page .magic-menu-overlay.overlay-slide-down .magic-menu-overlay__nav a,
  html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__nav a,
  html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__nav a,
  html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__nav a {
    align-items: flex-start !important;
    background:
      linear-gradient(180deg, rgba(3, 7, 12, 0.14) 0%, rgba(3, 7, 12, 0.48) 48%, rgba(3, 7, 12, 0.92) 100%),
      var(--panel-photo),
      var(--panel-bg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 8px !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22) !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    gap: 7px !important;
    height: auto !important;
    justify-content: flex-end !important;
    min-height: 112px !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 18px !important;
    text-align: left !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.78) !important;
    transform: none !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__nav a::before,
  html body.site-page .magic-menu-overlay.overlay-slide-down .magic-menu-overlay__nav a::before,
  html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__nav a::before,
  html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__nav a::before,
  html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__nav a::before {
    background: var(--panel-line) !important;
    border-radius: 999px !important;
    content: "" !important;
    display: block !important;
    flex: 0 0 auto !important;
    height: 2px !important;
    opacity: 0.9 !important;
    position: static !important;
    transform: none !important;
    width: 42px !important;
  }

  html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__nav a::after,
  html body.site-page .magic-menu-overlay.overlay-slide-down .magic-menu-overlay__nav a::after,
  html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__nav a::after,
  html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__nav a::after,
  html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__nav a::after {
    color: rgba(255, 255, 255, 0.82) !important;
    content: attr(data-content) !important;
    display: block !important;
    font-size: 0.82rem !important;
    font-weight: 620 !important;
    line-height: 1.32 !important;
    max-width: 19rem !important;
    opacity: 1 !important;
    position: static !important;
    text-transform: none !important;
    transform: none !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview {
    background: #353541 !important;
    height: var(--magic-pull-menu-height, 48px) !important;
    opacity: 1 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    touch-action: none !important;
    transform: translateY(0) !important;
    visibility: visible !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview::before {
    background:
      linear-gradient(180deg, rgba(4, 7, 12, 0.08) 0%, rgba(4, 7, 12, 0.34) 48%, rgba(4, 7, 12, 0.9) 100%),
      var(--magic-pull-photo) !important;
    background-position: center 44% !important;
    background-size: cover !important;
    content: "" !important;
    inset: 48px 0 0 !important;
    opacity: var(--magic-pull-menu-progress, 0) !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview::after {
    color: #ffffff !important;
    content: attr(data-pull-title) "\A" attr(data-pull-copy) !important;
    opacity: var(--magic-pull-menu-progress, 0) !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview .magic-menu-overlay__nav {
    align-items: center !important;
    background: #353541 !important;
    display: flex !important;
    gap: 0 !important;
    height: 48px !important;
    left: 0 !important;
    min-width: max-content !important;
    overflow: visible !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    touch-action: none !important;
    transform: translate3d(var(--magic-pull-menu-x, 0px), 0, 0) !important;
    width: max-content !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview .magic-menu-overlay__nav a {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 15px !important;
    height: 48px !important;
    justify-content: center !important;
    min-height: 48px !important;
    opacity: 0.24 !important;
    padding: 0 clamp(16px, 4.2vw, 23px) !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    width: auto !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview .magic-menu-overlay__nav a.is-pull-active {
    opacity: 1 !important;
  }

  html body.site-page .magic-menu-overlay.is-pull-preview .magic-menu-overlay__nav a::before,
  html body.site-page .magic-menu-overlay.is-pull-preview .magic-menu-overlay__nav a::after {
    content: none !important;
    display: none !important;
  }
}

@media (min-width: 620px) and (max-width: 980px) {
  html body.site-page .magic-menu-overlay.overlay-active .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay.overlay-slide-down .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay.is-open .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay[aria-hidden="false"] .magic-menu-overlay__nav,
  html body.site-page .magic-menu-overlay.is-menu-visible .magic-menu-overlay__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Real ZIP viewer: form/email/motion previews imported from the supplied archives. */
html body.site-page .ww-viewer-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 42px;
}

html body.site-page .ww-viewer-stack article {
  min-height: 128px;
  padding: 22px;
  border: 1px solid rgba(122, 206, 255, 0.22);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.07);
}

html body.site-page .ww-viewer-stack strong {
  display: block;
  color: #fff;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 0.95;
  letter-spacing: 0;
}

html body.site-page .ww-viewer-stack span {
  display: block;
  margin-top: 10px;
  color: var(--ww-follow-blue);
  font-weight: 900;
  line-height: 1.25;
}

html body.site-page .ww-reference-panel-heading {
  max-width: 820px;
  margin: 0 auto 24px;
  text-align: center;
}

html body.site-page .ww-reference-panel-heading h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.75rem, 3.6vw, 3.2rem);
  line-height: 1;
  letter-spacing: 0;
}

html body.site-page .ww-reference-panel-heading p {
  max-width: 720px;
  margin: 14px auto 0;
  color: var(--ww-follow-muted);
  font-size: clamp(1rem, 1.35vw, 1.16rem);
  line-height: 1.6;
}

html body.site-page .ww-reference-counter {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0 !important;
  padding: 0 16px;
  border: 1px solid rgba(122, 206, 255, 0.28);
  border-radius: 999px;
  color: #dff8ff !important;
  background: rgba(255, 255, 255, 0.08);
  font-size: 0.88rem !important;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
}

html body.site-page .ww-reference-counter span {
  color: var(--ww-follow-cyan);
}

html body.site-page .ww-reference-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 12px;
  margin: 18px auto 0;
}

html body.site-page .ww-reference-scroll-hint {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: rgba(223, 248, 255, 0.82) !important;
  background: rgba(255, 255, 255, 0.05);
  font-size: 0.82rem !important;
  font-weight: 850;
  line-height: 1;
}

html body.site-page .ww-reference-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 18px auto 0;
}

html body.site-page .ww-reference-controls button {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(122, 206, 255, 0.3);
  border-radius: 999px;
  color: #dff8ff;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 900;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, opacity 180ms ease;
}

html body.site-page .ww-reference-controls button:hover,
html body.site-page .ww-reference-controls button:focus-visible {
  border-color: rgba(34, 240, 208, 0.7);
  background: rgba(34, 240, 208, 0.12);
  transform: translateY(-1px);
}

html body.site-page .ww-reference-controls button:disabled {
  opacity: 0.42;
  cursor: default;
  transform: none;
}

html body.site-page .ww-reference-grid {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding: 0 2px 20px;
  scroll-padding-inline: 2px;
  scroll-snap-type: x mandatory;
  scrollbar-color: rgba(122, 206, 255, 0.48) transparent;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

html body.site-page .ww-reference-grid::-webkit-scrollbar {
  height: 8px;
}

html body.site-page .ww-reference-grid::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 999px;
}

html body.site-page .ww-reference-grid::-webkit-scrollbar-thumb {
  background: rgba(122, 206, 255, 0.5);
  border-radius: 999px;
}

html body.site-page .ww-reference-card {
  flex: 0 0 calc((100% - 54px) / 4);
  min-width: 0;
  border: 1px solid rgba(122, 206, 255, 0.28);
  border-radius: 28px;
  background:
    radial-gradient(circle at 88% 0%, rgba(34, 240, 208, 0.16), transparent 34%),
    linear-gradient(160deg, rgba(14, 36, 55, 0.96), rgba(5, 12, 22, 0.98));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.32);
  overflow: hidden;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

html body.site-page .ww-reference-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 0;
}

html body.site-page .ww-reference-card__head span,
html body.site-page .ww-reference-card__head strong,
html body.site-page .ww-reference-source {
  color: var(--ww-follow-blue);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html body.site-page .ww-reference-card__head strong {
  color: var(--ww-follow-cyan);
  text-align: right;
}

html body.site-page .ww-reference-frame {
  position: relative;
  height: clamp(360px, 44vw, 560px);
  margin: 16px 18px 0;
  border: 1px solid rgba(190, 236, 255, 0.28);
  border-radius: 22px;
  background: #f7fbff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.58);
  overflow: hidden;
}

html body.site-page .ww-reference-card--email .ww-reference-frame {
  height: clamp(420px, 52vw, 700px);
}

html body.site-page .ww-reference-card--motion .ww-reference-frame {
  height: clamp(320px, 38vw, 500px);
}

html body.site-page .ww-reference-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #f7fbff;
}

html body.site-page .ww-reference-empty {
  display: grid;
  min-height: 100%;
  place-items: center;
  color: #06111f;
  font-weight: 900;
}

html body.site-page .ww-reference-card__body {
  padding: 18px 22px 24px;
}

html body.site-page .ww-reference-source {
  margin: 0 0 9px;
  color: rgba(155, 215, 245, 0.88);
  overflow-wrap: anywhere;
}

html body.site-page .ww-reference-card h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.25rem, 2.15vw, 2rem);
  line-height: 1.08;
  letter-spacing: 0;
}

html body.site-page .ww-reference-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
}

html body.site-page .ww-reference-meta span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(122, 206, 255, 0.23);
  border-radius: 999px;
  color: #dff8ff;
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.76rem;
  font-weight: 900;
}

@media (max-width: 1179px) {
  html body.site-page .ww-reference-card {
    flex-basis: calc((100% - 18px) / 2);
  }
}

@media (max-width: 680px) {
  html body.site-page .ww-follow-hero__copy,
  html body.site-page .ww-follow-section-heading,
  html body.site-page .ww-reference-panel-heading,
  html body.site-page .ww-reference-card__body,
  html body.site-page .ww-follow-pipeline,
  html body.site-page .ww-follow-final {
    text-align: center;
  }

  html body.site-page .ww-follow-hero p,
  html body.site-page .ww-follow-section-heading p,
  html body.site-page .ww-reference-panel-heading p,
  html body.site-page .ww-follow-pipeline p,
  html body.site-page .ww-follow-final p {
    margin-inline: auto;
  }

  html body.site-page .ww-viewer-stack {
    grid-template-columns: 1fr;
  }

  html body.site-page .ww-reference-card__head,
  html body.site-page .ww-reference-meta {
    justify-content: center;
  }

  html body.site-page .ww-reference-card__head {
    flex-direction: column;
    text-align: center;
  }

  html body.site-page .ww-reference-card__head strong {
    text-align: center;
  }

  html body.site-page .ww-reference-frame,
  html body.site-page .ww-reference-card--email .ww-reference-frame,
  html body.site-page .ww-reference-card--motion .ww-reference-frame {
    height: 480px;
    margin-inline: 12px;
  }
}

/* Viewer readability guard: internal-page typography rules are stronger, so keep this page light-on-dark. */
html body.site-page .ww-follow-showcase .ww-follow-kicker,
html body.site-page .ww-follow-showcase .ww-reference-card__head span,
html body.site-page .ww-follow-showcase .ww-reference-source,
html body.site-page .ww-follow-showcase .ww-pipeline-board span {
  color: #67e6ff !important;
}

html body.site-page .ww-follow-showcase :where(h1, h2, h3, strong) {
  color: #f7fbff !important;
}

html body.site-page .ww-follow-showcase :where(p, li) {
  color: #b8c9d8 !important;
}

html body.site-page .ww-follow-showcase .ww-follow-btn--primary,
html body.site-page .ww-follow-showcase .ww-showcase-switch button.is-active,
html body.site-page .ww-follow-showcase .ww-email-cta {
  color: #020713 !important;
}

html body.site-page .ww-follow-showcase .ww-reference-frame,
html body.site-page .ww-follow-showcase .ww-reference-frame iframe,
html body.site-page .ww-follow-showcase .ww-reference-empty {
  color: #06111f !important;
}

html body.site-page:not(.magic-scroll-active) .ww-follow-showcase :is(h1, h2, h3, strong) {
  color: #f7fbff !important;
}

html body.site-page:not(.magic-scroll-active) .ww-follow-showcase :is(p, li) {
  color: #b8c9d8 !important;
}

html body.site-page:not(.magic-scroll-active) .ww-follow-showcase :is(.ww-follow-kicker, .ww-reference-card__head span, .ww-reference-source, .ww-pipeline-board span) {
  color: #67e6ff !important;
}

html body.site-page:not(.magic-scroll-active) .ww-follow-showcase :is(.ww-follow-btn--primary, .ww-showcase-switch button.is-active, .ww-email-cta) {
  color: #020713 !important;
}

/* Form/email viewer final direction: no technical dashboard, centered editorial gallery. */
html body.site-page .ww-follow-showcase .ww-follow-hero {
  display: flex !important;
  min-height: auto !important;
  justify-content: center !important;
  padding: clamp(96px, 12vw, 148px) 0 clamp(42px, 6vw, 76px) !important;
  text-align: center !important;
}

html body.site-page .ww-follow-showcase .ww-follow-hero__copy {
  max-width: 980px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

html body.site-page .ww-follow-showcase .ww-follow-hero h1 {
  max-width: 13ch !important;
  margin-inline: auto !important;
  color: #f7fbff !important;
  font-size: clamp(2.65rem, 4vw, 4.35rem) !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body.site-page .ww-follow-showcase .ww-follow-hero p {
  margin-inline: auto !important;
  color: #d4e5f2 !important;
  text-align: center !important;
}

html body.site-page .ww-follow-showcase .ww-follow-actions {
  justify-content: center !important;
}

html body.site-page .ww-follow-showcase .ww-follow-tabs {
  padding-top: clamp(42px, 7vw, 86px) !important;
}

html body.site-page .ww-follow-showcase .ww-showcase-switch {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  max-width: min(100%, 620px) !important;
  width: 100% !important;
}

html body.site-page .ww-follow-showcase .ww-showcase-switch button {
  width: 100% !important;
  color: #d8e9f6 !important;
}

html body.site-page .ww-follow-showcase .ww-showcase-switch button.is-active {
  color: #020713 !important;
}

html body.site-page .ww-follow-showcase .ww-reference-card__head {
  justify-content: center !important;
  padding: 20px 20px 0 !important;
  text-align: center !important;
}

html body.site-page .ww-follow-showcase .ww-reference-card__head strong {
  color: #67e6ff !important;
  text-align: center !important;
}

html body.site-page .ww-follow-showcase .ww-reference-card__body {
  text-align: center !important;
}

html body.site-page .ww-follow-showcase .ww-reference-card h3 {
  color: #f7fbff !important;
  font-size: clamp(1.05rem, 1.35vw, 1.42rem) !important;
  line-height: 1.16 !important;
  text-align: center !important;
}

html body.site-page .ww-follow-showcase .ww-reference-source,
html body.site-page .ww-follow-showcase .ww-reference-meta,
html body.site-page .ww-follow-showcase .ww-viewer-stack {
  display: none !important;
}

html body.site-page:not(.magic-scroll-active).page-ia-automatisations .ww-follow-showcase :is(h1, h2, h3, strong) {
  color: #f7fbff !important;
}

html body.site-page:not(.magic-scroll-active).page-ia-automatisations .ww-follow-showcase :is(p, li) {
  color: #d4e5f2 !important;
}

html body.site-page:not(.magic-scroll-active).page-ia-automatisations .ww-follow-showcase :is(.ww-follow-kicker, .ww-reference-card__head strong) {
  color: #67e6ff !important;
}

@media (max-width: 900px) {
  html body.site-page .ww-follow-showcase :where(section) {
    width: min(100% - 28px, 1180px) !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-hero,
  html body.site-page .ww-follow-showcase .ww-follow-tabs,
  html body.site-page .ww-follow-showcase .ww-reference-panel-heading,
  html body.site-page .ww-follow-showcase .ww-reference-card__body {
    text-align: center !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-hero h1 {
    max-width: 11ch !important;
    font-size: clamp(2.15rem, 9.4vw, 2.9rem) !important;
    line-height: 0.98 !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-hero p,
  html body.site-page .ww-follow-showcase .ww-follow-section-heading p,
  html body.site-page .ww-follow-showcase .ww-reference-panel-heading p {
    max-width: 34rem !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-actions {
    display: grid !important;
    justify-items: center !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-btn {
    max-width: 390px !important;
    width: 100% !important;
  }
}

@media (max-width: 680px) {
  html body.site-page .ww-follow-showcase {
    max-width: 100vw;
  }

  html body.site-page .ww-follow-showcase .ww-follow-kicker {
    font-size: 0.72rem !important;
    letter-spacing: 0.1em !important;
    overflow-wrap: anywhere !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-hero {
    padding-top: 92px !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-hero h1 {
    font-size: clamp(1.95rem, 8.2vw, 2.35rem) !important;
    max-width: 10.5ch !important;
    overflow-wrap: break-word !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-section-heading h2 {
    max-width: 11ch !important;
    margin-inline: auto !important;
    font-size: clamp(1.85rem, 8.2vw, 2.25rem) !important;
    line-height: 1.02 !important;
    overflow-wrap: break-word !important;
    text-wrap: balance !important;
  }

  html body.site-page .ww-follow-showcase .ww-follow-hero p,
  html body.site-page .ww-follow-showcase .ww-follow-section-heading p,
  html body.site-page .ww-follow-showcase .ww-reference-panel-heading p {
    max-width: calc(100vw - 44px) !important;
  }

  html body.site-page .ww-follow-showcase .ww-showcase-switch {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border-radius: 999px !important;
    gap: 6px !important;
    padding: 6px !important;
  }

  html body.site-page .ww-follow-showcase .ww-showcase-switch button {
    min-width: 0 !important;
    min-height: 48px !important;
    padding-inline: 10px !important;
    font-size: 0.9rem !important;
    white-space: nowrap !important;
  }

  html body.site-page .ww-follow-showcase .ww-reference-grid {
    display: flex !important;
    gap: 16px !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    overflow-x: auto !important;
    padding: 0 0 14px !important;
    scrollbar-width: none !important;
    scroll-padding-inline: 0 !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.site-page .ww-follow-showcase .ww-reference-grid::-webkit-scrollbar {
    display: none !important;
  }

  html body.site-page .ww-follow-showcase .ww-reference-card {
    flex: 0 0 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  html body.site-page .ww-follow-showcase .ww-reference-frame iframe {
    pointer-events: none !important;
  }

  html body.site-page .ww-follow-showcase .ww-reference-frame {
    height: clamp(960px, calc(100vh + 340px), 1160px) !important;
  }

  html body.site-page .ww-follow-showcase .ww-reference-card--email .ww-reference-frame {
    height: clamp(560px, 78vh, 720px) !important;
  }
}

@media (min-width: 1180px) {
  html body.site-page .ww-follow-showcase .ww-reference-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  html body.site-page .ww-follow-showcase .ww-reference-frame {
    height: clamp(280px, 24vw, 380px) !important;
  }

  html body.site-page .ww-follow-showcase .ww-reference-card--email .ww-reference-frame {
    height: clamp(320px, 28vw, 440px) !important;
  }
}

@media (min-width: 900px) and (max-width: 1179px) {
  html body.site-page .ww-follow-showcase .ww-reference-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Services page final polish: match the site controls, calm the FAQ and avoid dark-on-dark/card overflow. */
html body.site-page.page-services {
  --services-card-bg: rgba(255, 255, 255, 0.96);
  --services-card-line: rgba(6, 17, 30, 0.13);
}

html body.site-page.page-services .services-hero {
  min-height: 0 !important;
  padding-bottom: clamp(3.75rem, 6vw, 5.5rem) !important;
  padding-top: calc(var(--magic-header-h, 84px) + clamp(2.5rem, 5vw, 4.5rem)) !important;
}

html body.site-page.page-services .services-hero .local-beyonds-hero__grid {
  grid-template-columns: minmax(0, 1fr) !important;
  margin-inline: auto !important;
  max-width: min(64rem, calc(100vw - 2rem)) !important;
  min-height: 0 !important;
}

html body.site-page.page-services .services-hero .local-beyonds-hero__copy {
  align-items: center !important;
  margin-inline: auto !important;
  max-width: 64rem !important;
  text-align: center !important;
}

html body.site-page.page-services .services-hero .local-beyonds-hero__visual {
  display: none !important;
}

html body.site-page.page-services .local-beyonds-hero h1 {
  font-size: clamp(2.65rem, 4.4vw, 4.65rem) !important;
  line-height: 1.02 !important;
  max-width: min(100%, 18ch) !important;
  text-align: center !important;
}

html body.site-page.page-services .local-beyonds-lead,
html body.site-page.page-services .local-beyonds-section__heading > p:not(.local-beyonds-kicker):not(.services-carousel-counter),
html body.site-page.page-services .local-beyonds-text-grid p,
html body.site-page.page-services .local-beyonds-deliverables article p,
html body.site-page.page-services .local-beyonds-list-card p,
html body.site-page.page-services .faq-answer p {
  font-size: clamp(1rem, 1.15vw, 1.12rem) !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

html body.site-page.page-services .local-beyonds-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: center !important;
}

html body.site-page.page-services .local-beyonds-btn,
html body.site-page.page-services .local-beyonds-actions .local-beyonds-btn,
html body.site-page.page-services .local-beyonds-deliverables .local-beyonds-btn,
html body.site-page.page-services .local-beyonds-list-card .local-beyonds-btn {
  aspect-ratio: auto !important;
  border-radius: 18px !important;
  flex: 0 1 auto !important;
  font-size: clamp(0.98rem, 1vw, 1.08rem) !important;
  font-weight: 850 !important;
  height: auto !important;
  max-width: min(100%, 320px) !important;
  min-height: 56px !important;
  min-width: min(100%, 220px) !important;
  padding: 0 24px !important;
  width: auto !important;
}

html body.site-page.page-services .local-beyonds-btn--primary {
  background: linear-gradient(135deg, #65d8ff, #19f5ba) !important;
  border-color: rgba(255, 255, 255, 0.68) !important;
  color: #020713 !important;
  box-shadow: 0 18px 48px rgba(25, 245, 186, 0.22) !important;
}

html body.site-page.page-services .local-beyonds-btn--ghost {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(6, 17, 30, 0.14) !important;
  color: #06111e !important;
}

html body.site-page.page-services .local-beyonds-section--dark {
  background:
    radial-gradient(circle at 16% 0%, rgba(101, 216, 255, 0.18), transparent 28rem),
    linear-gradient(180deg, #06111e 0%, #071a24 100%) !important;
}

html body.site-page.page-services .local-beyonds-section--dark .local-beyonds-section__heading h2,
html body.site-page.page-services .local-beyonds-section--dark .local-beyonds-section__heading p:not(.services-carousel-counter) {
  color: #f7fbff !important;
}

html body.site-page.page-services .services-carousel-counter {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(122, 206, 255, 0.28) !important;
  border-radius: 999px !important;
  color: #dff8ff !important;
  display: none !important;
  font-size: 0.9rem !important;
  font-weight: 950 !important;
  gap: 6px !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 18px auto 0 !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  width: max-content !important;
}

html body.site-page.page-services .services-carousel-counter span {
  color: var(--ww-follow-cyan, #22f0d0) !important;
}

html body.site-page.page-services .local-beyonds-deliverables {
  align-items: stretch !important;
  display: grid !important;
  gap: clamp(16px, 1.75vw, 24px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-inline: auto !important;
  max-width: 74rem !important;
  width: 100% !important;
}

html body.site-page.page-services .local-beyonds-deliverables article {
  align-content: start !important;
  background: var(--services-card-bg) !important;
  border: 1px solid var(--services-card-line) !important;
  box-shadow: 0 22px 52px rgba(5, 13, 30, 0.12) !important;
  color: #06111e !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-rows: auto minmax(3.5rem, auto) minmax(9.75rem, auto) minmax(8.75rem, 1fr) auto !important;
  justify-items: center !important;
  min-height: 34rem !important;
  overflow: hidden !important;
  padding: clamp(22px, 2.4vw, 32px) !important;
  position: relative !important;
  text-align: center !important;
}

html body.site-page.page-services .local-beyonds-deliverables article :where(h3, strong, p, li) {
  color: #06111e !important;
  text-align: center !important;
}

html body.site-page.page-services .services-pillar-card__title {
  font-size: clamp(1.18rem, 1.45vw, 1.45rem) !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

html body.site-page.page-services .services-pillar-card__number {
  align-items: center !important;
  background: rgba(20, 92, 255, 0.08) !important;
  border: 1px solid rgba(20, 92, 255, 0.12) !important;
  border-radius: 999px !important;
  color: #087fa0 !important;
  display: inline-flex !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  justify-content: center !important;
  min-height: 2rem !important;
  min-width: 2.75rem !important;
  padding-inline: 0.75rem !important;
}

html body.site-page.page-services .services-pillar-card__title {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  max-width: 18rem !important;
  text-wrap: balance !important;
}

html body.site-page.page-services .services-pillar-card__description {
  margin: 0 !important;
  max-width: 24rem !important;
  text-wrap: pretty !important;
}

html body.site-page.page-services .services-pillar-card__tags {
  align-content: start !important;
  align-self: stretch !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.site-page.page-services .services-pillar-card__tags li {
  align-items: center !important;
  background: rgba(6, 17, 30, 0.04) !important;
  border: 1px solid rgba(6, 17, 30, 0.1) !important;
  border-radius: 12px !important;
  color: #06111e !important;
  display: flex !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  min-height: 2.75rem !important;
  padding: 0.6rem 0.7rem !important;
  width: 100% !important;
}

html body.site-page.page-services .services-pillar-card__tags li:last-child:nth-child(odd) {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  max-width: calc(50% - 5px) !important;
}

html body.site-page.page-services .services-pillar-card__cta {
  align-self: end !important;
  justify-self: stretch !important;
  margin-top: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body.site-page.page-services .local-beyonds-section--faq {
  background:
    radial-gradient(circle at 50% 0%, rgba(101, 216, 255, 0.12), transparent 24rem),
    linear-gradient(180deg, #f7fbff 0%, #ffffff 100%) !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page.page-services .local-beyonds-section--faq .local-beyonds-section__heading {
  max-width: 760px !important;
  text-align: center !important;
}

html body.site-page.page-services .local-beyonds-section--faq .local-beyonds-section__heading h2 {
  font-size: clamp(2rem, 3.4vw, 3.45rem) !important;
  line-height: 1.07 !important;
  margin-inline: auto !important;
  max-width: 17ch !important;
  text-align: center !important;
}

html body.site-page.page-services .local-beyonds-section--faq .faq {
  gap: 14px !important;
  margin-inline: auto !important;
  max-width: 920px !important;
  width: 100% !important;
}

html body.site-page.page-services .local-beyonds-section--faq .faq-item {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 30, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 48px rgba(6, 17, 30, 0.08) !important;
  overflow: hidden !important;
  text-align: left !important;
}

html body.site-page.page-services .local-beyonds-section--faq .faq-question {
  align-items: center !important;
  color: #06111e !important;
  display: flex !important;
  font-size: clamp(1.08rem, 1.45vw, 1.35rem) !important;
  font-weight: 800 !important;
  gap: 18px !important;
  justify-content: space-between !important;
  line-height: 1.22 !important;
  min-height: 74px !important;
  padding: 20px 24px !important;
  text-align: left !important;
}

html body.site-page.page-services .local-beyonds-section--faq .faq-answer {
  padding: 0 24px 22px !important;
}

html body.site-page.page-services .local-beyonds-section--intro {
  background: linear-gradient(180deg, #ffffff, #f7fbff) !important;
}

html body.site-page.page-services .local-beyonds-text-grid {
  align-items: stretch !important;
}

html body.site-page.page-services .local-beyonds-section--intro .local-beyonds-text-grid {
  display: grid !important;
  grid-template-columns: minmax(0, min(36rem, 100%)) !important;
  justify-content: center !important;
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 52rem) !important;
  width: 100% !important;
}

html body.site-page.page-services .local-beyonds-list-card {
  background: #ffffff !important;
  border: 1px solid rgba(6, 17, 30, 0.12) !important;
  box-shadow: 0 18px 48px rgba(6, 17, 30, 0.08) !important;
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 36rem !important;
  text-align: center !important;
  width: 100% !important;
}

@media (max-width: 760px) {
  html body.site-page.page-services .local-beyonds-hero h1 {
    font-size: clamp(2.2rem, 10vw, 3rem) !important;
    max-width: 12ch !important;
  }

  html body.site-page.page-services .local-beyonds-lead,
  html body.site-page.page-services .local-beyonds-section__heading > p:not(.local-beyonds-kicker):not(.services-carousel-counter),
  html body.site-page.page-services .local-beyonds-text-grid p,
  html body.site-page.page-services .faq-answer p {
    text-align: center !important;
  }

  html body.site-page.page-services .local-beyonds-actions {
    display: grid !important;
    justify-items: center !important;
  }

  html body.site-page.page-services .local-beyonds-btn,
  html body.site-page.page-services .local-beyonds-actions .local-beyonds-btn,
  html body.site-page.page-services .local-beyonds-deliverables .local-beyonds-btn,
  html body.site-page.page-services .local-beyonds-list-card .local-beyonds-btn {
    max-width: 360px !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.site-page.page-services .local-beyonds-section__heading h2,
  html body.site-page.page-services .local-beyonds-section--faq .local-beyonds-section__heading h2 {
    font-size: 32px !important;
    line-height: 1.08 !important;
    max-width: 13.5ch !important;
    text-align: center !important;
  }

  html body.site-page.page-services #services-list-title,
  html body.site-page.page-services #services-other-title,
  html body.site-page.page-services #services-faq-title {
    font-size: 32px !important;
    font-weight: 850 !important;
    line-height: 1.08 !important;
    margin-inline: auto !important;
    max-width: 13.5ch !important;
    text-align: center !important;
  }

  html body.site-page.page-services .local-beyonds-section--faq .faq-question {
    font-size: clamp(1rem, 4.6vw, 1.18rem) !important;
    min-height: 0 !important;
    padding: 18px !important;
    text-align: center !important;
  }

  html body.site-page.page-services .local-beyonds-section--faq .faq-question span {
    flex: 1 1 auto !important;
    text-align: center !important;
  }

  html body.site-page.page-services .local-beyonds-section--dark {
    overflow: hidden !important;
  }

  html body.site-page.page-services .services-carousel-counter {
    display: inline-flex !important;
  }

  html body.site-page.page-services .local-beyonds-deliverables {
    display: flex !important;
    gap: 16px !important;
    justify-content: flex-start !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    padding: 0 42px 18px 18px !important;
    scroll-padding-left: 18px !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100vw !important;
  }

  html body.site-page.page-services .local-beyonds-deliverables::-webkit-scrollbar {
    display: none !important;
  }

  html body.site-page.page-services .local-beyonds-deliverables article {
    flex: 0 0 min(82vw, 340px) !important;
    max-width: min(82vw, 340px) !important;
    min-height: 34rem !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  html body.site-page.page-services.page-services section.local-beyonds-section--dark > .local-beyonds-deliverables.local-beyonds-deliverables {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    padding-left: 18px !important;
    padding-right: 42px !important;
    width: 100vw !important;
  }

  html body.site-page.page-services.page-services section.local-beyonds-section--dark > .local-beyonds-deliverables.local-beyonds-deliverables > article {
    flex-basis: min(78vw, 320px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: min(78vw, 320px) !important;
  }
}

@media (min-width: 761px) and (max-width: 1080px) {
  html body.site-page.page-services .services-pillars-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 50rem !important;
  }

  html body.site-page.page-services .services-pillars-grid .services-pillar-card:last-child {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    max-width: calc((100% - clamp(16px, 1.75vw, 24px)) / 2) !important;
    width: 100% !important;
  }
}

/* CoachVisible desktop lock: keep the page on the same reading frame as home. */
@media (min-width: 1025px) {
  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero > .container,
  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero__grid,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero > .container,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero__grid {
    max-width: min(1120px, calc(100vw - 80px)) !important;
    width: min(1120px, calc(100vw - 80px)) !important;
  }

  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero__grid,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero__grid {
    align-items: center !important;
    gap: clamp(32px, 4vw, 56px) !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
    justify-items: stretch !important;
    text-align: left !important;
  }

  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero__copy,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero__copy {
    max-width: min(100%, 42rem) !important;
    text-align: left !important;
    width: auto !important;
  }

  html body.site-page.page-coachvisible .coachvisible-next .cv-next-hero h1,
  html body.site-page.page-coachvisible.magic-scroll-active .coachvisible-next .cv-next-hero h1 {
    font-size: clamp(3rem, 4vw, 4.3rem) !important;
    line-height: 1.02 !important;
    max-width: min(100%, 12.5ch) !important;
    text-align: left !important;
  }
}

/* Realisations page routes: full-bleed dark band, framed content, readable titles. */
@media (min-width: 1025px) {
  html body.site-page.page-realisations section.realisations-page-routes,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes {
    background:
      radial-gradient(circle at 12% 14%, rgba(35, 207, 231, 0.16), transparent 28rem),
      radial-gradient(circle at 88% 82%, rgba(77, 122, 255, 0.14), transparent 30rem),
      linear-gradient(180deg, #071320 0%, #07111f 54%, #081827 100%) !important;
    box-sizing: border-box !important;
    color: #f7fbff !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: none !important;
    overflow: hidden !important;
    padding: clamp(88px, 8vw, 128px) 0 !important;
    width: 100vw !important;
  }

  html body.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__heading,
  html body.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__grid,
  html body.site-page.page-realisations section.realisations-page-routes > div.realisations-page-routes__heading,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > .realisations-page-routes__heading,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > .realisations-page-routes__grid,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > div.realisations-page-routes__heading {
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: min(1480px, calc(100vw - 80px)) !important;
    width: min(1480px, calc(100vw - 80px)) !important;
  }

  html body.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__heading,
  html body.site-page.page-realisations section.realisations-page-routes > div.realisations-page-routes__heading,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > .realisations-page-routes__heading,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > div.realisations-page-routes__heading {
    display: grid !important;
    gap: 18px !important;
    justify-items: center !important;
    margin-bottom: clamp(42px, 5vw, 72px) !important;
    text-align: center !important;
  }

  html body.site-page.page-realisations section.realisations-page-routes .magic-section__kicker,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes .magic-section__kicker {
    color: #35d7e8 !important;
    opacity: 1 !important;
  }

  html body.site-page.page-realisations section.realisations-page-routes h2#pages-completes-title,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes h2#pages-completes-title {
    color: #f7fbff !important;
    font-size: clamp(2.55rem, 3vw, 3.6rem) !important;
    line-height: 1.03 !important;
    margin: 0 auto !important;
    max-width: min(100%, 1180px) !important;
    opacity: 1 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  html body.site-page.page-realisations section.realisations-page-routes .realisations-page-routes__heading p:not(.magic-section__kicker),
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes .realisations-page-routes__heading p:not(.magic-section__kicker) {
    color: rgba(230, 246, 251, 0.82) !important;
    font-size: clamp(1.02rem, 1.15vw, 1.18rem) !important;
    font-weight: 650 !important;
    line-height: 1.58 !important;
    margin: 0 auto !important;
    max-width: 44rem !important;
    opacity: 1 !important;
    text-align: center !important;
  }

  html body.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__grid,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > .realisations-page-routes__grid {
    display: grid !important;
    gap: clamp(18px, 2vw, 28px) !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    justify-items: stretch !important;
  }

  html body.site-page.page-realisations section.realisations-page-routes .realisations-page-card,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes .realisations-page-card {
    min-width: 0 !important;
  }
}

/* Realisations CTA: keep the closing block centered after all legacy overrides. */
html body.site-page.page-realisations section.realisations-clean-cta,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-cta {
  align-items: center !important;
  display: grid !important;
  gap: clamp(20px, 3vw, 32px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.site-page.page-realisations section.realisations-clean-cta > div:first-child,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-cta > div:first-child {
  display: grid !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: min(100%, 980px) !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-realisations section.realisations-clean-cta :where(.magic-section__kicker, h2, p),
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-cta :where(.magic-section__kicker, h2, p) {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body.site-page.page-realisations section.realisations-clean-cta > a,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-cta > a {
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Global page frame: no dark side gutters around public pages. */
html body.site-page {
  background: #f5fbff !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow-x: clip !important;
  width: 100% !important;
}

html body.site-page .site-main {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  overflow-x: clip !important;
  width: 100% !important;
}

html body.site-page .site-main > :where(section, article, div),
html body.site-page.site-page.site-page.site-page .site-main > :where(section, article, div) {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

html body.site-page.page-realisations section.realisations-clean-hero,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-hero,
html body.site-page.site-page.site-page.site-page.page-realisations section.realisations-clean-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-realisations .realisations-clean-hero__media,
html body.site-page.page-realisations:not(.magic-scroll-active) .realisations-clean-hero__media {
  display: none !important;
}

html body.site-page.page-realisations section.realisations-clean-hero > .realisations-clean-hero__copy,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-hero > .realisations-clean-hero__copy {
  display: grid !important;
  justify-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 980px) !important;
  text-align: center !important;
}

/* Global inner gutters: full-bleed backgrounds, readable content inside. */
html body.site-page {
  --ww-page-inner-gutter: clamp(24px, 5.2vw, 92px);
  --ww-page-inner-narrow: min(100%, 1120px);
  --ww-page-title-wide: min(100%, 1340px);
}

html body.site-page .site-main > :where(section, article, div),
html body.site-page.site-page.site-page.site-page .site-main > :where(section, article, div) {
  padding-left: var(--ww-page-inner-gutter) !important;
  padding-right: var(--ww-page-inner-gutter) !important;
}

html body.site-page.site-page.site-page.site-page .site-main > section[class],
html body.site-page.site-page.site-page.site-page .site-main > article[class],
html body.site-page.site-page.site-page.site-page .site-main > div[class] > section[class],
html body.site-page.site-page.site-page.site-page .site-main > div[class] > article[class] {
  padding-left: var(--ww-page-inner-gutter) !important;
  padding-right: var(--ww-page-inner-gutter) !important;
}

html body.site-page.site-page.site-page.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone) section.local-beyonds-hero.local-beyonds-hero.local-beyonds-hero,
html body.site-page.site-page.site-page.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone) section.local-beyonds-section.local-beyonds-section.local-beyonds-section,
html body.site-page.site-page.site-page.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone) section.local-beyonds-cta.local-beyonds-cta.local-beyonds-cta,
html body.site-page.site-page.site-page.site-page:not(.page-home):not(.page-coachvisible):not(.page-local-city-clone) section.local-beyonds-strip.local-beyonds-strip.local-beyonds-strip {
  padding-left: var(--ww-page-inner-gutter) !important;
  padding-right: var(--ww-page-inner-gutter) !important;
}

html body.site-page :where(
  .hero-cloud__content,
  .page-intro__content,
  .section-heading,
  .local-beyonds-hero__copy,
  .local-beyonds-section__heading,
  .ww-blog-hero__copy,
  .ww-blog-group__head,
  .realisations-clean-hero__copy,
  .realisations-mockups__heading,
  .realisations-page-routes__heading,
  .realisations-clean-cta > div:first-child,
  .cv-next-hero__copy,
  .cv-next-heading,
  .magic-work__heading,
  .magic-proof-layer__heading,
  .magic-services__heading,
  .magic-final__copy
) {
  max-width: var(--ww-page-inner-narrow) !important;
}

@media (min-width: 1024px) {
  html body.site-page :where(
    .hero-cloud__title.hero-title,
    .page-intro__title,
    .local-beyonds-hero h1,
    .ww-blog-hero h1,
    .ww-article-hero h1,
    .realisations-clean-hero h1,
    .cv-next-hero h1,
    .about-one-copy h1,
    .hero-simple h1,
    .section-heading h2,
    .local-beyonds-section__heading h2,
    .realisations-mockups__heading h2,
    .realisations-page-routes__heading h2,
    .realisations-clean-cta h2,
    .cv-next-heading h2,
    .magic-work__heading h2,
    .magic-services__heading h2,
    .magic-final h2
  ) {
    max-width: var(--ww-page-title-wide) !important;
    text-wrap: pretty !important;
  }

  html body.site-page.page-realisations section.realisations-clean-hero h1#realisations-title,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-hero h1#realisations-title {
    font-size: clamp(3rem, 4.7vw, 5rem) !important;
    line-height: 1.02 !important;
    max-width: min(100%, 36ch) !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 760px) {
  html body.site-page {
    --ww-page-inner-gutter: 18px;
  }

  html body.site-page :where(
    .hero-cloud__title.hero-title,
    .page-intro__title,
    .local-beyonds-hero h1,
    .ww-blog-hero h1,
    .ww-article-hero h1,
    .realisations-clean-hero h1,
    .cv-next-hero h1,
    .about-one-copy h1,
    .hero-simple h1
  ) {
    white-space: normal !important;
  }
}

/* Short hero titles should not break into awkward two-word lines. */
html body.site-page.page-realisations section.realisations-clean-hero h1#realisations-title,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-hero h1#realisations-title {
  max-width: 100% !important;
  white-space: nowrap !important;
}

@media (max-width: 1023px) {
  html body.site-page.page-realisations section.realisations-clean-hero h1#realisations-title,
  html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-clean-hero h1#realisations-title {
    font-size: clamp(1.45rem, calc((100vw - (var(--ww-page-inner-gutter) * 2)) / 14.6), 3.2rem) !important;
    line-height: 1.04 !important;
  }
}

/* Mockup cards and preview drawer: media fills its frame, meta badges stay centered. */
html body.site-page :where(.realisations-mockup-card, .magic-home-v3 .magic-work--maquettes .magic-work-card) :where(.realisations-mockup-card__media, .magic-work-card__media),
html body.site-page.page-realisations .magic-project-panel__mockup,
html body.site-page.page-home .magic-project-panel__mockup {
  box-sizing: border-box !important;
  justify-self: stretch !important;
  width: 100% !important;
}

html body.site-page.page-realisations .realisations-mockup-card__media img,
html body.site-page.page-realisations .magic-project-panel__mockup img:not([hidden]),
html body.site-page.page-realisations .magic-project-panel__mockup iframe:not([hidden]),
html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card > img,
html body.site-page.page-home .magic-project-panel__mockup img:not([hidden]),
html body.site-page.page-home .magic-project-panel__mockup iframe:not([hidden]) {
  display: block !important;
  height: 100% !important;
  left: auto !important;
  max-width: none !important;
  min-width: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
}

html body.site-page.page-realisations .realisations-mockup-card .magic-work-card__type,
html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__type,
html body.site-page :where(.magic-project-panel__eyebrow, .magic-project-panel__name) {
  justify-content: center !important;
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body.site-page :where(.magic-project-panel__eyebrow, .magic-project-panel__name) {
  width: fit-content !important;
}

@keyframes ww-page-routes-soft-drift {
  0% {
    background-position: 0 0, 0 0, 12% 18%, 88% 12%, center;
  }
  100% {
    background-position: 72px 36px, 36px 72px, 18% 24%, 82% 18%, center;
  }
}

/* Realisations page routes: light moving background, padded cards and centered CTAs. */
html body.site-page.page-realisations .site-main,
html body.site-page.page-realisations:not(.magic-scroll-active) .site-main {
  background:
    radial-gradient(circle at 14% 8%, rgba(96, 225, 255, 0.18), transparent 30rem),
    radial-gradient(circle at 88% 12%, rgba(37, 228, 177, 0.13), transparent 28rem),
    linear-gradient(180deg, #f6fcff 0%, #ffffff 42%, #edf8fb 100%) !important;
}

html body.site-page.page-realisations section.realisations-page-routes,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes {
  animation: ww-page-routes-soft-drift 20s linear infinite !important;
  background:
    linear-gradient(to right, rgba(52, 176, 207, 0.075) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(52, 176, 207, 0.055) 1px, transparent 1px),
    radial-gradient(circle at 12% 18%, rgba(96, 225, 255, 0.18), transparent 26rem),
    radial-gradient(circle at 88% 12%, rgba(37, 228, 177, 0.13), transparent 28rem),
    linear-gradient(180deg, #f6fcff 0%, #ffffff 56%, #edf8fb 100%) !important;
  background-size: 72px 72px, 72px 72px, auto, auto, auto !important;
  box-sizing: border-box !important;
  color: #07111e !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  padding: clamp(72px, 8vw, 118px) var(--ww-page-inner-gutter) !important;
  position: relative !important;
  width: 100% !important;
}

html body.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__heading,
html body.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__grid,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > .realisations-page-routes__heading,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > .realisations-page-routes__grid {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 1280px) !important;
  width: 100% !important;
}

html body.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__heading,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > .realisations-page-routes__heading {
  display: grid !important;
  gap: 16px !important;
  justify-items: center !important;
  margin-bottom: clamp(34px, 4vw, 56px) !important;
  text-align: center !important;
}

html body.site-page.page-realisations section.realisations-page-routes .magic-section__kicker,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes .magic-section__kicker {
  color: #137985 !important;
  opacity: 1 !important;
}

html body.site-page.page-realisations section.realisations-page-routes h2#pages-completes-title,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes h2#pages-completes-title {
  color: #07111e !important;
  font-size: clamp(2rem, 3.8vw, 4.1rem) !important;
  line-height: 1.02 !important;
  margin: 0 auto !important;
  max-width: min(100%, 26ch) !important;
  opacity: 1 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body.site-page.page-realisations section.realisations-page-routes .realisations-page-routes__heading p:not(.magic-section__kicker),
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes .realisations-page-routes__heading p:not(.magic-section__kicker) {
  color: rgba(7, 17, 30, 0.7) !important;
  font-size: clamp(1rem, 1.2vw, 1.16rem) !important;
  font-weight: 650 !important;
  line-height: 1.58 !important;
  margin: 0 auto !important;
  max-width: 46rem !important;
  opacity: 1 !important;
  text-align: center !important;
}

html body.site-page.page-realisations section.realisations-page-routes > .realisations-page-routes__grid,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes > .realisations-page-routes__grid {
  display: grid !important;
  gap: clamp(18px, 2vw, 28px) !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  justify-items: stretch !important;
}

html body.site-page.page-realisations section.realisations-page-routes .realisations-page-card,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes .realisations-page-card {
  align-content: start !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(37, 228, 177, 0.12), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 251, 252, 0.94)) !important;
  border: 1px solid rgba(17, 121, 133, 0.16) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 60px rgba(7, 18, 32, 0.1) !important;
  color: #07111e !important;
  display: grid !important;
  gap: clamp(14px, 1.6vw, 18px) !important;
  justify-items: center !important;
  min-height: 100% !important;
  padding: clamp(16px, 1.8vw, 24px) !important;
  text-align: center !important;
}

html body.site-page.page-realisations section.realisations-page-routes .realisations-page-card img,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes .realisations-page-card img {
  aspect-ratio: 16 / 9 !important;
  border: 1px solid rgba(17, 121, 133, 0.12) !important;
  border-radius: 12px !important;
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
}

html body.site-page.page-realisations section.realisations-page-routes .realisations-page-card span,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes .realisations-page-card span {
  color: #137985 !important;
  justify-self: center !important;
  text-align: center !important;
}

html body.site-page.page-realisations section.realisations-page-routes .realisations-page-card p,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes .realisations-page-card p {
  align-items: center !important;
  color: rgba(7, 17, 30, 0.68) !important;
  display: flex !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: calc(1.58em * 3) !important;
  max-width: 18.5rem !important;
  text-align: center !important;
}

html body.site-page.page-realisations section.realisations-page-routes .realisations-page-card strong,
html body.site-page.page-realisations:not(.magic-scroll-active) section.realisations-page-routes .realisations-page-card strong {
  justify-content: center !important;
  justify-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: auto !important;
  min-width: min(100%, 14rem) !important;
  text-align: center !important;
}

/* Final alignment lock: full-bleed section backgrounds, centered content. */
html body.site-page.page-home .magic-home-v3,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 {
  max-width: none !important;
  overflow-x: clip !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 > .magic-section:not(.ww-bot-only-section):not(.ww-seo-only-section),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 > .magic-section:not(.ww-bot-only-section):not(.ww-seo-only-section),
html body.site-page.page-home .magic-home-v3 > .magic-final,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 > .magic-final {
  box-sizing: border-box !important;
  left: calc(50% - 50vw) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100vw !important;
  position: relative !important;
  right: auto !important;
  width: 100vw !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-intro__content,
  .magic-proof-layer__inner,
  .magic-proof-layer__heading,
  .magic-services__sticky,
  .magic-services__heading,
  .magic-work__sticky,
  .magic-work__heading,
  .magic-faq__inner,
  .magic-faq__heading,
  .magic-final__grid,
  .magic-final__copy,
  .ww-expertise-links__grid,
  .ww-expertise-links__heading
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-intro__content,
  .magic-proof-layer__inner,
  .magic-proof-layer__heading,
  .magic-services__sticky,
  .magic-services__heading,
  .magic-work__sticky,
  .magic-work__heading,
  .magic-faq__inner,
  .magic-faq__heading,
  .magic-final__grid,
  .magic-final__copy,
  .ww-expertise-links__grid,
  .ww-expertise-links__heading
) {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 920px) !important;
  text-align: center !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-intro__actions,
  .magic-final__actions,
  .magic-proof-layer__cards,
  .magic-services__track,
  .magic-work__rail,
  .magic-faq__grid
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-intro__actions,
  .magic-final__actions,
  .magic-proof-layer__cards,
  .magic-services__track,
  .magic-work__rail,
  .magic-faq__grid
) {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Footer flow lock: keep footer readable without sticking it to the viewport. */
html body.site-scroll-parallax .site-footer,
html body.site-page .site-footer {
  bottom: auto !important;
  isolation: isolate !important;
  position: relative !important;
  transform: none !important;
  transition: none !important;
  z-index: 1 !important;
}

html body.site-page .site-footer .footer-grid,
html body.site-page .site-footer .footer-bottom {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 1024px) {
  html body.site-page .site-footer .footer-grid,
  html body.site-page .site-footer .footer-bottom {
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: min(1120px, calc(100% - 48px)) !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-v3 .magic-intro__sticky,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__sticky {
    box-sizing: border-box !important;
    left: calc(50% - 50vw) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100vw !important;
    position: relative !important;
    right: auto !important;
    width: 100vw !important;
  }

  html body.site-page .site-footer,
  html body.site-page .site-footer .footer-grid,
  html body.site-page .site-footer .footer-grid > *,
  html body.site-page .site-footer .footer-links,
  html body.site-page .site-footer .footer-bottom {
    justify-items: center !important;
    text-align: center !important;
  }

  html body.site-page .site-footer .footer-grid,
  html body.site-page .site-footer .footer-bottom {
    max-width: min(38rem, calc(100% - 28px)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.site-page .site-footer .footer-grid > :first-child {
    justify-items: center !important;
    margin-inline: auto !important;
    max-width: min(100%, 34rem) !important;
    text-align: center !important;
  }

  html body.site-page .site-footer .footer-brand,
  html body.site-page .site-footer .footer-grid p,
  html body.site-page .site-footer .footer-bottom p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  html body.site-page .site-footer .cluster,
  html body.site-page .site-footer .footer-grid > :first-child .footer-links,
  html body.site-page .site-footer :where(.footer-links a:not(.btn), .footer-links span, .footer-bottom a),
  html body.site-page .site-footer .footer-legal-links {
    justify-content: center !important;
  }

  html body.site-page .site-footer .footer-grid > :where(nav.footer-links, div.footer-links) {
    margin-inline: auto !important;
    width: 100% !important;
  }

  html body.site-page .site-footer .footer-grid > nav.footer-links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.site-page .site-footer .footer-grid > div.footer-links {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.site-page .site-footer .footer-label {
    text-align: center !important;
  }

  html body.site-page .site-footer .footer-grid > div.footer-links > :where(a, span) {
    justify-content: center !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    width: 100% !important;
  }

  html body.site-page .site-footer .footer-bottom {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq {
    padding-block: clamp(34px, 9vw, 48px) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__inner,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__inner {
    gap: 18px !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__heading,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__heading {
    gap: 10px !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__heading h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__heading h2 {
    font-size: clamp(1.72rem, 7.1vw, 1.9rem) !important;
    line-height: 1.12 !important;
    max-width: min(100%, 20rem) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__heading p,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__heading p {
    font-size: clamp(0.92rem, 3.9vw, 0.98rem) !important;
    line-height: 1.45 !important;
    max-width: min(100%, 21rem) !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__grid,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__grid {
    gap: 8px !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__item summary,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__item summary {
    font-size: clamp(0.94rem, 4vw, 1rem) !important;
    gap: 10px !important;
    grid-template-columns: minmax(0, 1fr) 30px !important;
    line-height: 1.28 !important;
    min-height: 0 !important;
    padding: 14px 16px !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__item summary::after,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__item summary::after {
    font-size: 1rem !important;
    height: 30px !important;
    width: 30px !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-faq__item p,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-faq__item p {
    font-size: clamp(0.9rem, 3.7vw, 0.96rem) !important;
    line-height: 1.48 !important;
    padding: 0 16px 16px !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible) :where(
    .home-faq,
    .offres-faq,
    .seo-geo-faq,
    .wordpress-faq,
    .ai-faq,
    .cv-faq,
    .realisations-faq,
    .audit-faq,
    .contact-faq,
    .local-beyonds-section--faq
  ) :where(h2, .section-heading h2) {
    font-size: clamp(1.62rem, 7vw, 1.95rem) !important;
    line-height: 1.12 !important;
    max-width: min(100%, 21rem) !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible) .home-faq .section-heading h2,
  html body.site-page:not(.page-home):not(.page-coachvisible) .offres-faq .section-heading h2,
  html body.site-page:not(.page-home):not(.page-coachvisible) .seo-geo-faq .section-heading h2,
  html body.site-page:not(.page-home):not(.page-coachvisible) .wordpress-faq .section-heading h2,
  html body.site-page:not(.page-home):not(.page-coachvisible) .ai-faq .section-heading h2,
  html body.site-page:not(.page-home):not(.page-coachvisible) .cv-faq .section-heading h2,
  html body.site-page:not(.page-home):not(.page-coachvisible) .realisations-faq .section-heading h2,
  html body.site-page:not(.page-home):not(.page-coachvisible) .audit-faq .section-heading h2,
  html body.site-page:not(.page-home):not(.page-coachvisible) .contact-faq .section-heading h2,
  html body.site-page:not(.page-home):not(.page-coachvisible) .local-beyonds-section--faq .section-heading h2 {
    font-size: clamp(24px, 6.8vw, 30px) !important;
    line-height: 1.12 !important;
    max-width: min(100%, 21rem) !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible) .faq {
    gap: 8px !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible) .faq-question {
    font-size: clamp(0.94rem, 4vw, 1rem) !important;
    gap: 10px !important;
    line-height: 1.28 !important;
    min-height: 0 !important;
    padding: 14px 16px !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible) .faq-question::after {
    font-size: 0.95rem !important;
    height: 1.45rem !important;
    width: 1.45rem !important;
  }

  html body.site-page:not(.page-home):not(.page-coachvisible) .faq-answer {
    padding-inline: 16px !important;
  }

  html.js body.site-page:not(.page-home):not(.page-coachvisible) [data-faq-enhanced] .faq-item.is-open .faq-answer {
    padding-bottom: 16px !important;
  }
}

/* Home motion restore: animated backdrop, gradient text, lively CTAs and offer cards. */
@keyframes wwHomeBackdropBreath {
  0%,
  100% {
    filter: saturate(1.06) contrast(1.05) brightness(0.82);
    transform: scale(1.05);
  }

  50% {
    filter: saturate(1.28) contrast(1.12) brightness(0.96);
    transform: scale(1.1);
  }
}

@keyframes wwHomeHaloDrift {
  0% {
    background-position: 0% 50%, 100% 50%, 50% 50%;
    transform: translate3d(-2%, -1%, 0) scale(0.98);
  }

  50% {
    background-position: 100% 50%, 0% 50%, 50% 50%;
    transform: translate3d(2%, 1%, 0) scale(1.04);
  }

  100% {
    background-position: 0% 50%, 100% 50%, 50% 50%;
    transform: translate3d(-2%, -1%, 0) scale(0.98);
  }
}

html body.site-page.page-home .magic-home-backdrop,
html body.site-page.page-home.magic-scroll-active .magic-home-backdrop {
  display: block !important;
  opacity: 1 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body.site-page.page-home .magic-home-backdrop__video,
html body.site-page.page-home.magic-scroll-active .magic-home-backdrop__video {
  animation: wwHomeBackdropBreath 14s ease-in-out infinite !important;
  display: block !important;
  opacity: 0.66 !important;
  visibility: visible !important;
  will-change: filter, transform !important;
}

html body.site-page.page-home .magic-home-backdrop::before,
html body.site-page.page-home.magic-scroll-active .magic-home-backdrop::before {
  animation: wwHomeHaloDrift 13s ease-in-out infinite !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(101, 216, 255, 0.22), transparent 28rem),
    radial-gradient(circle at 84% 16%, rgba(25, 245, 186, 0.18), transparent 26rem),
    radial-gradient(circle at 52% 50%, rgba(48, 120, 255, 0.16), transparent 34rem) !important;
  background-size: 130% 130%, 140% 140%, 120% 120% !important;
  content: "" !important;
  display: block !important;
  opacity: 0.95 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro {
  background:
    radial-gradient(circle at 50% 38%, rgba(25, 245, 186, 0.16), transparent 28rem),
    radial-gradient(circle at 18% 70%, rgba(101, 216, 255, 0.12), transparent 26rem),
    rgba(3, 7, 17, 0.52) !important;
  overflow: hidden !important;
  position: relative !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro::before,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro::before {
  animation: wwHomeGridDrift 26s linear infinite !important;
  background:
    linear-gradient(rgba(101, 216, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 245, 186, 0.04) 1px, transparent 1px),
    radial-gradient(circle at 50% 38%, rgba(25, 245, 186, 0.2), transparent 30rem) !important;
  background-size: 92px 92px, 92px 92px, 100% 100% !important;
  content: "" !important;
  display: block !important;
  inset: 0 !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro__content,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__content {
  isolation: isolate !important;
  position: relative !important;
  z-index: 2 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro__content::before,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__content::before {
  animation: wwHomeHaloDrift 9s ease-in-out infinite !important;
  background:
    radial-gradient(ellipse at 30% 45%, rgba(101, 216, 255, 0.2), transparent 54%),
    radial-gradient(ellipse at 72% 52%, rgba(25, 245, 186, 0.18), transparent 56%) !important;
  content: "" !important;
  display: block !important;
  filter: blur(10px) !important;
  inset: -20% -16% !important;
  opacity: 0.92 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: -1 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro__line.is-active,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__line.is-active {
  animation: wwHomeGradientFlow 6.4s ease infinite !important;
  background-image: linear-gradient(105deg, #ffffff 0%, #eef7ff 26%, #65d8ff 48%, #19f5ba 68%, #ffffff 100%) !important;
  background-clip: text !important;
  background-size: 240% 240% !important;
  color: #ffffff !important;
  text-shadow: 0 18px 52px rgba(25, 245, 186, 0.16) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-section__kicker,
  .magic-proof-layer__eyebrow,
  .magic-service-card__eyebrow,
  .magic-work-card__type,
  .magic-project-panel__eyebrow
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-section__kicker,
  .magic-proof-layer__eyebrow,
  .magic-service-card__eyebrow,
  .magic-work-card__type,
  .magic-project-panel__eyebrow
) {
  animation: wwHomeGradientFlow 5.8s ease infinite !important;
  background: linear-gradient(100deg, #65d8ff 0%, #19f5ba 42%, #ffffff 50%, #65d8ff 100%) !important;
  background-clip: text !important;
  background-size: 230% 230% !important;
  color: #65d8ff !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body.site-page.page-home .magic-home-v3 .magic-section__kicker,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-section__kicker,
html body.site-page.page-home .magic-home-v3 .magic-proof-layer__eyebrow,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-proof-layer__eyebrow,
html body.site-page.page-home .magic-home-v3 .magic-service-card__eyebrow,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-service-card__eyebrow,
html body.site-page.page-home .magic-home-v3 .magic-work-card__type,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work-card__type,
html body.site-page.page-home .magic-home-v3 .magic-project-panel__eyebrow,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-project-panel__eyebrow {
  animation: wwHomeGradientFlow 5.8s ease infinite !important;
  background: linear-gradient(100deg, #65d8ff 0%, #19f5ba 42%, #ffffff 50%, #65d8ff 100%) !important;
  background-clip: text !important;
  background-size: 230% 230% !important;
  color: #65d8ff !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-services__heading h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-services__heading h2 {
  animation: wwHomeGradientFlow 7.2s ease infinite !important;
  background: linear-gradient(105deg, #07111f 0%, #145cff 28%, #12a5c6 48%, #15997f 68%, #07111f 100%) !important;
  background-clip: text !important;
  background-size: 240% 240% !important;
  color: #07111f !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-intro__cta,
  .magic-who__primary,
  .magic-card-link,
  .magic-proof-layer__ledger > a,
  .magic-work-card__action--primary,
  .magic-project-panel__primary,
  .magic-project-form__actions button,
  .magic-final-form__actions button,
  .magic-talk
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-intro__cta,
  .magic-who__primary,
  .magic-card-link,
  .magic-proof-layer__ledger > a,
  .magic-work-card__action--primary,
  .magic-project-panel__primary,
  .magic-project-form__actions button,
  .magic-final-form__actions button,
  .magic-talk
) {
  animation: wwHomeGradientFlow 5.6s ease infinite, wwHomeButtonPulse 4.8s ease-in-out infinite !important;
  background: linear-gradient(135deg, #65d8ff 0%, #19f5ba 44%, #09bfe3 100%) !important;
  background-size: 210% 210% !important;
  border-color: rgba(25, 245, 186, 0.52) !important;
  color: #06111e !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #06111e !important;
}

html body.site-page.page-home .magic-home-v3 :where(
  .magic-intro__secondary,
  .magic-who__secondary,
  .magic-work-card__action--ghost,
  .magic-project-panel__preview-link
),
html body.site-page.page-home.magic-scroll-active .magic-home-v3 :where(
  .magic-intro__secondary,
  .magic-who__secondary,
  .magic-work-card__action--ghost,
  .magic-project-panel__preview-link
) {
  animation: wwHomeOutlinePulse 5.8s ease-in-out infinite !important;
}

html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card::before,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card::before {
  animation: wwHomeCardSheen 7.5s ease-in-out infinite !important;
  background: linear-gradient(90deg, transparent, rgba(101, 216, 255, 0.24), rgba(25, 245, 186, 0.2), transparent) !important;
  content: "" !important;
  display: block !important;
  inset: -35% auto -35% -45% !important;
  opacity: 1 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 62% !important;
  z-index: 0 !important;
}

@media (prefers-reduced-motion: no-preference) {
  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card {
    animation: wwHomeCardFloat 8.2s ease-in-out infinite !important;
    will-change: transform !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card:nth-child(2),
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card:nth-child(2) {
    animation-delay: -1.7s !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card:nth-child(3),
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card:nth-child(3) {
    animation-delay: -3.4s !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card:nth-child(4),
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card:nth-child(4) {
    animation-delay: -5.1s !important;
  }
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-backdrop__video,
  html body.site-page.page-home.magic-scroll-active .magic-home-backdrop__video {
    opacity: 0.64 !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-intro__content::before,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__content::before {
    inset: -16% -10% !important;
  }

  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card::before,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card::before {
    display: block !important;
  }
}

html body.site-page.page-home .magic-home-v3 .magic-offer-carousel .magic-service-card__eyebrow,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offer-carousel .magic-service-card__eyebrow,
html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__type,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__type,
html body.site-page.page-home .magic-home-v3 .magic-work--maquettes .magic-work-card__body .magic-work-card__type,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-work--maquettes .magic-work-card__body .magic-work-card__type,
html body.site-page.page-home .magic-home-v3 .magic-project-panel__eyebrow,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-project-panel__eyebrow {
  animation: wwHomeGradientFlow 5.8s ease infinite !important;
  background: linear-gradient(100deg, #65d8ff 0%, #19f5ba 42%, #ffffff 50%, #65d8ff 100%) !important;
  background-clip: text !important;
  background-size: 230% 230% !important;
  border-color: rgba(101, 216, 255, 0.22) !important;
  color: #65d8ff !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

@media (prefers-reduced-motion: reduce) {
  html body.site-page.page-home .magic-home-backdrop__video,
  html body.site-page.page-home.magic-scroll-active .magic-home-backdrop__video,
  html body.site-page.page-home .magic-home-v3 .magic-intro__line.is-active,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__line.is-active,
  html body.site-page.page-home .magic-home-v3 .magic-intro__content::before,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__content::before,
  html body.site-page.page-home .magic-home-v3 .magic-intro::before,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro::before,
  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card,
  html body.site-page.page-home .magic-home-v3 .magic-offers-entry .magic-service-card::before,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-offers-entry .magic-service-card::before {
    animation: none !important;
  }
}

/* Home orb scope: keep the moving GIF/video behind the page without repainting titles or sections. */
html body.site-page.page-home.magic-scroll-active .site-main,
html body.site-page.page-home .site-main {
  background: transparent !important;
}

html body.site-page.page-home.magic-scroll-active .magic-page,
html body.site-page.page-home .magic-page {
  background: transparent !important;
}

html body.site-page.site-page.site-page.site-page.page-home .site-main > .magic-home-backdrop,
html body.site-page.site-page.site-page.site-page.page-home .site-main > .magic-page,
html body.site-page.site-page.site-page.site-page.page-home .site-main > .magic-page > .magic-section {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-backdrop,
html body.site-page.page-home.magic-scroll-active .magic-home-backdrop {
  background: transparent !important;
  height: 100svh !important;
  inset: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: fixed !important;
  width: 100vw !important;
}

html body.site-page.page-home .magic-home-backdrop__video,
html body.site-page.page-home.magic-scroll-active .magic-home-backdrop__video {
  animation: wwHomeBackdropBreath 14s ease-in-out infinite !important;
  display: block !important;
  filter: saturate(1.08) contrast(1.08) brightness(0.86) !important;
  height: 100% !important;
  inset: 0 !important;
  min-height: 100% !important;
  min-width: 100% !important;
  object-fit: cover !important;
  opacity: 0.56 !important;
  position: absolute !important;
  transform: scale(1.04) !important;
  visibility: visible !important;
  width: 100% !important;
  z-index: 1 !important;
}

html body.site-page.page-home .magic-home-backdrop::after,
html body.site-page.page-home.magic-scroll-active .magic-home-backdrop::after {
  background:
    linear-gradient(180deg, rgba(3, 7, 17, 0.16), rgba(3, 7, 17, 0.48)) !important;
  content: "" !important;
  display: block !important;
  inset: 0 !important;
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-backdrop__video,
  html body.site-page.page-home.magic-scroll-active .magic-home-backdrop__video {
    opacity: 0.54 !important;
    transform: scale(1.08) !important;
  }
}

/* The WebM already provides motion. Extra transform/filter animations promote
   the backdrop to a moving GPU layer and are the source of the visible zoom. */
html body.site-page.page-home.magic-scroll-active > .magic-home-backdrop::before,
html body.site-page.page-home.magic-scroll-active > .magic-home-backdrop > .magic-home-backdrop__video {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

/* Keep the animated orb without a fixed <video> hardware plane. Animated WebP
   paints as a normal image layer, so it cannot jump in front of the sections
   during fast scrolling on Chromium/WebKit. */
html body.site-page.page-home > .magic-home-backdrop > .magic-home-backdrop__animation {
  animation: none !important;
  display: block !important;
  filter: saturate(1.08) contrast(1.08) brightness(0.86) !important;
  height: 100% !important;
  inset: 0 !important;
  object-fit: cover !important;
  opacity: 0.56 !important;
  position: absolute !important;
  transform: none !important;
  visibility: visible !important;
  width: 100% !important;
  will-change: auto !important;
  z-index: 1 !important;
}

/* Keep the original homepage composition, but freeze its decorative orb.
   A static raster stays visually identical without a composited video layer. */
html body.site-page.page-home .magic-home-backdrop > .magic-home-backdrop__static,
html body.site-page.page-home.magic-scroll-active .magic-home-backdrop > .magic-home-backdrop__static {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

@media (max-width: 760px) {
  html body.site-page.page-home > .magic-home-backdrop > .magic-home-backdrop__animation {
    opacity: 0.54 !important;
  }
}

/* Homepage final form: title on top, form below, no side-column layout. */
html body.site-page.page-home .magic-home-v3 > .magic-final,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 > .magic-final {
  min-height: 0 !important;
  padding: clamp(64px, 8vw, 112px) clamp(18px, 4vw, 56px) clamp(44px, 6vw, 72px) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-final__grid,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__grid {
  align-items: start !important;
  display: grid !important;
  gap: clamp(22px, 3.2vw, 40px) !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-width: min(100%, 920px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-final__copy,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__copy {
  display: grid !important;
  gap: 14px !important;
  justify-items: center !important;
  max-width: min(100%, 760px) !important;
  order: 1 !important;
  text-align: center !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-final__copy h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__copy h2,
html body.site-page.page-home .magic-home-v3 .magic-final h2,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final h2 {
  font-size: clamp(2rem, 2.65vw, 2.85rem) !important;
  line-height: 1.08 !important;
  max-width: min(100%, 18ch) !important;
  text-align: center !important;
}

html body.site-page.page-home .magic-home-v3 .magic-final__lead,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__lead {
  font-size: clamp(0.98rem, 1.2vw, 1.12rem) !important;
  line-height: 1.58 !important;
  max-width: min(100%, 46rem) !important;
}

html body.site-page.page-home .magic-home-v3 .magic-final__links,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__links {
  display: grid !important;
  gap: 16px !important;
  justify-items: center !important;
  max-width: min(100%, 860px) !important;
  order: 2 !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-final-form,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final-form {
  max-width: min(100%, 860px) !important;
  width: 100% !important;
}

html body.site-page.page-home .magic-home-v3 .magic-final__owner,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__owner {
  max-width: min(100%, 860px) !important;
  width: 100% !important;
}

@media (max-width: 640px) {
  html body.site-page.page-home .magic-home-v3 .magic-final__copy h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final__copy h2,
  html body.site-page.page-home .magic-home-v3 .magic-final h2,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-final h2 {
    font-size: clamp(1.72rem, 8vw, 2.12rem) !important;
    max-width: min(100%, 20rem) !important;
  }
}

/* Keep the global header controls usable while the immersive menu is open.
   The menu button already animates into a cross, so the overlay close button
   would duplicate it and previously hid both the cross and the audit CTA. */
html body.site-page.magic-menu-open .magic-header__right,
html body.site-page.magic-menu-open .magic-talk,
html body.site-page.magic-menu-open .magic-menu-btn.open-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  visibility: visible !important;
}

html body.site-page .magic-menu-overlay__close {
  display: none !important;
}

/* Homepage: keep the original visual experience, but use the browser's native
   vertical scroll. These final overrides remove the cinematic pin/scrub/snap
   geometry without changing the visible content or component styling. */
html.native-scroll {
  overscroll-behavior-y: auto !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

html.native-scroll body.page-home {
  overscroll-behavior-y: auto !important;
}

html.native-scroll body.page-home .magic-home-v3 [data-magic-scrub] {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  position: relative !important;
  scroll-snap-align: none !important;
  scroll-snap-stop: normal !important;
}

html.native-scroll body.page-home .magic-home-v3 .magic-intro {
  min-height: 100svh !important;
}

html.native-scroll body.page-home .magic-home-v3 :is(
  .magic-intro__sticky,
  .magic-who__sticky,
  .magic-services__sticky,
  .magic-believe__sticky,
  .magic-work__sticky
) {
  bottom: auto !important;
  height: auto !important;
  inset: auto !important;
  min-height: 0 !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
}

html.native-scroll body.page-home .magic-home-v3 .magic-intro__sticky {
  min-height: 100svh !important;
}

html.native-scroll body.page-home .magic-home-v3 :is(
  .magic-services__track,
  .magic-work__rail
) {
  transform: none !important;
}

/* Aurora + beams background, rebuilt locally from design references. It keeps
   the visual motion independent from scrolling and loads no GIF/video/WebGL. */
@keyframes wwAuroraDrift {
  0%,
  100% {
    opacity: 0.78;
    transform: translate3d(-3%, -2%, 0) scale(1.02) rotate(-2deg);
  }

  50% {
    opacity: 1;
    transform: translate3d(3%, 2%, 0) scale(1.1) rotate(2deg);
  }
}

@keyframes wwAuroraSweep {
  from {
    background-position: 0% 50%, center, center, center, center;
  }

  to {
    background-position: 240% 50%, center, center, center, center;
  }
}

@keyframes wwBeamFlow {
  to {
    stroke-dashoffset: -1000;
  }
}

@keyframes wwStarsBreathe {
  0%,
  100% {
    opacity: 0.28;
  }

  50% {
    opacity: 0.58;
  }
}

html body.site-page.page-home .magic-home-backdrop--aurora,
html body.site-page.page-home.magic-scroll-active .magic-home-backdrop--aurora {
  background:
    radial-gradient(circle at 50% 42%, rgba(21, 104, 174, 0.2), transparent 38%),
    linear-gradient(135deg, #020713 0%, #061426 48%, #020713 100%) !important;
  contain: strict !important;
  isolation: isolate !important;
}

html body.site-page.page-home .magic-home-backdrop--aurora::before,
html body.site-page.page-home .magic-home-backdrop--aurora::after {
  display: none !important;
}

html body.site-page.page-home .magic-home-backdrop__aurora {
  animation: wwAuroraDrift 18s ease-in-out infinite, wwAuroraSweep 42s linear infinite !important;
  background:
    repeating-linear-gradient(108deg, transparent 0%, rgba(92, 221, 255, 0.13) 8%, transparent 16%, rgba(73, 243, 187, 0.1) 23%, transparent 31%, rgba(139, 103, 255, 0.12) 39%, transparent 48%),
    radial-gradient(ellipse at 22% 26%, rgba(77, 216, 255, 0.68) 0%, rgba(31, 130, 219, 0.24) 28%, transparent 58%),
    radial-gradient(ellipse at 78% 22%, rgba(56, 244, 190, 0.44) 0%, rgba(24, 137, 202, 0.18) 27%, transparent 56%),
    radial-gradient(ellipse at 52% 78%, rgba(129, 92, 255, 0.48) 0%, rgba(47, 79, 202, 0.18) 30%, transparent 62%),
    conic-gradient(from 210deg at 50% 50%, rgba(84, 231, 255, 0.12), rgba(7, 18, 43, 0.08), rgba(77, 246, 190, 0.1), rgba(119, 91, 255, 0.14), rgba(84, 231, 255, 0.12));
  background-size: 260% 100%, auto, auto, auto, auto;
  filter: blur(14px) saturate(1.16);
  inset: -14%;
  mix-blend-mode: screen;
  pointer-events: none;
  position: absolute;
  transform-origin: center;
  will-change: opacity, transform;
  z-index: 0;
}

html body.site-page.page-home .magic-home-backdrop__beams {
  height: 100%;
  inset: 0;
  opacity: 0.86;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}

html body.site-page.page-home .magic-home-backdrop__beam-rails path {
  fill: none;
  stroke: rgba(126, 216, 255, 0.12);
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
}

html body.site-page.page-home .magic-home-backdrop__beam {
  animation: wwBeamFlow 15s linear infinite;
  fill: none;
  stroke-dasharray: 150 850;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 3.4;
  vector-effect: non-scaling-stroke;
}

html body.site-page.page-home .magic-home-backdrop__beam--two {
  animation-delay: -7s;
  animation-duration: 19s;
  stroke-width: 2.2;
}

html body.site-page.page-home .magic-home-backdrop__beam--three {
  animation-delay: -11s;
  animation-duration: 22s;
  stroke-dasharray: 110 890;
}

html body.site-page.page-home .magic-home-backdrop__beam--four {
  animation-delay: -4s;
  animation-duration: 17s;
  stroke-dasharray: 190 810;
}

html body.site-page.page-home .magic-home-backdrop__stars {
  animation: wwStarsBreathe 7s ease-in-out infinite;
  background:
    radial-gradient(circle, rgba(232, 249, 255, 0.78) 0 1px, transparent 1.35px) 0 0 / 76px 76px,
    radial-gradient(circle, rgba(112, 213, 255, 0.56) 0 1px, transparent 1.45px) 28px 38px / 118px 118px,
    linear-gradient(90deg, rgba(2, 7, 19, 0.86), transparent 44%, transparent 56%, rgba(2, 7, 19, 0.82)),
    linear-gradient(180deg, rgba(2, 7, 19, 0.08), rgba(2, 7, 19, 0.58));
  inset: 0;
  pointer-events: none;
  position: absolute;
  will-change: opacity;
  z-index: 2;
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-backdrop__aurora {
    animation: wwAuroraDrift 18s ease-in-out infinite !important;
    filter: blur(10px) saturate(1.12);
    inset: -22%;
  }

  html body.site-page.page-home .magic-home-backdrop__beams {
    opacity: 0.62;
  }

  html body.site-page.page-home .magic-home-backdrop__stars {
    background-size: 88px 88px, 132px 132px, 100% 100%, 100% 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.site-page.page-home .magic-home-backdrop__aurora,
  html body.site-page.page-home .magic-home-backdrop__beam,
  html body.site-page.page-home .magic-home-backdrop__stars {
    animation: none !important;
    will-change: auto !important;
  }
}

/* Homepage hero segmentation: the downloaded Paper Shaders mesh gradient is
   painted inside the hero only. Nothing fixed remains behind later sections,
   so browser compositing cannot reveal the decorative layer during scrolling. */
@keyframes wwTextAuroraFlow {
  0%,
  100% {
    background-position: 8% 44%, 92% 18%, 18% 84%, 0% 50%;
  }

  35% {
    background-position: 72% 28%, 34% 82%, 86% 42%, 52% 50%;
  }

  68% {
    background-position: 38% 88%, 82% 54%, 46% 12%, 100% 50%;
  }
}

@keyframes wwTextAuroraGlow {
  0%,
  100% {
    text-shadow: 0 0 12px rgba(101, 216, 255, 0.2), 0 18px 52px rgba(25, 245, 186, 0.12);
  }

  50% {
    text-shadow: 0 0 20px rgba(25, 245, 186, 0.28), 0 18px 58px rgba(112, 92, 246, 0.2);
  }
}

html body.site-page.page-home .magic-home-v3 .magic-intro,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro {
  background: #020713 !important;
  contain: paint !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro__designer-background {
  background:
    radial-gradient(ellipse at 20% 24%, rgba(13, 126, 170, 0.72), transparent 52%),
    radial-gradient(ellipse at 78% 18%, rgba(25, 245, 186, 0.42), transparent 48%),
    radial-gradient(ellipse at 52% 78%, rgba(112, 92, 246, 0.48), transparent 58%),
    #020713;
  contain: strict !important;
  inset: 0 !important;
  isolation: isolate !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro__designer-background > canvas {
  border: 0 !important;
  contain: strict !important;
  display: block !important;
  filter: saturate(1.05) contrast(1.04) brightness(0.82) !important;
  height: 100% !important;
  inset: 0 !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
  position: absolute !important;
  transform: translateZ(0) !important;
  width: 100% !important;
  z-index: 0 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro__designer-background::after {
  background:
    radial-gradient(circle at 50% 42%, transparent 0 22%, rgba(2, 7, 19, 0.1) 54%, rgba(2, 7, 19, 0.72) 100%),
    linear-gradient(180deg, rgba(2, 7, 19, 0.16), rgba(2, 7, 19, 0.48));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

html body.site-page.page-home .magic-home-v3 .magic-intro::before,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro::before {
  z-index: 1 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro__sticky,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-intro__sticky {
  isolation: isolate !important;
  position: relative !important;
  z-index: 2 !important;
}

html body.site-page.page-home .magic-home-v3 > :is(.magic-section:not(.magic-intro), .magic-final) {
  isolation: isolate !important;
  position: relative !important;
  z-index: 1 !important;
}

html body.site-page.page-home .magic-home-v3 .magic-text-aurora.is-active,
html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-text-aurora.is-active {
  animation: wwTextAuroraFlow 7.8s ease-in-out infinite, wwTextAuroraGlow 4.6s ease-in-out infinite !important;
  background-image:
    radial-gradient(circle at 28% 50%, rgba(255, 255, 255, 0.98) 0 3%, rgba(101, 216, 255, 0.9) 10%, transparent 32%),
    radial-gradient(circle at 68% 46%, rgba(25, 245, 186, 0.98) 0 4%, rgba(13, 126, 170, 0.74) 16%, transparent 38%),
    linear-gradient(68deg, transparent 12%, rgba(112, 92, 246, 0.92) 38%, rgba(255, 255, 255, 0.94) 52%, transparent 76%),
    linear-gradient(108deg, #ffffff 0%, #dff8ff 18%, #65d8ff 38%, #19f5ba 58%, #8f7cff 78%, #ffffff 100%) !important;
  background-blend-mode: screen, screen, screen, normal !important;
  background-clip: text !important;
  background-repeat: no-repeat !important;
  background-size: 180% 190%, 190% 180%, 220% 180%, 240% 100% !important;
  color: #ffffff !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  will-change: background-position !important;
}

html body.site-page.page-home .magic-home-v3 .magic-intro:not(.is-hero-motion-visible) .magic-text-aurora.is-active {
  animation-play-state: paused !important;
}

@media (max-width: 760px) {
  html body.site-page.page-home .magic-home-v3 .magic-intro__designer-background > canvas {
    filter: saturate(1.02) contrast(1.04) brightness(0.78) !important;
    opacity: 0.86 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.site-page.page-home .magic-home-v3 .magic-text-aurora.is-active,
  html body.site-page.page-home.magic-scroll-active .magic-home-v3 .magic-text-aurora.is-active {
    animation: none !important;
    background-position: 8% 44%, 92% 18%, 18% 84%, 42% 50% !important;
    text-shadow: 0 0 12px rgba(101, 216, 255, 0.18) !important;
    will-change: auto !important;
  }
}