@media (min-width: 768px) {
  html body .customer-stories__customer-data[data-mw-customer-story-fact-layout="true"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr) !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    align-items: start !important;
    padding: 24px 16px 48px 0 !important;
  }

  html body .customer-stories__customer-data[data-mw-customer-story-fact-layout="true"] > .customer-stories__customer-data-stat {
    min-width: 0 !important;
    margin: 0 !important;
    align-self: start !important;
  }

  html body .customer-stories__customer-data[data-mw-customer-story-fact-layout="true"] .hds-text {
    overflow-wrap: anywhere;
  }
}


/* Home Backbone: copy and existing gradient metrics on the approved blue. */
html body section[data-mw-home-proof-stats] {
  min-height: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: #0e1b43 !important;
  overflow: hidden !important;
}
html body section[data-mw-home-proof-stats]::before,
html body section[data-mw-home-proof-stats]::after,
html body section[data-mw-home-proof-stats] .stats-section__container::before,
html body section[data-mw-home-proof-stats] .stats-section__container::after,
html body section[data-mw-home-proof-stats] .stats-section__stats-menu::before,
html body section[data-mw-home-proof-stats] .stats-section__stats-menu::after,
html body section[data-mw-home-proof-stats] .stats-menu__stat-wrapper::before,
html body section[data-mw-home-proof-stats] .stats-menu__stat-wrapper::after {
  content: none !important;
}
html body section[data-mw-home-proof-stats] .mw-home-operating-signal,
html body section[data-mw-home-proof-stats] .stats-section__border,
html body section[data-mw-home-proof-stats] .stats-section__active-indicator-container,
html body section[data-mw-home-proof-stats] .stats-section__stats-list,
html body section[data-mw-home-proof-stats] .stats-section__stats-spacer,
html body section[data-mw-home-proof-stats] .stats-section__globe,
html body section[data-mw-home-proof-stats] .section-background {
  display: none !important;
}
html body section[data-mw-home-proof-stats] .stats-section__container {
  max-width: 1266px !important;
  padding: 80px 16px !important;
  border: 0 !important;
}
html body section[data-mw-home-proof-stats] .section-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 80px !important;
  min-height: 0 !important;
}
html body section[data-mw-home-proof-stats] .stats-section__title {
  max-width: min(12em, 100%) !important;
  text-wrap: balance !important;
  margin: 0 auto !important;
  color: #fff !important;
  font-family: sohne-var, "SF Pro Display", sans-serif !important;
  font-size: 56px !important;
  font-weight: 300 !important;
  line-height: 1.03 !important;
  letter-spacing: -.025em !important;
  text-align: center !important;
}
html body section[data-mw-home-proof-stats] .stats-section__stats-menu {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: auto !important;
  margin: 0 -15px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  backdrop-filter: none !important;
}
html body section[data-mw-home-proof-stats] .stats-menu__stat-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  grid-column: auto !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
html body section[data-mw-home-proof-stats] .stats-menu__stat {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  cursor: default;
}
html body section[data-mw-home-proof-stats] .stats-menu__stat-value {
  margin: 0 !important;
  color: #cf8dff !important;
  background: linear-gradient(108deg, #ffa6c6 0%, #f54bcc 38%, #b98cff 71%, #635bff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: sohne-var, "SF Pro Display", sans-serif !important;
  font-size: 48px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  letter-spacing: -.02em !important;
  text-align: center !important;
}
html body section[data-mw-home-proof-stats] .stats-menu__stat-description {
  display: block !important;
  max-width: 220px !important;
  color: rgba(255, 255, 255, .94) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}
@media (max-width: 767px) {
  html body section[data-mw-home-proof-stats] .stats-section__container {
    padding: 56px 16px !important;
  }
  html body section[data-mw-home-proof-stats] .section-row {
    gap: 40px !important;
  }
  html body section[data-mw-home-proof-stats] .stats-section__title {
    font-size: 34px !important;
    letter-spacing: -.02em !important;
  }
  html body section[data-mw-home-proof-stats] .stats-section__stats-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px 16px !important;
    margin: 0 !important;
  }
  html body section[data-mw-home-proof-stats] .stats-menu__stat-value {
    font-size: 28px !important;
    line-height: 1.07 !important;
    letter-spacing: -.01em !important;
  }
  html body section[data-mw-home-proof-stats] .stats-menu__stat-description {
    max-width: 180px !important;
  }
}

