/* J1 kit: tiny animation helpers (finished state by default, replay when the card/step/panel turns on) */
.on .a-in,.cur .a-in{animation:ivIn .5s var(--ease) both;animation-delay:calc(.15s + var(--k,0)*.35s)}
.on .a-pop,.cur .a-pop{animation:ivPop .4s var(--spring) both;animation-delay:calc(.45s + var(--k,0)*.35s)}
.on .a-fl,.cur .a-fl{animation:ivFill .55s var(--ease) both;animation-delay:calc(.1s + var(--k,0)*.3s)}
.on .a-fd,.cur .a-fd{animation:ivFade .6s ease both;animation-delay:calc(.2s + var(--k,0)*.3s)}
.on .a-st,.cur .a-st{animation:ivStamp .6s var(--spring) both;animation-delay:calc(.7s + var(--k,0)*.3s)}
.on .a-dr,.cur .a-dr{animation:ivDraw 1.5s var(--ease) both;animation-delay:calc(.2s + var(--k,0)*.3s)}
.a-fl{transform-origin:left}.a-dr{stroke-dasharray:1;stroke-dashoffset:0}
.kr{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:9px;background:#fff;font:500 11px/1 var(--b);color:var(--ink);box-shadow:0 6px 14px -10px rgba(18,16,39,.4);white-space:nowrap;min-width:0}
.kr>svg{width:13px;height:13px;stroke:var(--purple);fill:none;stroke-width:1.8;flex:none}
.kr .kc{margin-left:auto}
.kok{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#16A34A;color:#fff;flex:none}.kok svg{width:9px;height:9px;stroke:#fff;fill:none;stroke-width:3.2}
.kl{display:block;height:5px;border-radius:4px;background:#ECEAF6}
.kd{background:#fff;border-radius:8px;box-shadow:0 8px 16px -12px rgba(18,16,39,.5);padding:8px;display:grid;gap:5px;align-content:start;min-width:0}
.kd>b{font:600 9.5px/1 var(--b);color:var(--ink);letter-spacing:.02em}
.kc{display:inline-block;padding:3px 7px;border-radius:99px;background:#EDE9FF;color:var(--purple);font:600 9.5px/1 var(--b)}.kc.g{background:#DCFCE7;color:#15803D}.kc.i{background:#121027;color:#fff}
.kcap{position:absolute;left:14px;top:12px;font:500 11px/14px var(--b);color:var(--ink-70)}
.bri1{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 10px}
.bri1 .kr{padding:5px 8px}.bri1 .kr b{font-weight:500;width:50px}.bri1 .kr .kl{flex:1}.bri1 .am{font:600 10.5px var(--b);font-style:normal;color:var(--ink-70);margin-left:2px}
.bri1 .kr.un{box-shadow:0 0 0 1.5px #F5A524,0 6px 14px -10px rgba(18,16,39,.4)}
.bri1 .kok.q{background:#F5A524;font:700 10px/1 var(--b);position:relative}
.on .bri1 .kok.q{animation:ivPop .3s var(--spring) .9s both,ivFade .3s ease 1.9s reverse forwards}
.bri2{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 10px}
.bri2 .src{display:grid;gap:5px}.bri2 .kr{padding:5px 7px;font-size:10px}.bri2>svg{width:26px;height:80px;overflow:visible}.bri2 path{fill:none;stroke:var(--purple);stroke-width:1.6;stroke-linecap:round}
.bri2 .pay{flex:1;padding:8px;border-radius:9px;background:#fff;box-shadow:0 8px 14px -10px rgba(18,16,39,.5);display:grid;gap:6px;min-width:0}.bri2 .pay b{font:600 10px var(--b)}
.bri2 .sg{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px}.bri2 .sg i{display:block;height:100%}.bri2 .n{background:#16A34A;flex:7}.bri2 .f{background:#B9B5CF;flex:1.2}.bri2 .r{background:#B9ACFF;flex:1.6}
.bri2 small{display:flex;align-items:center;gap:3px;font:500 8.5px/1 var(--b);color:var(--ink-70)}.bri2 small i{width:6px;height:6px;border-radius:50%}.bri2 small .n{flex:none}.bri2 small .f{flex:none}.bri2 small .r{flex:none;margin-left:0}
.bri3{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 12px}
.bri3 .cc{display:flex;gap:6px}.bri3 .cc span{padding:6px 8px;border-radius:99px;background:#fff;font:600 10px/1 var(--b);color:var(--ink);box-shadow:0 6px 12px -9px rgba(18,16,39,.5)}.bri3 .cc span:first-child{background:#121027;color:#fff}
.bri3 svg{width:100%;height:36px;overflow:visible}.bri3 path{fill:none;stroke:#16A34A;stroke-width:2.4;stroke-linecap:round}
.bri3 .fxp{display:flex;align-items:center;gap:5px;padding:5px 10px;border:2px solid #16A34A;border-radius:8px;color:#15803D;font:700 9.5px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.7)}.bri3 .fxp svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:3}
.bri4{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 10px}
.bri4 .kr{padding:6px 8px}.bri4 .kr b{font-weight:500;width:44px}.bri4 .kr .kl{flex:1}.bri4 .am{font:600 10.5px var(--b);font-style:normal;color:var(--ink-70)}
.bri4 .kr.dup{box-shadow:0 0 0 1.5px #EF4444,0 6px 14px -10px rgba(18,16,39,.4)}.bri4 .fl{position:absolute;right:-1px;top:-8px;padding:3px 7px;border-radius:99px;background:#EF4444;color:#fff;font:700 8.5px/1 var(--b);letter-spacing:.05em;text-transform:uppercase}.bri4 .kr{position:relative}
.bri4 .scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(95,76,224,.7),transparent);opacity:0}.on .bri4 .scan{animation:brscan 1.8s ease-in-out .1s 1 both}
@keyframes brscan{0%{top:6%;opacity:1}100%{top:94%;opacity:0}}
.brp1{display:flex;align-items:center;justify-content:center;gap:4px}.brp1 .pc{flex:none}.brp1 .bn{width:34px;height:34px;border-radius:9px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 14px -10px rgba(18,16,39,.5);color:var(--ink)}.brp1 .bn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7}
.brp1 .ln{width:14px;height:2px;background:repeating-linear-gradient(90deg,var(--purple) 0 4px,transparent 4px 7px)}.brp1 .pc{width:30px;height:30px;border-radius:50%;background:#121027;color:#fff;display:grid;place-items:center;font:500 13px var(--h);box-shadow:0 0 0 4px rgba(255,255,255,.8)}
.brp1 .tg{white-space:nowrap;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:#fff;font:600 9px/1 var(--b);box-shadow:0 6px 12px -9px rgba(18,16,39,.5)}.brp1 .tg b{width:16px;height:9px;border-radius:5px;background:#16A34A;position:relative}.brp1 .tg b::after{content:"";position:absolute;right:1.5px;top:1.5px;width:6px;height:6px;border-radius:50%;background:#fff}
.brp2{display:grid;place-items:center}.brp2 svg{width:130px;height:76px;overflow:visible}.brp2 .d circle{fill:#fff;stroke:#121027;stroke-width:2}.brp2 path{fill:none;stroke:#16A34A;stroke-width:2.2;stroke-linecap:round}
.brp3{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 50px 0 14px;align-items:stretch}.brp3 .kr{padding:5px 8px}.brp3 .kr b{font-weight:500}.brp3 .kr .kl{flex:1}.brp3 .kok.q{background:#F5A524;font:700 10px/1 var(--b)}
.brp3 .bb{position:absolute;right:16px;top:50%;margin-top:-13px;width:26px;height:26px;border-radius:50%;background:#121027;color:#fff;display:grid;place-items:center}.brp3 .bb svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2}
.brp4{display:flex;align-items:center;justify-content:center;gap:8px}.brp4 .kd{width:62px}.brp4 .kd .kl{height:8px;background:#121027}
.brp4 .df{padding:6px 8px;border-radius:99px;background:#16A34A;color:#fff;font:700 10.5px/1 var(--b)}.brp4 .lk{position:absolute;right:10px;top:8px;width:22px;height:22px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center}.brp4 .lk svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:3}
.brp5{display:grid;place-items:center}.brp5 .wa{width:130px;padding:9px;border-radius:2px 12px 12px 12px;background:#fff;box-shadow:0 8px 14px -10px rgba(18,16,39,.5);display:grid;gap:7px}
.brp5 .rw{display:flex;align-items:center;gap:7px}.brp5 .rw .kl{flex:1}.brp5 .rw .kl.s{flex:.6}.brp5 .dt{width:8px;height:8px;border-radius:50%;background:#F5A524}.brp5 .dt.p{background:var(--purple)}.brp5 .dt.g{background:#B9B5CF}
.brw1{align-content:center}.brw1 .tl{position:relative;width:78%;height:90px}.brw1 .bar{position:absolute;left:0;right:0;top:34px;height:4px;border-radius:2px;background:linear-gradient(90deg,#16A34A 0 38%,#D9D5EE 38%)}
.brw1 .n{position:absolute;top:50px;font:500 11px/14px var(--b);color:var(--ink-70);transform:translateX(-50%);white-space:nowrap}.brw1 .n0{left:0;transform:none}.brw1 .n1{left:38%;display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#121027;color:#fff;top:-6px;font-weight:600}.brw1 .n1 em{width:14px;height:14px;border-radius:50%;background:#16A34A;display:grid;place-items:center}.brw1 .n1 em svg{width:8px;height:8px;stroke:#fff;fill:none;stroke-width:3.4}.brw1 .n2{right:0;left:auto;transform:none}
.brw2{display:flex;align-items:center;justify-content:center;gap:0;padding:0 14px}.brw2 .bks{display:grid;gap:7px}.brw2 .kr{padding:7px 9px;width:84px}.brw2 .kr .kl{flex:1}.brw2>svg{width:36px;height:120px;overflow:visible}.brw2 path{fill:none;stroke:var(--purple);stroke-width:1.8;stroke-linecap:round}
.brw2 .co{width:44px;height:44px;border-radius:50%;background:#121027;color:#fff;display:grid;place-items:center;font:400 18px var(--h);box-shadow:0 0 0 5px rgba(255,255,255,.8);margin-left:-4px}.brw2 .cu{display:grid;gap:6px;margin-left:12px}.brw2 .cu span{padding:5px 9px;border-radius:99px;background:#fff;font:600 10px/1 var(--b);box-shadow:0 6px 12px -9px rgba(18,16,39,.5);text-align:center}
.brw3 svg{position:absolute;left:22px;right:22px;top:46px;width:calc(100% - 44px);height:110px;overflow:visible}.brw3 .gl{stroke:rgba(18,16,39,.08);stroke-dasharray:2 4;fill:none}.brw3 .ln{fill:none;stroke:#121027;stroke-width:2.4;stroke-linecap:round}.brw3 .fg{fill:#EF4444;stroke:#fff;stroke-width:2.5}
.brw3 .pl{position:absolute;right:16px;top:12px;display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;background:#fff;color:#15803D;font:600 11px/1 var(--b);box-shadow:0 8px 16px -10px rgba(18,16,39,.4)}.brw3 .pl svg{position:static;width:12px;height:12px;stroke:#16A34A;fill:none;stroke-width:3}
.bst{padding:20px;display:grid;gap:8px}.bst .hd b{display:block;font:500 14px/18px var(--b)}.bst .hd small{font:400 11px var(--b);color:var(--ink-70)}
.bst .rw{display:flex;align-items:center;gap:8px}.bst .rw .kl{flex:1}.bst .rw .kl.m{flex:.5}
.bst .df{display:flex;justify-content:space-between;align-items:baseline;padding:9px 11px;border-radius:9px;background:#F4F3FB;margin-top:4px}.bst .df small{font:700 9.5px var(--b);letter-spacing:.12em;color:var(--purple);text-transform:uppercase}.bst .df b{font:500 15px var(--b);color:#15803D}
.bst .stamp{position:static;margin:6px 0 -4px auto;width:max-content}