.online-payments{--op-accent:#ffbe32;--op-accent-deep:#f5ad21;--op-accent-dark:#d68e02;--op-charcoal:#2a2327;--op-charcoal-soft:#413b41;--op-text:#1e2224;--op-text-lead:#57534e;--op-text-3:#827e78;--op-bg:#f9f8f7;--op-surface:#fff;--op-sand:#f4efea;--op-grey:#efefef;--op-line:#f0eee8;--op-line-strong:#e8e5df;--op-line-warm:#ebe2d4;--op-sh-md:0 8px 24px -6px #2a232714;--op-sh-lg:0 24px 60px -18px #2a232729;--op-radius-pill:40px;--op-radius-card:16px;--op-gutter:clamp(20px,5vw,56px);color:var(--op-text);line-height:1.55;-webkit-font-smoothing:antialiased}.online-payments *{box-sizing:border-box}.online-payments__wrap{max-width:1320px;margin:0 auto;padding:0 var(--op-gutter)}.online-payments__btn{font-family:inherit;font-weight:650;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;text-decoration:none;color:inherit;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,background .22s ease}.online-payments__btn:active{transform:translateY(1px)}.online-payments__btn--primary{background:var(--op-charcoal);color:var(--op-accent);border-radius:var(--op-radius-pill);padding:15px 32px;font-size:18px}.online-payments__btn--primary:hover{background:var(--op-charcoal-soft);box-shadow:var(--op-sh-md);color:var(--op-accent);text-decoration:none}.online-payments__btn--secondary{background:var(--op-sand);color:var(--op-text);border:1px solid var(--op-text);border-radius:var(--op-radius-pill);padding:14px 31px;font-size:18px}.online-payments__btn--secondary:hover{background:#efe8e1;color:var(--op-text);text-decoration:none}.online-payments__btn--light{background:var(--op-sand);color:var(--op-text);border-radius:var(--op-radius-pill);padding:15px 32px;font-size:18px}.online-payments__btn--light:hover{background:#fff;text-decoration:none}.online-payments__btn--outline{background:#0000;color:#fff;border:1px solid #ffffff52;border-radius:var(--op-radius-pill);padding:14px 31px;font-size:18px}.online-payments__btn--outline:hover{border-color:var(--op-accent);color:var(--op-accent);text-decoration:none}.online-payments__arrow{transition:transform .24s cubic-bezier(.22,1,.36,1)}.online-payments__btn:hover .online-payments__arrow{transform:translateX(4px)}.online-payments__section{padding-block:clamp(56px,7vw,104px)}.online-payments__section--bone{background:var(--op-bg)}.online-payments__section--white{background:var(--op-surface)}.online-payments__section--dark{background:var(--op-charcoal);color:#fff}.online-payments__eyebrow{font-size:13px;font-weight:700;letter-spacing:.84px;text-transform:uppercase;color:var(--op-accent-dark);margin-bottom:16px}.online-payments__section--dark .online-payments__eyebrow{color:var(--op-accent)}.online-payments__heading{font-size:clamp(28px,3.6vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.026em;text-wrap:balance;margin:0}.online-payments__section--dark .online-payments__heading{color:#fff}.online-payments__subtext{font-size:clamp(16px,1.5vw,19px);font-weight:500;color:var(--op-text-lead);margin-top:14px;text-wrap:pretty}.online-payments__section--dark .online-payments__subtext{color:#c9c3c0}.online-payments__hero{padding-block:clamp(40px,5.5vw,82px) clamp(30px,4vw,58px);position:relative;overflow:hidden;background:var(--op-bg)}.online-payments__hero:before{content:"";position:absolute;top:-28%;right:-8%;width:52%;height:158%;background:radial-gradient(ellipse at 50% 50%,#ffbe3224,#0000 66%);pointer-events:none}.online-payments__hero-in{display:grid;grid-template-columns:47fr 53fr;grid-gap:clamp(28px,4vw,60px);gap:clamp(28px,4vw,60px);align-items:center;position:relative}.online-payments__title{font-size:clamp(34px,4.6vw,64px);font-weight:800;line-height:1.05;letter-spacing:-.03em;text-wrap:balance;max-width:14ch;margin:0}.online-payments__lead{font-size:clamp(17px,1.6vw,20px);font-weight:500;color:var(--op-text-lead);max-width:46ch;margin-top:18px}.online-payments__cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}@media(max-width:560px){.online-payments__cta-row .online-payments__btn{width:100%}}.online-payments__demo-frame{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:1/.94;background:linear-gradient(165deg,#fdfbf8,var(--op-sand));border:1px solid var(--op-line-warm);display:flex;align-items:center;justify-content:center;padding:clamp(18px,2.4vw,32px)}.online-payments__demo-frame:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 76%,#ffbe3229,#0000 62%);pointer-events:none}.online-payments__demo{position:relative;z-index:1;width:min(100%,380px);background:var(--op-surface);border:1px solid var(--op-line-strong);border-radius:14px;overflow:hidden;box-shadow:var(--op-sh-lg)}.online-payments__demo-bar{display:flex;align-items:center;gap:5px;padding:10px 13px;background:var(--op-bg);border-bottom:1px solid var(--op-line)}.online-payments__demo-dot{width:7px;height:7px;border-radius:50%;background:#dad5cd}.online-payments__demo-url{flex:1 1;height:14px;border-radius:7px;background:var(--op-grey);margin-left:7px}.online-payments__demo-body{padding:20px 22px 22px}.online-payments__demo-key{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--op-text-3)}.online-payments__demo-amount{font-size:32px;font-weight:800;letter-spacing:-.032em;line-height:1;margin-top:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.online-payments__demo-option{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--op-line-strong);border-radius:10px;margin-top:10px;font-size:14px;font-weight:650;cursor:pointer;transition:border-color .2s ease,background .2s ease;background:none;width:100%;text-align:left;font-family:inherit;color:inherit}.online-payments__demo-option:hover{border-color:var(--op-line-warm)}.online-payments__demo-option--active{border-color:var(--op-accent-deep);background:#fffbf2}.online-payments__demo-radio{width:14px;height:14px;border-radius:50%;border:1.6px solid #cfcac2;flex-shrink:0;transition:border .2s ease}.online-payments__demo-option--active .online-payments__demo-radio{border-color:var(--op-accent-deep);border-width:4.5px}.online-payments__demo-pay-btn{margin-top:16px;width:100%;background:var(--op-charcoal);color:var(--op-accent);border:none;border-radius:24px;padding:13px;font-family:inherit;font-size:14.5px;font-weight:650;cursor:pointer;transition:background .2s ease}.online-payments__demo-pay-btn:hover{background:var(--op-charcoal-soft)}.online-payments__demo-pay-btn--processing{background:#8c897d;color:#fff;cursor:default}.online-payments__demo-done{padding:34px 22px 38px;text-align:center}.online-payments__demo-check{width:54px;height:54px;border-radius:50%;background:var(--op-charcoal);margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.online-payments__demo-check svg{width:26px;height:26px}.online-payments__demo-done-amount{display:block;font-size:22px;font-weight:800;letter-spacing:-.024em}.online-payments__demo-done-label{display:block;font-size:14px;font-weight:650;color:var(--op-accent-dark);margin-top:5px}.online-payments__demo-reset{margin-top:18px;background:none;border:none;font-family:inherit;font-size:13px;font-weight:700;color:var(--op-text-3);cursor:pointer;text-decoration:underline}.online-payments__sec-head{max-width:620px;margin-bottom:clamp(32px,4vw,52px)}.online-payments__caps{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:clamp(14px,1.8vw,20px);gap:clamp(14px,1.8vw,20px)}@media(max-width:980px){.online-payments__caps{grid-template-columns:1fr}}.online-payments__cap{background:var(--op-surface);border:1px solid var(--op-line-strong);border-radius:var(--op-radius-card);padding:clamp(22px,2.6vw,28px);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.online-payments__cap:hover{transform:translateY(-4px);box-shadow:var(--op-sh-md)}.online-payments__cap-icon{width:42px;height:42px;border-radius:12px;background:var(--op-sand);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.online-payments__cap-icon svg{width:20px;height:20px}.online-payments__cap-title{display:block;font-size:18px;font-weight:800;letter-spacing:-.018em;margin-bottom:8px}.online-payments__cap-text{font-size:14.5px;color:var(--op-text-lead);line-height:1.6;margin:0}.online-payments__integration{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(28px,4vw,60px);gap:clamp(28px,4vw,60px);align-items:start}@media(max-width:980px){.online-payments__integration{grid-template-columns:1fr;gap:30px}}.online-payments__integration-title{font-size:clamp(26px,3.2vw,38px);letter-spacing:-.026em;margin:0 0 14px}.online-payments__integration-body{font-size:clamp(16px,1.5vw,18px);color:var(--op-text-lead);margin:0 0 20px;max-width:46ch}.online-payments__steps-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin:0;padding:0}.online-payments__step-item{display:flex;gap:14px;align-items:flex-start}.online-payments__step-number{width:28px;height:28px;border-radius:50%;background:var(--op-charcoal);color:var(--op-accent);font-size:12.5px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.online-payments__step-title{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.014em;margin-bottom:3px}.online-payments__step-desc{display:block;font-size:14.5px;color:var(--op-text-lead);line-height:1.6}.online-payments__callout{background:var(--op-sand);border:1px solid var(--op-line-warm);border-radius:var(--op-radius-card);padding:clamp(22px,2.6vw,30px)}.online-payments__callout-title{display:block;font-size:17px;font-weight:800;letter-spacing:-.018em;margin-bottom:10px}.online-payments__callout-text{font-size:15px;color:var(--op-text-lead);line-height:1.65;margin:0}.online-payments__callout-text+.online-payments__callout-text{margin-top:10px}.online-payments__callout-text--fine{font-size:13px;color:var(--op-text-3);margin-top:14px}.online-payments__cta-band{position:relative;overflow:hidden}.online-payments__cta-band:before{content:"";position:absolute;top:-30%;right:-8%;width:52%;height:150%;background:radial-gradient(ellipse at 50% 50%,#ffbe3224,#0000 66%)}.online-payments__cta-in{position:relative}.online-payments__cta-title{font-size:clamp(30px,4vw,52px);letter-spacing:-.028em;text-wrap:balance}.online-payments__cta-lead{font-size:clamp(16px,1.6vw,19px);color:#c9c3c0;margin-top:16px;max-width:52ch}.online-payments__cta-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.online-payments__reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.online-payments__reveal--in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.online-payments__reveal{opacity:1;transform:none;transition:none}}