/*
 * V3.0.0 baseline layer.
 * Shared brand tokens, product-state labels and the light/dark theme split.
 * This file is intentionally loaded after the existing page parity styles.
 */

:root {
  --metop-v3-brand-blue: #142e90;
  --metop-blue: var(--metop-v3-brand-blue);
  --metop-blue-strong: var(--metop-v3-brand-blue);
  --metop-v3-button-hover-bg: #f7f8fa;
  --metop-v3-button-active-bg: #e9edf5;
  --metop-v3-ink: #111111;
  --metop-v3-black: #08090c;
  --metop-v3-white: #ffffff;
  --metop-v3-paper: #f7f8fa;
  --metop-v3-line: rgba(17, 17, 17, 0.12);
  --metop-v3-dark-line: rgba(255, 255, 255, 0.14);
}

/* Keep legacy Elementor page tokens on the same brand-blue system while the
 * preview theme is updated independently from the content plugin. */
.metop-home-parity {
  --home-blue: var(--metop-v3-brand-blue) !important;
  --home-blue-soft: rgba(20, 46, 144, 0.08) !important;
}

.metop-space-parity { --metop-space-blue: var(--metop-v3-brand-blue) !important; }
.metop-scan-parity { --metop-scan-blue: var(--metop-v3-brand-blue) !important; }
.metop-studio-parity { --metop-studio-blue: var(--metop-v3-brand-blue) !important; }
.metop-engine-parity { --metop-engine-blue: var(--metop-v3-brand-blue) !important; }
.metop-creative-factory-parity {
  --metop-cf-blue: var(--metop-v3-brand-blue) !important;
  --metop-cf-blue-soft: rgba(20, 46, 144, 0.08) !important;
  --metop-cf-blue-line: rgba(20, 46, 144, 0.24) !important;
}
.metop-tools-parity { --metop-tools-blue: var(--metop-v3-brand-blue) !important; }
.metop-resources-parity,
.metop-resource-parity {
  --metop-resource-blue: var(--metop-v3-brand-blue) !important;
  --metop-resource-blue-soft: rgba(20, 46, 144, 0.11) !important;
}
.metop-support-parity {
  --metop-support-blue: var(--metop-v3-brand-blue) !important;
  --metop-support-blue-soft: rgba(20, 46, 144, 0.1) !important;
}
.metop-ecommerce-parity {
  --metop-ec-blue: var(--metop-v3-brand-blue) !important;
  --metop-ec-blue-line: rgba(20, 46, 144, 0.26) !important;
  --metop-ec-blue-glow: rgba(20, 46, 144, 0.1) !important;
}
.metop-cases-parity { --metop-cases-blue: var(--metop-v3-brand-blue) !important; }

/* One interaction language for every Elementor action button. Page-specific
 * styles may choose the resting surface, but hover, focus and active states
 * always resolve to the same brand-blue action state. */
body .elementor-widget-button .elementor-button,
body .metop-button,
body .metop-contact-form button {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease,
    transform 180ms ease !important;
}

body .elementor-widget-button .elementor-button:hover,
body .elementor-widget-button .elementor-button:focus-visible,
body .metop-button:hover,
body .metop-button:focus-visible,
body .metop-contact-form button:hover,
body .metop-contact-form button:focus-visible {
  background: var(--metop-v3-button-hover-bg) !important;
  border-color: var(--metop-v3-brand-blue) !important;
  box-shadow: 0 8px 20px rgba(20, 46, 144, 0.2) !important;
  color: var(--metop-v3-brand-blue) !important;
  transform: translateY(-1px);
}

body .elementor-widget-button .elementor-button:hover :is(.elementor-button-text, .elementor-button-icon, svg),
body .elementor-widget-button .elementor-button:focus-visible :is(.elementor-button-text, .elementor-button-icon, svg),
body .metop-button:hover :is(span, svg),
body .metop-button:focus-visible :is(span, svg) {
  color: inherit !important;
  fill: currentColor;
  stroke: currentColor;
}

body .elementor-widget-button .elementor-button:focus-visible,
body .metop-button:focus-visible,
body .metop-contact-form button:focus-visible {
  outline: 2px solid rgba(20, 46, 144, 0.72) !important;
  outline-offset: 3px !important;
}

