[data-depth-section]{isolation:isolate;--entry-lift:64px;--entry-depth:-110px;--entry-angle:6deg;--exit-lift:-18px;--exit-depth:-45px;--exit-angle:-1.5deg;position:relative}[data-depth-surface]{transform-origin:50% 0}html[data-motion=running] [data-depth-surface]>[data-reveal]{opacity:1;animation:none;translate:none}[data-depth-section]:before{content:"";z-index:-1;opacity:.65;pointer-events:none;background:linear-gradient(90deg,#0000,#bd91ef85 40%,#ffa58c85 60%,#0000);height:1px;position:absolute;inset:0 12% auto}[data-depth-section]:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#b57ae51a,#0000 70%);width:76%;height:90px;position:absolute;top:-45px;left:12%}@keyframes section-depth-arrive{0%{opacity:.6;transform:perspective(1600px) translate3d(0, var(--entry-lift), var(--entry-depth)) rotateX(var(--entry-angle))}to{opacity:1;transform:perspective(1600px)translate(0,0)rotateX(0)}}@keyframes section-depth-recede{0%{opacity:1;transform:perspective(1600px)translate(0,0)rotateX(0)}to{opacity:.9;transform:perspective(1600px) translate3d(0, var(--exit-lift), var(--exit-depth)) rotateX(var(--exit-angle))}}@keyframes section-seam-open{0%{opacity:.15;transform:scaleX(.25)}to{opacity:.8;transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){@supports (view-timeline-name:--section-depth) and (animation-timeline:view()) and (animation-range:entry){html[data-motion=running] [data-depth-section]{view-timeline-name:--section-depth;view-timeline-axis:block}html[data-motion=running] [data-depth-surface]{animation:cubic-bezier(.22,.61,.36,1) both section-depth-arrive,linear forwards section-depth-recede;animation-timeline:--section-depth,--section-depth;animation-range:entry entry 65%,exit 85%}html[data-motion=running] [data-depth-section]:before{animation:linear both section-seam-open;animation-timeline:--section-depth;animation-range:entry 10% entry 85%}html[data-motion=running] [data-depth-section]:focus-within>[data-depth-surface]{opacity:1;animation:none;transform:none}}}@media (width<=760px){[data-depth-section]{--entry-lift:24px;--entry-depth:0px;--entry-angle:0deg;--exit-lift:-8px;--exit-depth:0px;--exit-angle:0deg}}@media (prefers-reduced-motion:reduce){[data-depth-surface],[data-depth-section]:before{opacity:1;animation:none;transform:none}}html[data-motion=paused] [data-depth-surface],html[data-motion=paused] [data-depth-section]:before{opacity:1;animation:none;transform:none}.process-section .process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:76px;padding:8px 16px 82px 7px}.process-grid .process-step,.process-grid .process-step:hover{background:0 0;border:0;border-radius:0;min-width:0;min-height:0;padding:0;transition:none;display:flex;position:relative}.process-step{--step-offset:4px;--step-angle:-2.5deg;--block-side:#644389;--block-base:#38234f;--block-top:#38264f}.process-step:nth-child(2){--step-offset:44px;--step-angle:2deg;--block-side:#78529e;--block-base:#452a60;--block-top:#3b2a52}.process-step:nth-child(3){--step-offset:13px;--step-angle:-1.5deg;--block-side:#9b5867;--block-base:#542d44;--block-top:#412938}.process-step:nth-child(4){--step-offset:54px;--step-angle:2.5deg;--block-side:#79549d;--block-base:#442b5d;--block-top:#352549}.process-block{isolation:isolate;background:linear-gradient(145deg, #ffffff0d, transparent 42%), linear-gradient(165deg, var(--block-top), #1c1429 85%);width:100%;min-height:340px;transform:perspective(1100px) translateY(var(--step-offset)) rotateZ(var(--step-angle)) rotateX(calc(5deg + var(--card-x,0deg))) rotateY(calc(-7deg + var(--card-y,0deg)));transform-origin:50% 45%;border:1px solid #d3afe67a;border-radius:3px;padding:30px 25px 34px;transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .3s;position:relative;box-shadow:inset 1px 1px #ffffff15,inset -1px -1px #0005,18px 28px 36px -15px #0009}.process-block:before,.process-block:after{content:"";pointer-events:none;position:absolute}.process-block:before{clip-path:polygon(0 0,100% 15px,100% 100%,0 calc(100% - 15px));background:linear-gradient(180deg, var(--block-side), var(--block-base));width:15px;height:calc(100% + 16px);top:-1px;left:100%}.process-block:after{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 100%,15px 100%);background:linear-gradient(90deg, var(--block-base), var(--block-side));width:calc(100% + 16px);height:15px;top:100%;left:-1px}.process-block .process-number{color:#ffb39e;letter-spacing:.12em;font-size:14px;line-height:1.5;display:inline-block}.process-block h3{margin-top:48px;margin-bottom:18px;font-size:23px;line-height:1.25}.process-block p{color:#d0c4dc;max-width:none}.process-block{transform-origin:50% 16px}.process-pin{top:-16px}.process-step:nth-child(2n) .process-pin{--pin-light:#f4e9ff;--pin-main:#b78aee;--pin-dark:#654095}.process-pin:before{box-shadow:6px 5px 3px #0008}.process-pin i{box-shadow:2px 3px 1px var(--pin-dark), 9px 12px 7px #0008}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.process-block:hover{transform:perspective(1100px) translateY(calc(var(--step-offset) - 9px)) rotateZ(var(--step-angle)) rotateX(calc(5deg + var(--card-x,0deg))) rotateY(calc(-7deg + var(--card-y,0deg)));border-color:#ebccffb3}}@media (width<=1100px){.process-section .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 40px;margin-top:56px;padding-bottom:66px}.process-step{--step-offset:0px}.process-step:nth-child(2),.process-step:nth-child(4){--step-offset:28px}.process-step:nth-child(3){--step-offset:0px}.process-block{min-height:285px;padding:30px}.process-block h3{margin-top:38px}}@media (width<=640px){.process-section .process-grid{grid-template-columns:minmax(0,1fr);gap:42px;margin-top:42px;padding:6px 20px 34px 4px}.process-grid .process-step{--step-offset:0px;--step-angle:-1.8deg;width:calc(100% - 16px);max-width:430px}.process-grid .process-step:nth-child(2n){--step-angle:1.8deg;margin-left:16px}.process-block{min-height:230px;transform:rotate(var(--step-angle));padding:26px}.process-block h3{margin-top:25px;margin-bottom:15px}.process-block p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.process-block{transform:rotate(var(--step-angle));transition:none}}
