/* Motion layer only. Existing dimensions, fonts, content and layout are retained. */
.workflow-steps > div { animation: none; }
.motion-counter { font-variant-numeric: tabular-nums; }
.complex-settings.motion-condensed .settings-matrix { opacity: .78; scale: .985; }
#ai .workflow-steps > div:not(:last-child)::after {
  display: block; height: 7px; bottom: -8px; transform-origin: center top;
}
.setup-steps .step-top { position: relative; }
.setup-steps .step-top::before {
  content: ''; position: absolute; top: -1px; left: 0; right: 0;
  height: 1px; background: #8eb9ed; transform-origin: left center;
}
.growth-stages { position: relative; }
.growth-stages::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0;
  height: 2px; background: linear-gradient(90deg,#b9d7f7,#9bbce7,#b4bce8);
  transform-origin: left center; pointer-events: none;
}
.why-grid > article, .use-cases > article {
  transition: translate 300ms ease, box-shadow 300ms ease, border-color 300ms ease;
}
.case-platforms .platform-logo { opacity: .8; transition: opacity 250ms ease, translate 250ms ease; }
.final-cta::before {
  content: ''; position: absolute; inset: -24px; pointer-events: none;
  background: radial-gradient(ellipse at 40% 65%,#a9caff30,transparent 55%),radial-gradient(ellipse at 65% 55%,#b9a8eb20,transparent 50%);
  animation: cta-drift 14s ease-in-out infinite paused;
}
.final-cta.ambient-active::before { animation-play-state: running; }
.final-cta .button { transition: translate 250ms ease, box-shadow 250ms ease; }
.faq-list summary > span { transition: transform 240ms ease; }
.faq-list details.motion-closing summary > span { transform: rotate(0); }
@keyframes cta-drift { 0%,100% { transform: translate(-8px,4px); } 50% { transform: translate(8px,-4px); } }
@media (hover:hover) and (pointer:fine) {
  .why-grid > article:hover { transform: none; translate: 0 -3px; border-color: #c6d9ef; box-shadow: 0 14px 28px -20px #294a7d38; }
  .use-cases > article:hover { transform: none; translate: 0 -4px; border-color: #c6d9ef; box-shadow: 0 14px 28px -20px #294a7d38; }
  .case-platforms .platform-logo:hover { opacity: 1; translate: 0 -2px; }
  .final-cta .button:hover { translate: 0 -2px; transform: none; }
}
@media (prefers-reduced-motion:reduce) {
  .final-cta::before { animation: none; }
  .complex-settings.motion-condensed .settings-matrix { opacity: 1; scale: none; }
  .why-grid > article, .use-cases > article, .case-platforms .platform-logo, .final-cta .button { transition: none; translate: none !important; }
}