body .elementor-widget-button .elementor-button:active,
body .metop-button:active,
body .metop-contact-form button:active {
  background: var(--metop-v3-button-active-bg) !important;
  border-color: var(--metop-v3-brand-blue) !important;
  box-shadow: none !important;
  color: var(--metop-v3-brand-blue) !important;
  transform: translateY(0);
}

body .elementor-widget-button .elementor-button[aria-disabled="true"],
body .elementor-widget-button .elementor-button:disabled,
body .metop-button[aria-disabled="true"],
body .metop-button:disabled,
body .metop-contact-form button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  pointer-events: none;
  transform: none;
}

/* Related-solution links are secondary actions, never white text on white. */
body .metop-solution-parity .metop-solution-button--link .elementor-button {
  background: transparent !important;
  border: 1px solid var(--metop-solution-line) !important;
  color: var(--metop-solution-text) !important;
}

body .metop-solution--embodied-intelligence .metop-solution-button--link .elementor-button {
  background: transparent !important;
  border-color: var(--metop-solution-line) !important;
  color: var(--metop-solution-text) !important;
}

body .metop-solution-parity .metop-solution-button--link .elementor-button:hover,
body .metop-solution-parity .metop-solution-button--link .elementor-button:focus-visible {
  background: var(--metop-v3-brand-blue) !important;
  border-color: var(--metop-v3-brand-blue) !important;
  color: #ffffff !important;
}

body .metop-nx-home .metop-nx__button-primary .elementor-button:hover,
body .metop-nx-home .metop-nx__button-primary .elementor-button:focus-visible,
body .metop-nx-home .metop-nx__button-ghost .elementor-button:hover,
body .metop-nx-home .metop-nx__button-ghost .elementor-button:focus-visible {
  background: var(--metop-v3-button-hover-bg) !important;
  border-color: var(--metop-v3-brand-blue) !important;
  color: var(--metop-v3-brand-blue) !important;
}

.metop-home-parity .metop-home-parity__platform-title-highlight,
.metop-home-parity .metop-home-parity__platform-index .elementor-heading-title {
  color: var(--metop-v3-brand-blue) !important;
}

body,
.elementor,
.elementor-kit-1 {
  font-family: "兰亭黑-简", "Lantinghei SC", "PingFang SC", "Microsoft YaHei", "Geist Sans", "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;
}

/* The status is a data signal, not a decorative pill. */
.metop-nx-home .metop-nx__product-status-widget {
  margin: 0 0 2px !important;
}

.metop-nx-home .metop-nx__product-status {
  border: 1px solid rgba(20, 46, 144, 0.26);
  border-radius: 4px;
  color: var(--metop-v3-brand-blue);
  display: inline-flex;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  padding: 4px 7px;
}

/* Dark theme: use it for the platform proof, research and demo moments. */
.metop-nx-home .metop-nx__hero,
.metop-nx-home .metop-nx__gsproof,
.metop-nx-home .metop-nx__evidence,
.metop-nx-home .metop-nx__cta {
  --nx-bg: var(--metop-v3-black);
  --nx-surface: #101218;
  --nx-text: #f5f6f8;
  --nx-muted: rgba(245, 246, 248, 0.68);
  --nx-line: rgba(255, 255, 255, 0.14);
  --nx-blue: var(--metop-v3-brand-blue);
  --nx-dark: var(--metop-v3-black);
}

.metop-nx-home .metop-nx__hero,
.metop-nx-home .metop-nx__cta {
  background: var(--metop-v3-black);
}

.metop-nx-home .metop-nx__gsproof,
.metop-nx-home .metop-nx__evidence {
  background: #0d0f14;
}

.metop-nx-home .metop-nx__gs-panel,
.metop-nx-home .metop-nx-demo {
  background: #101218;
  border-color: var(--metop-v3-dark-line);
  border-radius: 8px;
}

.metop-nx-home .metop-nx__gs-panel--lab {
  background: #11141b;
  border-color: rgba(20, 46, 144, 0.55);
}

