/* OpenX home motion layer: animation + interaction only */

body.openx-page-home {
  --motion-duration-xs: 140ms;
  --motion-duration-s: 180ms;
  --motion-duration-m: 220ms;
  --motion-duration-l: 280ms;
  --motion-duration-xl: 360ms;
  --motion-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --motion-ease-cinematic: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-ease-soft: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-stagger-step: 40ms;
  --motion-distance-y: 12px;
  --motion-distance-x: 10px;
  --motion-divider-opacity: 0.18;
  --motion-progress-opacity: 0.92;
  --systems-sticky-top-desktop: clamp(5.3rem, 7.2vw, 6.6rem);
  --systems-sticky-top-mobile: clamp(4.9rem, 14vw, 6.1rem);
  --systems-tilt-perspective: 1420px;
  --systems-tilt-base-desktop: 9deg;
  --systems-tilt-active-desktop: 12deg;
  --systems-tilt-prev-desktop: 7deg;
  --systems-tilt-next-desktop: 6deg;
  --systems-tilt-tablet-base: 2.2deg;
  --systems-tilt-tablet-active: 3deg;
  --systems-scale-base: 1;
  --systems-scale-active: 1.025;
  --systems-scale-prev: 1.01;
  --systems-scale-next: 0.995;
}

@media (min-width: 1061px) {
  body.openx-page-home {
    --motion-stagger-step: 44ms;
    --motion-distance-y: 14px;
  }
}

body.openx-page-home.openx-motion-init,
body.openx-page-home.openx-motion-ready {
  overflow-x: clip;
}

body.openx-page-home #openx-scroll-progress {
  display: none !important;
  opacity: 0 !important;
  transform: scaleX(0) !important;
}

body.openx-page-home .openx-scanLine {
  /* Disabled on home: created an unwanted orange stripe over hero */
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
}

body.openx-page-home #openx-section-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 3300;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(15, 43, 71, 0.18), rgba(15, 43, 71, 0.05));
  opacity: var(--motion-progress-opacity);
}

body.openx-page-home #openx-section-progress .openx-sectionProgressBar {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: 0 50%;
  transform: scaleX(var(--openx-scroll-progress, 0));
  background: linear-gradient(90deg, #0f2b47 0%, #1c4a75 38%, #f97316 62%, #0f2b47 100%);
  transition: transform 70ms linear, opacity var(--motion-duration-xs) ease;
}

body.openx-page-home [data-motion-section="systems"]::before,
body.openx-page-home [data-motion-section="gdpr"]::before,
body.openx-page-home [data-motion-section="contact"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: max(1rem, calc(50% - 47vw));
  width: min(94vw, 1480px);
  height: 1px;
  background: linear-gradient(90deg, rgba(249, 115, 22, 0), rgba(249, 115, 22, 0.42), rgba(15, 43, 71, 0));
  opacity: var(--motion-divider-opacity);
  transform-origin: 0 50%;
  transform: scaleX(0.45);
  transition: transform var(--motion-duration-m) var(--motion-ease-cinematic),
    opacity var(--motion-duration-s) ease;
  pointer-events: none;
}

body.openx-page-home[data-active-section="systems"] [data-motion-section="systems"]::before,
body.openx-page-home[data-active-section="gdpr"] [data-motion-section="gdpr"]::before,
body.openx-page-home[data-active-section="contact"] [data-motion-section="contact"]::before {
  opacity: 0.62;
  transform: scaleX(1);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced) [data-motion] {
  --motion-x: 0px;
  --motion-y: var(--motion-distance-y);
  --motion-scale: 1;
  opacity: 0;
  transform: translate3d(var(--motion-x), var(--motion-y), 0) scale(var(--motion-scale));
  transition-property: opacity, transform;
  transition-duration: var(--motion-duration-m), var(--motion-duration-l);
  transition-timing-function: ease, var(--motion-ease-out);
  transition-delay: calc(var(--motion-order, 0) * var(--motion-stagger-step));
}

