/* Homepage diagrams use twice the reveal duration and stagger so each step can be read.
   The resting page remains fully visible without JS. */
@keyframes hp-motion-rise {
  from { opacity: .62; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes hp-motion-pop {
  from { opacity: .65; transform: scale(.82); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes hp-motion-line {
  from { clip-path: inset(0 100% 0 0); }
  to { clip-path: inset(0 0 0 0); }
}

@keyframes hp-motion-rule {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes hp-motion-result {
  from { background-color: #fff; box-shadow: inset 0 0 0 0 #ddc682; }
  65% { background-color: #fff9e8; box-shadow: inset 0 0 0 2px #ddc682; }
  to { background-color: #fff; box-shadow: inset 0 0 0 0 #ddc682; }
}

@keyframes hp-motion-bar {
  from { transform: scaleY(0); }
  to { transform: scaleY(1); opacity: 1; }
}
@keyframes hp-motion-halo {
  from { filter: drop-shadow(0 0 0 transparent); opacity: .55; }
  60% { filter: drop-shadow(0 0 14px #c8a85c66); opacity: 1; }
  to { filter: drop-shadow(0 0 0 transparent); opacity: 1; }
}

/* Scroll through the whole story: proof, benefits, comparison, then pricing. */
.corporate .official-media-logos.hp-motion-play img,
.corporate #services .hp-value-pillars.hp-motion-play > li,
.corporate #services .service-grid.hp-motion-play > article,
.corporate #ai-comparison .three-pillars.hp-motion-play > article,
.corporate #pricing .price-grid.hp-motion-play > article,
.corporate #pricing .process-grid.hp-motion-play > article {
  animation: hp-motion-rise 1240ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate .official-media-logos.hp-motion-play img:nth-child(2),
.corporate #services .hp-value-pillars.hp-motion-play > li:nth-child(2),
.corporate #services .service-grid.hp-motion-play > article:nth-child(2),
.corporate #ai-comparison .three-pillars.hp-motion-play > article:nth-child(2),
.corporate #pricing .price-grid.hp-motion-play > article:nth-child(2),
.corporate #pricing .process-grid.hp-motion-play > article:nth-child(2) { animation-delay: 340ms; }
.corporate .official-media-logos.hp-motion-play img:nth-child(3),
.corporate #services .hp-value-pillars.hp-motion-play > li:nth-child(3),
.corporate #ai-comparison .three-pillars.hp-motion-play > article:nth-child(3),
.corporate #pricing .process-grid.hp-motion-play > article:nth-child(3) { animation-delay: 680ms; }
.corporate #pricing .process-grid.hp-motion-play > article:nth-child(4) { animation-delay: 1020ms; }

.corporate #research .donut.hp-chart-play {
  background: conic-gradient(var(--gold) 0% var(--hp-donut-progress, 70.1%), #e8ecee var(--hp-donut-progress, 70.1%) 100%);
}
.corporate #research .review-data.hp-motion-play > div:last-child {
  animation: hp-motion-rise 1360ms 340ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate #research .bar-chart.hp-chart-play .bar {
  transform-origin: bottom center;
  animation: hp-motion-bar 1100ms cubic-bezier(.22,.65,.3,1) both;
}
.corporate #research .bar-chart.hp-chart-play .bar-new { animation-delay: 200ms; }
.corporate #research .adoption-card.hp-chart-playing .delta {
  animation: hp-motion-pop 550ms 850ms cubic-bezier(.2,.8,.2,1) both;
}

.corporate #news-comparison .interview-process.hp-motion-play .process-route .route-steps > div,
.corporate #news-comparison .interview-process.hp-motion-play .process-route .route-steps > span {
  animation: hp-motion-rise 960ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate #news-comparison .interview-process.hp-motion-play .process-route .route-steps > :nth-child(2) { animation-delay: 260ms; }
.corporate #news-comparison .interview-process.hp-motion-play .process-route .route-steps > :nth-child(3) { animation-delay: 500ms; }
.corporate #news-comparison .interview-process.hp-motion-play .process-route .route-steps > :nth-child(4) { animation-delay: 760ms; }
.corporate #news-comparison .interview-process.hp-motion-play .process-route .route-steps > :nth-child(5) { animation-delay: 1020ms; }
.corporate #news-comparison .interview-process.hp-motion-play .interview-result > strong {
  animation: hp-motion-pop 1260ms 1380ms cubic-bezier(.15,1.5,.4,1) both;
}
.corporate #ai-comparison .citation-targets.hp-motion-play .citation-target-grid > div:first-child {
  animation: hp-motion-rise 1180ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate #ai-comparison .citation-targets.hp-motion-play .citation-target-grid > div:last-child {
  animation: hp-motion-rise 1180ms 380ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate #ai-comparison .citation-targets.hp-motion-play .citation-report {
  animation: hp-motion-result 2000ms 1040ms ease-out both;
}

/* First view: two sources converge, then the outcome settles into place. */
.corporate .strategy-hero-visual.hp-motion-play .strategy-visual-factor:first-child {
  animation: hp-motion-rise 1440ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate .strategy-hero-visual.hp-motion-play .strategy-visual-factor:last-child {
  animation: hp-motion-rise 1440ms 280ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate .strategy-hero-visual.hp-motion-play .strategy-visual-times {
  animation: hp-motion-pop 1020ms 760ms cubic-bezier(.15,1.5,.4,1) both;
}
.corporate .strategy-hero-visual.hp-motion-play .strategy-visual-connector::before {
  transform-origin: right center;
  animation: hp-motion-rule 900ms 1000ms ease-out both;
}
.corporate .strategy-hero-visual.hp-motion-play .strategy-visual-connector::after {
  transform-origin: left center;
  animation: hp-motion-rule 900ms 1000ms ease-out both;
}
.corporate .strategy-hero-visual.hp-motion-play .strategy-visual-promise {
  animation: hp-motion-rise 1320ms 1240ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate .strategy-hero-visual.hp-motion-play .strategy-visual-outcomes {
  animation: hp-motion-rise 1180ms 1580ms cubic-bezier(.2,.8,.2,1) both;
}

/* The evidence and search panels share the same visual sequence as the hero. */
.corporate .branding-equation .branding-operand:first-child.hp-motion-play {
  animation: hp-motion-rise 1300ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate .branding-equation .branding-multiply.hp-motion-play {
  animation: hp-motion-pop 900ms 500ms cubic-bezier(.15,1.5,.4,1) both;
}
.corporate .branding-equation .branding-operand:last-child.hp-motion-play {
  animation: hp-motion-rise 1300ms 720ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate .branding-journey-steps > li.hp-motion-play {
  animation: hp-motion-rise 1120ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate .branding-journey-steps > li:nth-child(2).hp-motion-play { animation-delay: 340ms; }
.corporate .branding-journey-steps > li:nth-child(3).hp-motion-play { animation-delay: 680ms; }

/* Only the lines draw. Axis labels and numerical annotations stay readable. */
.corporate .future-graphic.hp-motion-play .future-chart-svg polyline {
  animation: hp-motion-line 2300ms cubic-bezier(.2,.7,.2,1) both;
}
.corporate .future-graphic.hp-motion-play .future-chart-svg [data-future-line="half"] { animation-delay: 340ms; }
.corporate .future-graphic.hp-motion-play .future-chart-svg [data-future-line="quarter"] { animation-delay: 600ms; }
.corporate .model-future-charts figure:first-child.hp-motion-play {
  animation: hp-motion-rise 1160ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate .model-future-charts figure:last-child.hp-motion-play {
  animation: hp-motion-rise 1160ms 360ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate .model-future-charts figure.hp-motion-play svg polyline {
  animation: hp-motion-line 2100ms 520ms cubic-bezier(.2,.7,.2,1) both;
}
.corporate .model-future-charts figure:last-child.hp-motion-play svg polyline { animation-delay: 840ms; }

/* The recovery example emphasizes the calculation without changing its values. */
.corporate #pricing .strategy-roi__math.hp-motion-play .strategy-roi__part:first-child {
  animation: hp-motion-rise 1040ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate #pricing .strategy-roi__math.hp-motion-play > b {
  animation: hp-motion-pop 880ms 340ms cubic-bezier(.15,1.5,.4,1) both;
}
.corporate #pricing .strategy-roi__math.hp-motion-play .strategy-roi__part:nth-of-type(2) {
  animation: hp-motion-rise 1040ms 660ms cubic-bezier(.2,.8,.2,1) both;
}
.corporate #pricing .strategy-roi__math.hp-motion-play .strategy-roi__total {
  animation: hp-motion-rise 1080ms 1220ms cubic-bezier(.2,.8,.2,1) both,
             hp-motion-result 1840ms 1520ms ease-out both;
}

@media (prefers-reduced-motion: reduce) {
  .corporate #research .donut.hp-chart-play {
    background: conic-gradient(var(--gold) 0% 70.1%, #e8ecee 70.1% 100%);
  }
  .corporate #research .bar-chart.hp-chart-play .bar,
  .corporate #research .adoption-card.hp-chart-playing .delta,
  .corporate .strategy-hero-visual.hp-motion-play *,
  .corporate .strategy-hero-visual.hp-motion-play *::before,
  .corporate .strategy-hero-visual.hp-motion-play *::after,
  .corporate .official-media-logos.hp-motion-play *,
  .corporate #services .hp-value-pillars.hp-motion-play *,
  .corporate #services .service-grid.hp-motion-play *,
  .corporate #research .review-data.hp-motion-play *,
  .corporate #research .adoption-card.hp-motion-play *,
  .corporate #news-comparison .interview-process.hp-motion-play *,
  .corporate #ai-comparison .citation-targets.hp-motion-play *,
  .corporate #ai-comparison .three-pillars.hp-motion-play *,
  .corporate #pricing .price-grid.hp-motion-play *,
  .corporate #pricing .process-grid.hp-motion-play *,
  .corporate .branding-equation .hp-motion-play,
  .corporate .branding-journey-steps > li.hp-motion-play,
  .corporate .future-graphic.hp-motion-play .future-chart-svg polyline,
  .corporate .model-future-charts figure.hp-motion-play,
  .corporate .model-future-charts figure.hp-motion-play svg polyline,
  .corporate #pricing .strategy-roi__math.hp-motion-play * {
    animation: none !important;
  }
}