/* Optional motion. Static content remains visible until JavaScript opts in. */
.site.premium .pr-ai-hero > .pr-hero-copy,
.site.premium .pr-ai-hero > .pr-command-center {
  opacity: 1;
  transform: none;
}

@keyframes premium-entrance {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

.site.premium.motion-ready .pr-ai-hero > .pr-hero-copy,
.site.premium.motion-ready .pr-ai-hero > .pr-command-center {
  animation-name: premium-entrance;
  animation-duration: 700ms;
  animation-timing-function: cubic-bezier(.22, .61, .36, 1);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.site.premium.motion-ready .pr-ai-hero > .pr-command-center { animation-delay: 100ms; }

/* One nine-second pass: data, AI, action. Three passes, then rest. */
@keyframes premium-flow-data {
  0%, 33.333%, 100% { background-color: #fff; border-color: #e4e4e9; box-shadow: none; }
  4%, 29% { background-color: #f1f6ff; border-color: #94b3eb; box-shadow: 0 0 0 1px #2864db08; }
}
@keyframes premium-flow-analysis {
  0%, 33.333%, 66.667%, 100% { background-color: #fff; border-color: #e4e4e9; box-shadow: none; }
  37%, 62.667% { background-color: #f1f6ff; border-color: #94b3eb; box-shadow: 0 0 0 1px #2864db08; }
}
@keyframes premium-flow-action {
  0%, 66.667%, 100% { background-color: #fff; border-color: #e4e4e9; box-shadow: none; }
  70.667%, 96% { background-color: #f1f6ff; border-color: #94b3eb; box-shadow: 0 0 0 1px #2864db08; }
}
.site.premium.motion-ready .pr-automation-panel .pr-flow-art .pr-flow-node {
  animation-duration: 9s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 3;
  animation-fill-mode: none;
  animation-play-state: paused;
}
.site.premium.motion-ready .pr-automation-panel .pr-flow-art .pr-flow-node:nth-child(1) { animation-name: premium-flow-data; }
.site.premium.motion-ready .pr-automation-panel .pr-flow-art .pr-flow-node:nth-child(2) { animation-name: premium-flow-analysis; }
.site.premium.motion-ready .pr-automation-panel .pr-flow-art .pr-flow-node:nth-child(3) { animation-name: premium-flow-action; }
.site.premium.motion-ready .pr-automation-panel .pr-flow-art.motion-active .pr-flow-node { animation-play-state: running; }

/* A very small breathing indicator, active only while its product panel is visible. */
@keyframes premium-ai-breathe {
  0%, 100% { opacity: .85; transform: scaleY(.94); }
  50% { opacity: 1; transform: scaleY(1.06); }
}
.site.premium.motion-ready .pr-ai .pr-ai-symbol i {
  transform-origin: center;
  animation-name: premium-ai-breathe;
  animation-duration: 4.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}
.site.premium.motion-ready .pr-ai .pr-ai-symbol i:nth-child(2) { animation-delay: -1.6s; }
.site.premium.motion-ready .pr-ai .pr-ai-symbol i:nth-child(3) { animation-delay: -3.2s; }
.site.premium.motion-ready .pr-ai.motion-active .pr-ai-symbol i { animation-play-state: running; }

/* Service illustrations run only in view, and share the page's pause control. */
.site.premium.motion-ready [data-motion-root].motion-active [data-animate] { animation-play-state: running; }
.site.premium.motion-paused [data-motion-root] [data-animate] { animation-play-state: paused !important; }

/* Pausing never makes the headline or main product illustration unreadable. */
.site.premium.motion-paused .pr-ai-hero > .pr-hero-copy,
.site.premium.motion-paused .pr-ai-hero > .pr-command-center,
.site.premium.motion-paused .pr-automation-panel .pr-flow-art .pr-flow-node,
.site.premium.motion-paused .pr-ai .pr-ai-symbol i { animation-play-state: paused !important; }
.site.premium.motion-paused .pr-ai-hero > .pr-hero-copy,
.site.premium.motion-paused .pr-ai-hero > .pr-command-center { opacity: 1 !important; transform: none !important; }

/* Only direct interactions get a small lift; cards and partner names stay still. */
.site.premium .pr-button,
.site.premium .submit-button {
  transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
@media (hover: hover) and (pointer: fine) {
  .site.premium .pr-button:hover,
  .site.premium .submit-button:not(:disabled):hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px #1d1d1f12;
  }
  .site.premium .pr-button:active,
  .site.premium .submit-button:not(:disabled):active { transform: none; box-shadow: none; }
}
.site.premium.motion-paused .pr-button,
.site.premium.motion-paused .submit-button { transition: none; }
.site.premium.motion-paused .pr-button:hover,
.site.premium.motion-paused .submit-button:hover { transform: none; box-shadow: none; }

/* A regular action button names the next action: pause or resume. */
.site.premium .motion-toggle {
  position: fixed;
  right: 20px;
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 60;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: calc(100% - 40px);
  min-height: 40px;
  padding: 10px 15px;
  border: 1px solid #dedee3;
  border-radius: 24px;
  background: #ffffffed;
  color: #515156;
  box-shadow: 0 3px 18px #1d1d1f0b;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
}
.site.premium .motion-toggle:hover { background: #f5f5f7; color: #1d1d1f; }
.site.premium .motion-toggle[data-paused="true"] { border-color: #c4d4f0; background: #f1f6ff; color: #315a94; }
.site.premium .motion-toggle:focus-visible { outline: 3px solid #2864db; outline-offset: 4px; }
.site.premium .motion-toggle[hidden] { display: none !important; }
@media (max-width: 600px) {
  .site.premium .motion-toggle { right: 14px; bottom: max(14px, env(safe-area-inset-bottom)); max-width: calc(100% - 28px); min-height: 40px; padding: 10px 13px; font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .site.premium *, .site.premium *::before, .site.premium *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .site.premium .pr-ai-hero > .pr-hero-copy,
  .site.premium .pr-ai-hero > .pr-command-center,
  .site.premium .pr-automation-panel .pr-flow-node,
  .site.premium .pr-ai .pr-ai-symbol i,
  .site.premium .pr-button,
  .site.premium .submit-button { opacity: 1 !important; transform: none !important; }
  .site.premium .pr-button:hover,
  .site.premium .submit-button:hover { box-shadow: none !important; }
  .site.premium .motion-toggle { display: none !important; }
}