@layer components{.pay-page{--pay-ease:cubic-bezier(.22, 1, .36, 1);overflow-x:clip}.pay-page :where(section[id]){scroll-margin-top:7rem}.pay-ui{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lift)}.pay-ui-micro{font-size:11px;line-height:1.35}.pay-orbit{pointer-events:none;border:1px solid color-mix(in srgb, var(--brand) 16%, transparent);border-radius:999px}.pay-page [data-reveal]{opacity:0;transition:opacity .75s var(--pay-ease), transform .75s var(--pay-ease);transform:translateY(1rem)}.pay-page [data-reveal].is-revealed{opacity:1;transform:none}.pay-page [data-reveal-stagger]>*{opacity:0;transform:translateY(.85rem)}.pay-page [data-reveal-stagger].is-revealed>*{animation:pay-fade-up .7s var(--pay-ease) both}.pay-page [data-reveal-stagger].is-revealed>:first-child{animation-delay:0s}.pay-page [data-reveal-stagger].is-revealed>:nth-child(2){animation-delay:80ms}.pay-page [data-reveal-stagger].is-revealed>:nth-child(3){animation-delay:.16s}.pay-page [data-reveal-stagger].is-revealed>:nth-child(4){animation-delay:.24s}.pay-toast{animation:pay-toast-in .55s var(--pay-ease) both, pay-float 5s ease-in-out infinite}.pay-cta-arrow{transition:transform .2s}.group:hover .pay-cta-arrow{transform:translate(3px)}.pay-methods{justify-content:center;align-items:center;gap:1.25rem;margin-top:.95rem;padding:0;list-style:none;display:flex}.pay-methods li{opacity:.68;align-items:center;display:flex}.pay-methods img{width:auto;height:18px;display:block}.pay-methods img[alt=Mastercard]{height:22px}.pay-methods img[alt=Apple\ Pay],.pay-methods img[alt=Google\ Pay]{height:20px}.pay-methods--flow{justify-content:flex-start;gap:.85rem;margin-top:1.15rem}.pay-methods--flow li{opacity:.55}.pay-methods--flow img{height:14px}.pay-methods--flow img[alt=Mastercard],.pay-methods--flow img[alt=Apple\ Pay],.pay-methods--flow img[alt=Google\ Pay]{height:16px}.pay-flow-chips{flex-wrap:wrap;gap:.4rem;margin-top:1.15rem;padding:0;list-style:none;display:flex}.pay-flow-chips li{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:color-mix(in srgb, var(--surface-muted) 55%, white);color:var(--muted);letter-spacing:.01em;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:500;line-height:1.35}.pay-flow-bridge{z-index:40;pointer-events:none;backdrop-filter:blur(1.5px);background:#f8fafc6b;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:absolute;inset:0}.pay-flow-bridge.is-in{animation:.28s ease-out both pay-flow-bridge-in}.pay-flow-bridge.is-out{animation:.28s ease-in both pay-flow-bridge-out}@keyframes pay-flow-bridge-in{0%{opacity:0}to{opacity:1}}@keyframes pay-flow-bridge-out{0%{opacity:1}to{opacity:0}}.pay-flow-toast.live-note{pointer-events:none;width:min(20.25rem,100%);max-width:min(20.25rem,100%);position:relative;inset:auto}.pay-budget-pulse,.pay-click-pulse{border:2px solid color-mix(in srgb, var(--brand) 55%, white);pointer-events:none;border-radius:999px;animation:2.1s ease-out infinite pay-budget-pulse;position:absolute;inset:-5px}.pay-budget-fee{animation:pay-budget-fee-in .35s var(--pay-ease) both}.pay-budget-tip__box{z-index:4;background:var(--ink);color:#fff;opacity:0;pointer-events:none;width:13.5rem;transition:opacity .18s var(--pay-ease), transform .18s var(--pay-ease);border-radius:.75rem;padding:.55rem .7rem;font-size:11px;font-weight:500;line-height:1.4;position:absolute;bottom:calc(100% + .45rem);right:0;transform:translateY(4px)}.pay-budget-tip:hover .pay-budget-tip__box,.pay-budget-tip:focus-within .pay-budget-tip__box{opacity:1;transform:none}.pay-hero-logo{width:fit-content;display:block;position:relative}.pay-hero-logo__art{width:auto;height:100%;display:block}.pay-hero-logo__waves{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pay-hero-logo__wave{transform-box:fill-box;transform-origin:0;opacity:0;animation:1.8s cubic-bezier(.22,.7,.3,1) infinite pay-hero-wave}.pay-hero-logo__wave--1{animation-delay:0s}.pay-hero-logo__wave--2{animation-delay:.16s}.pay-hero-logo__wave--3{animation-delay:.32s}.pay-hero-logo__wave--4{animation-delay:.48s}}@keyframes pay-fade-up{0%{opacity:0;transform:translateY(.9rem)}to{opacity:1;transform:none}}@keyframes pay-toast-in{0%{opacity:0;transform:translate(.7rem,.35rem)scale(.96)}to{opacity:1;transform:none}}@keyframes pay-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pay-budget-pulse{0%{opacity:.7;transform:scale(.98)}70%,to{opacity:0;transform:scale(1.065)}}@keyframes pay-hero-wave{0%{opacity:0;transform:scale(.62)}22%{opacity:1;transform:scale(1)}58%{opacity:.2;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes pay-budget-fee-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pay-page [data-reveal],.pay-page [data-reveal-stagger]>*,.pay-toast,.pay-cta-arrow{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.pay-budget-pulse,.pay-click-pulse,.pay-budget-fee,.pay-hero-logo__wave{opacity:1!important;animation:none!important}.group:hover .pay-cta-arrow{transform:none}}