.metop-nx-home .metop-nx__gsproof .metop-nx__section-title,
.metop-nx-home .metop-nx__gsproof .metop-nx__section-description,
.metop-nx-home .metop-nx__evidence .metop-nx__section-title,
.metop-nx-home .metop-nx__evidence .metop-nx__section-description,
.metop-nx-home .metop-nx__evidence .metop-nx-demo,
.metop-nx-home .metop-nx__evidence .metop-nx-demo__meta,
.metop-nx-home .metop-nx__evidence .metop-nx-demo strong {
  color: #f5f6f8 !important;
}

.metop-nx-home .metop-nx__evidence .metop-nx-demo__action,
.metop-nx-home .metop-nx__gsproof .metop-nx__inline-link,
.metop-nx-home .metop-nx__gsproof .metop-nx__inline-link .elementor-button {
  color: var(--metop-v3-brand-blue) !important;
}

.metop-nx-home .metop-nx__button-primary .elementor-button,
.metop-nx-home a.metop-nx__button-primary {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #111111 !important;
}

.metop-nx-home .metop-nx__button-primary .elementor-button:hover,
.metop-nx-home a.metop-nx__button-primary:hover {
  background: #f0f2f6 !important;
  border-color: #f0f2f6 !important;
  color: #111111 !important;
}

/* Embodied AI is the first deep-theme solution page. */
.metop-solution--embodied-intelligence {
  --metop-solution-bg: #08090c;
  --metop-solution-surface: #101218;
  --metop-solution-soft: #151820;
  --metop-solution-text: #f5f6f8;
  --metop-solution-muted: rgba(245, 246, 248, 0.68);
  --metop-solution-quiet: rgba(245, 246, 248, 0.48);
  --metop-solution-line: rgba(255, 255, 255, 0.14);
  --metop-solution-blue: var(--metop-v3-brand-blue);
  --metop-solution-blue-soft: rgba(20, 46, 144, 0.28);
  --metop-solution-blue-line: rgba(20, 46, 144, 0.58);
  background: var(--metop-solution-bg);
}

.metop-solution--embodied-intelligence .metop-solution-hero,
.metop-solution--embodied-intelligence .metop-solution-section,
.metop-solution--embodied-intelligence .metop-solution-overview,
.metop-solution--embodied-intelligence .metop-solution-final {
  background: var(--metop-solution-surface);
}

.metop-solution--embodied-intelligence .metop-solution-hero,
.metop-solution--embodied-intelligence .metop-solution-section {
  border-color: var(--metop-solution-line);
}

.metop-solution--embodied-intelligence .metop-solution-button--primary .elementor-button,
.metop-solution--embodied-intelligence .metop-solution-button--dark .elementor-button {
  background: #ffffff;
  border-color: #ffffff;
  color: #111111 !important;
}

.metop-solution--embodied-intelligence .metop-solution-button .elementor-button:hover,
.metop-solution--embodied-intelligence .metop-solution-button .elementor-button:focus-visible {
  background: transparent;
  border-color: var(--metop-v3-brand-blue);
  box-shadow: 0 0 24px rgba(20, 46, 144, 0.32);
  color: #ffffff !important;
}

.metop-solution--embodied-intelligence .metop-solution-demo-video,
.metop-solution--embodied-intelligence .metop-solution-demo-video .elementor-widget-container,
.metop-solution--embodied-intelligence .metop-solution-demo-video video {
  height: auto;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}

.metop-solution--embodied-intelligence .metop-solution-demo-video video {
  background: #050609;
  border: 1px solid var(--metop-solution-line);
  border-radius: 6px;
  display: block;
}

/* Elementor can persist a section background inline. Reassert the dark
 * surface at the inner shells as well, so white copy never lands on white. */
.metop-solution--embodied-intelligence .metop-solution-overview-cta,
.metop-solution--embodied-intelligence .metop-solution-overview-cta > .e-con-inner,
.metop-solution--embodied-intelligence .metop-solution-framed-section,
.metop-solution--embodied-intelligence .metop-solution-framed-section > .e-con-inner,
.metop-solution--embodied-intelligence .metop-solution-related-shell,
.metop-solution--embodied-intelligence .metop-solution-related-shell > .e-con-inner,
.metop-solution--embodied-intelligence .metop-solution-final-shell,
.metop-solution--embodied-intelligence .metop-solution-final-shell > .e-con-inner {
  background: var(--metop-solution-surface) !important;
  border-color: var(--metop-solution-line) !important;
}

