/* A readable process diagram first; motion only highlights the current stage. */
.process-story{position:relative;z-index:2;align-self:center;min-width:0;padding:24px;border:1px solid rgba(121,235,188,.32);border-radius:24px;background:linear-gradient(150deg,rgba(8,42,69,.96),rgba(4,24,43,.96));box-shadow:0 30px 75px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.process-story-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.process-story-kicker{color:#79ebbc;font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.process-story h2{margin:6px 0 0;color:#fff;font-size:1.32rem;letter-spacing:-.025em;line-height:1.2}
.process-story-badge{flex:none;margin-top:2px;padding:5px 8px;border:1px solid rgba(121,235,188,.34);border-radius:20px;color:#bfead7;font-size:.61rem;font-weight:700;white-space:nowrap}
.process-story-steps{position:relative;display:grid;gap:9px;margin:18px 0 0;padding:0 0 0 16px;list-style:none}
.process-story-steps:before{position:absolute;top:20px;bottom:20px;left:31px;width:2px;content:"";background:rgba(121,235,188,.25)}
.process-story-steps:after{position:absolute;top:20px;left:31px;width:2px;height:58px;content:"";border-radius:2px;background:#4bd49a;box-shadow:0 0 15px rgba(75,212,154,.75);animation:process-travel 15s linear infinite}
.process-story-step{position:relative;display:flex;min-height:63px;align-items:center;gap:16px;padding:8px 12px 8px 0;border:1px solid transparent;border-radius:13px;animation:process-focus 15s ease-in-out infinite}
.process-story-step:nth-child(2){animation-delay:-12s}.process-story-step:nth-child(3){animation-delay:-9s}.process-story-step:nth-child(4){animation-delay:-6s}.process-story-step:nth-child(5){animation-delay:-3s}
.process-story-number{position:relative;z-index:1;display:grid;width:32px;height:32px;flex:none;place-items:center;border:1px solid rgba(121,235,188,.48);border-radius:50%;background:#0c3a52;color:#a9e6c8;font-size:.64rem;font-weight:850;letter-spacing:.02em}
.process-story-step>div{display:grid;gap:2px;min-width:0}.process-story-step strong{color:#fff;font-size:.84rem;line-height:1.25}.process-story-step>div span{color:#b9cbd4;font-size:.69rem;line-height:1.35}
.process-story-footer{display:flex;align-items:center;gap:9px;margin:17px 0 0;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);color:#c8d8e1;font-size:.67rem}.process-story-footer span{display:grid;width:18px;height:18px;flex:none;place-items:center;border-radius:50%;background:rgba(75,212,154,.19);color:#79ebbc;font-weight:900}
@keyframes process-travel{0%{transform:translateY(0);opacity:0}4%,16%{opacity:1}96%{opacity:1}100%{transform:translateY(280px);opacity:0}}
@keyframes process-focus{0%,19%,100%{border-color:transparent;background:transparent;transform:translateX(0)}4%,15%{border-color:rgba(121,235,188,.38);background:rgba(75,212,154,.1);transform:translateX(4px)}}
@media(max-width:900px){.process-story{width:min(100%,620px);margin-inline:auto}}
@media(max-width:620px){.process-story{padding:17px}.process-story h2{font-size:1.18rem}.process-story-badge{font-size:.52rem}.process-story-steps{gap:7px}.process-story-step{min-height:60px}.process-story-step strong{font-size:.78rem}.process-story-step>div span{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.process-story-steps:after{display:none}.process-story-step{animation:none}}