/* Signals stay in motion through Distill; clarity arrives before Deliver. */
.process-story{--stage-1:#7b98a8;--stage-2:var(--orange-brand,#f1542a);--stage-3:var(--orange,#f1542a);margin:28px 0 30px}
.process-clarity{margin:0;padding:0;background:none;box-shadow:none}
.process-clarity svg{display:block;width:100%;height:auto;overflow:visible}
.clarity-lines{opacity:.74}
.clarity-lines path{vector-effect:non-scaling-stroke;stroke-width:1.15}
.clarity-flow{animation:clarity-signal-flow var(--signal-duration,9s) linear var(--signal-delay,0s) infinite}
.clarity-node{opacity:.75}
.clarity-stage{animation:clarity-stage-breath 9s ease-in-out var(--stage-delay,0s) infinite;transform-box:fill-box;transform-origin:center}
.clarity-guides path{vector-effect:non-scaling-stroke;stroke-width:1;opacity:.65}
.clarity-guide-signals path{vector-effect:non-scaling-stroke;stroke-width:2}
.clarity-mobile-link{display:none}
.process-story .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;position:relative}
.process-story .steps article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:22px 14px 0;min-width:0;--stage-color:var(--stage-1)}
.process-story .steps article:nth-child(2){--stage-color:var(--stage-2);--stage-delay:-6s}
.process-story .steps article:nth-child(3){--stage-color:var(--stage-3);--stage-delay:-3s}
.process-story .steps article::before,.process-story .steps article::after{content:none}
.process-story .steps strong{position:relative;align-self:start;font-size:28px;line-height:1.1;color:var(--stage-color);font-variant-numeric:tabular-nums}
.process-story .steps strong::before{content:'';position:absolute;left:50%;top:-22px;width:1px;height:14px;background:var(--stage-color);opacity:.65}
.process-story .steps strong::after{content:'';position:absolute;left:calc(50% - 3px);top:-11px;width:6px;height:6px;border-radius:50%;background:var(--stage-color);animation:clarity-stage-breath 9s ease-in-out var(--stage-delay,0s) infinite}
.process-story .steps h3{margin:1px 0 9px;font-size:24px;line-height:1.1;letter-spacing:0}
.process-story .steps p{font-size:13px;line-height:1.6;color:#ece6d7}
.process-story.is-offscreen .clarity-flow,.process-story.is-offscreen .clarity-stage,.process-story.is-offscreen .steps strong::after,.process-story.is-offscreen .steps article::after{animation-play-state:paused}
@keyframes clarity-signal-flow{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes clarity-stage-breath{0%,28%,100%{opacity:1}40%,88%{opacity:.45}}
@media(max-width:600px){
 .process-story{margin:26px 0 28px}
 .clarity-guides,.clarity-guide-signals{display:none}.clarity-mobile-link{display:block}
 .process-story .steps{grid-template-columns:1fr;gap:10px}
 .process-story .steps::before{content:'';position:absolute;left:12px;top:0;bottom:20px;width:1px;background:linear-gradient(var(--stage-1),var(--stage-2),var(--stage-3));opacity:.7}
 .process-story .steps article{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:20px 0 8px 38px}
 .process-story .steps article::before{content:'';position:absolute;left:7px;top:28px;width:11px;height:11px;border:2px solid var(--stage-color);border-radius:50%;background:var(--black);opacity:1}
 .process-story .steps article::after{content:'';position:absolute;left:11px;top:32px;width:3px;height:3px;border-radius:50%;background:var(--stage-color);animation:clarity-stage-breath 9s ease-in-out var(--stage-delay,0s) infinite}
 .process-story .steps strong::before,.process-story .steps strong::after{content:none}
 .process-story .steps h3{font-size:27px}.process-story .steps p{font-size:14px;line-height:1.65;max-width:36ch}
}
@media(prefers-reduced-motion:reduce){
 .clarity-flow{animation:none;display:none}.clarity-stage,.process-story .steps strong::after,.process-story .steps article::after{animation:none;opacity:1}
}