/* Original Figma platform timeline: 6465.034 ms. */

/* Intro line reveal matches home-dev.braincrew.io's AI solutions section.
   Each group reveals once on entering the viewport; the cross markers trail it. */
.intro-rails[data-line-state="pending"] .intro-line { transform: scaleY(0); }
.customers[data-line-state="pending"]::before,
.customers[data-line-state="pending"]::after { transform: scaleX(0); }
.customers[data-line-state="pending"] .cross { opacity: 0; }

.intro-rails[data-line-state="in"] .intro-line {
  animation: intro-draw-y .8s cubic-bezier(.5, 0, .5, 1) both;
}
.customers[data-line-state="in"]::before,
.customers[data-line-state="in"]::after {
  animation: intro-draw-x .8s cubic-bezier(.5, 0, .5, 1) both;
}
.customers[data-line-state="in"] .cross {
  animation: intro-cross-fade .58s cubic-bezier(.5, 0, .5, 1) .7s both;
}

@keyframes intro-draw-x { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes intro-draw-y { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes intro-cross-fade { from { opacity: 0; } to { opacity: 1; } }

[data-motion="648:3135"] { animation: kf_648_3135_opacity_0 6.465034s linear; animation-iteration-count: infinite; }
@keyframes kf_648_3135_opacity_0 { 0% { opacity: 1; } 83.514% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 1; } 95.858% { opacity: 0; } 100% { opacity: 0; } }

[data-motion="648:3136"] { animation: kf_648_3136_opacity_0 6.465034s linear; animation-iteration-count: infinite; }
@keyframes kf_648_3136_opacity_0 { 0% { opacity: 1; } 58.871% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 1; } 71.214% { opacity: 0; } 100% { opacity: 0; } }

[data-motion="648:3137"] { animation: kf_648_3137_opacity_0 6.465034s linear; animation-iteration-count: infinite; }
@keyframes kf_648_3137_opacity_0 { 0% { opacity: 1; } 34.122% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 1; } 46.501% { opacity: 0; } 100% { opacity: 0; } }

[data-motion="648:3138"] { animation: kf_648_3138_opacity_0 6.465034s linear; animation-iteration-count: infinite; }
@keyframes kf_648_3138_opacity_0 { 0% { opacity: 1; } 9.115% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 1; } 22.274% { opacity: 0; } 95.858% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0; } 100% { opacity: 1; } }

[data-motion="650:7012"] { animation: kf_650_7012_opacity_0 6.465034s linear; animation-iteration-count: infinite; }
@keyframes kf_650_7012_opacity_0 { 0% { opacity: 1; } 9.115% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 1; } 21.733% { opacity: 0.1; } 83.514% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0.1; } 95.858% { opacity: 1; } 100% { opacity: 1; } }

[data-motion="650:7040"] { animation: kf_650_7040_opacity_0 6.465034s linear; animation-iteration-count: infinite; }
@keyframes kf_650_7040_opacity_0 { 0% { opacity: 0; } 9.115% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0; } 21.733% { opacity: 1; } 34.122% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 1; } 46.501% { opacity: 0.1; } 83.514% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0.1; } 95.858% { opacity: 0; } 100% { opacity: 0; } }

[data-motion="650:7731"] { animation: kf_650_7731_opacity_0 6.465034s linear; animation-iteration-count: infinite; }
@keyframes kf_650_7731_opacity_0 { 0% { opacity: 0; } 34.122% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0; } 46.501% { opacity: 1; } 58.871% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 1; } 71.214% { opacity: 0.1; } 83.514% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0.1; } 95.858% { opacity: 0; } 100% { opacity: 0; } }

[data-motion="650:7770"] { animation: kf_650_7770_opacity_0 6.465034s linear; animation-iteration-count: infinite; }
@keyframes kf_650_7770_opacity_0 { 0% { opacity: 0; } 58.871% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 0; } 71.214% { opacity: 1; } 83.514% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); opacity: 1; } 95.858% { opacity: 0; } 100% { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  [data-motion] { animation: none !important; }
  .stack-layer[data-motion] { opacity: 0; }
  .platform-step[data-motion] { opacity: 1; }
  .intro-rails[data-line-state] .intro-line,
  .customers[data-line-state]::before,
  .customers[data-line-state]::after,
  .customers[data-line-state] .cross {
    animation: none;
    transform: none;
    opacity: 1;
  }
}
@media (max-width: 760px) {
  .platform-step[data-motion] { animation: none; opacity: 1; }
}

/* Keep Docurator visible until this graphic enters the viewport. */
#platform [data-motion] {
  animation-play-state: paused;
  animation-duration: 10s;
  animation-delay: 1.2s;
  animation-fill-mode: both;
}