.proc-body{position:relative}.proc-svg{width:100%;height:96px;position:absolute;top:0;left:0;overflow:visible}.proc-svg path{fill:none;stroke-width:1px}.proc-base{stroke:#ffffff29}.proc-lit,.proc-lit path{stroke-width:1.4px}.proc-rail{display:none}.proc-list{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.proc-step{padding:112px clamp(0px,2vw,36px) 0 0;position:relative}.proc-dot{border:1px solid var(--lime);background:var(--lime);width:13px;height:13px;transition:background .7s var(--out), border-color .7s var(--out), transform .7s var(--out);border-radius:50%;position:absolute;top:42px;left:0}.js .proc-dot{background:var(--bg);border-color:var(--line-2)}.js .proc-step.is-on .proc-dot{background:var(--lime);border-color:var(--lime);transform:scale(1.25)}.proc-no{font:400 .75rem / 1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:14px;display:block}.proc-when{font:500 clamp(1.5rem, 2.6vw, 2.6rem) / 1 var(--mono);letter-spacing:-.04em;color:var(--ink)}.proc-step h3{font:700 clamp(1.3rem, 1.9vw, 1.9rem) / 1.08 var(--display);letter-spacing:-.03em;margin:clamp(20px,2.6vw,36px) 0 12px}.proc-text{max-width:30ch;color:var(--mute)}@media (width<=760px){.proc-svg{display:none}.proc-rail{background:var(--line-2);width:1px;display:block;position:absolute;top:6px;bottom:6px;left:6px}.proc-rail i{background:var(--grad);transform-origin:top;position:absolute;inset:0}.js .proc-rail i{transform:scaleY(0)}.proc-list{grid-template-columns:1fr;row-gap:44px}.proc-step{padding:0 0 0 36px}.proc-dot{top:0;left:0}}