.solution-art.process-art{--process-color:#327e9b;background:transparent;min-height:0;padding:15px 0 0;overflow:hidden;display:block;align-self:start;color:var(--process-color)}
.process-art.process-trade{--process-color:#8b70bf}.process-art.process-tokenone{--process-color:#ad8950}.process-art.process-automation{--process-color:#3b9279}
.process-heading{display:flex;justify-content:space-between;gap:16px;font-size:calc(8px * var(--type-scale,1));letter-spacing:1.6px;color:#6d877b;line-height:1.6}
.process-illustration{margin:30px -2% 0;width:104%;color:var(--process-color)}
.process-illustration svg{display:block;width:100%;height:auto;overflow:visible}
.process-color{color:var(--process-color);stroke:currentColor}
.process-track{stroke:var(--process-color);stroke-opacity:.22;stroke-dasharray:3 6}
.process-photons{stroke:var(--process-color);stroke-width:2.8;stroke-linecap:round;stroke-dasharray:.07 .43;animation:process-flow 3.5s linear infinite}
.process-art:not(.is-inview) .process-photons{animation-play-state:paused}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;list-style:none;text-align:center;gap:18px;color:#163e34}
.process-steps li{display:flex;align-items:center;flex-direction:column;gap:10px;min-width:0}
.process-number{font-family:monospace;font-size:calc(9px * var(--type-scale,1));color:var(--process-color);letter-spacing:1px}
.process-steps strong{font-size:calc(clamp(13px,1.05vw,18px) * var(--type-scale,1));font-weight:500;line-height:1.6}
.process-steps small{font-size:calc(clamp(10px,.7vw,13px) * var(--type-scale,1));color:#758a7e;line-height:1.8}
.process-foot{display:flex;justify-content:space-between;gap:18px;margin-top:38px;padding-top:20px;border-top:1px solid #91a99a40;font-size:calc(10px * var(--type-scale,1));line-height:1.8;color:#6c8376}
.process-foot-mark{font-size:7px;letter-spacing:1.5px;white-space:nowrap;align-self:center;color:var(--process-color)}
@keyframes process-flow{to{stroke-dashoffset:-1}}
@media(max-width:760px){.solution-art.process-art{padding-top:8px}.process-illustration{margin-top:22px}.process-heading{font-size:8px;letter-spacing:1px}.process-steps{gap:6px}.process-steps li{gap:6px}.process-steps strong{font-size:12px}.process-steps small{font-size:9px}.process-foot{margin-top:25px;font-size:10px}.process-foot-mark{display:none}}
@media(prefers-reduced-motion:reduce){.process-photons{animation:none}}
