.pay-hero{--pay-shadow-rgb: 18, 23, 18;background:radial-gradient(58% 80% at 84% 16%,color-mix(in srgb,var(--green-300) 24%,transparent) 0%,transparent 60%),var(--color-bg)}.pay-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:clamp(420px,46vw,540px);isolation:isolate}.pay-stage__glow{position:absolute;left:50%;top:50%;width:84%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:9999px;background:radial-gradient(circle at center,color-mix(in srgb,var(--green-300) 42%,transparent) 0%,color-mix(in srgb,var(--green-200) 28%,transparent) 40%,transparent 70%);filter:blur(28px);z-index:0;pointer-events:none}.pay-frame{position:relative;z-index:1;width:min(520px,96%);padding:12px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:color-mix(in srgb,var(--green-50) 55%,var(--color-surface));box-shadow:0 28px 60px rgba(var(--pay-shadow-rgb),.45)}.pay-panel{position:relative;z-index:1;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card)}.pay-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.pay-row--flagged{background:color-mix(in srgb,var(--green-50) 70%,var(--color-surface))}.pay-badge{position:absolute;z-index:5;top:-5px;right:-6px;perspective:700px;pointer-events:none}.pay-badge__flip{position:relative;width:124px;height:34px;transform-style:preserve-3d;transform:rotateX(180deg)}.pay-badge__face{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9999px;font-size:13px;font-weight:700;white-space:nowrap;backface-visibility:hidden;box-shadow:0 12px 26px rgba(var(--pay-shadow-rgb),.28)}.pay-badge__face--checking{background:var(--color-checking);color:var(--color-on-checking)}.pay-badge__face--reviewed{background:var(--color-cta);color:var(--color-on-brand);transform:rotateX(180deg)}.pay-badge__dot{width:8px;height:8px;border-radius:9999px;background:var(--color-on-checking)}.pay-badge__check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:9999px;background:color-mix(in srgb,var(--color-on-brand) 22%,transparent)}.pay-badge__check svg{width:11px;height:11px;color:var(--color-on-brand)}@media (prefers-reduced-motion: no-preference){.pay-badge{animation:pay-badge-in .6s cubic-bezier(.16,1,.3,1) .4s both}.pay-badge__flip{animation:pay-badge-flip 5.2s infinite}.pay-badge__dot{animation:pay-pulse 1.4s ease-in-out infinite}.pay-frame{animation:pay-frame-in .7s cubic-bezier(.16,1,.3,1) both}}@keyframes pay-badge-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pay-badge-flip{0%,38.5%{transform:rotateX(0);animation-timing-function:ease-in-out}50%,88.5%{transform:rotateX(180deg);animation-timing-function:ease-in-out}to{transform:rotateX(360deg)}}@keyframes pay-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.72)}}@keyframes pay-frame-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pay-cta{position:relative;isolation:isolate}.pay-cta__arrow{transition:transform .2s ease}.pay-cta:hover .pay-cta__arrow{transform:translate(4px)}.pay-cta:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:9999px;background:color-mix(in srgb,var(--green-400) 65%,transparent);opacity:.55;z-index:-1;pointer-events:none}@media (prefers-reduced-motion: no-preference){.pay-cta:before{animation:pay-cta-pulse 2.6s ease-in-out infinite}.pay-cta__arrow{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}}@keyframes pay-cta-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}.payc{background:var(--color-surface)}.payc__frame{position:relative;isolation:isolate}.payc__head{position:relative;z-index:1}.payc__row+.payc__row{margin-top:var(--space-24)}.payc__connector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none;display:none}@media (min-width: 1024px){.payc__connector{display:block}}.payc__path{stroke-width:2;stroke-linecap:round;stroke-dasharray:1 11;stroke-opacity:.55;animation:payc-flow 3.2s linear infinite}@keyframes payc-flow{to{stroke-dashoffset:-12}}.payc__node-dot{fill:var(--green-500)}.payc__node-halo{fill:var(--green-400);opacity:0;transform-box:fill-box;transform-origin:center;animation:payc-pulse 2.6s ease-out infinite}@keyframes payc-pulse{0%{transform:scale(.5);opacity:.45}70%{opacity:0}to{transform:scale(2.4);opacity:0}}.payc__row{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.payc__row[data-visible=true]{opacity:1;transform:none}@media (min-width: 1024px){.payc__row{grid-template-columns:1fr 1fr;gap:var(--space-16)}.payc__row+.payc__row{margin-top:var(--space-32)}.payc__row:nth-child(2n) .payc__text{order:2}.payc__row:nth-child(2n) .payc__visual{order:1}}@media (prefers-reduced-motion: reduce){.payc__row{opacity:1;transform:none;transition:none}.payc__path,.payc__node-halo{animation:none}.payc__node-halo{opacity:0}}.payf-feature{position:relative;isolation:isolate}.payf-feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(var(--green-300) 1px,transparent 1.4px);background-size:18px 18px;opacity:.4;-webkit-mask-image:radial-gradient(120% 120% at 85% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(120% 120% at 85% 0%,#000 0%,transparent 70%)}.payf-feature>*{position:relative}.payf-record{background-color:var(--green-50);background-image:radial-gradient(var(--green-200) 1px,transparent 1.4px);background-size:16px 16px}.payf-card{opacity:0;transform:translateY(44px) scale(.94);transition:opacity .5s ease-out,transform .7s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.payf--revealed .payf-card{opacity:1;transform:translateY(0) scale(1)}.payf--revealed .payf-card:nth-child(1){transition-delay:0s}.payf--revealed .payf-card:nth-child(2){transition-delay:.13s}.payf--revealed .payf-card:nth-child(3){transition-delay:.26s}.payf--revealed .payf-card:nth-child(4){transition-delay:.39s}@media (prefers-reduced-motion: reduce){.payf-card{opacity:1;transform:none;transition:none}}
