.workflow{background:var(--ink);color:#94a3b8;overflow:hidden}.workflow:before{content:'';position:absolute;width:700px;height:700px;right:-250px;top:20%;background:radial-gradient(circle,rgba(147,51,234,.16),transparent 65%)}.workflow h2,.workflow h3{color:#fff}.workflow .eyebrow{color:var(--yellow)}.workflow__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(70px,10vw,160px)}.workflow__story{position:sticky;top:150px;height:max-content;padding-top:30px}.workflow__story>p:not(.eyebrow){font-size:1.05rem;max-width:440px}.workflow-outcome{margin:44px 0 34px;padding:18px 20px;border-left:3px solid var(--yellow);background:rgba(255,255,255,.04);border-radius:0 14px 14px 0;display:grid}.workflow-outcome span{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.workflow-outcome strong{color:#fff;font-size:.86rem}.workflow .text-link{color:#fff}.workflow-rail{list-style:none;position:relative}.workflow-rail__line{position:absolute;left:34px;top:45px;bottom:45px;width:2px;background:rgba(255,255,255,.1)}.workflow-rail__line i{display:block;width:100%;height:12.5%;background:linear-gradient(var(--yellow),var(--purple));box-shadow:0 0 15px rgba(251,191,36,.5)}.workflow-step{position:relative;z-index:2;min-height:190px;display:grid;grid-template-columns:70px 1fr auto;gap:28px;align-items:center;padding:28px;border:1px solid transparent;border-radius:24px;opacity:.42;transition:opacity .35s,background .35s,border .35s,transform .35s}.workflow-step.is-active{opacity:1;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.1);transform:translateX(8px)}.workflow-step__node{width:70px;height:70px;border-radius:50%;background:#1d293d;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;color:#fff;font:700 .72rem var(--display)}.workflow-step.is-active .workflow-step__node{border-color:var(--node,var(--yellow));box-shadow:0 0 0 8px rgba(251,191,36,.05),0 0 32px rgba(251,191,36,.18)}.workflow-step__node--blue{--node:var(--blue)}.workflow-step__node--purple{--node:var(--purple)}.workflow-step__node--pink{--node:var(--pink)}.workflow-step__node--orange{--node:var(--orange)}.workflow-step__node--green{--node:var(--green)}.workflow-step__node--yellow{--node:var(--yellow)}.workflow-step small{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em}.workflow-step h3{margin:5px 0 8px;font-size:1.7rem}.workflow-step p{margin:0;font-size:.83rem}.workflow-step__status{font-size:.62rem;color:var(--green);border:1px solid rgba(16,185,129,.25);border-radius:99px;padding:6px 9px}