.process-path{max-width:1300px;margin:auto;padding:25px 44px 90px}.process-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.process-heading h2{font-size:46px}.process-heading p{font-size:16px;max-width:280px}.process-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:10px}.process-tabs button{border:0;background:none;color:var(--muted);padding:14px 22px;min-height:48px;font-size:15px;border-radius:30px;transition:background .25s,color .25s}.process-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.process-tabs button:hover:not([aria-selected=true]){background:var(--soft);color:var(--ink)}.process-panel{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:50px;padding:35px 0 0}.process-canvas{position:relative;height:360px;isolation:isolate;--spread:150px}.process-canvas:before{content:'';position:absolute;inset:0;background:var(--art) center/cover;opacity:.17;mask-image:radial-gradient(ellipse,black 15%,transparent 70%);z-index:-2}.process-hub,.process-node{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 35px rgb(28 42 88 / .07);transition:transform .65s cubic-bezier(.22,1,.36,1),border-color .35s}.process-hub{width:170px;height:135px;border-radius:23px;flex-direction:column;gap:13px;font-size:17px;transform:translate(-50%,-50%);z-index:2}.process-hub img{width:42px;filter:brightness(0)}.process-node{width:130px;height:66px;border-radius:14px;font-size:14px;text-align:center;padding:10px;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)));z-index:3}.pn-0{--x:calc(-1 * var(--spread));--y:-100px}.pn-1{--x:var(--spread);--y:-100px}.pn-2{--x:calc(-1 * var(--spread));--y:100px}.pn-3{--x:var(--spread);--y:100px}.process-wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.65;transition:opacity .5s,transform .65s cubic-bezier(.22,1,.36,1)}.process-wires path{fill:none;stroke:#adbadf;stroke-width:1.4}.process-copy{padding-right:20px}.process-copy h3{font-size:31px;line-height:1.15}.process-copy p{font-size:16px;line-height:1.75;margin-top:18px;max-width:390px;min-height:112px}.process-copy .text-link{margin-top:22px}.process-panel[data-stage="1"] .pn-0,.process-panel[data-stage="1"] .pn-2{--x:calc(-.85 * var(--spread))}.process-panel[data-stage="1"] .pn-1,.process-panel[data-stage="1"] .pn-3{--x:calc(.85 * var(--spread))}.process-panel[data-stage="1"] .process-hub{transform:translate(-50%,-50%) scale(1.06);border-color:#aab9e7}.process-panel[data-stage="2"] .pn-0{--x:calc(-1.2 * var(--spread));--y:78px}.process-panel[data-stage="2"] .pn-1{--x:calc(-.4 * var(--spread));--y:78px}.process-panel[data-stage="2"] .pn-2{--x:calc(.4 * var(--spread));--y:78px;border-color:#7a91ce}.process-panel[data-stage="2"] .pn-3{--x:calc(1.2 * var(--spread));--y:78px}.process-panel[data-stage="2"] .process-node{width:108px}.process-panel[data-stage="2"] .process-hub{transform:translate(-50%,calc(-50% - 60px))}.process-panel[data-stage="2"] .process-wires{opacity:0}.process-panel[data-stage="3"] .pn-0,.process-panel[data-stage="3"] .pn-1{--y:-115px}.process-panel[data-stage="3"] .pn-2,.process-panel[data-stage="3"] .pn-3{--y:115px}.process-panel[data-stage="3"] .process-hub{transform:translate(-50%,-50%) scale(.95)}.process-panel[data-stage="4"] .pn-0{--x:0px;--y:-125px}.process-panel[data-stage="4"] .pn-1{--x:var(--spread);--y:0px}.process-panel[data-stage="4"] .pn-2{--x:0px;--y:125px}.process-panel[data-stage="4"] .pn-3{--x:calc(-1 * var(--spread));--y:0px}.process-panel[data-stage="4"] .process-wires{transform:rotate(15deg);opacity:.25}
@media(max-width:1050px){.process-panel{gap:25px;grid-template-columns:1.2fr 1fr}.process-canvas{--spread:115px}.process-node{width:112px}.process-panel[data-stage="2"] .process-node{width:86px;font-size:12px}.process-copy h3{font-size:28px}.process-tabs button{padding:13px 17px}.process-heading h2{font-size:40px}}
@media(max-width:760px){.process-path{padding:10px 24px 65px}.process-heading{display:block;margin-bottom:25px}.process-heading h2{font-size:36px}.process-heading p{margin-top:18px;font-size:15px}.process-tabs{flex-wrap:wrap;gap:5px}.process-tabs button{font-size:13px;padding:11px 15px;min-height:44px}.process-panel{grid-template-columns:1fr;gap:15px;padding-top:12px}.process-canvas{height:340px;--spread:105px}.process-node{width:108px;font-size:13px}.process-copy{padding:0 6px}.process-copy h3{font-size:29px}.process-copy p{font-size:15px;min-height:78px;max-width:500px}.process-copy .text-link{margin-top:12px}.process-panel[data-stage="2"] .pn-0{--x:calc(-1 * var(--spread));--y:-105px}.process-panel[data-stage="2"] .pn-1{--x:var(--spread);--y:-105px}.process-panel[data-stage="2"] .pn-2{--x:calc(-1 * var(--spread));--y:105px}.process-panel[data-stage="2"] .pn-3{--x:var(--spread);--y:105px}.process-panel[data-stage="2"] .process-node{width:108px;font-size:13px}.process-panel[data-stage="2"] .process-hub{transform:translate(-50%,-50%)}.process-panel[data-stage="2"] .process-wires{opacity:.65}.process-panel[data-stage="4"] .process-hub{transform:translate(-50%,-50%) scale(.8)}}
@media(max-width:400px){.process-canvas{--spread:85px}.process-node{width:100px}.process-panel[data-stage="2"] .process-node{width:100px}.process-hub{width:145px;height:120px;font-size:15px}.process-tabs button{padding:10px 12px}.process-panel[data-stage="4"] .process-node{width:88px;font-size:12px}}
.process-panel[data-stage="4"] .pn-1{--x:calc(var(--spread) + 20px)}.process-panel[data-stage="4"] .pn-3{--x:calc(-1 * var(--spread) - 20px)}
@media(prefers-reduced-motion:reduce){.process-path *{transition:none!important;animation:none!important}}