/* Real brand artwork keeps its original proportions and colors. */
.payment-brands{padding:30px 0 43px;background:var(--cream);border-bottom:1px solid var(--line);overflow:hidden}
.payment-brands-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.payment-brands-heading p{font-size:16px;color:var(--muted)}
.brand-roll-toggle{display:flex;align-items:center;gap:10px;padding:8px 0;background:none;font-size:13px;color:var(--muted);white-space:nowrap}
.brand-roll-toggle span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c5cad3;border-radius:50%;font-size:12px}
.brand-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.brand-track{display:flex;width:max-content;animation:payment-brand-roll 18s linear infinite}
.brand-group{display:flex;flex:0 0 auto;width:max(100vw,800px);align-items:center}
.brand-group li{display:flex;align-items:center;justify-content:center;width:25%;height:78px;padding:12px 32px}
.brand-group img{width:145px;height:44px;object-fit:contain;mix-blend-mode:multiply}
.payment-brands.is-paused .brand-track{animation-play-state:paused}
@media(hover:hover){.brand-marquee:hover .brand-track{animation-play-state:paused}}
@keyframes payment-brand-roll{to{transform:translateX(-50%)}}
.payment-brands+.services{padding-top:90px}
.provider-buttons button{min-height:88px;justify-content:space-between;gap:12px}
.provider-buttons .provider-logo{width:calc(100% - 28px);max-width:146px;height:43px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.provider-buttons button>svg{flex-shrink:0;position:static}
.provider-buttons button[data-provider=kt] .provider-logo{max-width:62px}
.provider-monogram{width:136px;height:70px;padding:12px;background:var(--cream);border:1px solid var(--line);border-radius:12px;color:var(--green)}
.provider-monogram img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.provider-monogram:has(img[src$="kt.webp"]){padding:14px 43px}
.brand-group img[src$=".webp"]{height:auto}
.provider-buttons .provider-logo[src$=".webp"]{height:auto;max-height:60px}
.provider-buttons button[data-provider=kt] .provider-logo{max-width:110px}
.provider-monogram:has(img[src$=".webp"]){padding:4px 10px}
.provider-detail-top{flex-wrap:wrap;gap:14px}
.provider-detail-top>svg{width:20px}
.provider-detail .eyebrow{font-size:10px}
.provider-detail h3{font-size:25px}
.motion-off .brand-track{transform:none;width:100%}
.motion-off .brand-group{width:100%;flex-wrap:wrap}
.motion-off .brand-group[aria-hidden=true],.motion-off .brand-roll-toggle{display:none}
@media(max-width:1100px){.provider-buttons button{padding:17px 12px}.provider-buttons .provider-logo{max-width:120px;height:38px}.provider-monogram{width:110px;height:62px}.provider-detail-top{gap:10px}.provider-detail h3{font-size:23px}}
@media(max-width:800px){.provider-buttons button{flex-wrap:nowrap;min-height:80px}.provider-buttons .provider-logo{width:calc(100% - 20px);height:35px}.provider-monogram{width:128px}}
@media(max-width:600px){.payment-brands{padding:23px 0 27px}.payment-brands-heading{gap:12px;margin-bottom:10px;align-items:flex-start}.payment-brands-heading p{font-size:15px;max-width:200px}.brand-roll-toggle{font-size:0;padding:0}.brand-roll-toggle span{width:30px;height:30px;font-size:12px}.brand-group{width:720px}.brand-group li{height:68px;padding:10px 26px}.brand-group img{width:128px;height:35px}.payment-brands+.services{padding-top:65px;padding-bottom:50px}.provider-buttons .provider-logo{width:calc(100% - 25px);max-width:125px;height:39px}.provider-buttons button{min-height:82px}.provider-monogram{width:112px;height:59px}.provider-detail h3{font-size:23px}.motion-off .brand-group li{width:50%;padding:12px 20px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none;transform:none;width:100%}.brand-group{width:100%;flex-wrap:wrap}.brand-group[aria-hidden=true],.brand-roll-toggle{display:none}}