/* Homepage integration flow: keep the systems graphic and the partner path on the page grid. */
html body section[data-mw-home-integration-showcase="true"] {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  margin-top: 0 !important;
  padding-top: clamp(1.5rem, 3vw, 3.25rem) !important;
  padding-bottom: 0 !important;
  background: #0e1b43 !important;
}

html body section[data-mw-home-integration-showcase="true"] [data-mw-home-integration-foundation="true"] {
  position: relative !important;
  z-index: 1;
  margin-top: clamp(-4rem, -3.5vw, -2rem) !important;
  margin-bottom: 0 !important;
}

html body section[data-mw-home-integration-showcase="true"] .developers-systems-animation-wrapper {
  position: relative !important;
  z-index: 1;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body section[data-mw-home-integration-showcase="true"] .mw-sys {
  max-width: 1000px !important;
}

html body section[data-mw-home-integration-showcase="true"] .mw-home-integration-showcase__divider {
  display: none !important;
}

/* The divider occupies the full existing grid width, rather than the inner content width. */
html body section[data-mw-home-integration-showcase="true"] [data-mw-home-original-grid-divider="true"] {
  position: relative !important;
  z-index: 1;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(78, 100, 182, .76) !important;
  background: transparent !important;
  overflow: visible !important;
}

html body section[data-mw-home-integration-showcase="true"] [data-mw-home-original-grid-divider="true"] > * {
  display: none !important;
}

/* Reset inherited row spacing, then deliberately place the partner copy beneath the grid rule. */
html body section[data-mw-home-integration-showcase="true"] [data-mw-home-partner-row="true"] {
  --section-row-gap-mb: 0px !important;
  --section-row-gap-tb: 0px !important;
  --section-row-gap-dt: 0px !important;
  position: relative !important;
  z-index: 1;
  min-height: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body section[data-mw-home-integration-showcase="true"] [data-mw-home-partner-intro="true"] {
  position: relative !important;
  z-index: 1;
  margin-top: 0 !important;
  padding-top: clamp(2.5rem, 3.5vw, 4rem) !important;
  padding-bottom: clamp(2rem, 3vw, 3rem) !important;
}



/*
  Approved homepage recovery: restore the original card rails and the three-step
  integration sequence without adding a site-wide grid or changing the hero.
*/
html body [data-mw-home-logo-rail="true"] {
  position: relative !important;
  z-index: 2;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  border-top: 1px solid rgba(216, 226, 236, .88) !important;
  border-bottom: 1px solid rgba(216, 226, 236, .88) !important;
  background: #fff !important;
}

html body [data-mw-home-logo-rail="true"] .logo-carousel,
html body [data-mw-home-logo-rail="true"] .logo-carousel__marquee-container {
  min-height: 72px;
}

@media (min-width: 768px) {
  html body [data-mw-home-logo-rail="true"] {
    width: min(1266px, calc(100vw - 32px)) !important;
    max-width: 1266px !important;
    margin-inline: auto !important;
    border-inline: 1px solid rgba(216, 226, 236, .88) !important;
  }

  /*
    Restore the five approved homepage containers to the shared 1266px rail.
    This does not alter any card's individual art, copy, or grid placement.
  */
  html body .modular-solutions-section .modular-solutions-bento {
    box-sizing: border-box !important;
    width: min(1266px, calc(100vw - 32px)) !important;
    max-width: 1266px !important;
    margin-inline: auto !important;
  }

  html body .modular-solutions-section .modular-solutions-bento > * {
    min-width: 0 !important;
  }


}

/* Restore the middle integration step between the foundation and animation. */
html body section[data-mw-home-integration-showcase="true"] [data-mw-home-integration-connect-copy="true"] {
  position: relative !important;
  z-index: 1;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: clamp(3.5rem, 5vw, 5.5rem) !important;
  padding-bottom: clamp(2.5rem, 3.5vw, 3.75rem) !important;
}