.payments-chapter{position:absolute;inset:0;opacity:0;color:#cce4df;pointer-events:none;z-index:3}
.payment-label{position:absolute;left:5.5%;top:16%}
.payment-copy{position:absolute;left:5.5%;top:28%;width:46%;height:38%;z-index:2}
.payment-copy::before{content:"";position:absolute;inset:-20px -20px -15px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 35% 45%,#03090ef5 15%,#03090eaa 50%,transparent 76%)}
.payment-panel{position:absolute;inset:0;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .28s,transform .45s}
.payment-panel[data-active=true]{opacity:1;transform:none;pointer-events:auto}
.payment-kicker{font-size:10px;letter-spacing:.15em;color:#88aaa8;text-transform:uppercase}
.payment-panel h2{font-size:clamp(48px,5.5vw,95px);font-weight:400;line-height:1.04;letter-spacing:-.06em;color:#b6f1de;margin:20px 0 26px}
.payment-panel p{font-size:clamp(14px,1.1vw,18px);line-height:1.7;color:#91aaae;max-width:390px;margin:0}
.payment-capabilities{display:flex;gap:18px;align-items:center;font-size:13px;margin-top:28px;color:#b3d9cc}.payment-capabilities i{font-style:normal;color:#638b89}
.payment-object-label{position:absolute;left:70%;top:42%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0;text-shadow:0 2px 12px #000,0 0 24px #061922;white-space:nowrap;will-change:left,top}
.payment-object-label strong{display:block;font-size:21px;font-weight:400;letter-spacing:.14em;color:#e2f4f0}
.payment-object-label>span{display:block;font-size:10px;margin-top:7px;color:#9bbdb8;letter-spacing:.015em}
.payment-alfa img{display:block;width:100px;margin:auto;filter:drop-shadow(0 2px 9px #001820)}
.payment-steps{position:absolute;left:5.5%;bottom:18%;display:flex;gap:30px;z-index:2}
.payment-steps button{border:0;border-top:1px solid #789b9940;background:none;padding:16px 0 0;min-width:115px;text-align:left;font:inherit;color:#789995;cursor:pointer;transition:color .25s,border-color .25s}
.payment-steps button span{display:block;font-size:10px;letter-spacing:.08em;margin-bottom:10px;color:#608781}.payment-steps button strong{font-size:13px;font-weight:400}
.payment-steps button[aria-pressed=true]{color:#c1efe0;border-color:#b4ead7}.payment-steps button[aria-pressed=true] span{color:#a4dfcf}
.payment-steps button:focus-visible,.payment-open:focus-visible{outline:1px solid #b6f1de;outline-offset:8px}
.payment-open{position:absolute;left:5.5%;bottom:8%;display:inline-flex;align-items:center;gap:34px;font-size:13px;color:#a4c6be;text-decoration:none}.payment-open span{font-size:23px}
.payment-static{display:none}
@media(min-width:801px) and (max-height:800px){.payment-copy{top:26%}.payment-panel h2{font-size:clamp(44px,5.2vw,78px);margin:16px 0 20px}.payment-steps{bottom:17%}.payment-open{bottom:7%}}
@media(max-width:800px){
 .payment-label{left:7%;top:14%}.payment-copy{left:7%;top:20%;width:86%;height:26%}.payment-kicker{font-size:8px}.payment-panel h2{font-size:clamp(34px,8.8vw,60px);margin:12px 0 15px;line-height:1.04}.payment-panel p{font-size:12px;line-height:1.55;max-width:290px}
 .payment-capabilities{font-size:10px;gap:13px;margin-top:16px}.payment-object-label strong{font-size:14px;letter-spacing:.08em}.payment-object-label>span{font-size:8px;margin-top:4px}.payment-alfa img{width:64px}
 .payment-steps{left:7%;right:7%;bottom:12%;gap:14px}.payment-steps button{flex:1;min-width:0;padding-top:12px}.payment-steps button span{font-size:9px;margin-bottom:7px}.payment-steps button strong{font-size:11px}
 .payment-open{left:7%;bottom:5%;font-size:12px;gap:22px}
}
@media(max-width:360px){.payment-panel h2{font-size:31px}.payment-panel p{font-size:11px;max-width:260px}.payment-copy{top:20%}.payment-steps button strong{font-size:10px}.payment-object-label>span{font-size:7px}.payment-alfa img{width:55px}}
@media(prefers-reduced-motion:reduce),(max-height:649px){
 .payments-chapter{position:relative;inset:auto;opacity:1!important;pointer-events:auto;padding:60px 0;border-top:1px solid #29404c;scroll-margin-top:100px}
 .payment-label{position:relative;inset:auto;margin-bottom:30px}.payment-copy{position:relative;inset:auto;width:100%;height:300px}.payment-panel{transition:none}.payment-panel h2{font-size:clamp(36px,5.7vw,80px)}.payment-copy::before{left:0;right:0}
 .payment-steps{position:relative;inset:auto;margin-top:26px}.payment-open{position:relative;inset:auto;margin-top:32px}
 .payment-static{display:block;max-width:650px;margin:0 auto}.payment-static svg{width:100%;height:auto;display:block}.payment-object-label{display:none}
}
.fx-unavailable .payment-object-label{display:none}.fx-unavailable .payment-static{display:block;position:absolute;left:54%;right:4%;top:26%}
@media(max-width:800px){.fx-unavailable .payment-static{left:7%;right:7%;top:45%}}
/* The connection is a full-stage close-up; reading layout returns after closure. */
.payment-copy{opacity:calc(1 - var(--payment-macro,0));transform:translateY(calc(var(--payment-macro,0)*-28px));transition:opacity .12s linear,transform .12s linear}
.payment-steps,.payment-open{opacity:calc(1 - var(--payment-macro,0)*.72)}
.payment-object-label>span{font-size:9px;letter-spacing:.16em;color:#b1cec8;margin:0}
.payment-connection-title{position:absolute;left:0;right:0;bottom:16%;text-align:center;pointer-events:none;opacity:var(--payment-macro,0);font-size:clamp(25px,3.2vw,48px);font-weight:400;letter-spacing:-.04em;color:#b8e7d9;text-shadow:0 2px 28px #020a0f;transform:translateY(calc((1 - var(--payment-macro,0))*20px))}
@media(max-width:800px){.payment-object-label>span{font-size:6px;letter-spacing:.08em}.payment-connection-title{bottom:23%;font-size:27px}}
@media(prefers-reduced-motion:reduce),(max-height:649px){.payment-copy{opacity:1;transform:none}.payment-steps,.payment-open{opacity:1}.payment-connection-title{display:none}}