.metop-solution--embodied-intelligence .metop-solution-final {
  background: var(--metop-solution-bg) !important;
}

.metop-solution--embodied-intelligence .metop-solution-physical-foundation {
  background: var(--metop-solution-bg) !important;
  padding-bottom: 76px !important;
  padding-top: 76px !important;
}

.metop-solution--embodied-intelligence .metop-solution-physical-foundation-shell,
.metop-solution--embodied-intelligence .metop-solution-physical-foundation-shell > .e-con-inner {
  background: transparent !important;
}

.metop-solution--embodied-intelligence .metop-solution-physical-foundation .metop-solution-section-head {
  border-left: 2px solid var(--metop-solution-blue-line);
  max-width: 880px;
  padding-left: 28px;
}

.metop-solution--embodied-intelligence .metop-solution-validation-section {
  background: var(--metop-solution-surface) !important;
}

.metop-solution--embodied-intelligence .metop-solution-validation-grid,
.metop-solution--embodied-intelligence .metop-solution-validation-grid > .e-con-inner {
  display: grid !important;
  gap: 1px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: var(--metop-solution-line);
  border: 1px solid var(--metop-solution-line);
  margin-top: 48px;
}

.metop-solution--embodied-intelligence .metop-solution-validation-item,
.metop-solution--embodied-intelligence .metop-solution-validation-item > .e-con-inner {
  background: var(--metop-solution-surface) !important;
  display: flex !important;
  flex-direction: column;
  gap: 12px;
  min-height: 210px;
  padding: 28px;
}

.metop-solution--embodied-intelligence .metop-solution-validation-index .elementor-heading-title {
  color: var(--metop-solution-blue-line) !important;
  font-family: "Geist Mono", "SF Mono", ui-monospace, monospace;
  font-size: 12px;
  font-weight: 600;
}

.metop-solution--embodied-intelligence .metop-solution-validation-title .elementor-heading-title,
.metop-solution--embodied-intelligence .metop-solution-faq-title .elementor-heading-title {
  color: var(--metop-solution-text) !important;
  font-size: 20px;
  font-weight: 550;
  line-height: 1.4;
}

.metop-solution--embodied-intelligence .metop-solution-validation-copy,
.metop-solution--embodied-intelligence .metop-solution-validation-copy p,
.metop-solution--embodied-intelligence .metop-solution-faq-copy,
.metop-solution--embodied-intelligence .metop-solution-faq-copy p {
  color: var(--metop-solution-muted) !important;
  font-size: 15px;
  line-height: 1.78;
}

.metop-solution--embodied-intelligence .metop-solution-faq-section {
  background: var(--metop-solution-bg) !important;
}

.metop-solution--embodied-intelligence .metop-solution-faq-grid,
.metop-solution--embodied-intelligence .metop-solution-faq-grid > .e-con-inner {
  display: grid !important;
  gap: 0 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 42px;
}

.metop-solution--embodied-intelligence .metop-solution-faq-item,
.metop-solution--embodied-intelligence .metop-solution-faq-item > .e-con-inner {
  border-top: 1px solid var(--metop-solution-line);
  display: flex !important;
  flex-direction: column;
  gap: 12px;
  padding: 24px 0 28px;
}

.metop-nx-home .metop-nx__industries .metop-nx__section-description {
  max-width: 900px;
}

.metop-solution--embodied-intelligence .metop-solution-hero-description,
.metop-solution--embodied-intelligence .metop-solution-hero-description p,
.metop-solution--embodied-intelligence .metop-solution-section-copy,
.metop-solution--embodied-intelligence .metop-solution-section-copy p,
.metop-solution--embodied-intelligence .metop-solution-stat-copy,
.metop-solution--embodied-intelligence .metop-solution-stat-copy p,
.metop-solution--embodied-intelligence .metop-solution-overview-cta-copy,
.metop-solution--embodied-intelligence .metop-solution-overview-cta-copy p,
.metop-solution--embodied-intelligence .metop-solution-demo-copy,
.metop-solution--embodied-intelligence .metop-solution-demo-copy p,
.metop-solution--embodied-intelligence .metop-solution-pain-copy,
.metop-solution--embodied-intelligence .metop-solution-pain-copy p,
.metop-solution--embodied-intelligence .metop-solution-capability-description,
.metop-solution--embodied-intelligence .metop-solution-capability-description p,
.metop-solution--embodied-intelligence .metop-solution-workflow-copy,
.metop-solution--embodied-intelligence .metop-solution-workflow-copy p,
.metop-solution--embodied-intelligence .metop-solution-case-description,
.metop-solution--embodied-intelligence .metop-solution-case-description p,
.metop-solution--embodied-intelligence .metop-solution-related-description,
.metop-solution--embodied-intelligence .metop-solution-related-description p {
  color: var(--metop-solution-muted) !important;
}

