.saas-pay{--flyer-canvas:#0e1113;--flyer-glow-depth:rgb(36,45,59);--saas-bg:var(--flyer-canvas);--saas-muted:#8b8b96;--saas-lime:#c8ff3d;font-family:Inter,system-ui,-apple-system,sans-serif;color:#fff;min-height:100dvh;-webkit-font-smoothing:antialiased}.saas-pay *{box-sizing:border-box}.saas-pay-checkout{background:radial-gradient(ellipse 130% 95% at 50% 6%,color-mix(in srgb,var(--flyer-glow-depth) 65%,transparent) 0,color-mix(in srgb,var(--flyer-glow-depth) 28%,transparent) 42%,rgba(14,17,19,0) 68%),var(--flyer-canvas);color:#f5f7fb;min-height:100dvh}.saas-pay-checkout-main{width:min(100%,520px);margin:0 auto;padding:max(.95rem,env(safe-area-inset-top)) 1rem calc(2rem + env(safe-area-inset-bottom));animation:saasPayFadeIn .36s ease;font-size:.88rem}.saas-pay-checkout-head{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:1rem}.saas-pay-checkout-head h1{margin:1rem 0 0;width:100%;text-align:center;font-size:clamp(2.05rem,9.5vw,2.85rem);font-weight:800;letter-spacing:-.045em;line-height:1.08}.saas-pay-checkout-trust-lead{margin:.65rem 0 0;width:100%;text-align:center;font-size:clamp(.78rem,2.8vw,.88rem);font-weight:500;line-height:1.35;color:rgba(209,217,232,.82);letter-spacing:.01em}.saas-pay-checkout-trust-badge{width:fit-content;max-width:100%;box-sizing:border-box;margin-top:.55rem;align-self:center;display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .72rem .32rem .42rem;border-radius:999px;background:linear-gradient(180deg,#3a452e,#2a331f 48%,#252e1c);border:1px solid rgba(20,26,14,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.35),0 8px 28px rgba(0,0,0,.35)}.saas-pay-checkout-trust-badge__stack{display:flex;align-items:center;flex-shrink:0;padding-left:.08rem}.saas-pay-checkout-trust-badge__avatar{width:1.85rem;height:1.85rem;border-radius:50%;object-fit:cover;border:1.5px solid #161c12;box-shadow:0 0 0 1px rgba(255,255,255,.06);margin-left:-.52rem}.saas-pay-checkout-trust-badge__avatar:first-child{margin-left:0}.saas-pay-checkout-trust-badge__label{margin:0;flex:0 1 auto;font-size:clamp(.72rem,2.85vw,.88rem);font-weight:500;letter-spacing:-.015em;line-height:1.2;white-space:nowrap;color:#dff962;text-shadow:0 1px 0 rgba(0,0,0,.35)}.saas-pay-checkout-back{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;color:#8f97a9;text-decoration:none;font-size:.85rem}.saas-pay-billing{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.saas-pay-billing--checkout{margin:0 0 2.65rem;padding-bottom:6px}.saas-pay-billing-liquid{flex-shrink:0}.saas-pay .saas-pay-billing-liquid fieldset.switcher{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--c-content:#e4e6ec;--c-action:#03d5ff;--glass-reflex-dark:2;--glass-reflex-light:0.35;--saturation:150%;--fz:0.8125rem;--sw-pad-x:8px;--sw-pad-y:4px;--sw-pad-yb:4px;--sw-gap:6px;--sw-track:calc(100% - 2 * var(--sw-pad-x) - 1 * var(--sw-gap));--sw-slot:calc(var(--sw-track) / 2);--sw-shift:calc(var(--sw-slot) + var(--sw-gap));position:relative;z-index:1;display:flex;align-items:center;gap:var(--sw-gap);width:min(272px,calc(100vw - 2rem));max-width:min(272px,calc(100vw - 2rem));height:44px;box-sizing:border-box;padding:var(--sw-pad-y) var(--sw-pad-x) var(--sw-pad-yb);margin:0 auto;border:none;border-radius:99em;font-size:var(--fz);font-family:inherit;isolation:isolate;overflow:hidden;min-inline-size:0;background-color:color-mix(in srgb,var(--c-glass) 12%,transparent);backdrop-filter:blur(10px) saturate(var(--saturation));-webkit-backdrop-filter:blur(10px) saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 12%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 1px 5px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 6px 16px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent)}.saas-pay .saas-pay-billing-liquid fieldset.switcher .switcher__input,.saas-pay .saas-pay-billing-liquid fieldset.switcher .switcher__legend{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.saas-pay .saas-pay-billing-liquid fieldset.switcher .switcher__filter{position:absolute;width:0;height:0;z-index:-1}.saas-pay .saas-pay-billing-liquid fieldset.switcher .switcher__option{--c:var(--c-content);position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;justify-content:center;align-items:center;padding:0 6px;height:100%;box-sizing:border-box;border-radius:99em;opacity:1;transition:all .16s}.saas-pay .saas-pay-billing-liquid fieldset.switcher .switcher__option:hover{--c:var(--c-action);cursor:pointer}.saas-pay .saas-pay-billing-liquid fieldset.switcher .switcher__option:has(input:checked){--c:var(--c-content);cursor:default}.saas-pay .saas-pay-billing-liquid fieldset.switcher .switcher__text{display:block;font-size:var(--fz);font-weight:600;line-height:1.15;letter-spacing:.01em;color:var(--c);white-space:nowrap;transition:color .16s,scale .2s cubic-bezier(.5,0,0,1)}.saas-pay .saas-pay-billing-liquid fieldset.switcher:after{content:"";position:absolute;left:var(--sw-pad-x);top:var(--sw-pad-y);bottom:var(--sw-pad-yb);width:var(--sw-slot);box-sizing:border-box;border-radius:99em;background-color:color-mix(in srgb,var(--c-glass) 36%,transparent);z-index:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 3px 6px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent)}.saas-pay .saas-pay-billing-liquid fieldset.switcher:has(input[c-option="1"]:checked):after{left:var(--sw-pad-x);transform-origin:right;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1),left .4s cubic-bezier(1,0,.4,1);animation:saasBillingScaleToggle .44s ease}.saas-pay .saas-pay-billing-liquid fieldset.switcher:has(input[c-option="2"]:checked):after{left:calc(var(--sw-pad-x) + var(--sw-shift));transform-origin:left;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1),left .4s cubic-bezier(1,0,.4,1);animation:saasBillingScaleToggle2 .44s ease}.saas-pay-method,.saas-pay-timeline,.saas-pay-wallet-hero{background:#151920;border:1px solid #242a34;border-radius:1rem}.saas-pay-checkout .saas-pay-method,.saas-pay-checkout .saas-pay-wallet-hero{position:relative;isolation:isolate;z-index:3}.saas-pay-checkout .saas-pay-wallet-hero{margin-top:.7rem;padding:0;background:#000;border:1px solid rgba(255,255,255,.08);border-radius:clamp(1.4rem,4.8vw,1.85rem);box-shadow:0 14px 44px rgba(0,0,0,.55);overflow:hidden}.saas-pay-wallet-hero__glass{position:relative;border-radius:inherit;padding:.75rem 1rem;background:#000;isolation:isolate;overflow:hidden}.saas-pay-wallet-hero__glass--loading:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(95deg,transparent,rgba(255,255,255,.04) 45%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 55%,transparent);background-size:200% 100%;animation:saasPayWalletHeroShimmer 1.35s ease-in-out infinite;pointer-events:none}.saas-pay-wallet-mount.saas-pay-wallet-mount--hero{position:relative;z-index:2;min-height:48px;display:flex;align-items:center;justify-content:center;color:rgba(245,247,251,.68);font-size:.85rem;font-weight:650}.saas-pay-timeline{padding:.95rem .9rem;position:relative;z-index:0}.saas-pay-timeline-row{display:flex;align-items:flex-start;gap:.92rem}.saas-pay-timeline-row+.saas-pay-timeline-row{margin-top:.7rem}.saas-pay-timeline-marker{width:2rem;display:inline-flex;flex-direction:column;align-items:center;margin-top:.02rem;flex-shrink:0}.saas-pay-timeline-dot{width:1.7rem;height:1.7rem;border-radius:50%;background:#1b2029;color:#d7deed;border:1px solid rgba(176,186,206,.35);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.saas-pay-timeline-marker.is-active .saas-pay-timeline-dot,.saas-pay-timeline-marker.is-focus .saas-pay-timeline-dot{background:#f4f7ff;color:#0f141f;border-color:rgba(255,255,255,.95);box-shadow:0 0 0 2px rgba(255,255,255,.25),0 8px 24px rgba(0,0,0,.28)}.saas-pay-timeline-stem{width:4px;height:2.05rem;border-radius:999px;background:linear-gradient(180deg,rgba(163,180,212,.68),rgba(78,90,114,.34));margin-top:.08rem}.saas-pay-timeline-copy{flex:1;min-width:0}.saas-pay-timeline-copy p{margin:0;font-weight:600;font-size:.88rem}.saas-pay-timeline-copy small{display:block;margin-top:.18rem;color:#97a0b5;font-size:.78rem;line-height:1.35;overflow-wrap:normal;word-break:normal;hyphens:manual}.saas-pay-timeline-row strong{flex:0 0 auto;align-self:flex-start;font-size:.84rem;font-weight:600;text-align:right;line-height:1.3;white-space:nowrap}.saas-pay-method{margin-top:.85rem;padding:1rem .9rem}.saas-pay-wallet-divider{margin:0 0 .75rem;text-align:center;font-size:.72rem;color:#8f97a9;letter-spacing:.02em}.saas-pay-method label{display:block;margin:.55rem 0 .4rem;color:#e9ecf3;font-size:.78rem}.saas-pay-field{background:#131821;border:1px solid #262d3a;border-radius:.7rem;min-height:3.2rem;padding:.84rem .78rem;display:flex;align-items:center}.saas-pay-card-number-field{position:relative;padding-right:8.1rem}.saas-pay-field-placeholder{color:#6f7481;font-size:.72rem;pointer-events:none;user-select:none}.saas-pay-card-brands{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);display:inline-flex;pointer-events:none;z-index:3}.saas-pay-card-brand-logo--sheet{display:block;width:8.3rem;height:1.25rem;border-radius:.25rem;color:rgba(244,245,248,.62);font-size:.66rem;line-height:1.25rem;text-align:right;white-space:nowrap}.saas-pay-cvc-field,.saas-pay-expiry-field{position:relative}.saas-pay-cvc-field{padding-right:3.2rem}.saas-pay-cvc-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.8rem;height:1.15rem;border:1px solid rgba(143,151,169,.55);border-radius:.26rem;color:#8f97a9;font-size:.65rem;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.saas-pay-inline{display:flex;gap:.55rem}.saas-pay-inline>div{flex:1}.saas-pay-select-wrap select{width:100%;background:#131821;border:1px solid #262d3a;color:#f4f5f8;border-radius:.7rem;min-height:3rem;padding:0 .75rem;font-size:1rem}.saas-pay-feedback{margin:.8rem 0 0;font-size:.76rem}.saas-pay-feedback.is-error{color:#ff6d7c}.saas-pay-continue{margin-top:.85rem;width:100%;border:none;min-height:3.25rem;border-radius:.8rem;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:transform .16s ease,box-shadow .4s cubic-bezier(1,0,.4,1),background-color .4s cubic-bezier(1,0,.4,1);flex-wrap:wrap;text-align:center;line-height:1.25;padding:.5rem .75rem;cursor:pointer}.saas-pay-checkout .saas-pay-method>button.saas-pay-continue{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--c-content:#e4e6ec;--glass-reflex-dark:2;--glass-reflex-light:0.35;--saturation:150%;position:relative;isolation:isolate;overflow:hidden;min-height:3.45rem;border-radius:999px;padding:.65rem 1.25rem;background-color:color-mix(in srgb,var(--c-glass) 14%,transparent);backdrop-filter:blur(10px) saturate(var(--saturation));-webkit-backdrop-filter:blur(10px) saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 12%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 1px 5px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 12%),transparent),0 8px 22px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent);color:var(--c-content);font-size:clamp(.92rem,3.1vw,1.02rem);font-weight:700}.saas-pay-checkout .saas-pay-method>button.saas-pay-continue .saas-pay-continue-label{font-size:clamp(1.08rem,3.85vw,1.38rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;text-shadow:0 1px 12px color-mix(in srgb,var(--c-dark) 35%,transparent)}.saas-pay-continue:hover{transform:translateY(-1px)}.saas-pay-continue:disabled{opacity:.55;cursor:not-allowed;transform:none}@keyframes saasPayWalletHeroShimmer{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes saasBillingScaleToggle{0%{scale:1 1}50%{scale:1.08 1}to{scale:1 1}}@keyframes saasBillingScaleToggle2{0%{scale:1 1}50%{scale:1.12 1}to{scale:1 1}}@keyframes saasPayFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}