/* Four real stages, connected by measured SVG routes. */
.node-process{background:var(--paper,#faf9f7)}
.node-process__heading{text-align:center;margin:0 auto 48px;max-width:850px}
.node-process__heading h2{margin:0;color:var(--navy,#2C3C59);font-size:clamp(38px,4.4vw,62px);line-height:1.08}
.node-process__network{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;padding:56px 38px 46px;background-color:#2C3C59;background-image:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.075),transparent 70%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;border:1px solid rgba(44,60,89,.12)}
.node-process__stages{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;margin:0;padding:0}
.node-process__stage{min-width:0;text-align:center;position:relative}
.node-process__stage:not(:last-child)::after{content:'';position:absolute;top:45px;left:calc(50% + 45px);width:calc(100% - 65px);height:1px;background:#7b879a;z-index:-1}
.node-process.is-enhanced .node-process__stage::after{display:none}
.node-process__node{position:relative;display:grid;place-items:center;width:90px;height:90px;margin:0 auto 28px;padding:0;border-radius:50%;border:1px solid #8994a5;background:#324460;color:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.025);transition:border-color .22s,background .22s,box-shadow .22s}
.node-process__node>svg{display:block;width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.node-process__node:hover{background:#3b4f6e;border-color:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.055)}
.node-process__node[aria-pressed=true]{background:#DF0814;border-color:#ff8188;box-shadow:0 0 0 8px rgba(223,8,20,.14),0 12px 30px rgba(8,16,33,.16)}
.node-process__node:focus-visible{outline:3px solid #fff;outline-offset:12px;border-radius:50%}
.node-process__node:active{background:#c50712}
.node-process__number{position:absolute;right:-3px;bottom:0;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:#2C3C59;border:3px solid #2C3C59;font:600 11px/1 var(--font-body,Arial,sans-serif);font-variant-numeric:tabular-nums}
.node-process__copy h3{color:#fff;font-size:clamp(20px,1.9vw,26px);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}
.node-process__copy p{color:#d9dfe8;font-size:14px;line-height:1.65;margin:0 auto;max-width:245px}
.node-process__wiring{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:0}
.node-process__route{stroke:#8793a6;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.node-process__route.is-connected{stroke:#ff727b;stroke-width:1.8}
.node-process__port{fill:#a5aebe}
.node-process__port.is-connected{fill:#ff727b}
.node-process__signal{fill:#fff;stroke:#ff727b;stroke-width:3;vector-effect:non-scaling-stroke}
@media(max-width:760px){
  .node-process__heading{margin-bottom:32px}
  .node-process__heading h2{font-size:clamp(34px,6.2vw,46px)}
  .node-process__network{padding:34px 26px}
  .node-process__stages{grid-template-columns:1fr;gap:38px}
  .node-process__stage{display:grid;grid-template-columns:66px minmax(0,1fr);gap:22px;text-align:left;align-items:start}
  .node-process__node{width:66px;height:66px;margin:3px 0 0;box-shadow:0 0 0 6px rgba(255,255,255,.025)}
  .node-process__node>svg{width:31px;height:31px}
  .node-process__node[aria-pressed=true]{box-shadow:0 0 0 6px rgba(223,8,20,.14)}
  .node-process__number{width:24px;height:24px;right:-4px;bottom:-2px;font-size:10px}
  .node-process__copy h3{font-size:22px;line-height:1.15;margin-top:4px;margin-bottom:10px}
  .node-process__copy p{font-size:14px;max-width:none}
  .node-process__stage:not(:last-child)::after{top:75px;left:33px;width:1px;height:calc(100% - 28px)}
}
@media(prefers-reduced-motion:reduce){.node-process__node{transition:none}}