.pipeline{position:fixed;left:clamp(1rem,2.5vw,2rem);top:90px;bottom:2rem;width:3px;z-index:50;pointer-events:none}.pipeline-track{position:absolute;inset:0;width:100%;background:rgba(255,255,255,4%);border-radius:2px}.pipeline-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(to bottom,var(--accent-orange),var(--accent-teal));border-radius:2px;opacity:.5;will-change:height;transition:height .1s linear}.pipeline-fill::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent-orange);box-shadow:0 0 12px rgba(249,115,22,.6),0 0 24px rgba(249,115,22,.2)}.pipeline-particle{position:absolute;left:50%;transform:translateX(-50%);width:2px;height:2px;border-radius:50%;opacity:0;animation:pipe-flow var(--speed,5s)linear var(--delay,0s)infinite}@keyframes pipe-flow{0%{top:0;opacity:0;background:var(--accent-orange);box-shadow:0 0 4px rgba(249,115,22,.4)}8%{opacity:.5}50%{background:var(--accent-teal);box-shadow:0 0 4px rgba(20,184,166,.4)}92%{opacity:.3}100%{top:100%;opacity:0}}.pipeline-node{position:absolute;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:var(--bg-deep);border:1.5px solid rgba(255,255,255,.1);transition:all .5s var(--ease);cursor:pointer;pointer-events:auto}.pipeline-label{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:.55rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;opacity:0;transition:opacity .4s,color .4s;pointer-events:auto;cursor:pointer;background:rgba(6,9,16,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,8%);border-radius:8px;padding:.3rem .6rem}.pipeline-node:hover .pipeline-label{opacity:1;color:var(--accent-orange)}.pipeline-node.active{width:9px;height:9px;border-color:var(--accent-orange);background:var(--accent-orange);box-shadow:0 0 10px rgba(249,115,22,.35),0 0 24px rgba(249,115,22,.1)}.pipeline-node.active .pipeline-label{opacity:1;color:var(--accent-orange)}.pipeline-node.passed{width:8px;height:8px;border-color:var(--accent-teal);background:var(--accent-teal);box-shadow:0 0 6px rgba(20,184,166,.15);opacity:.6}.pipeline-node.passed .pipeline-label{opacity:.5;color:var(--accent-teal)}.pipeline-node::before{content:'';position:absolute;left:calc(100% + 2px);top:50%;transform:translateY(-50%);height:1px;width:0;background:linear-gradient(90deg,rgba(249,115,22,.3),transparent);transition:width .5s var(--ease)}.pipeline-node.active::before{width:clamp(12px,2vw,24px)}.pipeline-node::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1px solid transparent;opacity:0;transform:scale(.5)}.pipeline-node.active::after{border-color:var(--accent-orange);animation:node-burst .8s var(--ease)forwards}@keyframes node-burst{0%{transform:scale(.5);opacity:.7}100%{transform:scale(3.5);opacity:0}}@media(max-width:768px){body{padding-left:0}.pipeline{display:none}}