:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at top,#0b1228,#020617,#02030a)}.title-glow{font-family:Orbitron,sans-serif;text-shadow:0 0 18px rgba(125,211,252,.25),0 0 40px rgba(59,130,246,.15)}.hero-grid{height:100%;width:100%;background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at 50% 20%,black,transparent 70%);mask-image:radial-gradient(circle at 50% 20%,black,transparent 70%)}.panel-glass{background:linear-gradient(180deg,#0f172acc,#030712d1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pipeline-line{position:absolute;left:8%;right:8%;top:19px;height:2px;background:linear-gradient(90deg,#f97316,#facc15,#a855f7,#38bdf8,#22c55e,#ec4899);opacity:.62;filter:drop-shadow(0 0 8px rgba(148,163,184,.24))}.stage-node{display:grid;height:38px;width:38px;place-items:center;cursor:pointer;border-radius:9999px;border:1px solid color-mix(in srgb,var(--stage-color) 84%,#0f172a);background:radial-gradient(circle at 50% 35%,#0f172a,#020617);color:#b4c3d9;opacity:.52;font-size:12px;font-weight:700;font-family:Share Tech Mono,monospace;transition:transform .2s ease,box-shadow .3s ease,color .3s ease,opacity .3s ease}.stage-node-active{transform:translateY(-2px) scale(1.06);box-shadow:0 0 22px color-mix(in srgb,var(--stage-color) 82%,transparent),0 0 34px color-mix(in srgb,var(--stage-color) 46%,transparent);color:var(--stage-color);opacity:1}.stage-node-done{color:var(--stage-color);opacity:.95;box-shadow:0 0 16px color-mix(in srgb,var(--stage-color) 64%,transparent)}.waterfall-bar{position:absolute;top:4px;height:calc(100% - 8px);border-radius:8px;transform-origin:left;filter:saturate(115%) brightness(110%);transition:transform .48s ease-out,opacity .24s ease}.terminal-line{animation:fadeLine .22s ease-out}@keyframes fadeLine{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.pipeline-line{display:none}.stage-node{height:34px;width:34px}}