/* Webflow Payments snapshot; provenance in references/payments-2026-09-27.json. */
.payments-page .p2-wrap{color:#121111;padding-bottom:0;font-family:'Landing Poppins',sans-serif}.payments-page .p2-in{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}.payments-page .p2-head{z-index:50;background-color:#1b0f4f;position:sticky;top:0}.payments-page .p2-head-in{grid-column-gap:32px;grid-row-gap:16px;flex-wrap:wrap;align-items:center;max-width:1440px;min-height:72px;margin:0 auto;padding:0 clamp(20px,5vw,80px);display:flex}.payments-page .p2-logo{height:26px;display:block}.payments-page .p2-nav{grid-column-gap:26px;grid-row-gap:26px;flex-wrap:wrap;display:flex}.payments-page .p2-navlink{color:#fff;font-size:15px;font-weight:500;text-decoration:none}.payments-page .p2-navlink:hover{text-decoration:underline}.payments-page .p2-head-right{grid-column-gap:20px;grid-row-gap:20px;align-items:center;margin-left:auto;display:flex}.payments-page .p2-btn{color:#121111;background-color:#cdf545;border-radius:10px;justify-content:center;align-items:center;padding:18px 34px;font-size:17px;font-weight:600;text-decoration:none;transition:opacity .3s cubic-bezier(.2,.7,.2,1);display:inline-flex}.payments-page .p2-btn:hover{opacity:.9;text-decoration:none}.payments-page .p2-btn-sm{color:#121111;background-color:#cdf545;border-radius:8px;justify-content:center;align-items:center;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .3s cubic-bezier(.2,.7,.2,1);display:inline-flex}.payments-page .p2-btn-sm:hover{opacity:.9;text-decoration:none}.payments-page .p2-btn-md{color:#fff;background-color:#3313b3;border-radius:10px;justify-content:center;align-items:center;padding:16px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .3s cubic-bezier(.2,.7,.2,1);display:inline-flex}.payments-page .p2-btn-md:hover{opacity:.9;text-decoration:none}.payments-page .p2-btn-md-lime{color:#121111;background-color:#cdf545;border-radius:10px;justify-content:center;align-items:center;padding:16px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .3s cubic-bezier(.2,.7,.2,1);display:inline-flex}.payments-page .p2-btn-md-lime:hover{opacity:.9;text-decoration:none}.payments-page .p2-btn-sm-indigo{color:#fff;background-color:#3313b3;border-radius:8px;justify-content:center;align-items:center;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.payments-page .p2-btn-sm-indigo:hover{opacity:.9;text-decoration:none}.payments-page .p2-sec-grad{color:#fff;background-image:linear-gradient(135deg,#3313b3 0%,#5b3fe0 100%);padding:88px 0}.payments-page .p2-sec-alt{background-color:#f7f7f9;padding:80px 0}.payments-page .p2-sec-white{background-color:#fff;padding:80px 0}.payments-page .p2-g2{grid-row-gap:clamp(40px,6vw,96px);grid-column-gap:clamp(40px,6vw,96px);grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;display:grid}.payments-page .p2-col{grid-column-gap:20px;grid-row-gap:20px;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.payments-page .p2-pill{color:#cdf545;letter-spacing:.1em;text-transform:uppercase;background-color:#cdf54529;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-block}.payments-page .p2-h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(40px,5.6vw,68px);font-weight:700;line-height:1.02}.payments-page .p2-lime{color:#cdf545}.payments-page .p2-lead{color:#ddd6ff;text-wrap:pretty;max-width:520px;margin:0;font-size:19px;line-height:1.5}.payments-page .p2-row{grid-column-gap:20px;grid-row-gap:20px;flex-wrap:wrap;align-items:center;display:flex}.payments-page .p2-micro{color:#ddd6ff;font-size:13px;line-height:1.4}.payments-page .p2-rating{grid-column-gap:16px;grid-row-gap:16px;border-top:1px solid #ffffff24;align-items:center;width:100%;max-width:520px;padding-top:12px;display:flex}.payments-page .p2-rating-n{color:#cdf545;letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:44px;font-weight:700;line-height:1}.payments-page .p2-rating-div{background-color:#ffffff24;align-self:stretch;width:1px}.payments-page .p2-stars{color:#ffd600;letter-spacing:.12em;font-size:15px}.payments-page .p2-cap{color:#ddd6ff;font-size:14px;line-height:1.4}.payments-page .p2-media{min-width:0;position:relative}.payments-page .p2-frame{border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #12111138}.payments-page .p2-frame-img{width:100%;display:block}.payments-page .p2-proof{grid-column-gap:14px;grid-row-gap:14px;background-color:#fff;border-radius:16px;align-items:center;padding:16px 20px;display:flex;position:absolute;bottom:36px;left:-12px;box-shadow:0 12px 32px #12111138}.payments-page .p2-proof-v{color:#121111;letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;line-height:1}.payments-page .p2-proof-l{color:#494948;font-size:13px;line-height:1.4}.payments-page .p2-stats{background-color:#fff;border-bottom:1px solid #e8e4f5;padding:56px 0}.payments-page .p2-stats-g{grid-column-gap:20px;grid-row-gap:24px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.payments-page .p2-stat{grid-column-gap:8px;grid-row-gap:8px;flex-direction:column;display:flex}.payments-page .p2-stat-v{color:#3313b3;letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:44px;font-weight:700;line-height:1}.payments-page .p2-stat-v-w{color:#3313b3;letter-spacing:-.04em;font-size:clamp(30px,3.2vw,40px);font-weight:700;line-height:1}.payments-page .p2-stat-l{color:#494948;max-width:220px;font-size:14px;line-height:1.4}.payments-page .p2-eyebrow{color:#3313b3;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.2}.payments-page .p2-eyebrow-lime{color:#cdf545;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.2}.payments-page .p2-h2{color:#121111;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(30px,4.4vw,48px);font-weight:700;line-height:1.08}.payments-page .p2-h2-w{color:#fff;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(32px,4.6vw,56px);font-weight:700;line-height:1.04}.payments-page .p2-sub{color:#494948;text-wrap:pretty;max-width:620px;margin:0;font-size:16px;line-height:1.55}.payments-page .p2-sub-w{color:#ddd6ff;text-wrap:pretty;max-width:620px;margin:0;font-size:16px;line-height:1.55}.payments-page .p2-headcol{grid-column-gap:12px;grid-row-gap:12px;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.payments-page .p2-headcol-cta{grid-column-gap:24px;grid-row-gap:24px;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.payments-page .p2-stack{grid-column-gap:14px;grid-row-gap:14px;min-width:0;display:grid}.payments-page .p2-rate{grid-column-gap:8px;grid-row-gap:8px;background-color:#f3f0ff;border-radius:20px;flex-direction:column;padding:32px;display:flex}.payments-page .p2-rate-v{color:#3313b3;letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:44px;font-weight:700;line-height:1}.payments-page .p2-rate-l{color:#494948;font-size:15px;line-height:1.6}.payments-page .p2-tickrow{grid-column-gap:12px;grid-row-gap:12px;color:#494948;align-items:center;font-size:15px;line-height:1.6;display:flex}.payments-page .p2-chips{grid-column-gap:10px;grid-row-gap:10px;flex-wrap:wrap;display:flex}.payments-page .p2-chip{color:#3313b3;background-color:#f3f0ff;border:1px solid #e8e4f5;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1}.payments-page .p2-cards{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}.payments-page .p2-card{grid-column-gap:12px;grid-row-gap:12px;background-color:#fff;border:1px solid #e8e4f5;border-radius:20px;flex-direction:column;padding:32px;display:flex}.payments-page .p2-card-h{color:#121111;letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600;line-height:1.25}.payments-page .p2-card-p{color:#494948;text-wrap:pretty;margin:0;font-size:15px;line-height:1.6}.payments-page .p2-glass{grid-column-gap:10px;grid-row-gap:10px;background-color:#ffffff14;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;padding:32px;display:flex}.payments-page .p2-glass-h{color:#fff;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700;line-height:1.15}.payments-page .p2-glass-p{color:#ddd6ff;text-wrap:pretty;margin:0;font-size:15px;line-height:1.6}.payments-page .p2-center{justify-content:center;display:flex}.payments-page .p2-colstack{grid-column-gap:40px;grid-row-gap:40px;flex-direction:column;display:flex}.payments-page .p2-list{grid-column-gap:14px;grid-row-gap:14px;background-color:#f3f0ff;border-radius:20px;min-width:0;margin:0;padding:32px;list-style:none;display:grid}.payments-page .p2-list-item{grid-column-gap:12px;grid-row-gap:12px;color:#121111;align-items:center;font-size:15px;font-weight:500;line-height:1.4;display:flex}.payments-page .p2-faq-in{grid-column-gap:32px;grid-row-gap:32px;flex-direction:column;max-width:800px;margin:0 auto;padding:0 clamp(20px,5vw,80px);display:flex}.payments-page .p2-faq-item{border-bottom:1px solid #e8e4f5;padding:20px 0}.payments-page .p2-faq-q{color:#121111;margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.3}.payments-page .p2-faq-a{color:#494948;max-width:680px;margin:0;font-size:15px;line-height:1.6}.payments-page .p2-cta{grid-column-gap:20px;grid-row-gap:20px;text-align:center;background-image:linear-gradient(135deg,#3313b3 0%,#5b3fe0 100%);border-radius:28px;flex-direction:column;align-items:center;padding:clamp(40px,6vw,80px);display:flex}.payments-page .p2-cta-h{color:#fff;letter-spacing:-.04em;text-wrap:balance;max-width:820px;margin:0;font-size:clamp(32px,4.6vw,56px);font-weight:700;line-height:1.04}.payments-page .p2-cta-sub{color:#ddd6ff;text-wrap:pretty;max-width:620px;margin:0;font-size:16px;line-height:1.55}.payments-page .p2-foot{color:#fff;background-color:#1b0f4f;padding:80px 0 40px}.payments-page .p2-foot-g{grid-column-gap:20px;grid-row-gap:40px;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.payments-page .p2-foot-col{grid-column-gap:12px;grid-row-gap:12px;flex-direction:column;align-items:flex-start;display:flex}.payments-page .p2-foot-link{color:#fff;font-size:15px;line-height:1.6;text-decoration:none}.payments-page .p2-foot-link:hover{text-decoration:underline}.payments-page .p2-foot-micro{color:#ffffffb8;font-size:13px;line-height:1.4}.payments-page .p2-foot-legal{color:#fff9;border-top:1px solid #ffffff24;margin-top:40px;padding-top:20px;font-size:13px}.payments-page .p2-sticky{z-index:60;background-color:#fff;border-top:1px solid #e8e4f5;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #12111114}.payments-page .p2-sticky-in{grid-column-gap:16px;grid-row-gap:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:12px clamp(20px,5vw,80px);display:flex}.payments-page .p2-sticky-t{color:#494948;font-size:13px}.payments-page .p2-mockwrap{justify-content:center;min-width:0;display:flex}.payments-page .p2-mock{border-radius:24px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 12px 32px #12111138}.payments-page .p2-mock2{width:100%;max-width:380px}.payments-page .p2-mock2-img{width:100%;display:block}.payments-page .p2-burger{grid-column-gap:5px;grid-row-gap:5px;cursor:pointer;flex-direction:column;justify-content:center;width:40px;height:40px;padding:0;display:none}.payments-page .p2-burger-bar{background-color:#fff;width:24px;height:2px;display:block}.payments-page .p2-mobile-nav{grid-column-gap:20px;grid-row-gap:20px;border-top:1px solid #ffffff24;flex-direction:column;width:100%;padding:20px clamp(20px,5vw,80px) 24px;display:none}.payments-page .p2-mobile-link{color:#fff;font-size:17px;font-weight:500;text-decoration:none}.payments-page .p2-login-1{color:#fff;font-size:15px;font-weight:500;text-decoration:none}.payments-page .p2-mobile-nav-1{grid-column-gap:20px;grid-row-gap:20px;border-top:1px solid #ffffff24;flex-direction:column;width:100%;padding:20px clamp(20px,5vw,80px) 24px;display:none}.payments-page .p2-burger2{grid-column-gap:5px;grid-row-gap:5px;cursor:pointer;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none}.payments-page .p2-burger2-bar{background-color:#fff;width:24px;height:2px;display:block}@media screen and (max-width:767px){.payments-page .p2-burger{display:flex}.payments-page .p2-nav-1, .payments-page .p2-login, .payments-page .p2-login-1{display:none}.payments-page .p2-mobile-nav-1, .payments-page .p2-burger2{display:flex}}

.payments-page{margin:0;font-family:'Landing Poppins',system-ui,sans-serif;color:#121111;-webkit-font-smoothing:antialiased}
.payments-page .p2-stat-v, .payments-page .p2-stat-v-w, .payments-page .p2-rate-v, .payments-page .p2-rating-n, .payments-page .p2-proof-v{font-family:'Landing Space Grotesk','Landing Poppins',sans-serif}
/* :where() keeps this at 0-0-1 so every component's own image class (logos, wordmarks) still wins */
.payments-page :where(.p2-wrap) img{max-width:100%;height:auto}
.payments-page .p2-wrap .p2-logo{height:26px;width:auto}
.payments-page .p2-wrap .cwr-footer-wordmark{height:22px;width:auto}

/* ---- icon sizing: never scales with adjacent text ---- */
.payments-page .p2-list svg, .payments-page .p2-list-item svg, .payments-page .p2-tickrow svg{width:22px!important;height:22px!important;flex:0 0 22px!important;align-self:flex-start;margin-top:1px}
.payments-page .p2-proof svg{width:34px!important;height:34px!important;flex:0 0 34px!important}
.payments-page .p2-card svg{width:26px!important;height:26px!important;flex:0 0 26px!important}
.payments-page .p2-list{grid-template-columns:1fr}

/* ---- grid safety: every track may shrink below its content ---- */
.payments-page .p2-g2>*, .payments-page .p2-cards>*, .payments-page .p2-stack>*, .payments-page .p2-stats-g>*, .payments-page .p2-foot-g>*{min-width:0}
.payments-page .p2-col, .payments-page .p2-headcol, .payments-page .p2-headcol-cta, .payments-page .p2-media, .payments-page .p2-stack, .payments-page .p2-mockwrap, .payments-page .p2-colstack{min-width:0}

/* ---- phones & small tablets ---- */
@media screen and (max-width:860px){
  .payments-page .p2-g2{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}
  .payments-page .p2-cards{grid-template-columns:minmax(0,1fr)!important}
  .payments-page .p2-stack{grid-template-columns:minmax(0,1fr)!important}
  .payments-page .p2-stats-g{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .payments-page .p2-mock2, .payments-page .p2-mockwrap, .payments-page .p2-frame, .payments-page .p2-media{max-width:100%!important}
}
@media screen and (max-width:767px){
  /* hero */
  .payments-page .p2-h1{font-size:40px}
  .payments-page .p2-sec-grad{padding:56px 0}
  .payments-page .p2-sec-alt, .payments-page .p2-sec-white{padding:56px 0}
  .payments-page .p2-proof{left:8px!important;bottom:16px!important;padding:12px 16px}
  .payments-page .p2-stats-g{grid-template-columns:minmax(0,1fr)!important}
  .payments-page .p2-rate, .payments-page .p2-glass, .payments-page .p2-card, .payments-page .p2-list{padding:24px}
  .payments-page .p2-btn, .payments-page .p2-btn-md, .payments-page .p2-btn-md-lime{width:100%;text-align:center}
  .payments-page .p2-sticky-in{gap:10px}
  .payments-page .p2-sticky-t{flex:1 1 100%;text-align:center}
  .payments-page .p2-btn-sm-indigo{width:100%;text-align:center}
}
/* the final CTA card's 40px padding left its button 240px at 360, wrapping the label */
@media screen and (max-width:400px){.payments-page .p2-wrap .p2-cta{padding-left:16px;padding-right:16px}}

/* lavender body text fell to 4.35:1 on the lower glass card; this is 5.1:1 there */
.payments-page .p2-wrap .p2-glass-p{color:#EEEBFF}

/* sticky bar waits until the hero button has scrolled away, so it never covers it */
.payments-page .p2-sticky{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.payments-page .p2-sticky.p2-sticky-off{transform:translateY(110%)}

/* ---- shared Join Header: burger, mobile menu, nav breakpoints (same rules as /join) ---- */
.payments-page .js-burger-bar{transition:transform .25s ease,opacity .2s ease}
.payments-page .js-burger.is-open .js-burger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.payments-page .js-burger.is-open .js-burger-bar:nth-child(2){opacity:0}
.payments-page .js-burger.is-open .js-burger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.payments-page .js-mobile-menu.is-open{display:flex}
@media (min-width:768px){.payments-page .js-mobile-menu, .payments-page .js-mobile-menu.is-open{display:none}}
@media (max-width:767px){.payments-page .js-nav{display:none}.payments-page .js-header-right .js-nav-link{display:none}}
@media (min-width:768px) and (max-width:820px){.payments-page .js-header-inner{gap:24px}.payments-page .js-header-right a[href*="/m/login"]{white-space:nowrap}}

/* ---- scroll reveal ---- */
.payments-page .p2-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.payments-page .p2-reveal.p2-in{opacity:1;transform:none}

/* ---- FAQ accordion ---- */
.payments-page .p2-faq-a{display:none}
.payments-page .p2-faq-a.p2-faq-open{display:block}
.payments-page .p2-faq-q{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.payments-page .p2-faq-plus{color:#3313B3;font-size:24px;line-height:1;transition:transform .25s cubic-bezier(.2,.7,.2,1)}

/* ---- focus visibility (system gap: source ships none) ---- */
.payments-page .p2-wrap a:focus-visible, .payments-page .p2-faq-q:focus-visible{outline:2px solid #CDF545;outline-offset:3px;border-radius:4px}
.payments-page .p2-sec-white a:focus-visible, .payments-page .p2-sec-alt a:focus-visible, .payments-page .p2-faq-q:focus-visible{outline-color:#3313B3}

@media (prefers-reduced-motion:reduce){.payments-page .p2-reveal{opacity:1;transform:none;transition:none}.payments-page .p2-sticky{transition:none}}


.payments-page .p2-faq-item[open] .p2-faq-a { display: block; }
.payments-page .p2-faq-item:not([open]) .p2-faq-a { display: none; }
.payments-page summary { list-style: none; }
.payments-page summary::-webkit-details-marker { display: none; }
.payments-page .p2-faq-q::after { content: '+'; font-size: 24px; }
.payments-page .p2-faq-item[open] .p2-faq-q::after { content: '−'; }

.payments-page { padding-bottom: 88px; }
.payments-page .payments-sticky { position: fixed; z-index: 50; bottom: 0; left: 0; right: 0; padding: 12px 24px; background: #f3f1ff; color: #1d1545; display: flex; align-items: center; justify-content: center; gap: 24px; box-shadow: 0 -2px 12px #0001; }
.payments-page .payments-sticky[hidden] { display: none; }
.payments-page .payments-sticky .p2-btn { margin: 0; flex: 0 0 auto; }
@media (max-width: 767px) { .payments-page .payments-sticky { padding: 10px 16px; gap: 8px; flex-direction: column; font-size: 12px; } .payments-page .payments-sticky .p2-btn { width: 100%; padding: 10px 18px; } .payments-page { padding-bottom: 116px; } }