.pay-site{--pay-deep:#0e3b3a;--pay-water:#2d6b66;--pay-ivory:#f3f1ec;--pay-concrete:#cfcabf;--pay-line:#0e3b3a2e;background:var(--pay-ivory);color:var(--pay-deep);min-height:100vh;overflow:hidden}.pay-nav{z-index:10;background:var(--pay-deep);width:100%;height:76px;color:var(--pay-ivory);justify-content:space-between;align-items:center;margin:auto;padding:0 max(28px,50vw - 620px);display:flex;position:relative}.pay-brand{color:var(--pay-ivory);letter-spacing:-.04em;align-items:center;gap:10px;font-size:18px;font-weight:500;text-decoration:none;display:flex}.pay-brand img{object-fit:contain;object-position:center;width:auto;height:36px}.pay-brand b{color:var(--pay-ivory);font-weight:500}.pay-nav-links{align-items:center;gap:26px;font-size:14px;display:flex}.pay-nav-links a{color:var(--pay-ivory);opacity:.78;text-decoration:none;transition:opacity .2s,color .2s}.pay-nav-links a:hover{opacity:1}.pay-nav-cta,.pay-button{background:var(--pay-deep);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;font-weight:600;transition:transform .25s,background .2s;display:inline-flex;color:var(--pay-ivory)!important;opacity:1!important}.pay-nav-cta{background:var(--pay-ivory);color:var(--pay-deep)!important}.pay-nav-cta:hover{background:var(--pay-concrete);transform:translateY(-2px)}.pay-button:hover{background:var(--pay-water);transform:translateY(-2px)}.pay-menu-button{color:var(--pay-ivory);background:0 0;border:0;display:none}.pay-hero{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);align-items:center;gap:40px;max-width:1240px;min-height:720px;margin:auto;padding:90px 28px 120px;display:grid}.pay-eyebrow{font:600 12px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pay-water);margin:0 0 18px}.pay-hero h1{letter-spacing:-.075em;max-width:720px;margin:0;font-size:clamp(54px,7vw,104px);font-weight:600;line-height:.93}.pay-lead{letter-spacing:-.03em;color:#0e3b3ab8;max-width:570px;margin:28px 0 0;font-size:clamp(18px,2vw,25px);line-height:1.35}.pay-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;display:flex}.pay-text-link,.pay-inline-link{color:var(--pay-deep);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.pay-text-link:hover,.pay-inline-link:hover{color:var(--pay-water)}.pay-qualification{color:#0e3b3a91;max-width:480px;margin:20px 0 0;font-size:12px;line-height:1.5}.pay-flow{--flow-x:0px;--flow-y:0px;background:var(--pay-deep);isolation:isolate;width:100%;max-width:650px;height:480px;box-shadow:calc(var(--flow-x) * -1) calc(var(--flow-y) * -1) 0 #2d6b6638;border-radius:28px;margin:auto;transition:box-shadow .35s;position:relative;overflow:hidden}.pay-flow:before,.pay-flow:after{content:"";pointer-events:none;opacity:.3;background:0 0;position:absolute}.pay-flow:before{border-top:1px solid #f3f1ec24;inset:12% 0 auto}.pay-flow:after{border-top:1px solid #cfcabf1f;inset:auto 0 18%}.pay-flow-level{height:150px;transform:translate(var(--flow-x),var(--flow-y)) skewY(-29deg);transform-origin:0;border:1px solid #f3f1ec33;transition:transform .4s;position:absolute;left:8%;right:8%}.level-one{top:118px}.level-two{border-color:#4f988f8c;top:265px}.pay-gate{border-left:4px solid var(--pay-concrete);border-right:4px solid var(--pay-concrete);z-index:2;width:70px;height:132px;position:absolute;top:190px;transform:skewY(-29deg)}.gate-one{left:29%}.gate-two{border-color:var(--pay-water);right:23%}.pay-gate span{width:100%;height:4px;color:var(--pay-concrete);background:currentColor;margin-top:38px;display:block;box-shadow:0 26px}.gate-two span{color:var(--pay-water)}.pay-flow-line{z-index:3;background:var(--pay-ivory);width:130px;height:3px;position:absolute;top:282px;left:18%;box-shadow:0 0 0 5px #f3f1ec14}.pay-flow-card{z-index:4;background:var(--pay-ivory);width:154px;color:var(--pay-deep);cursor:default;border-radius:14px;padding:14px;position:absolute;box-shadow:0 16px 40px #00000038}.pay-flow-card span{font:500 11px/1 var(--font-mono);color:var(--pay-water);margin-bottom:18px;display:block}.pay-flow-card strong{letter-spacing:-.03em;font-size:13px;display:block}.pay-flow-card small{color:#0e3b3a99;margin-top:5px;font-size:10px;display:block}.card-session{top:42px;left:9%}.card-checkout{top:194px;left:42%}.card-paid{bottom:38px;right:8%}.pay-section{max-width:1240px;margin:auto;padding:130px 28px}.pay-section h2{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(38px,5vw,74px);font-weight:600;line-height:.98}.pay-steps{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:76px;display:grid}.pay-step{border-top:1px solid var(--pay-line);padding-top:18px}.pay-step span{font:500 12px var(--font-mono);color:var(--pay-water)}.pay-step h3{letter-spacing:-.04em;margin:38px 0 12px;font-size:24px}.pay-step p,.pay-code-copy>p,.pay-security-card p,.pay-agent-section .pay-lead,.pay-fee-panel>p{color:#0e3b3aad;max-width:31em;margin:0;line-height:1.55}.pay-code-section{background:var(--pay-deep);color:var(--pay-ivory);grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;max-width:none;padding-left:max(28px,50vw - 592px);padding-right:max(28px,50vw - 592px);display:grid}.pay-code-section .pay-eyebrow,.pay-code-section .pay-inline-link{color:#86c4bc}.pay-code-section h2{color:var(--pay-ivory)}.pay-code-copy>p{color:#f3f1ecb3;margin-top:24px}.pay-inline-link{margin-top:26px}.pay-code-card{background:#092f2e;border:1px solid #f3f1ec2e;border-radius:20px;overflow:hidden}.pay-code-top{color:#9ccbc5;font:500 12px var(--font-mono);border-bottom:1px solid #f3f1ec1f;align-items:center;gap:9px;padding:16px 20px;display:flex}.pay-code-card pre{color:#d6e9e5;font:13px/1.65 var(--font-mono);margin:0;padding:24px;overflow:auto}.pay-code-result{color:#8ce2b8;border-top:1px solid #f3f1ec1f;align-items:center;gap:8px;padding:14px 20px;font-size:12px;display:flex}.pay-security-section{background:var(--pay-concrete);max-width:none;padding-left:max(28px,50vw - 592px);padding-right:max(28px,50vw - 592px)}.pay-security-grid{background:var(--pay-line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:76px;display:grid}.pay-security-card{background:var(--pay-concrete);min-height:240px;padding:28px}.pay-security-card svg{color:var(--pay-water)}.pay-security-card h3{letter-spacing:-.04em;margin:42px 0 12px;font-size:23px}.pay-fee-section{background:var(--pay-water);max-width:none;padding-left:max(28px,50vw - 592px);padding-right:max(28px,50vw - 592px)}.pay-fee-panel{color:var(--pay-ivory);max-width:650px}.pay-fee-panel .pay-eyebrow{color:#b7ddd8}.pay-fee-panel h2{font-size:clamp(36px,5vw,72px)}.pay-fee-panel>p:not(.pay-eyebrow){color:#f3f1ecc7;margin-top:22px;font-size:18px}.pay-fee-number{font:500 clamp(84px,13vw,180px)/.8 var(--font-mono);letter-spacing:-.1em;margin:34px 0 26px}.pay-fee-number span{letter-spacing:-.08em;font-size:.42em}.pay-fee-panel .pay-button{background:var(--pay-ivory);margin-top:30px;color:var(--pay-deep)!important}.pay-agent-section{justify-content:space-between;align-items:end;gap:40px;display:flex}.pay-agent-section>div{max-width:700px}.pay-agent-section .pay-lead{margin-top:22px}.pay-final-section{text-align:center;background:var(--pay-ivory);border-top:1px solid var(--pay-line);max-width:none}.pay-final-section>div{flex-direction:column;align-items:center;display:flex}.pay-final-section img{margin-bottom:26px}.pay-final-section h2{max-width:700px}.pay-final-section .pay-button{margin-top:34px}@media (max-width:900px){.pay-hero{grid-template-columns:1fr;padding-top:56px}.pay-hero-visual{margin-top:30px}.pay-code-section{grid-template-columns:1fr;gap:48px}.pay-agent-section{display:block}.pay-agent-section .pay-inline-link{margin-top:28px}}@media (max-width:680px){.pay-nav{padding:0 18px}.pay-menu-button{display:block}.pay-nav-links{background:var(--pay-deep);border:1px solid #f3f1ec38;border-radius:18px;flex-direction:column;align-items:stretch;gap:0;padding:14px;display:none;position:absolute;top:68px;left:14px;right:14px;box-shadow:0 18px 40px #0e3b3a47}.pay-nav-links.is-open{display:flex}.pay-nav-links a{padding:13px 10px}.pay-nav-cta{text-align:center}.pay-hero{min-height:auto;padding:48px 18px 72px}.pay-hero h1{font-size:clamp(48px,15vw,74px)}.pay-flow{border-radius:20px;height:390px}.pay-flow-card{width:128px;padding:11px}.card-session{top:30px;left:5%}.card-checkout{top:163px;left:34%}.card-paid{bottom:25px;right:4%}.pay-flow-level{left:3%;right:3%}.pay-gate{transform:skewY(-25deg)scale(.8)}.gate-one{left:23%}.gate-two{right:18%}.pay-section{padding:84px 18px}.pay-steps,.pay-security-grid{grid-template-columns:1fr;gap:0;margin-top:48px}.pay-step,.pay-security-card{min-height:0;padding:22px 0}.pay-code-section,.pay-security-section,.pay-fee-section{padding-left:18px;padding-right:18px}.pay-code-card pre{padding:18px;font-size:11px}.pay-fee-number{font-size:100px}.pay-security-card h3{margin-top:22px}}@media (prefers-reduced-motion:reduce){.pay-flow-line{display:none}.pay-flow{box-shadow:none}.pay-flow-level{transition:none;transform:skewY(-29deg)}.pay-button,.pay-nav-links a{transition:none}}.flow-demo{--flow-x:0px;--flow-y:0px;background:var(--pay-deep);width:100%;max-width:650px;min-height:480px;color:var(--pay-ivory);isolation:isolate;box-shadow:calc(var(--flow-x) * -1) calc(var(--flow-y) * -1) 0 #2d6b6638;border-radius:28px;margin:auto;padding:24px;transition:box-shadow .35s,transform .35s;position:relative;overflow:hidden}.flow-demo:before,.flow-demo:after{content:"";pointer-events:none;z-index:-1;transform:skewY(-28deg) translate(var(--flow-x),var(--flow-y));border:1px solid #f3f1ec2e;transition:transform .4s;position:absolute}.flow-demo:before{inset:15% 8% 32%}.flow-demo:after{border-color:#4f988f7a;inset:46% 8% 8%}.flow-demo-head,.flow-demo-footer{z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.flow-demo-badge{color:#b7ddd8;font:600 9px/1 var(--font-mono);letter-spacing:.1em;background:#f3f1ec1f;border-color:#f3f1ec33}.flow-demo-label{color:#f3f1ecad;margin:10px 0 0;font-size:14px}.flow-demo-counter,.flow-demo-card-number{color:#9ccbc5;font:500 11px/1 var(--font-mono);letter-spacing:.08em}.flow-demo-stage{z-index:2;min-height:74px;margin:28px 0 18px;position:relative}.flow-demo-stage-kicker{color:#86c4bc;font:600 10px/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px;display:block}.flow-demo-stage strong{letter-spacing:-.06em;font-size:clamp(24px,3vw,34px);display:block}.flow-demo-stage small{color:#f3f1ec9e;margin-top:7px;font-size:12px;display:block}.flow-demo-rail{z-index:2;justify-content:space-between;align-items:center;height:46px;margin:4px 4px 16px;display:flex;position:relative}.flow-demo-rail:before{content:"";background:#f3f1ec40;height:1px;position:absolute;top:50%;left:5px;right:5px}.flow-demo-beam-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-demo-beam-track{stroke:#f3f1ec40;stroke-width:1.5px}.flow-demo-beam-active{stroke:#b7ddd8;stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 4px #b7ddd866)}.flow-demo-node{z-index:2;background:var(--pay-deep);border:1px solid #f3f1ec73;border-radius:50%;place-items:center;width:16px;height:16px;transition:border-color .3s,background .3s,transform .3s;display:grid;position:relative}.flow-demo-node span{background:#f3f1ec80;border-radius:50%;width:5px;height:5px}.flow-demo-node.is-active{border-color:var(--pay-ivory);background:var(--pay-water);transform:scale(1.18)}.flow-demo-node.is-active span{background:var(--pay-ivory)}.flow-demo-cards{z-index:2;grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:relative}.flow-demo-card{min-width:0;color:var(--pay-ivory);box-shadow:none;background:#f3f1ec14;border:1px solid #f3f1ec2b;border-radius:14px;gap:0;padding:0;transition:background .25s,border-color .25s,transform .25s;display:block}.flow-demo-card:hover,.flow-demo-card:focus-within{border-color:#f3f1ec8c;transform:translateY(-4px)}.flow-demo-card.is-active{background:var(--pay-ivory);color:var(--pay-deep);border-color:var(--pay-ivory)}.flow-demo-card.is-complete{border-color:#86c4bc8c}.flow-demo-card button{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;padding:13px;display:block}.flow-demo-card button:focus-visible{outline-offset:3px;border-radius:12px;outline:2px solid #b7ddd8}.flow-demo-card-content{flex-direction:column;gap:0;display:flex;padding:0!important}.flow-demo-card strong{letter-spacing:-.025em;min-height:34px;margin-top:16px;font-size:12px;line-height:1.15;display:block}.flow-demo-card small{color:#f3f1ec9e;min-height:28px;margin-top:6px;font-size:10px;line-height:1.2;display:block}.flow-demo-card.is-active small{color:#0e3b3a9e}.flow-demo-card.is-active .flow-demo-card-number{color:var(--pay-water)}.flow-demo-footer{align-items:flex-end;margin-top:24px}.flow-demo-progress{gap:8px;width:min(220px,45%);display:grid}.flow-demo-progress [data-slot=progress]{background:#f3f1ec33;height:4px}.flow-demo-progress [data-slot=progress-indicator]{background:#b7ddd8;transition:transform .65s cubic-bezier(.16,1,.3,1)}.flow-demo-progress span{color:#f3f1ec99;font:500 10px var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.flow-demo-controls{align-items:center;gap:4px;display:flex}.flow-demo-control{color:var(--pay-ivory)}.flow-demo-control:hover{color:var(--pay-deep);background:var(--pay-ivory)}.flow-demo-next{color:var(--pay-ivory)}.flow-demo-next:hover{color:var(--pay-deep);background:var(--pay-ivory)}@media (max-width:900px){.flow-demo{max-width:680px}}@media (max-width:680px){.flow-demo{border-radius:20px;min-height:430px;padding:18px}.flow-demo-stage{margin-top:24px}.flow-demo-cards{grid-template-columns:repeat(2,1fr);gap:7px}.flow-demo-card strong,.flow-demo-card small{min-height:0}.flow-demo-card button{padding:11px}.flow-demo-footer{align-items:center;margin-top:20px}.flow-demo-progress{width:42%}.flow-demo-next{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.flow-demo,.flow-demo:before,.flow-demo:after,.flow-demo-beam-svg,.flow-demo-node,.flow-demo-card,.flow-demo-progress [data-slot=progress-indicator]{box-shadow:none;transition:none!important}.flow-demo-beam-active{filter:none}.flow-demo-card:hover,.flow-demo-card:focus-within{transform:none}.flow-demo{box-shadow:none}}