/* V11: systems image should be visible instantly, without reveal gating */
body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced) [data-motion="system-media"] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion][data-motion-variant="left"] {
  --motion-x: calc(var(--motion-distance-x) * -1);
  --motion-y: 0px;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion][data-motion-variant="right"] {
  --motion-x: var(--motion-distance-x);
  --motion-y: 0px;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion][data-motion-variant="up"] {
  --motion-y: 8px;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion][data-motion-variant="zoom"] {
  --motion-scale: 0.985;
  --motion-y: 8px;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced) [data-motion].is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

body.openx-page-home [data-motion][data-motion-active="true"].is-active {
  --motion-active: 1;
}

body.openx-page-home [data-motion="hero-kicker"].is-active,
body.openx-page-home [data-motion="hero-title"].is-active,
body.openx-page-home [data-motion="hero-note"].is-active {
  transform: translate3d(0, -1px, 0) scale(1.002);
}

body.openx-page-home .page-module__E0kJGG__heroTitle {
  inline-size: min(100%, 34rem) !important;
  max-inline-size: 34rem !important;
  font-size: clamp(2.08rem, 2.6vw, 3rem) !important;
  text-wrap: pretty;
  line-height: 1.1;
}

body.openx-page-home .page-module__E0kJGG__heroTitle .openx-heroLine {
  display: block;
}

@media (max-width: 1060px) {
  body.openx-page-home .page-module__E0kJGG__heroTitle {
    max-inline-size: none;
    font-size: clamp(1.78rem, 8vw, 2.46rem) !important;
    text-wrap: pretty;
    line-height: 1.1;
  }
}

body.openx-page-home [data-motion="system-card"].is-active [data-motion="system-body"] {
  opacity: 1;
  transform: translate3d(0, -1px, 0);
}

body.openx-page-home [data-motion="system-card"].is-active [data-motion="system-media"] {
  filter: none;
}

body.openx-page-home [data-motion="hero-visual"] {
  transform-origin: center center;
}

body.openx-page-home [data-motion="hero-preview"] {
  transition: transform var(--motion-duration-s) var(--motion-ease-soft),
    box-shadow var(--motion-duration-s) ease;
  transform-style: preserve-3d;
  will-change: auto;
}

body.openx-page-home[data-openx-pointer-fx] [data-motion="hero-preview"] {
  will-change: transform;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="hero"] [data-motion="hero-signals"] li {
  opacity: 0;
  transform: translate3d(0, 6px, 0);
  transition: opacity var(--motion-duration-s) ease, transform var(--motion-duration-m) var(--motion-ease-cinematic);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="hero"] [data-motion="hero-signals"].is-revealed li {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="hero"] [data-motion="hero-signals"].is-revealed li:nth-child(2) {
  transition-delay: 40ms;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="hero"] [data-motion="hero-signals"].is-revealed li:nth-child(3) {
  transition-delay: 80ms;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced) .openx-proRail span {
  opacity: 0;
  transform: translate3d(0, 6px, 0);
  transition: opacity var(--motion-duration-s) ease, transform var(--motion-duration-m) var(--motion-ease-cinematic);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced) .openx-proRail.is-revealed span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced) .openx-proRail.is-revealed span:nth-child(2) {
  transition-delay: 44ms;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced) .openx-proRail.is-revealed span:nth-child(3) {
  transition-delay: 88ms;
}

@media (min-width: 1061px) and (prefers-reduced-motion: no-preference) {
  body.openx-page-home [data-motion="hero-preview"].is-active {
    box-shadow: 0 28px 64px rgba(6, 20, 31, 0.28);
  }
}