.metop-solution--embodied-intelligence .metop-solution-final-title .elementor-heading-title,
.metop-solution--embodied-intelligence .metop-solution-final-description,
.metop-solution--embodied-intelligence .metop-solution-final-description p {
  color: #f5f6f8 !important;
}

.metop-solution--embodied-intelligence .metop-solution-button--light .elementor-button {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #111111 !important;
}

.metop-solution--embodied-intelligence .metop-solution-overview-cta .metop-solution-button--dark .elementor-button {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #111111 !important;
}

.metop-solution--embodied-intelligence .metop-solution-button--light .elementor-button:hover,
.metop-solution--embodied-intelligence .metop-solution-button--light .elementor-button:focus-visible {
  background: transparent !important;
  border-color: var(--metop-v3-brand-blue) !important;
  color: #ffffff !important;
}

.metop-solution--embodied-intelligence .metop-solution-media-caption .elementor-heading-title,
.metop-solution--embodied-intelligence .metop-solution-eyebrow .elementor-heading-title,
.metop-solution--embodied-intelligence .metop-solution-case-label .elementor-heading-title,
.metop-solution--embodied-intelligence .metop-solution-pain-index .elementor-heading-title,
.metop-solution--embodied-intelligence .metop-solution-deliverable-index .elementor-heading-title,
.metop-solution--embodied-intelligence .metop-solution-workflow-step .elementor-heading-title {
  color: var(--metop-solution-quiet) !important;
}

