/* Light follows the existing four-step path without moving text or changing layout. */
.agent-step-trace{display:none}
@media(prefers-reduced-motion:no-preference){
 .agent-path[data-path-ready=true] .agent-step-number{animation-duration:5.6s;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:paused}
 .agent-path[data-path-ready=true] li:nth-child(1) .agent-step-number{animation-name:parosyn-node-1}
 .agent-path[data-path-ready=true] li:nth-child(2) .agent-step-number{animation-name:parosyn-node-2}
 .agent-path[data-path-ready=true] li:nth-child(3) .agent-step-number{animation-name:parosyn-node-3}
 .agent-path[data-path-ready=true] li:nth-child(4) .agent-step-number{animation-name:parosyn-node-4}
 .agent-path[data-path-ready=true] .agent-step-trace{display:block;position:absolute;left:34px;right:-6px;top:12.5px;height:2px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,#b0d9ff,#dcf4ff 78%,#fff);box-shadow:0 0 7px #b4e5ffb3;transform:scaleX(0);transform-origin:left center;opacity:0;animation-duration:5.6s;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:paused}
 .agent-step-trace:after{content:'';position:absolute;right:0;top:-1.5px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px #d8f4ff}
 .agent-path[data-path-ready=true] li:nth-child(1) .agent-step-trace{animation-name:parosyn-link-1}
 .agent-path[data-path-ready=true] li:nth-child(2) .agent-step-trace{animation-name:parosyn-link-2}
 .agent-path[data-path-ready=true] li:nth-child(3) .agent-step-trace{animation-name:parosyn-link-3}
 .agent-path[data-path-active=true] .agent-step-number,.agent-path[data-path-active=true] .agent-step-trace{animation-play-state:running}
 @keyframes parosyn-node-1{
  0%,9%{background:#f4fcff;color:#244d91;border-color:#fff;box-shadow:0 0 0 4px #a9dcff28,0 0 18px #c2e9ffc4}
  18%,82%{background:#98ceff33;color:#fff;border-color:#ceeaff;box-shadow:0 0 7px #a5d9ff38}
  90%,100%{background:#d7ebff12;color:#fff;border-color:#b5d9ff91;box-shadow:0 0 0 transparent}
 }
 @keyframes parosyn-node-2{
  0%,17%{background:#d7ebff12;color:#fff;border-color:#b5d9ff91;box-shadow:0 0 0 transparent}
  18%,27%{background:#f4fcff;color:#244d91;border-color:#fff;box-shadow:0 0 0 4px #a9dcff28,0 0 18px #c2e9ffc4}
  36%,82%{background:#98ceff33;color:#fff;border-color:#ceeaff;box-shadow:0 0 7px #a5d9ff38}
  90%,100%{background:#d7ebff12;color:#fff;border-color:#b5d9ff91;box-shadow:0 0 0 transparent}
 }
 @keyframes parosyn-node-3{
  0%,35%{background:#d7ebff12;color:#fff;border-color:#b5d9ff91;box-shadow:0 0 0 transparent}
  36%,45%{background:#f4fcff;color:#244d91;border-color:#fff;box-shadow:0 0 0 4px #a9dcff28,0 0 18px #c2e9ffc4}
  54%,82%{background:#98ceff33;color:#fff;border-color:#ceeaff;box-shadow:0 0 7px #a5d9ff38}
  90%,100%{background:#d7ebff12;color:#fff;border-color:#b5d9ff91;box-shadow:0 0 0 transparent}
 }
 @keyframes parosyn-node-4{
  0%,53%{background:#d7ebff12;color:#fff;border-color:#b5d9ff91;box-shadow:0 0 0 transparent}
  54%,67%{background:#f4fcff;color:#244d91;border-color:#fff;box-shadow:0 0 0 4px #a9dcff28,0 0 18px #c2e9ffc4}
  78%,82%{background:#98ceff33;color:#fff;border-color:#ceeaff;box-shadow:0 0 7px #a5d9ff38}
  90%,100%{background:#d7ebff12;color:#fff;border-color:#b5d9ff91;box-shadow:0 0 0 transparent}
 }
 @keyframes parosyn-link-1{0%,5%{transform:scaleX(0);opacity:0}6%{opacity:1}18%,82%{transform:scaleX(1);opacity:1}90%,100%{transform:scaleX(1);opacity:0}}
 @keyframes parosyn-link-2{0%,23%{transform:scaleX(0);opacity:0}24%{opacity:1}36%,82%{transform:scaleX(1);opacity:1}90%,100%{transform:scaleX(1);opacity:0}}
 @keyframes parosyn-link-3{0%,41%{transform:scaleX(0);opacity:0}42%{opacity:1}54%,82%{transform:scaleX(1);opacity:1}90%,100%{transform:scaleX(1);opacity:0}}
}
@media(max-width:700px){.agent-path[data-path-ready=true] li:nth-child(2) .agent-step-trace{display:none}}