@media (min-width: 1061px) {
  body.openx-page-home .page-module__E0kJGG__hero .page-module__E0kJGG__wrap {
    position: relative !important;
  }

  body.openx-page-home .page-module__E0kJGG__hero .page-module__E0kJGG__heroGrid {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
  }

  body.openx-page-home .openx-commandHeroCopy {
    max-width: min(64rem, 100%) !important;
    width: 100% !important;
    padding-right: clamp(9rem, 21vw, 20rem) !important;
  }

  body.openx-page-home .page-module__E0kJGG__hero .page-module__E0kJGG__heroVisual.openx-commandVisual {
    position: absolute !important;
    top: 50% !important;
    left: auto !important;
    right: calc((min(74rem, calc(100vw - 2rem)) - 100vw) / 2) !important;
    transform: translateY(-50%) !important;
    width: clamp(42rem, 60vw, 72rem) !important;
    max-width: none !important;
    justify-self: auto !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual .page-module__E0kJGG__adminPreview {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.08 / 1 !important;
  }

  body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual .page-module__E0kJGG__adminPreviewImage {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 84% 52% !important;
  }
}

@media (max-width: 1060px) {
  body.openx-page-home .page-module__E0kJGG__hero .page-module__E0kJGG__heroVisual.openx-commandVisual {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
}

/* V20.1: enforce borderless hero visual on every viewport */
body.openx-page-home .page-module__E0kJGG__hero .page-module__E0kJGG__heroVisual.openx-commandVisual,
body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual .page-module__E0kJGG__adminPreview,
body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual .page-module__E0kJGG__adminPreviewImage {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.openx-page-home .page-module__E0kJGG__hero .page-module__E0kJGG__heroVisual.openx-commandVisual::before,
body.openx-page-home .page-module__E0kJGG__hero .page-module__E0kJGG__heroVisual.openx-commandVisual::after,
body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual .page-module__E0kJGG__adminPreview::before,
body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual .page-module__E0kJGG__adminPreview::after {
  content: none !important;
}

body.openx-page-home [data-motion-section="systems"] {
  position: relative;
  isolation: isolate;
  overflow: visible;
}

body.openx-page-home [data-systems-stage="true"] {
  position: relative;
}

body.openx-page-home [data-motion="system-card"] {
  transition: transform var(--motion-duration-s) var(--motion-ease-soft),
    box-shadow var(--motion-duration-s) ease, border-color var(--motion-duration-xs) ease,
    opacity var(--motion-duration-xs) ease;
}

@media (min-width: 1061px) and (hover: hover) {
  body.openx-page-home [data-motion="system-card"]:hover {
    transform: translate3d(0, -4px, 0);
  }

  body.openx-page-home [data-motion="system-card"]:hover [data-motion="system-media"] {
    opacity: 1;
  }
}

body.openx-page-home [data-motion="system-card"] [data-motion="system-body"] {
  transition: opacity var(--motion-duration-xs) ease,
    transform var(--motion-duration-xs) var(--motion-ease-soft);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"] {
  --entry-sweep-duration: 240ms;
  --entry-sweep-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --entry-text-duration: 220ms;
  --entry-text-distance: 8px;
  --entry-stagger-step: 42ms;
  --entry-sweep-start: -112%;
  --entry-sweep-end: 116%;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].openx-systemSplit--reverse {
  --entry-sweep-start: 112%;
  --entry-sweep-end: -116%;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"]
  [data-motion="system-media"] {
  overflow: hidden;
  contain: paint;
  isolation: isolate;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"]
  [data-motion="system-media"]::before {
  content: none !important;
  display: none !important;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].is-entry-pending
  [data-motion="system-media"]::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
  transition: none !important;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].is-entry-running
  [data-motion="system-media"]::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
  transition: none !important;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].is-entry-done
  [data-motion="system-media"]::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
  transition: none !important;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"]
  :is(
      [data-motion="system-title"],
      [data-motion="system-lead"],
      [data-motion="system-features"],
      [data-motion="system-cta"]
    ) {
  transition: opacity var(--entry-text-duration) var(--entry-sweep-ease),
    transform var(--entry-text-duration) var(--entry-sweep-ease);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].is-entry-pending
  :is(
      [data-motion="system-title"],
      [data-motion="system-lead"],
      [data-motion="system-features"],
      [data-motion="system-cta"]
    ) {
  opacity: 0;
  transform: translate3d(0, var(--entry-text-distance), 0);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].is-entry-running
  :is(
      [data-motion="system-title"],
      [data-motion="system-lead"],
      [data-motion="system-features"],
      [data-motion="system-cta"]
    ),
body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].is-entry-done
  :is(
      [data-motion="system-title"],
      [data-motion="system-lead"],
      [data-motion="system-features"],
      [data-motion="system-cta"]
    ) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].is-entry-running
  [data-motion="system-title"] {
  transition-delay: calc(var(--entry-stagger-step) * 1);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].is-entry-running
  [data-motion="system-lead"] {
  transition-delay: calc(var(--entry-stagger-step) * 2);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].is-entry-running
  [data-motion="system-features"] {
  transition-delay: calc(var(--entry-stagger-step) * 3);
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion-section="systems"]
  [data-motion="system-card"].is-entry-running
  [data-motion="system-cta"] {
  transition-delay: calc(var(--entry-stagger-step) * 4);
}

body.openx-page-home [data-motion="system-card"].is-current [data-motion="system-body"] {
  opacity: 1;
}

body.openx-page-home [data-motion="system-card"].is-prev [data-motion="system-body"],
body.openx-page-home [data-motion="system-card"].is-next [data-motion="system-body"] {
  opacity: 0.92;
}

body.openx-page-home .openx-systemFeatures.openx-twoCol {
  grid-template-columns: 1fr !important;
}

body.openx-page-home .openx-systemFeatures.is-collapsible {
  overflow: clip;
}

body.openx-page-home .openx-systemFeatures li.openx-feature-extra {
  display: list-item;
}

body.openx-page-home .openx-systemFeatures.is-collapsed li.openx-feature-extra {
  display: none;
}

body.openx-page-home .openx-systemFeatures li.openx-feature-extra.openx-feature-enter {
  animation: openx-feature-enter var(--motion-duration-m) var(--motion-ease-cinematic) both;
}

@keyframes openx-feature-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
    clip-path: inset(0 0 100% 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    clip-path: inset(0 0 0 0);
  }
}