@media (max-width: 767px) {
  .metop-nx-home .metop-nx__product-status {
    font-size: 10px;
  }

  .metop-solution--embodied-intelligence .metop-solution-demo-video video {
    border-radius: 4px;
  }

  .metop-solution--embodied-intelligence .metop-solution-validation-grid,
  .metop-solution--embodied-intelligence .metop-solution-validation-grid > .e-con-inner,
  .metop-solution--embodied-intelligence .metop-solution-faq-grid,
  .metop-solution--embodied-intelligence .metop-solution-faq-grid > .e-con-inner {
    grid-template-columns: 1fr;
  }

  .metop-solution--embodied-intelligence .metop-solution-validation-item {
    min-height: 0;
  }

  .metop-solution--embodied-intelligence .metop-solution-physical-foundation .metop-solution-section-head {
    padding-left: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .metop-nx-home *,
  .metop-solution--embodied-intelligence * {
    animation-duration: 0.001ms !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

/* Final interaction layer: resolve page-specific button variants after the
 * legacy parity styles have loaded. Related links stay secondary actions and
 * never inherit the white CTA surface used by dark-theme primary buttons. */
body .metop-solution-parity .metop-solution-button--link .elementor-button,
body .metop-solution--embodied-intelligence .metop-solution-button--link .elementor-button {
  background: transparent !important;
  border-color: var(--metop-solution-line) !important;
  color: var(--metop-solution-text) !important;
}

body .metop-solution-parity .metop-solution-button--link .elementor-button:hover,
body .metop-solution-parity .metop-solution-button--link .elementor-button:focus-visible {
  background: rgba(20, 46, 144, 0.06) !important;
  border-color: var(--metop-v3-brand-blue) !important;
  color: var(--metop-v3-brand-blue) !important;
}

body .metop-solution--embodied-intelligence .metop-solution-button--link .elementor-button:hover,
body .metop-solution--embodied-intelligence .metop-solution-button--link .elementor-button:focus-visible {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--metop-v3-brand-blue) !important;
  color: #f5f6f8 !important;
}

/* Dark surfaces need a light foreground on interaction without introducing a
 * blue fill that competes with the content and media. */
body .metop-solution--embodied-intelligence .elementor-widget-button .elementor-button:hover,
body .metop-solution--embodied-intelligence .elementor-widget-button .elementor-button:focus-visible,
body .metop-solution--embodied-intelligence .metop-button:hover,
body .metop-solution--embodied-intelligence .metop-button:focus-visible {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--metop-v3-brand-blue) !important;
  color: #f5f6f8 !important;
}

body .metop-solution--embodied-intelligence .elementor-widget-button .elementor-button:active,
body .metop-solution--embodied-intelligence .metop-button:active {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: var(--metop-v3-brand-blue) !important;
  color: #ffffff !important;
}

/* Non-Elementor controls use the same restrained border, lift and focus
 * language while keeping their own sizing and functional states. */
body :is(
  .metop-tsi-button,
  .metop-search-form button,
  .metop-space-showcase__launch,
  .metop-v3-video-toggle
) {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease,
    transform 180ms ease !important;
}

body :is(
  .metop-tsi-button,
  .metop-search-form button,
  .metop-space-showcase__launch
):hover,
body :is(
  .metop-tsi-button,
  .metop-search-form button,
  .metop-space-showcase__launch
):focus-visible {
  background: var(--metop-v3-button-hover-bg) !important;
  border-color: var(--metop-v3-brand-blue) !important;
  box-shadow: 0 8px 20px rgba(20, 46, 144, 0.16) !important;
  color: var(--metop-v3-brand-blue) !important;
  transform: translateY(-1px);
}

body .metop-v3-video-toggle:hover,
body .metop-v3-video-toggle:focus-visible {
  background: #30343d !important;
  border-color: var(--metop-v3-brand-blue) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

body :is(
  .metop-tsi-button,
  .metop-search-form button,
  .metop-space-showcase__launch,
  .metop-v3-video-toggle
):active {
  box-shadow: none !important;
  transform: translateY(0);
}

body :is(
  .metop-tsi-button,
  .metop-search-form button,
  .metop-space-showcase__launch,
  .metop-v3-video-toggle
):focus-visible {
  outline: 2px solid rgba(20, 46, 144, 0.72) !important;
  outline-offset: 3px !important;
}

/* Text links keep their lightweight affordance instead of becoming filled
 * controls when the shared Elementor rule is applied. */
body :is(
  .metop-resources-more-button,
  .metop-support-text-link,
  .metop-products-page__text-link,
  .metop-home-parity__inline-link
).elementor-widget-button .elementor-button:hover,
body :is(
  .metop-resources-more-button,
  .metop-support-text-link,
  .metop-products-page__text-link,
  .metop-home-parity__inline-link
).elementor-widget-button .elementor-button:focus-visible {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--metop-v3-brand-blue) !important;
  transform: none;
}

/* Catch legacy theme states that are loaded before the V3 plugin layer. */
body .metop-primary-nav .metop-nav-space-item > a:hover,
body .metop-primary-nav .metop-nav-space-item > a:focus-visible {
  background: var(--metop-v3-brand-blue) !important;
  border-color: var(--metop-v3-brand-blue) !important;
}

body .metop-form-notice--success {
  border-color: rgba(20, 46, 144, 0.28) !important;
  color: var(--metop-v3-brand-blue) !important;
}

body .metop-cases-parity .metop-cases-button--action .elementor-button:hover,
body .metop-cases-parity .metop-cases-button--action .elementor-button:focus-visible {
  background: var(--metop-v3-brand-blue) !important;
  border-color: var(--metop-v3-brand-blue) !important;
}

body .metop-studio-parity .metop-studio-fusion-section .metop-studio-eyebrow .elementor-heading-title,
body .metop-studio-parity .metop-studio-why-section .metop-studio-eyebrow .elementor-heading-title,
body .metop-studio-parity .metop-studio-start-section .metop-studio-eyebrow .elementor-heading-title {
  color: var(--metop-v3-brand-blue) !important;
}

@media (prefers-reduced-motion: reduce) {
  body :is(
    .metop-tsi-button,
    .metop-search-form button,
    .metop-space-showcase__launch,
    .metop-v3-video-toggle
  ) {
    transition: none !important;
  }
}