.process{padding-block:88px 70px;scroll-margin-top:120px;--scene-height:340px}.process-heading{margin-bottom:30px}.process-heading:has(>p){display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:start}.process h2{font:700 52px/1.1 Rubik,sans-serif;letter-spacing:-.03em;margin:0;max-width:100%;text-wrap:balance}.process-heading>p{font-size:20px;line-height:1.5;color:#3E3748;max-width:550px;padding-top:5px}.process-journey{position:relative}.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0}.process-step{position:relative;min-width:0;display:flex;flex-direction:column}.process-object{position:relative;z-index:1;height:var(--scene-height);flex:none;display:flex;align-items:flex-end;justify-content:center;transform-origin:50% 85%;transition:transform .65s var(--ease)}.process-object img{display:block;width:112%;max-width:none;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 13px #3b235917);animation:process-breathe 7s ease-in-out infinite;animation-delay:calc(var(--step) * -.9s);animation-play-state:paused}.process-step:hover .process-object{transform:translateY(-8px) rotate(-.6deg)}.process-route{position:absolute;top:calc(var(--scene-height) - 61px);left:-24px;width:calc(100% + 48px);height:110px;overflow:visible;pointer-events:none}.process-route path{fill:none;stroke-linecap:round}.process-road-side{stroke:#A88BC7;stroke-width:26}.process-road{stroke:url(#process-ribbon);stroke-width:25}.process-road-light{stroke:#F3E9FF;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 2px 2px #7C3AED)}.process-node{flex:none;position:relative;z-index:2;width:22px;height:16px;border:4px solid #F5EEFF;border-radius:50%;background:#8A46ED;margin:-2px auto 0;box-shadow:0 4px 6px -2px #5B21B64D}.process-copy{position:relative;flex:1;margin:34px 8px 0;padding:22px 20px 24px;border:1px solid #D9CDE9;border-radius:16px;background:#FFFEFC;z-index:2}.process-step-heading{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:baseline}.process-number{color:#7C3AED;font:500 13px/1 Rubik,sans-serif;font-variant-numeric:tabular-nums}.process h3{font:600 20px/1.3 Rubik,sans-serif;letter-spacing:-.025em;margin:0;text-wrap:balance}.process-copy p{font-size:17px;line-height:1.55;color:#494151;max-width:100%;margin:14px 0 0}.process.is-active .process-object img{animation-play-state:running}.process.motion-enter .process-road-light{animation:process-draw 1.9s cubic-bezier(.16,1,.3,1) both}.process.motion-enter .process-node{animation:process-node-in .9s var(--ease) both;animation-delay:calc(var(--step) * .3s)}@keyframes process-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes process-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes process-node-in{from{box-shadow:0 0 0 0 #7C3AED55}to{box-shadow:0 0 0 14px #7C3AED00}}@media(max-width:1150px){.process{--scene-height:280px}.process h2{font-size:44px}.process-heading{gap:32px}.process-heading>p{font-size:18px}.process h3{font-size:18px}.process-copy p{font-size:16px}.process-copy{padding:20px 16px;margin-inline:6px}.process-step-heading{grid-template-columns:20px minmax(0,1fr);gap:8px}.process-copy p{margin-left:0}}@media(prefers-reduced-motion:reduce){.process-object,.process-object img,.process-road-light,.process-node{animation:none!important;transition:none!important}.process-step:hover .process-object{transform:none}}
.process-step:nth-child(2) .process-node{top:-30px}.process-step:nth-child(3) .process-node{top:10px}.process-step:nth-child(4) .process-node{top:-30px}