body.openx-page-home .openx-systemActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  padding-top: 0.34rem;
}

body.openx-page-home .openx-systemExpandToggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.2rem;
  padding: 0 0.88rem;
  border-radius: 999px;
  border: 1px solid rgba(15, 42, 71, 0.25);
  background: rgba(255, 255, 255, 0.84);
  color: #0f2b47;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: background-color var(--motion-duration-xs) ease,
    border-color var(--motion-duration-xs) ease, transform var(--motion-duration-xs) var(--motion-ease-soft),
    color var(--motion-duration-xs) ease;
}

body.openx-page-home .openx-systemExpandToggle,
body.openx-page-home .page-module__E0kJGG__primaryCta,
body.openx-page-home .page-module__E0kJGG__secondaryCta {
  transform: translate3d(var(--mag-x, 0px), var(--mag-y, 0px), 0) scale(var(--mag-scale, 1));
  transition: transform var(--motion-duration-xs) var(--motion-ease-soft),
    box-shadow var(--motion-duration-xs) ease, background-color var(--motion-duration-xs) ease;
  will-change: auto;
}

@media (min-width: 1061px) and (hover: hover) {
  body.openx-page-home[data-openx-pointer-fx] .openx-systemExpandToggle,
  body.openx-page-home[data-openx-pointer-fx] .page-module__E0kJGG__primaryCta,
  body.openx-page-home[data-openx-pointer-fx] .page-module__E0kJGG__secondaryCta {
    will-change: transform;
  }
}

body.openx-page-home .openx-systemExpandToggle.is-pressed,
body.openx-page-home .page-module__E0kJGG__primaryCta.is-pressed,
body.openx-page-home .page-module__E0kJGG__secondaryCta.is-pressed {
  --mag-scale: 0.97;
}

body.openx-page-home .openx-systemFeatures li {
  transition: color var(--motion-duration-xs) ease;
}

