.motion-ambient {
  pointer-events: none;
  position: absolute;
  inset: auto;
  z-index: 0;
  height: 2px;
  overflow: hidden;
  opacity: 0.56;
  transform-origin: center;
}

.motion-ambient.one {
  width: min(420px, 38vw);
  right: clamp(24px, 8vw, 120px);
  top: clamp(110px, 16vw, 190px);
  background: linear-gradient(90deg, transparent, rgba(215, 77, 31, 0.42), rgba(18, 101, 76, 0.28), transparent);
  transform: rotate(-7deg);
}

.motion-ambient.two {
  width: min(520px, 44vw);
  left: clamp(18px, 5vw, 90px);
  bottom: clamp(38px, 8vw, 96px);
  background: linear-gradient(90deg, transparent, rgba(18, 101, 76, 0.3), rgba(215, 77, 31, 0.32), transparent);
  transform: rotate(5deg);
}

.motion-flow-line {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 62%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(215, 77, 31, 0.72), rgba(18, 101, 76, 0.72), transparent);
  transform: translate(-50%, -50%);
  opacity: 0.45;
}

.motion-enhanced .button,
.motion-enhanced .primary-button,
.motion-enhanced .ghost-button,
.motion-enhanced .header-cta,
.motion-enhanced .quick-link,
.motion-enhanced .plan-button,
.motion-enhanced .payment-actions a,
.motion-enhanced .payment-actions button,
.motion-enhanced .client-action button,
.motion-enhanced .measure-link {
  will-change: transform;
}

.motion-enhanced .hero-section,
.motion-enhanced .request-hero,
.motion-enhanced .payment-hero,
.motion-enhanced .client-hero {
  isolation: isolate;
}

.motion-enhanced .hero-inner,
.motion-enhanced .hero-panel,
.motion-enhanced .request-copy,
.motion-enhanced .request-form,
.motion-enhanced .payment-card,
.motion-enhanced .checkout-card,
.motion-enhanced .client-hero > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  .motion-ambient,
  .motion-flow-line {
    display: none;
  }
}