.op-flow{background:#fff;padding:95px 0;overflow:hidden}.op-flow-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:39px;display:flex}.op-flow-heading .eyebrow{color:#63738d;margin-bottom:23px;font-size:10px}.op-flow-heading h2{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(39px,4.2vw,61px);font-weight:450;line-height:1.08}.op-flow-heading h2>span{color:#3158f5}.op-flow-heading>.text-link{margin-bottom:4px;font-size:13px}.op-flow-board{background:#f6f8fd;border:1px solid #dce4f3;border-radius:18px;overflow:hidden;box-shadow:0 15px 45px #152b5f05}.op-flow-track{isolation:isolate;background:radial-gradient(at 50% 25%,#e2eaff91,#0000 70%),#f7f9ff;height:238px;position:relative}.op-flow-track:before{content:"";pointer-events:none;background-image:radial-gradient(#889ecc40 .65px,#0000 .65px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0005,#0000);mask-image:linear-gradient(#0005,#0000)}.op-flow-circuit{fill:none;pointer-events:none;width:100%;height:220px;position:absolute;inset:0;overflow:visible}.op-flow-return{stroke:#ccd8f1;stroke-width:1px;vector-effect:non-scaling-stroke}.op-flow-route{stroke:#a5baf0;stroke-width:1.5px;vector-effect:non-scaling-stroke}.op-flow-pulse{stroke:#3158f5;stroke-width:2px;stroke-linecap:round;stroke-dasharray:.04 .96;filter:drop-shadow(0 0 4px #3158f555);vector-effect:non-scaling-stroke;animation:9s linear infinite paused op-flow-travel}.op-flow-visible .op-flow-pulse{animation-play-state:running}.op-flow-stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:40px 0 0;display:grid;position:relative}.op-flow-stages button{outline-offset:7px;color:#647492;background:0 0;border:0;flex-direction:column;align-items:center;gap:15px;min-width:0;padding:0 8px;display:flex}.op-flow-node{color:#7087b6;background:linear-gradient(135deg,#fff,#f0f4fd);border:1px solid #d1dcf0;border-radius:21px;justify-content:center;align-items:center;width:76px;height:76px;transition:background .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 4px 10px #24427e07,inset 0 1px #fff}.op-flow-count{color:#6d82ac;width:22px;height:22px;font:500 8px/1 var(--font);letter-spacing:.03em;background:#f9fbff;border:1px solid #d6dff1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-6px;right:-6px}.op-flow-name{text-align:center;font-size:13px;font-weight:500;line-height:1.45;transition:color .3s}.op-flow-stages button:hover .op-flow-node{border-color:#9db3ef;transform:translateY(-3px)}.op-flow-stages button[aria-selected=true] .op-flow-node{color:#fff;background:linear-gradient(135deg,#5275ff,#3158f5 55%,#2546d4);border-color:#809aff;box-shadow:0 6px 18px #3158f52a,inset 0 1px #ffffff5c}.op-flow-stages button[aria-selected=true] .op-flow-node:before{content:"";pointer-events:none;border:1px solid #9bb3ff55;border-radius:27px;position:absolute;inset:-7px}.op-flow-stages button[aria-selected=true] .op-flow-count{color:#3158f5;background:#e7edff;border-color:#becfff}.op-flow-stages button[aria-selected=true] .op-flow-name{color:#2448cf}.op-flow-loop-label{font:500 8px/1.6 var(--font);letter-spacing:.16em;color:#8798b7;white-space:nowrap;background:#f7f9ff;padding:0 14px;position:absolute;bottom:29px;left:50%;transform:translate(-50%)}.op-flow-detail{background:#fff;border-top:1px solid #e0e7f4;grid-template-columns:1fr 1.15fr;gap:55px;min-height:234px;padding:35px 42px 30px;display:grid}.op-flow-step{color:#6c7c97;letter-spacing:.12em;margin-bottom:17px;font-size:9px;line-height:1.6;display:block}.op-flow-detail h3{font-family:var(--display);letter-spacing:-.035em;color:#11172b;max-width:360px;font-size:34px;font-weight:450;line-height:1.1}.op-flow-owner{color:#3158f5;background:#f0f4ff;border:1px solid #e2e9fa;border-radius:20px;align-items:center;margin-bottom:11px;padding:6px 11px;font-size:10px;line-height:1.4;display:inline-flex}.op-flow-detail-copy>p{color:#647189;max-width:480px;font-size:14px;line-height:1.75}.op-flow-detail-copy>a{color:#2143be;align-items:center;gap:22px;min-height:44px;margin-top:12px;font-size:12px;font-weight:500;display:inline-flex}.op-flow-detail-copy>a svg{transition:transform .2s}.op-flow-detail-copy>a:hover svg{transform:translate(2px,-2px)}.op-flow-note{color:#7a88a0;margin-top:17px;font-size:10px;line-height:1.7}[data-motion=paused] .op-flow-pulse{animation-play-state:paused!important}@keyframes op-flow-travel{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (max-width:1000px){.op-flow-detail{gap:35px;min-height:245px;padding:30px}.op-flow-detail h3{font-size:30px}.op-flow-heading>.text-link{font-size:11px}.op-flow-name{font-size:12px}.op-flow-detail-copy>p{font-size:13px}}@media (max-width:650px){.op-flow{padding:65px 0}.op-flow-heading{margin-bottom:27px;display:block}.op-flow-heading .eyebrow{margin-bottom:21px;font-size:8px}.op-flow-heading h2{font-size:38px;line-height:1.1}.op-flow-heading>.text-link{margin-top:17px;font-size:12px}.op-flow-board{border-radius:12px}.op-flow-track{height:196px}.op-flow-circuit{height:165px}.op-flow-stages{padding-top:36px}.op-flow-stages button{gap:13px;min-height:105px;padding:0 4px}.op-flow-node{border-radius:13px;width:45px;height:45px}.op-flow-node>svg{width:19px;height:19px}.op-flow-count{width:17px;height:17px;font-size:6px;bottom:-4px;right:-3px}.op-flow-stages button[aria-selected=true] .op-flow-node:before{border-radius:17px;inset:-4px}.op-flow-name{max-width:63px;font-size:10px;line-height:1.5}.op-flow-loop-label{letter-spacing:.1em;padding:0 9px;font-size:6px;bottom:29px}.op-flow-detail{grid-template-columns:1fr;gap:20px;min-height:300px;padding:25px 23px}.op-flow-step{margin-bottom:15px;font-size:8px}.op-flow-detail h3{max-width:300px;font-size:29px}.op-flow-owner{margin-bottom:9px;padding:5px 9px;font-size:9px}.op-flow-detail-copy>p{font-size:13px;line-height:1.75}.op-flow-detail-copy>a{margin-top:9px;font-size:12px}.op-flow-note{margin-top:14px;font-size:9px}}@media (max-width:360px){.op-flow-heading h2{font-size:35px}.op-flow-node{border-radius:11px;width:39px;height:39px}.op-flow-node>svg{width:17px;height:17px}.op-flow-stages{padding-top:39px}.op-flow-name{font-size:9px}.op-flow-stages button{gap:13px;padding:0 2px}.op-flow-detail{min-height:320px;padding:24px 20px}.op-flow-detail h3{font-size:27px}.op-flow-owner{font-size:9px}.op-flow-detail-copy>p{font-size:12px}.op-flow-count{width:16px;height:16px;font-size:6px}.op-flow-stages button[aria-selected=true] .op-flow-node:before{border-radius:15px}}@media (prefers-reduced-motion:reduce){.op-flow-pulse{stroke-dasharray:none;opacity:.3;animation:none!important}.op-flow-node,.op-flow-name,.op-flow-detail-copy>a svg{transition:none!important}}