.pay{--pay-ease:cubic-bezier(.2, .7, .2, 1);--pay-pop:cubic-bezier(.3, 1.6, .5, 1);--pay-card:#fff;--pay-card-2:color-mix(in srgb, var(--pay-bg) 55%, #fff);--pay-line:#002e271c;--pay-rule:color-mix(in srgb, var(--color-fx-dim) 38%, transparent);--pay-ink:var(--color-jungle-green);--pay-on-ink:var(--color-brand-powder);--pay-shadow:0 1px 2px #002e270f, 0 14px 34px -16px #002e273d;--pay-ok-bg:#00bf6f29;--pay-ok-ink:#006b43;--pay-warn-bg:#f7900929;--pay-warn-ink:#8a4b06;--pay-bad-bg:#f0443821;--pay-bad-ink:#a8200f;--pay-sec-bg:#7c68e629;--pay-sec-ink:#3d2f8f;--color-fx-fg:var(--color-jungle-green);--color-fx-accent:#006b43}[data-theme=dark] .pay{--pay-card:color-mix(in srgb, var(--pay-bg), #fff 6%);--pay-card-2:color-mix(in srgb, var(--pay-bg), #fff 10%);--pay-line:#eaf3ef1c;--pay-ink:var(--color-pastel-green);--pay-on-ink:var(--color-jungle-green);--pay-shadow:0 1px 2px #0006, 0 18px 38px -16px #000000a6;--pay-ok-bg:#00bf6f33;--pay-ok-ink:#8fe7b5;--pay-warn-bg:#f7900933;--pay-warn-ink:#f7c46c;--pay-bad-bg:#f0443833;--pay-bad-ink:#ff9e92;--pay-sec-bg:#9682ff38;--pay-sec-ink:#cfc6ff;--color-fx-fg:var(--color-brand-powder);--color-fx-accent:var(--color-pastel-green)}.pay-tone-hero{--pay-bg:#eef4fd;--pay-glow:#b9d8fd;--pay-glow-2:#d4f7e3;--color-fx-line:#cfdcee;--color-fx-dim:#4f5f72}.pay-tone-cream{--pay-bg:#fbf6e6;--pay-glow:#f3e4b0;--color-fx-line:#e3d8b9;--color-fx-dim:#5f5a44}.pay-tone-mint{--pay-bg:#eef7f1;--pay-glow:#c4ecd6;--color-fx-line:#cfe2d6;--color-fx-dim:#4d655b}.pay-tone-sky{--pay-bg:#eef4fc;--pay-glow:#c7defb;--color-fx-line:#d3dfee;--color-fx-dim:#4f5f72}.pay-tone-lilac{--pay-bg:#f4f1fc;--pay-glow:#d9d0fa;--color-fx-line:#ddd6f1;--color-fx-dim:#5d5873}.pay-tone-green{--pay-bg:#e9f7ef;--pay-glow:#c3efd6;--color-fx-line:#cbe5d6;--color-fx-dim:#4d655b}.pay-tone-peach{--pay-bg:#fcf4ec;--pay-glow:#f8d9be;--color-fx-line:#ecdccb;--color-fx-dim:#6b5947}.pay-tone-plain{--pay-bg:#f5f7f6;--pay-glow:#e6eeea;--color-fx-line:#dbe3df;--color-fx-dim:#4f6b66}[data-theme=dark] .pay-tone-hero{--pay-bg:#0f1b28;--pay-glow:#1f3d66;--pay-glow-2:#1d5141;--color-fx-line:#2a3a4e;--color-fx-dim:#b6c3d3}[data-theme=dark] .pay-tone-cream{--pay-bg:#1b1912;--pay-glow:#4a4220;--color-fx-line:#3d3828;--color-fx-dim:#cdc6ad}[data-theme=dark] .pay-tone-mint{--pay-bg:#0f1f19;--pay-glow:#1d5141;--color-fx-line:#2c4439;--color-fx-dim:#b8cbc1}[data-theme=dark] .pay-tone-sky{--pay-bg:#0f1a26;--pay-glow:#1f3d66;--color-fx-line:#2a3a4e;--color-fx-dim:#b6c3d3}[data-theme=dark] .pay-tone-lilac{--pay-bg:#17141f;--pay-glow:#3b3166;--color-fx-line:#3a3350;--color-fx-dim:#c4bdd8}[data-theme=dark] .pay-tone-green{--pay-bg:#0b231b;--pay-glow:#1d5141;--color-fx-line:#2a4a3c;--color-fx-dim:#b8cbc1}[data-theme=dark] .pay-tone-peach{--pay-bg:#1d1712;--pay-glow:#5b3618;--color-fx-line:#43362a;--color-fx-dim:#d4c3b1}[data-theme=dark] .pay-tone-plain{--pay-bg:#111f1c;--pay-glow:#1d3a32;--color-fx-line:#2a3c37;--color-fx-dim:#b8cbc1}.pay-stage{background:linear-gradient(160deg, color-mix(in srgb, var(--pay-glow) 70%, var(--pay-card)) 0%, var(--pay-card) 78%)}.pay-card{border:1px solid var(--pay-line);background:var(--pay-card);box-shadow:var(--pay-shadow);border-radius:18px}@keyframes pay-rise{0%{transform:translateY(36px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pay-rise{animation:linear both pay-rise;animation-timeline:view();animation-range:entry entry 75%}}}.pay-tag{font:600 12px / 1 var(--font-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:6px 9px;display:inline-flex}.pay-tag-ok{background:var(--pay-ok-bg);color:var(--pay-ok-ink)}.pay-tag-warn{background:var(--pay-warn-bg);color:var(--pay-warn-ink)}.pay-tag-bad{background:var(--pay-bad-bg);color:var(--pay-bad-ink)}.pay-tag-sec{background:var(--pay-sec-bg);color:var(--pay-sec-ink)}.pay-tag-neutral{background:var(--pay-card-2);color:var(--color-fx-dim);box-shadow:inset 0 0 0 1px var(--pay-line)}.pay-switch{background:var(--pay-rule);border-radius:999px;flex:none;width:34px;height:20px;transition:background-color .25s;position:relative}.pay-switch:after{content:"";width:16px;height:16px;transition:transform .25s var(--pay-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}[aria-checked=true]>.pay-switch{background:var(--color-green)}[aria-checked=true]>.pay-switch:after{transform:translate(14px)}.pay-radio{border:2px solid var(--pay-rule);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}[aria-pressed=true]>.pay-radio{border-color:var(--pay-ink)}[aria-pressed=true]>.pay-radio:after{content:"";background:var(--pay-ink);border-radius:50%;width:8px;height:8px}@keyframes pay-pop{0%{opacity:0;transform:scale(.5)}}@keyframes pay-row-in{0%{opacity:0;transform:translateY(-8px)}}.pay-hero{background:radial-gradient(55% 60% at 88% 18%, color-mix(in srgb, var(--pay-glow) 70%, transparent), transparent 70%), radial-gradient(40% 50% at 62% 96%, color-mix(in srgb, var(--pay-glow-2) 75%, transparent), transparent 70%), var(--pay-bg)}.pay-ha-camera{transform-origin:50% 90%;animation:pay-ha-camera 1.2s var(--pay-ease) both}.pay-ha-identity{animation:pay-ha-in .9s var(--pay-ease) .2s both}.pay-ha-lead{animation:1s cubic-bezier(.4,0,.2,1) .6s both pay-ha-trace}.pay-ha-card{z-index:1;color:#002e27;animation:pay-ha-paper 1.1s var(--pay-ease) .4s both;background:linear-gradient(160deg,#fffdf9,#edf3fb);border:1px solid #fff;border-radius:16px;padding:16px 18px 14px;position:relative;transform:rotate(3.5deg);box-shadow:0 1px 2px #001e1914,0 26px 46px -24px #001e1973}[data-theme=dark] .pay-ha-card{box-shadow:0 1px 2px #0006,0 30px 50px -22px #000000bf}.pay-ha-row{--t:calc(1.4s + var(--i) * 1.15s)}.pay-ha-row>*{animation:pay-ha-rise .5s var(--pay-ease) var(--t) both}.pay-ha-tag{animation:pay-pop .4s var(--pay-pop) calc(var(--t) + .2s) both}.pay-ha-tag-ok{color:#00552f;background:#dff5e8}.pay-ha-tag-sec{color:#3d2f8f;background:#e7e2fb}.pay-ha-proof{animation:pay-ha-rise .5s var(--pay-ease) 4s both}.pay-ha-svg :is(.pay-ha-tap,.pay-ha-stamp,.pay-ha-seal){transform-box:fill-box;transform-origin:50%}.pay-ha-ring{animation:.3s .8s both pay-ha-show}.pay-ha-tap{animation:.4s .9s pay-tap}.pay-ha-toast{animation:pay-ha-toast .5s var(--pay-pop) 1.1s both}.pay-ha-slip{animation:.8s cubic-bezier(.3,.7,.2,1) 1.7s both pay-ha-drop}.pay-ha-stamp{animation:pay-ha-stamp .5s var(--pay-pop) 2.3s both}.pay-ha-sign{stroke-dasharray:100;animation:.8s 2.9s both pay-sign}.pay-ha-seal{animation:pay-pop .45s var(--pay-pop) 3.4s both}@keyframes pay-ha-camera{0%{transform:translateY(10px)scale(.97)}}@keyframes pay-ha-in{0%{opacity:0;transform:translate(18px)}}@keyframes pay-ha-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pay-ha-paper{0%{opacity:0;transform:translate(26px,18px)rotate(3.5deg)}}@keyframes pay-ha-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes pay-ha-show{0%{opacity:0}}@keyframes pay-tap{50%{transform:scale(.84)}}@keyframes pay-ha-toast{0%{opacity:0;transform:translateY(14px)}}@keyframes pay-ha-drop{0%{opacity:0;transform:translateY(-54px)}}@keyframes pay-ha-stamp{0%{opacity:0;transform:scale(1.7)}}@keyframes pay-sign{0%{stroke-dashoffset:100px}}@media not (min-width:768px){.pay-ha-card{transform:rotate(2deg)}@keyframes pay-ha-paper{0%{opacity:0;transform:translate(18px,14px)rotate(2deg)}}}.pay-dots{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;display:grid}.pay-dots i{aspect-ratio:1;position:relative}.pay-dots i:before,.pay-dots i:after{content:"";transition:opacity .4s, transform .5s var(--pay-pop);border-radius:50%;position:absolute;inset:0}.pay-dots i:before,.pay-key[data-state=paid]{background:color-mix(in srgb, var(--color-green) 32%, var(--pay-card))}.pay-dots i[data-state=kept]:before,.pay-key[data-state=kept]{background:var(--color-green)}.pay-dots i:after,.pay-key[data-state=lost]{background:var(--pay-bad-bg);box-shadow:inset 0 0 0 2px var(--pay-bad-ink)}.pay-dots i:after{opacity:0;transform:scale(.7)}.pay-dots i[data-state=lost]:before{opacity:0;transform:scale(.3)}.pay-dots i[data-state=lost]:after{opacity:1;transform:scale(.8)}.pay-key{border-radius:50%;flex:none;width:11px;height:11px}.pay-meter{background:var(--pay-bad-bg);border-radius:7px;height:12px;position:relative}.pay-meter i{transform:scaleX(var(--p));transform-origin:0;transition:transform .8s var(--pay-ease);background:linear-gradient(90deg,#00bf6f,#3cdbc0);border-radius:7px;position:absolute;inset:0}.pay-meter span{background:var(--color-fx-fg);opacity:.55;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-5px;bottom:-5px}.pay-dv{grid-template-columns:300px minmax(0,1fr);align-items:center;gap:28px;display:grid}.pay-dv-devices{width:300px;max-width:100%;height:480px;position:relative}.pay-dvx{visibility:hidden;opacity:0;transition:opacity .45s var(--pay-ease), transform .45s var(--pay-ease), visibility .45s;place-items:center;display:grid;position:absolute;inset:0;transform:scale(.96)}.pay-dv[data-device=android] .pay-dvx[data-for=android],.pay-dv[data-device=ios] .pay-dvx[data-for=ios],.pay-dv[data-device=laptop] .pay-dvx[data-for=laptop]{visibility:visible;opacity:1;transform:none}.pay-phone{width:240px;height:480px;font-family:var(--font-secondary);background:linear-gradient(145deg,#2a3940,#0e181d);border-radius:40px;padding:10px;position:relative;box-shadow:0 34px 60px -30px #001e1999,inset 0 0 0 1.5px #ffffff14}.pay-phone[data-kind=ios]{background:linear-gradient(145deg,#e3e6ea,#a7aeb6);border-radius:46px;box-shadow:0 34px 60px -30px #001e198c,inset 0 0 0 1.5px #fff9}.pay-phone-screen{color:#11231f;background:#fbfcfc;border-radius:31px;height:100%;position:relative;overflow:hidden}.pay-phone[data-kind=ios] .pay-phone-screen{border-radius:37px}.pay-phone-notch{z-index:4;background:#0e181d;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:13px;left:50%}.pay-phone[data-kind=ios] .pay-phone-notch{background:#0b1114;border-radius:12px;width:74px;height:22px;margin-left:-37px;top:11px}.pay-phone-ui{flex-direction:column;gap:10px;padding:44px 16px 18px;display:flex;position:absolute;inset:0}.pay-brand{font:800 15px / 1 var(--font-secondary);letter-spacing:.24em;color:#3b2350}.pay-dv-item{font:500 12px / 1.2 var(--font-secondary);color:#5a6a66}.pay-dv-sum{font:500 13px / 1.2 var(--font-secondary);background:#f5f0fa;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pay-dv-sum b{font:700 15px / 1 var(--font-secondary)}.pay-dv-k{font:600 12px / 1.2 var(--font-secondary);color:#4b5b58}.pay-dv-apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.pay-dv-apps i{aspect-ratio:1;background:var(--app);transition:transform .3s var(--pay-ease), box-shadow .3s;border-radius:13px;box-shadow:inset 0 0 0 3px #ffffff38}.pay-dv:is([data-phase=pick],[data-phase=sheet],[data-phase=paid]) .pay-dv-apps i:first-child{transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 0 0 5px #00bf6f}.pay-dv[data-phase=press] .pay-dv-apps i:first-child{transform:scale(.9);box-shadow:0 0 0 3px #fff,0 0 0 5px #00bf6f}.pay-dv-alt{flex-direction:column;gap:6px;display:flex}.pay-dv-alt span{font:600 13px / 1.2 var(--font-secondary);color:#4b5b58;border:1.5px solid #e1e8e6;border-radius:10px;padding:9px 11px}.pay-dv-list{flex-direction:column;gap:7px;display:flex}.pay-dv-list>span{border:1.5px solid #e1e8e6;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .3s,background-color .3s,transform .2s;display:flex}.pay-dv-list i{background:var(--app);border-radius:8px;flex:none;width:26px;height:26px}.pay-dv-list s{background:#e4ece9;border-radius:4px;height:7px;display:block}.pay-dv-list em{font:700 12px / 1 var(--font-secondary);color:#0f2d27;margin-left:auto;font-style:normal}.pay-dv:is([data-phase=pick],[data-phase=press],[data-phase=sheet],[data-phase=paid]) .pay-dv-list>span:first-child{background:#effbf5;border-color:#00bf6f}.pay-dv[data-phase=press] .pay-dv-list>span:first-child{transform:scale(.97)}.pay-dv-note{font:600 12px / 1.3 var(--font-secondary);color:#0a6b43;align-items:center;gap:6px;display:flex}.pay-dv-sheet{z-index:2;text-align:center;transition:transform .45s var(--pay-ease);background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px 16px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;transform:translateY(115%);box-shadow:0 -10px 30px -10px #001e1959}.pay-dv[data-phase=sheet] .pay-dv-sheet{transform:none}.pay-dv-sheet>i{background:var(--app);border-radius:13px;width:42px;height:42px}.pay-dv-sheet b{font:700 14px / 1.2 var(--font-secondary);color:#11231f}.pay-dv-sheet>span{font:500 12px / 1.3 var(--font-secondary);color:#5a6a66}.pay-dv-sheet s{background:#e5ecea;border-radius:2px;width:100%;height:4px;margin-top:4px;display:block;overflow:hidden}.pay-dv-sheet s i{transform-origin:0;background:#00bf6f;height:100%;transition:transform 1.4s linear;display:block;transform:scaleX(0)}.pay-dv[data-phase=sheet] .pay-dv-sheet s i{transform:scaleX(1)}.pay-paid{z-index:3;color:#fff;font-family:var(--font-secondary);visibility:hidden;opacity:0;transition:opacity .35s, transform .45s var(--pay-pop), visibility .35s;background:#0f2d27;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;padding:12px 14px;display:grid;position:absolute;bottom:8px;left:8px;right:8px;transform:translateY(24px);box-shadow:0 -10px 30px -12px #001e1973}.pay-paid>span{color:#002e27;background:#00bf6f;border-radius:50%;grid-row:span 2;place-items:center;width:36px;height:36px;display:grid}.pay-paid b{font:700 14px / 1.25 var(--font-secondary)}.pay-paid small{font:500 12px / 1.3 var(--font-secondary);color:#b6d0c4}.pay-dv[data-phase=paid] .pay-paid{visibility:visible;opacity:1;transform:none}.pay-laptop{width:300px;max-width:100%;font-family:var(--font-secondary)}.pay-laptop-screen{background:linear-gradient(145deg,#2a3940,#0e181d);border-radius:14px 14px 0 0;padding:8px;box-shadow:0 30px 50px -30px #001e1999}.pay-laptop-in{color:#11231f;background:#fbfcfc;border-radius:6px;grid-template-columns:minmax(0,1fr) 112px;gap:10px;height:196px;padding:12px;display:grid;position:relative;overflow:hidden}.pay-laptop-in .pay-brand{letter-spacing:.22em;font-size:13px}.pay-laptop-base{background:linear-gradient(#cfd5d9,#9aa4aa);border-radius:0 0 12px 12px;height:12px;margin:0 -16px}.pay-laptop-amount{font:700 19px / 1.1 var(--font-secondary);margin-bottom:4px}.pay-laptop-input{font:500 12px / 1 var(--font-mono);border:1.5px solid #dfe6e4;border-radius:7px;padding:6px 8px}.pay-laptop-ok{color:#0a6b43;font:600 12px / 1 var(--font-secondary);background:#e5f7ed;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:4px 7px;display:inline-flex}.pay-laptop-qr{font:500 12px / 1.25 var(--font-secondary);color:#5a6a66;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pay-qr{background:#fff;border:1.5px solid #dfe6e4;border-radius:8px;width:104px;height:104px;padding:6px;display:block;position:relative}.pay-qr svg{width:100%;height:100%;display:block}.pay-qr i{opacity:0;background:#00bf6f;border-radius:1px;height:2px;position:absolute;top:6px;left:6px;right:6px;box-shadow:0 0 8px #00bf6f}.pay-dv[data-phase=scan] .pay-qr i{animation:1.2s ease-in-out 2 pay-scan}@keyframes pay-scan{0%,to{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(88px)}}.pay-laptop-phone{z-index:2;color:#fff;font:600 12px / 1 var(--font-secondary);white-space:nowrap;opacity:0;transition:transform .4s var(--pay-ease), opacity .4s;background:#0f2d27;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%,40px)}.pay-dv[data-phase=phone] .pay-laptop-phone{opacity:1;transform:translate(-50%)}.pay-dc{flex-direction:column;padding:18px;display:none}.pay-dv[data-device=android] .pay-dc[data-for=android],.pay-dv[data-device=ios] .pay-dc[data-for=ios],.pay-dv[data-device=laptop] .pay-dc[data-for=laptop]{display:flex}.pay-dc dl>div{border-bottom:1px dashed var(--pay-line);grid-template-columns:62px minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.pay-dc dt{color:var(--color-fx-dim)}.pay-dv-steps{flex-direction:column;gap:9px;display:flex}.pay-dv-steps li{font-size:var(--text-xs);color:var(--color-fx-dim);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;font-weight:600;line-height:1.35;transition:color .35s;display:grid}.pay-dv-steps i{border:2px solid var(--pay-rule);width:24px;height:24px;font:600 12px / 1 var(--font-mono);border-radius:50%;place-items:center;font-style:normal;transition:background-color .3s,border-color .3s,color .3s;display:grid}.pay-dv[data-step="1"] .pay-dv-steps li:nth-child(-n+1),.pay-dv[data-step="2"] .pay-dv-steps li:nth-child(-n+2),.pay-dv[data-step="3"] .pay-dv-steps li{color:var(--color-fx-fg)}.pay-dv[data-step="1"] .pay-dv-steps li:nth-child(-n+1) i,.pay-dv[data-step="2"] .pay-dv-steps li:nth-child(-n+2) i,.pay-dv[data-step="3"] .pay-dv-steps li i{border-color:var(--color-green);background:var(--color-green);color:#002e27}@media not (min-width:768px),(992px<=width<1200px){.pay-dv{grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px}.pay-dc{width:100%}}.pay-rt-row{grid-template-columns:92px minmax(0,1fr) 156px;align-items:center;gap:12px;display:grid}.pay-rt-lane{height:18px;position:relative;overflow:hidden}.pay-rt-lane:before{content:"";background:repeating-linear-gradient(to right, var(--pay-rule) 0 6px, transparent 6px 12px);height:2px;position:absolute;top:8px;left:0;right:0}.pay-rt-lane i{position:absolute;inset:0;transform:translate(-100%)}.pay-rt-lane i:after{content:"";background:var(--color-green);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-green) 22%, transparent);border-radius:50%;transition:background-color .3s;position:absolute;top:4px;right:3px}.pay-rt-lane[data-run=true] i{animation:1.6s cubic-bezier(.45,0,.25,1) 2 both pay-packet}@keyframes pay-packet{0%{opacity:1;transform:translate(-100%)}85%{opacity:1}to{opacity:0;transform:translate(0)}}.pay-rt-row[data-route=failing] .pay-rt-lane i:after{background:var(--pay-bad-ink);box-shadow:0 0 0 3px var(--pay-bad-bg)}.pay-rt-to{height:48px;position:relative}.pay-rt-to>span{border:1.5px solid var(--pay-line);background:var(--pay-card-2);transition:opacity .35s, transform .4s var(--pay-ease), border-color .3s;border-radius:12px;flex-direction:column;justify-content:center;gap:3px;padding:0 12px;display:flex;position:absolute;inset:0}.pay-rt-to b{font:700 13px / 1.2 var(--font-secondary)}.pay-rt-to small{font:500 12px / 1.2 var(--font-secondary);color:var(--color-fx-dim)}.pay-rt-to>.pay-rt-b{border-color:var(--color-green);opacity:0;transform:translateY(8px)}.pay-rt-b small{color:var(--color-fx-accent)}.pay-rt-row[data-route=second] .pay-rt-a{opacity:0;transform:translateY(-8px)}.pay-rt-row[data-route=second] .pay-rt-b{opacity:1;transform:none}.pay-rt-row[data-route=failing] .pay-rt-a{border-color:var(--pay-bad-ink)}.pay-rt-row[data-route=failing] .pay-rt-a small{color:var(--pay-bad-ink)}@media not (min-width:768px){.pay-rt-row{grid-template-columns:70px minmax(0,1fr) 132px;gap:8px}}.pay-mandate-card{color:#2b1d3f;background:#fff;border:1px solid #e3dcf5;border-radius:16px;padding:14px;box-shadow:0 18px 30px -22px #28145a80}.pay-mandate-card .pay-tag{color:#0a6b43;background:#e5f7ed}.pay-bottle{background:linear-gradient(#3b2350 0 28%,#dccbeb 28%);border-radius:6px 6px 8px 8px;flex:none;width:24px;height:40px}.pay-months{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.pay-months li{border:1px solid var(--pay-line);background:var(--pay-card);font:600 13px / 1 var(--font-secondary);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:11px 4px;transition:opacity .4s,box-shadow .3s;display:flex}.pay-months i{border:2px dashed var(--pay-rule);border-radius:50%;place-items:center;width:26px;height:26px;transition:background-color .3s;display:grid;position:relative}.pay-months svg{opacity:0;transition:opacity .3s;position:absolute}.pay-months li[data-state=paid] i{background:var(--color-green);color:#002e27;animation:pay-pop .45s var(--pay-pop);border:0}.pay-months li[data-state=fail] i{background:var(--pay-bad-bg);color:var(--pay-bad-ink);animation:pay-pop .45s var(--pay-pop);border:0}.pay-months li[data-state=paid] .pay-month-ok,.pay-months li[data-state=fail] .pay-month-x{opacity:1}.pay-months li[data-state=now]{box-shadow:0 0 0 2px var(--color-green)}.pay-months li[data-state=now] i{border-style:solid;border-color:var(--color-green)}.pay-months li[data-state=paused]{color:var(--color-fx-dim);background:0 0;border-style:dashed}.pay-dun-row{background:var(--pay-card-2);border-radius:11px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:7px 11px;display:grid}.pay-dun-row[data-state=in]{animation:pay-row-in .6s var(--pay-ease)}.pay-dun-row[data-state=wait]{box-shadow:inset 0 0 0 1.5px var(--pay-line);background:0 0}.pay-dun-row[data-state=none]{visibility:hidden}@media not (min-width:768px){.pay-months{grid-template-columns:repeat(3,minmax(0,1fr))}.pay-dun-row{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding-inline:9px}}.pay-slip{color:#3a2f12;font-family:var(--font-secondary);transition:transform .6s var(--pay-ease);background:#fffaf0;border:1px solid #eadfc4;border-radius:12px;padding:14px;transform:rotate(-2deg);box-shadow:0 18px 30px -20px #3c280080}.pay-va[data-sending=true] .pay-slip{transform:translate(8px)scale(.97)}.pay-va[data-sending=true] .pay-va-arrow{animation:pay-nudge .8s var(--pay-ease)}@keyframes pay-nudge{50%{transform:translate(6px)}}.pay-bar{background:color-mix(in srgb, var(--color-fx-dim) 16%, transparent);border-radius:6px;height:10px;display:block;overflow:hidden}.pay-bar i{height:100%;transform:scaleX(var(--f,0));transform-origin:0;transition:transform 1s var(--pay-ease);background:linear-gradient(90deg,#00bf6f,#3cdbc0);border-radius:6px;display:block}.pay-credit{border:1.5px dashed color-mix(in srgb, var(--color-green) 60%, transparent);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 14px;transition:border-color .4s,color .4s;display:flex}.pay-credit[data-on=false]{border-color:var(--pay-rule);color:var(--color-fx-dim)}.pay-feed-row{background:var(--pay-card-2);border-radius:11px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:9px 11px;transition:opacity .4s;display:grid}.pay-feed-row[data-in=true]{animation:pay-row-in .6s var(--pay-ease)}.pay-feed-row[data-in=false]{box-shadow:inset 0 0 0 1.5px var(--pay-line);opacity:.45;background:0 0}.pay-feed-row[data-in=false]>*{visibility:hidden}@media not (min-width:768px){.pay-va-arrow{transform:rotate(90deg)}.pay-va[data-sending=true] .pay-va-arrow{animation:none}.pay-feed-row{grid-template-columns:64px minmax(0,1fr) auto;gap:4px 8px}}.pay-gauge-track{stroke:color-mix(in srgb, var(--color-fx-dim) 18%, transparent);stroke-width:16px;stroke-linecap:round}.pay-gauge-fill{stroke:var(--color-green);stroke-width:16px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--off,0);transition:stroke-dashoffset 1s var(--pay-ease), stroke .3s}.pay-cr[data-paused=true] .pay-gauge-fill{stroke:var(--pay-rule)}.pay-cr-terms{background:var(--pay-card-2);border-radius:12px;padding:2px 12px;transition:box-shadow .3s;display:grid}.pay-cr-terms div{border-bottom:1px dashed var(--pay-line);font:500 13px / 1.3 var(--font-secondary);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.pay-cr-terms div:last-child{border-bottom:0}.pay-cr-terms dt{color:var(--color-fx-dim)}.pay-cr-terms dd{text-align:right;font-weight:600}.pay-cr[data-at="1"] .pay-cr-terms,.pay-cr[data-at="2"] .pay-cr-mandate,.pay-cr[data-at="3"] .pay-cr-order,.pay-cr[data-at="4"] .pay-cr-due{box-shadow:0 0 0 2px var(--color-green), var(--pay-shadow)}.pay-cr-mandate{color:#2a2150;font-family:var(--font-secondary);background:#fff;border:1px solid #ddd6f5;border-radius:16px;padding-bottom:50px;transition:filter .4s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 18px 30px -22px #28145a80}.pay-cr:is([data-at="0"],[data-at="1"]) .pay-cr-mandate{filter:saturate(0)}.pay-cr-auth{font:600 12px / 1.25 var(--font-secondary);background:#f4f1ff;border-radius:10px;align-items:center;gap:10px;margin:10px 14px 0;padding:9px 76px 9px 10px;display:flex}.pay-cr-auth s{background:#e4defc;border-radius:3px;height:5px;display:block;overflow:hidden}.pay-cr-auth s i{transform-origin:0;background:#7c68e6;height:100%;transition:transform 1s;display:block;transform:scaleX(0)}.pay-cr-sign{width:118px;height:36px;margin:8px 14px 0;display:block}.pay-cr-sign path{stroke:#2a2150;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset 1.2s}.pay-cr-seal{color:#002e27;font:700 12px / 1 var(--font-secondary);transition:transform .45s var(--pay-pop), background-color .3s;background:#00bf6f;border-radius:999px;padding:7px 11px;position:absolute;bottom:14px;right:14px;transform:rotate(-12deg)scale(0)}.pay-cr:not([data-at="0"],[data-at="1"]) .pay-cr-auth s i{transform:scaleX(1)}.pay-cr:not([data-at="0"],[data-at="1"]) .pay-cr-sign path{stroke-dashoffset:0}.pay-cr:not([data-at="0"],[data-at="1"]) .pay-cr-seal{transition-delay:.9s,0s;transform:rotate(-6deg)}.pay-cr[data-paused=true] .pay-cr-seal{color:#2b1700;background:#f79009}.pay-cr-order,.pay-cr-due{transition:filter .4s, transform .5s var(--pay-ease), box-shadow .3s}.pay-cr:is([data-at="0"],[data-at="1"],[data-at="2"]) :is(.pay-cr-order,.pay-cr-due){filter:saturate(0);transform:translateY(6px)}.pay-cr-due-state{color:var(--color-fx-dim)}.pay-cr-due-state[data-tone=ok]{color:var(--pay-ok-ink);font-weight:600}.pay-cr-due-state[data-tone=fail]{color:var(--pay-bad-ink);font-weight:600}.pay-also{transition:transform .3s var(--pay-ease), box-shadow .3s}.pay-also:hover{box-shadow:var(--pay-shadow);transform:translateY(-3px)}.pay-tickets{min-height:330px;display:grid}.pay-tickets li{color:#002e27;width:min(100%,320px);transform:translate(calc((var(--i) - 1) * 26px), calc((var(--i) - 1) * 96px)) rotate(calc((var(--i) - 1) * 3deg));background:#fff;border-radius:18px;flex-direction:column;grid-area:1/1;place-self:center;gap:3px;padding:16px 20px;display:flex;position:relative;box-shadow:0 24px 40px -24px #002e2799}.pay-ticket-stamp{font:800 12px / 1 var(--font-secondary);letter-spacing:.08em;text-transform:uppercase;background:#d8f9e6;border:2px solid #002e27;border-radius:10px;align-items:center;gap:4px;margin-top:-14px;padding:6px 10px;display:inline-flex;position:absolute;top:50%;right:16px;transform:rotate(8deg)}@keyframes pay-deal{0%{transform:translate(0)rotate(0)}}@keyframes pay-stamp-in{0%{transform:rotate(8deg)scale(0)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pay-tickets li{animation:linear both pay-deal;animation-timeline:view();animation-range:entry 20% cover 45%}.pay-ticket-stamp{animation:linear both pay-stamp-in;animation-timeline:view();animation-range:entry 70% cover 50%}}}@media (prefers-reduced-motion:reduce){.pay *,.pay :before,.pay :after{transition:none!important;animation:none!important}}
