.process-system{position:relative}.flow-rail{position:absolute;top:calc(var(--space-3) - 1px);left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--color-overlay-white-30) 0%,var(--color-overlay-white-80) 50%,var(--color-overlay-white-60) 100%);z-index:0}.flow-rail:after{content:"";position:absolute;top:0;left:0;bottom:0;width:var(--rail-progress, 0%);background:var(--section-accent, var(--color-plum-700));border-radius:1px;transition:width var(--dur-med) var(--ease-standard)}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);list-style:none;margin:0;padding:0;position:relative;z-index:1}.stage{display:flex;flex-direction:column;align-items:center;height:100%;transition:opacity var(--dur-med) var(--ease-standard)}.stage-node{display:flex;justify-content:center;align-items:center;height:var(--space-5);position:relative;z-index:2}.stage-node .eyebrow{margin-bottom:0;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.stage-stem{width:2px;height:var(--space-4);background:var(--color-overlay-white-30);flex-shrink:0}.stage-meta{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-plum-100);text-align:center;margin:var(--space-2) 0 var(--space-1)}.stage-title{color:var(--color-text-inverse);text-align:center;margin:0 0 var(--space-3)}.stage-card{background:var(--color-overlay-white-15);border:1px solid var(--color-overlay-white-30);border-radius:var(--card-radius);padding:var(--space-3);width:100%;flex:1;transition:background var(--dur-med) var(--ease-standard),border-color var(--dur-med) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.stage-text{color:var(--color-overlay-white-70);margin:0}.stage-grid:hover .stage{opacity:.6}.stage-grid:hover .stage:hover{opacity:1}.stage:hover .stage-node .eyebrow{border-color:var(--section-accent, var(--color-authority-deep))}.stage:hover .stage-card{background:var(--color-overlay-white-30);transform:translateY(-2px)}.stage-grid.is-playing .stage:not(.is-active){opacity:.6}.stage.is-active .stage-node .eyebrow,.process-system.is-complete .stage-node .eyebrow{border-color:var(--section-accent, var(--color-authority-deep))}.stage.is-active .stage-card,.process-system.is-complete .stage-card{background:var(--color-overlay-white-30);transform:translateY(-2px)}.process-system--light .flow-rail{background:var(--color-plum-100)}.process-system--light .stage{cursor:pointer}.process-system--light .stage-stem{background:var(--color-plum-100);transition:background var(--dur-med) var(--ease-standard)}.process-system--light .stage:hover .stage-stem{background:var(--color-plum-700)}.process-system--light .stage-node .eyebrow{background:var(--color-surface);border-color:var(--color-plum-100);color:var(--color-plum-700);box-shadow:0 1px 2px #0f1a2e0f}.process-system--light .stage:hover .stage-node .eyebrow{background:var(--color-plum-700);border-color:var(--color-plum-900);color:var(--color-text-inverse);box-shadow:0 0 0 4px var(--color-plum-100)}.process-system--light .stage-title{color:var(--color-navy-800)}.process-system--light .stage-meta{color:var(--color-plum-700)}.process-system--light .stage-card{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.process-system--light .stage-text{color:var(--color-text-soft)}.process-system--light .stage-grid:hover .stage{opacity:.55}.process-system--light .stage-grid:hover .stage:hover{opacity:1}.process-system--light .stage:hover .stage-card{background:var(--color-surface);border-color:var(--color-plum-700);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.process-system--light .stage-grid.is-playing .stage:not(.is-active){opacity:.55}.process-system--light .stage.is-active .stage-node .eyebrow,.process-system--light.is-complete .stage-node .eyebrow{background:var(--color-plum-700);border-color:var(--color-plum-900);color:var(--color-text-inverse);box-shadow:0 0 0 4px var(--color-plum-100)}.process-system--light .stage.is-active .stage-stem,.process-system--light.is-complete .stage-stem{background:var(--color-plum-700)}.process-system--light .stage.is-active .stage-card,.process-system--light.is-complete .stage-card{background:var(--color-surface);border-color:var(--color-plum-700);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.process-system--light-blue .flow-rail{background:var(--color-border)}.process-system--light-blue .stage{cursor:pointer}.process-system--light-blue .stage-stem{background:var(--color-border);transition:background var(--dur-med) var(--ease-standard)}.process-system--light-blue .stage:hover .stage-stem{background:var(--color-blue-600)}.process-system--light-blue .stage-node .eyebrow{background:var(--color-blue-subtle);border-color:var(--color-blue-100);color:var(--color-blue-600);box-shadow:0 1px 2px #0f1a2e0f}.process-system--light-blue .stage:hover .stage-node .eyebrow{background:var(--color-blue-600);border-color:var(--color-blue-700);color:var(--color-text-inverse);box-shadow:0 0 0 4px var(--color-blue-100)}.process-system--light-blue .stage-title{color:var(--color-navy-800);min-height:3.25rem;display:grid;place-items:end center}.process-system--light-blue .stage-meta{color:var(--color-blue-600)}.process-system--light-blue .stage-card{background:var(--color-surface);border-color:#0f172a24;box-shadow:0 1px 4px #0f172a12}.process-system--light-blue .stage-text{color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--lh-relaxed)}.process-system--light-blue .stage-grid:hover .stage{opacity:.55}.process-system--light-blue .stage-grid:hover .stage:hover{opacity:1}.process-system--light-blue .stage:hover .stage-card{background:var(--color-surface);border-color:var(--color-blue-600);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.process-system--light-blue .stage-grid.is-playing .stage:not(.is-active){opacity:.55}.process-system--light-blue .stage.is-active .stage-node .eyebrow,.process-system--light-blue.is-complete .stage-node .eyebrow{background:var(--color-blue-600);border-color:var(--color-blue-700);color:var(--color-text-inverse);box-shadow:0 0 0 4px var(--color-blue-100)}.process-system--light-blue .stage.is-active .stage-stem,.process-system--light-blue.is-complete .stage-stem{background:var(--color-blue-600)}.process-system--light-blue .stage.is-active .stage-card,.process-system--light-blue.is-complete .stage-card{background:var(--color-surface);border-color:var(--color-blue-600);box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media(max-width:1024px){.flow-rail{display:none}.stage-grid{grid-template-columns:repeat(2,1fr)}.stage{height:auto}.stage-title{text-align:left}}@media(max-width:640px){.stage-grid{grid-template-columns:1fr}}