body.openx-page-home [data-motion="system-card"].is-active .openx-systemFeatures li {
  transform: none;
}

body.openx-page-home .openx-systemExpandToggle:hover {
  background: #fff;
  border-color: rgba(15, 42, 71, 0.36);
  transform: translate3d(0, -1px, 0);
}

body.openx-page-home .openx-systemExpandToggle:focus-visible {
  outline: 2px solid rgba(15, 42, 71, 0.55);
  outline-offset: 2px;
}

body.openx-page-home .openx-systemExpandToggle[hidden] {
  display: none !important;
}

body.openx-page-home .openx-systemActions .page-module__E0kJGG__secondaryCta {
  display: none;
}

body.openx-page-home [data-motion="system-card"]:not(.is-collapsible) .openx-systemActions .page-module__E0kJGG__secondaryCta,
body.openx-page-home [data-motion="system-card"].is-expanded .openx-systemActions .page-module__E0kJGG__secondaryCta {
  display: inline-flex;
}

body.openx-page-home .openx-systemHelper {
  margin: 0;
  font-size: 0.76rem;
  line-height: 1.35;
  color: rgba(15, 43, 71, 0.8);
  flex: 1 1 100%;
}

body.openx-page-home [data-motion="system-media"] img {
  transition: none !important;
  transform-origin: center center;
  opacity: 1 !important;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion="system-card"] [data-motion="system-media"] img {
  opacity: 1 !important;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion="system-card"].is-revealed [data-motion="system-media"] img {
  opacity: 1 !important;
}

body.openx-page-home [data-systems-rail] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body.openx-page-home [data-motion="system-features"] {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.openx-page-home [data-motion="system-features"] li {
  position: relative;
  padding-left: 14px;
}

body.openx-page-home [data-motion="system-features"] li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.56em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgb(249, 115, 22);
}

body.openx-page-home .openx-popularBadge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 1.28rem;
  padding: 0 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(242, 108, 33, 0.45);
  background: rgba(242, 108, 33, 0.12);
  color: #b54708;
  font-size: 0.62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

