.process-reference{--pi:#11110f;--pm:#6e6e68;--ps:#4f514d;--pl:rgba(17,17,15,.13);--pls:rgba(17,17,15,.25);--sand:#f1eee7;--pbg:#faf9f6;--pe:cubic-bezier(.16,1,.3,1);background:var(--pbg);color:var(--pi);overflow:clip}.process-reference *{box-sizing:border-box}.proc-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.proc-kicker{font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--pm)}.proc-band{padding:clamp(80px,10vw,132px) 0}.proc-band-sand{background:var(--sand)}.proc-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:0 21px;border:1px solid var(--pi);border-radius:999px;background:rgba(255,255,255,.62);color:var(--pi);font-size:14px;font-weight:600;transition:transform .3s var(--pe),background .25s}.proc-button svg{width:16px;height:16px}.proc-button-dark{background:var(--pi);color:#fff}.proc-actions{display:flex;flex-wrap:wrap;gap:10px}
.proc-hero{position:relative;padding:clamp(140px,15vw,184px) 0 clamp(52px,7vw,82px)}.proc-orb{position:absolute;top:-18%;right:-8%;width:min(760px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 35%,rgba(232,222,202,.94),transparent 57%),radial-gradient(circle at 70% 58%,rgba(205,221,229,.85),transparent 60%),radial-gradient(circle at 46% 80%,rgba(240,224,210,.78),transparent 58%);filter:blur(44px);opacity:.82;animation:proc-drift 24s ease-in-out infinite alternate;pointer-events:none}.proc-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(40px,7vw,100px);align-items:center}.proc-hero h1{margin:17px 0 0;font-size:clamp(64px,8.6vw,118px);font-weight:760;line-height:.91;letter-spacing:-.068em}.proc-hero h1 span{display:inline-block;animation:proc-title 1s var(--pe) both}.proc-hero h1 span:nth-child(2){animation-delay:90ms}.proc-hero h1 span:nth-child(4){animation-delay:180ms}.proc-hero-copy{max-width:36ch;margin:30px 0 36px;color:var(--ps);font-size:clamp(18px,1.8vw,22px);line-height:1.55}.proc-hero-in{animation:proc-fade 1s var(--pe) both;animation-delay:var(--delay,0ms)}.proc-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:center;min-height:350px}.proc-map-line{position:absolute;left:12%;right:12%;top:50%;height:2px;background:var(--pl);overflow:hidden}.proc-map-line i{display:block;height:100%;background:var(--pi);transform-origin:left;animation:proc-line 3.4s var(--pe) infinite}.proc-map>div{position:relative;z-index:1;display:grid;place-items:center;justify-self:center;width:116px;aspect-ratio:1;border:1px solid var(--pl);border-radius:34px;background:#fff;box-shadow:0 18px 34px -26px rgba(17,17,15,.5)}.proc-map b{color:var(--pm);font:500 11px ui-monospace,SFMono-Regular,monospace}.proc-map strong{font-size:17px}.proc-map>div:nth-of-type(2){transform:translateY(-48px);background:var(--pi);color:#fff}.proc-map>div:nth-of-type(2) b{color:#bbb}.proc-map>div:nth-of-type(3){transform:translateY(34px)}.proc-jumps{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(48px,6vw,76px)}.proc-jumps a{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:0 16px;border:1px solid var(--pl);border-radius:999px;background:rgba(255,255,255,.6);font-size:14px;font-weight:550}.proc-jumps b{font-weight:400}
.proc-heading{display:grid;grid-template-columns:minmax(160px,.5fr) minmax(0,1.5fr);gap:40px;align-items:end;margin-bottom:clamp(48px,7vw,78px)}.proc-heading h2,.proc-handover-grid h2{font-size:clamp(52px,7vw,96px);line-height:.94;letter-spacing:-.064em;font-weight:760}.proc-heading-split{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.proc-heading-split>p{max-width:43ch;color:var(--ps);font-size:16px;line-height:1.65}.proc-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0;margin:0;list-style:none}.proc-step-grid li{position:relative;display:flex;flex-direction:column;min-height:290px;padding:clamp(25px,3vw,38px);border:1px solid var(--pl);border-radius:24px;background:#fff;transition:transform .4s var(--pe),box-shadow .4s var(--pe)}.proc-step-grid li>span{font:500 12px ui-monospace,SFMono-Regular,monospace;color:var(--pm)}.proc-step-grid h3{margin-top:auto;font-size:clamp(25px,2.6vw,34px);letter-spacing:-.04em}.proc-step-grid p{margin-top:12px;color:var(--ps);font-size:15px;line-height:1.6}.proc-step-grid small{display:inline-flex;align-self:flex-start;margin-top:20px;padding:6px 10px;border-radius:999px;background:var(--sand);font-size:10px;color:var(--pm)}
.proc-payment-track{display:grid;grid-template-columns:40fr 40fr 20fr;gap:7px;height:12px;margin-bottom:30px}.proc-payment-track i{display:block;border-radius:999px;background:var(--pl);overflow:hidden}.proc-payment-track i:after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:var(--pi);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--pe)}.proc-payment-track i:nth-child(2):after{background:#41423f;transition-delay:180ms}.proc-payment-track i:nth-child(3):after{background:#777872;transition-delay:360ms}.proc-payment-track.is-in i:after{transform:scaleX(1)}.proc-payment-grid{display:grid;grid-template-columns:40fr 40fr 20fr;gap:15px}.proc-payment-grid article{min-height:230px;padding:clamp(24px,2.8vw,36px);border:1px solid var(--pl);border-radius:24px;background:#fff}.proc-payment-grid strong{display:block;font-size:clamp(58px,6.8vw,92px);font-weight:740;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.proc-payment-grid strong span{font-size:inherit}.proc-payment-grid h3{margin-top:32px;font-size:22px}.proc-payment-grid p{margin-top:9px;color:var(--ps);font-size:14px;line-height:1.55}.proc-pay-options{display:grid;grid-template-columns:minmax(230px,.5fr) minmax(0,1.5fr);gap:40px;align-items:center;margin-top:40px;padding-top:36px;border-top:1px solid var(--pl)}.proc-pay-options>div>p:last-child{margin-top:8px;color:var(--pm);font-size:12px}.proc-pay-options ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:0;list-style:none}.proc-pay-options li{display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;padding:12px 16px;border:1px solid var(--pl);border-radius:18px;background:#fff;font-size:13px;font-weight:600;white-space:nowrap}.proc-pay-options img{display:block;max-width:86px;width:auto;height:25px;object-fit:contain}.proc-pay-options li:nth-child(3) img{height:22px;max-width:90px}.proc-pay-options li:nth-child(3) span{display:none}.proc-pay-options li:nth-child(4) img{height:24px;max-width:55px}.proc-terms{max-width:760px;margin-top:24px;color:var(--pm);font-size:12px;line-height:1.6}
.proc-handover-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,8vw,120px);align-items:start}.proc-handover-grid h2{margin-top:17px}.proc-handover-grid>div>p:last-child{max-width:38ch;margin-top:24px;color:var(--ps);font-size:17px;line-height:1.65}.proc-handover-grid ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none}.proc-handover-grid li{display:flex;flex-direction:column;justify-content:space-between;min-height:145px;padding:24px;border:1px solid var(--pl);border-radius:20px;background:#fff;font-size:15px;font-weight:650}.proc-handover-grid li span{font:500 11px ui-monospace,SFMono-Regular,monospace;color:var(--pm)}.proc-cta h2{margin:17px 0 38px;font-size:clamp(52px,7.2vw,100px);line-height:.97;letter-spacing:-.064em}.proc-cta h2 span{color:#aaa79f}
.js [data-proc-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--pe) var(--reveal-delay,0ms),transform .9s var(--pe) var(--reveal-delay,0ms)}.js [data-proc-reveal].is-in{opacity:1;transform:none}@keyframes proc-title{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:none}}@keyframes proc-fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes proc-drift{to{transform:translate(-5%,7%) rotate(24deg) scale(1.05)}}@keyframes proc-line{0%{transform:scaleX(0)}55%,100%{transform:scaleX(1)}}
@media (hover:hover) and (pointer:fine){.proc-button:hover{transform:translateY(-2px)}.proc-button-dark:hover{background:#2d2d29}.proc-step-grid li:hover{transform:translateY(-4px);box-shadow:0 24px 45px -32px rgba(17,17,15,.38)}.proc-jumps a:hover{background:#fff}}
@media (max-width:940px){.proc-hero-grid{grid-template-columns:minmax(0,1fr)}.proc-map{max-width:620px;width:100%;justify-self:center;min-height:300px}.proc-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proc-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.proc-pay-options{grid-template-columns:minmax(0,1fr)}.proc-handover-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:680px){.proc-wrap{width:min(100% - 32px,1180px)}.proc-hero{padding-top:120px}.proc-hero h1{font-size:clamp(58px,17vw,84px)}.proc-map{min-height:240px;gap:9px}.proc-map>div{width:88px;border-radius:26px}.proc-map>div:nth-of-type(2){transform:translateY(-30px)}.proc-map>div:nth-of-type(3){transform:translateY(25px)}.proc-map strong{font-size:14px}.proc-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.proc-jumps a{justify-content:space-between;padding:9px 12px;font-size:11px}.proc-heading,.proc-heading-split{grid-template-columns:minmax(0,1fr);gap:16px}.proc-step-grid{grid-template-columns:minmax(0,1fr)}.proc-step-grid li{min-height:220px}.proc-payment-grid{grid-template-columns:minmax(0,1fr)}.proc-payment-grid article{min-height:190px}.proc-payment-track{grid-template-columns:40fr 40fr 20fr}.proc-pay-options ul{grid-template-columns:repeat(2,minmax(0,1fr))}.proc-handover-grid ul{grid-template-columns:minmax(0,1fr)}.proc-handover-grid li{min-height:110px}.proc-cta h2 br{display:none}}
@media (prefers-reduced-motion:reduce){.proc-orb,.proc-hero h1 span,.proc-hero-in,.proc-map-line i{animation:none!important}.js [data-proc-reveal]{opacity:1;transform:none}.proc-payment-track i:after{transform:scaleX(1)}}
.proc-pay-options li:nth-child(3) img{width:128px;max-width:128px;height:auto}
.proc-pay-options li:nth-child(1) img{height:34px;width:34px;max-width:34px}
.proc-pay-options li:nth-child(1) span{font-size:20px;font-weight:750;font-style:italic;letter-spacing:-.04em;color:#002991}
.proc-pay-options li:nth-child(2) img{width:76px;max-width:76px;height:48px}
.proc-pay-options li:nth-child(2) span{display:none}

/* Browser review refinements */
.proc-hero h1{margin-top:0}
.proc-map{display:block;position:relative;min-height:350px}
.proc-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.proc-map>svg path{fill:none}
.proc-path-base{stroke:rgba(17,17,15,.14);stroke-width:2;stroke-dasharray:3 7}
.proc-path-live{stroke:var(--pi);stroke-width:2.25;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:620;animation:proc-draw-path 4.4s var(--pe) infinite}
#proc-arrow path{fill:var(--pi)}
.proc-signal{fill:var(--pi)}
.proc-signal-halo{fill:rgba(17,17,15,.13)}
.proc-map>div{position:absolute;transform:translate(-50%,-50%);animation:proc-node-pulse 4.4s var(--pe) infinite}
.proc-map>div:nth-of-type(1){left:15.33%;top:66.06%;transform:translate(-50%,-50%);animation-delay:0s}
.proc-map>div:nth-of-type(2){left:50%;top:33.33%;transform:translate(-50%,-50%);animation-delay:1.9s}
.proc-map>div:nth-of-type(3){left:84.67%;top:66.06%;transform:translate(-50%,-50%);animation-delay:3.6s}
.proc-map>div:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(17,17,15,.18);border-radius:40px;opacity:0;transform:scale(.9);animation:proc-node-ring 4.4s var(--pe) infinite}
.proc-map>div:nth-of-type(2):after{border-color:rgba(17,17,15,.28);animation-delay:1.9s}.proc-map>div:nth-of-type(3):after{animation-delay:3.6s}
.proc-heading-clean{display:block}.proc-heading-clean h2{max-width:820px}
.proc-pay-options h3{font-size:16px;font-weight:700;letter-spacing:-.02em}.proc-pay-options>div>p:last-child{color:var(--ps)}
.proc-terms{color:var(--pi);font-size:14px;font-weight:550;line-height:1.6}
.proc-handover-grid h2{margin-top:0}.proc-cta h2{margin-top:0}
@keyframes proc-draw-path{0%{stroke-dashoffset:620}72%,100%{stroke-dashoffset:0}}
@keyframes proc-node-pulse{0%,100%{filter:none}9%{filter:drop-shadow(0 12px 18px rgba(17,17,15,.16))}}
@keyframes proc-node-ring{0%,18%,100%{opacity:0;transform:scale(.9)}5%{opacity:1}14%{opacity:0;transform:scale(1.18)}}
@media(max-width:680px){.proc-map{min-height:260px}.proc-map>div{width:84px}.proc-map>div:nth-of-type(1){left:15%;top:66%}.proc-map>div:nth-of-type(2){left:50%;top:33%}.proc-map>div:nth-of-type(3){left:85%;top:66%}}
@media(prefers-reduced-motion:reduce){.proc-path-live{animation:none;stroke-dashoffset:0}.proc-map>div,.proc-map>div:after{animation:none}.proc-signal,.proc-signal-halo{display:none}}

/* Declarative delays also work under the production CSP. */
.process-reference [data-motion-delay="0"]{--delay:0ms;--hero-delay:0ms;--reveal-delay:0ms}
.process-reference [data-motion-delay="80"]{--delay:80ms;--hero-delay:80ms;--reveal-delay:80ms}
.process-reference [data-motion-delay="100"]{--delay:100ms;--hero-delay:100ms;--reveal-delay:100ms}
.process-reference [data-motion-delay="120"]{--delay:120ms;--hero-delay:120ms;--reveal-delay:120ms}
.process-reference [data-motion-delay="160"]{--delay:160ms;--hero-delay:160ms;--reveal-delay:160ms}
.process-reference [data-motion-delay="200"]{--delay:200ms;--hero-delay:200ms;--reveal-delay:200ms}
.process-reference [data-motion-delay="240"]{--delay:240ms;--hero-delay:240ms;--reveal-delay:240ms}
.process-reference [data-motion-delay="280"]{--delay:280ms;--hero-delay:280ms;--reveal-delay:280ms}
.process-reference [data-motion-delay="300"]{--delay:300ms;--hero-delay:300ms;--reveal-delay:300ms}
.process-reference [data-motion-delay="420"]{--delay:420ms;--hero-delay:420ms;--reveal-delay:420ms}
.process-reference [data-motion-delay="560"]{--delay:560ms;--hero-delay:560ms;--reveal-delay:560ms}
.process-reference [data-motion-delay="620"]{--delay:620ms;--hero-delay:620ms;--reveal-delay:620ms}
.process-reference [data-motion-delay="700"]{--delay:700ms;--hero-delay:700ms;--reveal-delay:700ms}
.process-reference [data-motion-delay="760"]{--delay:760ms;--hero-delay:760ms;--reveal-delay:760ms}
.process-reference [data-motion-delay="940"]{--delay:940ms;--hero-delay:940ms;--reveal-delay:940ms}