: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))}.pipeline-line-progress{position:absolute;left:8%;right:8%;top:19px;height:2px;transform-origin:left center;background:linear-gradient(90deg,#38bdf8,#22c55e);filter:drop-shadow(0 0 10px rgba(56,189,248,.55));border-radius:999px}.stage-node{position:relative;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)}.stage-node-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:9999px;border:2px solid var(--stage-color);box-shadow:0 0 18px color-mix(in srgb,var(--stage-color) 80%,transparent),0 0 30px color-mix(in srgb,var(--stage-color) 40%,transparent);pointer-events:none}.waterfall-bar{position:absolute;top:4px;height:calc(100% - 8px);border-radius:8px;transform-origin:left;filter:saturate(115%) brightness(110%)}.terminal-cursor{display:inline-block;color:#38bdf8}@media(max-width:640px){.pipeline-line,.pipeline-line-progress{display:none}.stage-node{height:34px;width:34px}}