@media (min-width: 1061px) {
  body.openx-page-home [data-motion-section="systems"] .openx-systemStage {
    width: min(92vw, 1040px);
    margin-inline: auto;
    padding-inline: clamp(1.2rem, 2.2vw, 2rem);
    box-sizing: border-box;
    row-gap: clamp(0.56rem, 1.1vw, 1rem);
  }

  body.openx-page-home [data-motion="system-card"],
  body.openx-page-home [data-motion="system-card"].openx-systemSplit--reverse {
    display: block !important;
    position: relative;
    isolation: isolate;
    overflow: visible;
    min-height: auto !important;
    padding: clamp(0.84rem, 1.6vw, 1.08rem) 0 clamp(1.08rem, 1.8vw, 1.36rem);
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-media"] {
    position: sticky !important;
    top: var(--systems-sticky-top-desktop) !important;
    margin: 0;
    transform: none !important;
    opacity: 1 !important;
    z-index: 0;
    pointer-events: none;
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-media"] img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: clamp(14rem, 32svh, 20rem);
    max-height: clamp(18rem, 40svh, 24rem) !important;
    max-width: none !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 1rem !important;
    box-shadow: 0 18px 36px rgba(9, 27, 45, 0.2);
    filter: none !important;
    transform: none !important;
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-body"] {
    position: relative !important;
    z-index: 2;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: clamp(0.56rem, 1.1vw, 0.82rem);
    margin-top: clamp(-2.7rem, -4.6vw, -1.42rem);
    padding: clamp(1rem, 1.8vw, 1.3rem) clamp(1rem, 2.3vw, 1.4rem) clamp(1.08rem, 2vw, 1.38rem);
    border-radius: 1rem;
    border: 1px solid rgba(170, 191, 212, 0.5);
    background: rgb(246, 250, 253);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 16px 30px rgba(9, 27, 45, 0.08);
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-title"],
  body.openx-page-home [data-motion="system-card"] [data-motion="system-lead"],
  body.openx-page-home [data-motion="system-card"] [data-motion="system-features"],
  body.openx-page-home [data-motion="system-card"] [data-motion="system-cta"],
  body.openx-page-home [data-motion="system-card"] .openx-systemActions {
    grid-area: auto !important;
    margin: 0 !important;
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-title"] h3 {
    font-size: clamp(1.24rem, 2.1vw, 1.62rem) !important;
    line-height: 1.16 !important;
  }

  body.openx-page-home [data-motion="system-card"] .openx-systemLead {
    max-width: none;
    line-height: 1.52;
    margin: 0 !important;
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-features"] {
    grid-template-columns: 1fr !important;
    gap: clamp(0.42rem, 0.86vw, 0.66rem);
    margin: 0 !important;
  }

  body.openx-page-home [data-motion="system-card"] .openx-systemActions {
    padding-top: 0.12rem;
  }
}

@media (min-width: 1700px) {
  body.openx-page-home [data-motion="system-card"].is-expanded .openx-systemFeatures.openx-twoCol {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1060px) {
  body.openx-page-home {
    --motion-duration-xs: 130ms;
    --motion-duration-s: 160ms;
    --motion-duration-m: 200ms;
    --motion-duration-l: 240ms;
    --motion-stagger-step: 30ms;
    --motion-distance-y: 12px;
    --motion-distance-x: 0px;
    --systems-tilt-tablet-base: 2.8deg;
    --systems-tilt-tablet-active: 3deg;
  }

  body.openx-page-home .openx-systemActions {
    gap: 0.46rem;
    padding-top: 0.24rem;
  }

  body.openx-page-home .openx-systemExpandToggle {
    min-height: 2.02rem;
    font-size: 0.69rem;
    padding: 0 0.74rem;
  }

  body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
    [data-motion-section="systems"]
    [data-motion="system-card"] {
    --entry-sweep-duration: 200ms;
    --entry-text-duration: 190ms;
    --entry-text-distance: 8px;
    --entry-stagger-step: 38ms;
  }

  body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
    [data-motion-section="systems"]
    [data-motion="system-card"].is-entry-running
    [data-motion="system-title"] {
    transition-delay: 44ms;
  }

  body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
    [data-motion-section="systems"]
    [data-motion="system-card"].is-entry-running
    [data-motion="system-lead"] {
    transition-delay: 76ms;
  }

  body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
    [data-motion-section="systems"]
    [data-motion="system-card"].is-entry-running
    [data-motion="system-features"] {
    transition-delay: 104ms;
  }

  body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
    [data-motion-section="systems"]
    [data-motion="system-card"].is-entry-running
    [data-motion="system-cta"] {
    transition-delay: 124ms;
  }

  body.openx-page-home [data-motion-section="systems"] .openx-systemStage {
    row-gap: clamp(0.42rem, 1.6vw, 0.88rem);
  }

  body.openx-page-home [data-motion="system-card"],
  body.openx-page-home [data-motion="system-card"].openx-systemSplit--reverse {
    display: block !important;
    position: relative;
    isolation: isolate;
    overflow: visible;
    min-height: auto !important;
    padding: clamp(0.76rem, 2vw, 1.04rem) 0 clamp(0.98rem, 2.5vw, 1.24rem);
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-media"] {
    position: sticky !important;
    top: var(--systems-sticky-top-mobile) !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    z-index: 0;
    pointer-events: none;
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-media"] img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: clamp(9rem, 28svh, 12rem);
    max-height: clamp(12rem, 35svh, 16.5rem) !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0.9rem !important;
    box-shadow: 0 16px 34px rgba(9, 27, 45, 0.2);
    transform: none !important;
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-body"] {
    position: relative !important;
    z-index: 2;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: clamp(0.5rem, 1.8vw, 0.72rem);
    margin-top: clamp(-2.35rem, -6.4vw, -1.2rem);
    padding: clamp(0.86rem, 2.5vw, 1.12rem) clamp(0.88rem, 2.7vw, 1.18rem)
      clamp(0.98rem, 2.8vw, 1.3rem);
    border-radius: 1rem;
    border: 1px solid rgba(170, 191, 212, 0.5);
    background: rgb(246, 250, 253);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 16px 28px rgba(9, 27, 45, 0.08);
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-title"],
  body.openx-page-home [data-motion="system-card"] [data-motion="system-lead"],
  body.openx-page-home [data-motion="system-card"] [data-motion="system-features"],
  body.openx-page-home [data-motion="system-card"] [data-motion="system-cta"],
  body.openx-page-home [data-motion="system-card"] .openx-systemActions {
    grid-area: auto !important;
    margin: 0 !important;
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-title"] h3 {
    font-size: clamp(1.1rem, 4.6vw, 1.38rem) !important;
    line-height: 1.18 !important;
  }

  body.openx-page-home [data-motion="system-card"] [data-motion="system-features"] {
    grid-template-columns: 1fr !important;
    margin: 0 !important;
  }

  body.openx-page-home [data-motion="system-card"] .openx-systemActions {
    padding-top: 0.14rem;
  }

  body.openx-page-home .openx-systemHelper {
    font-size: 0.72rem;
  }
}

@media (max-width: 767px) {
  body.openx-page-home [data-motion="system-media"] img,
  body.openx-page-home [data-motion="system-card"].is-current [data-motion="system-media"] img {
    --systems-tilt-angle: 0deg !important;
    --systems-scale-current: 1 !important;
    transform: none !important;
  }
}

body.openx-page-home .openx-visuallyHidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

body.openx-menu-canonical header[class*="__header"] {
  transition: background-color var(--motion-duration-s) ease,
    border-color var(--motion-duration-s) ease, backdrop-filter var(--motion-duration-s) ease,
    box-shadow var(--motion-duration-s) ease;
}

body.openx-menu-canonical .openx-headerDockButton:hover,
body.openx-menu-canonical .openx-headerDockButton:focus-visible {
  transform: translate3d(0, -1px, 0) scale(1.01);
}

body.openx-menu-canonical.openx-header-scrolled header[class*="__header"] {
  background-color: #eef4fa !important;
  border-color: rgba(15, 42, 71, 0.1) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 26px rgba(7, 18, 32, 0.1);
}

body.openx-menu-canonical.openx-header-scrolled header[class*="__header"] [class*="__wrap"] {
  min-height: 3.7rem;
}

body.openx-menu-canonical.openx-header-scrolled header[class*="__header"] [class*="__brand"] {
  transform: translate3d(0, -1px, 0) scale(0.985);
}

body.openx-menu-canonical [class*="__menuShell"] {
  transition: opacity var(--motion-duration-s) ease !important;
}

body.openx-menu-canonical [class*="__menuPanel"] {
  transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1), opacity 170ms ease !important;
}

body.openx-menu-canonical [class*="__menuShell"][aria-hidden="false"] [class*="__systemTile"],
body.openx-menu-canonical [class*="__menuShell"][aria-hidden="false"] [class*="__infoCard"] {
  opacity: 1;
  transform: none;
  animation: none !important;
}

body.openx-menu-canonical [class*="__menuShell"] [class*="__systemTile"],
body.openx-menu-canonical [class*="__menuShell"] [class*="__infoCard"] {
  transition: transform 150ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 150ms ease,
    opacity 150ms ease;
}

body.openx-menu-canonical [class*="__menuShell"] [class*="__systemTile"]:hover,
body.openx-menu-canonical [class*="__menuShell"] [class*="__systemTile"]:focus-visible {
  transform: translate3d(0, -4px, 0) scale(1.01);
}

@keyframes openx-menu-item-in {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale(0.982);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

body.openx-page-home .openx-footerNav a,
body.openx-page-home .openx-footerMail,
body.openx-page-home .openx-footerCta {
  transition: opacity var(--motion-duration-xs) ease,
    transform var(--motion-duration-xs) var(--motion-ease-soft),
    text-decoration-color var(--motion-duration-xs) ease;
}

body.openx-page-home .openx-footerNav a:hover,
body.openx-page-home .openx-footerMail:hover,
body.openx-page-home .openx-footerCta:hover {
  opacity: 0.88;
  transform: translate3d(0, -1px, 0);
  text-decoration-color: currentColor;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion="gdpr-item"] {
  --motion-y: 18px;
}

body.openx-page-home.openx-motion-ready:not(.openx-motion-reduced)
  [data-motion="footer-meta"] {
  --motion-y: 16px;
}

body.openx-page-home.openx-motion-reduced {
  scroll-behavior: auto;
}

body.openx-page-home.openx-motion-reduced #openx-section-progress {
  display: block !important;
}

body.openx-page-home.openx-motion-reduced [data-motion] {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

body.openx-page-home.openx-motion-reduced [data-motion="hero-preview"],
body.openx-page-home.openx-motion-reduced [data-motion="system-media"] img,
body.openx-page-home.openx-motion-reduced .openx-footerNav a,
body.openx-page-home.openx-motion-reduced .openx-footerMail,
body.openx-page-home.openx-motion-reduced .openx-footerCta,
body.openx-menu-canonical.openx-motion-reduced .openx-headerDockButton,
body.openx-menu-canonical.openx-motion-reduced .openx-contactMiniSheet,
body.openx-menu-canonical.openx-motion-reduced .openx-contactMiniSheetItem,
body.openx-menu-canonical.openx-motion-reduced .openx-contactMiniSheetClose,
body.openx-menu-canonical.openx-motion-reduced [class*="__menuShell"],
body.openx-menu-canonical.openx-motion-reduced [class*="__menuPanel"],
body.openx-menu-canonical.openx-motion-reduced [class*="__menuShell"][aria-hidden="false"] [class*="__systemTile"],
body.openx-menu-canonical.openx-motion-reduced [class*="__menuShell"][aria-hidden="false"] [class*="__infoCard"] {
  transition: none !important;
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body.openx-page-home {
    scroll-behavior: auto;
  }

  body.openx-page-home #openx-section-progress {
    display: block !important;
  }

  body.openx-page-home [data-motion] {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  body.openx-page-home [data-motion="hero-preview"],
  body.openx-page-home [data-motion="system-media"] img,
  body.openx-page-home .openx-footerNav a,
  body.openx-page-home .openx-footerMail,
  body.openx-page-home .openx-footerCta,
  body.openx-menu-canonical .openx-headerDockButton,
  body.openx-menu-canonical .openx-contactMiniSheet,
  body.openx-menu-canonical .openx-contactMiniSheetItem,
  body.openx-menu-canonical .openx-contactMiniSheetClose,
  body.openx-menu-canonical [class*="__menuShell"],
  body.openx-menu-canonical [class*="__menuPanel"],
  body.openx-menu-canonical [class*="__menuShell"][aria-hidden="false"] [class*="__systemTile"],
  body.openx-menu-canonical [class*="__menuShell"][aria-hidden="false"] [class*="__infoCard"] {
    transition: none !important;
    animation: none !important;
  }
}

/* V20.1 tail override: remove hero visual frame and aura */
body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual,
body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual .page-module__E0kJGG__adminPreview,
body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual .page-module__E0kJGG__heroVisual {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual::before,
body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual::after,
body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual .page-module__E0kJGG__adminPreview::before,
body.openx-page-home .page-module__E0kJGG__hero .openx-commandVisual .page-module__E0kJGG__adminPreview::after {
  content: none !important;
  display: none !important;
}

/* V21 rollback: keep scrolled header aligned to original light palette */
body.openx-menu-canonical.openx-header-scrolled header[class*="__header"] {
  background-color: rgba(243, 247, 252, 0.94) !important;
  border-color: rgba(14, 43, 67, 0.14) !important;
  box-shadow: 0 8px 18px rgba(14, 43, 67, 0.08) !important;
}