.home-motion .section--hero {
  position: relative;
}

.home-motion .hero-particles {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.7;
}

.home-motion .section--hero .row,
.home-motion .section--hero .logo-wall {
  position: relative;
  z-index: 1;
}

.home-motion .js-hero-title,
.home-motion .js-hero-subtitle,
.home-motion .js-hero-kicker,
.home-motion .js-hero-points li,
.home-motion .js-hero-actions > *,
.home-motion .js-hero-product {
  opacity: 1;
  visibility: visible;
}

.home-motion .home-hero-product {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}

.home-motion .home-hero-product:hover,
.home-motion .home-hero-product:focus-within {
  transform: translateY(-2px);
  box-shadow: var(--ds-shadow-md);
}

.home-motion .capability-card,
.home-motion .segment-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  will-change: transform;
}

.home-motion .capability-card:hover,
.home-motion .capability-card:focus-within,
.home-motion .segment-card:hover,
.home-motion .segment-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
}

.home-motion .logo-marquee {
  margin-top: var(--ds-space-8);
}

@media (max-width: 991px) {
  .home-motion .home-hero-product {
    margin-top: var(--ds-space-4);
  }
}

@media (max-width: 767px) {
  .home-motion .js-hero-product {
    transform: none !important;
  }

  .home-motion .home-hero-product .trust-metrics {
    grid-template-columns: 1fr;
  }

  .home-motion .logo-marquee {
    margin-top: var(--ds-space-6);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-motion .home-hero-product,
  .home-motion .capability-card,
  .home-motion .segment-card {
    transition: none;
    transform: none;
  }

  .home-motion .hero-particles {
    display: none;
  }

  .home-motion [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
