/* 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)}
.s1{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 10px}
.s1 .kr{padding:5px 8px;gap:6px}.s1 .kr b{font-weight:500}.s1 .kr .kok{margin-left:2px}
.s2{padding:8px 10px}.s2 .hd{display:flex;justify-content:space-between;font:600 9.5px var(--b);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-70);margin:0 2px 5px}
.s2 .rw{display:flex;align-items:center;gap:4px;margin-bottom:5px}.s2 .rw .kr{padding:5px 7px;font-size:10.5px;width:50px;justify-content:center;flex:none}.s2 .rw .kl{flex:1;height:2px}
.s3{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 10px;align-content:center}
.s3 .kd{height:100px;align-content:start}.s3 svg{width:100%;height:46px;overflow:visible;margin-top:10px}.s3 svg path{fill:none;stroke:#16A34A;stroke-width:2.4;stroke-linecap:round}
.s3 .bb{display:block;height:9px;border-radius:3px;background:#121027;margin-top:7px;transform-origin:left}.s3 .bb.s{width:60%;background:#B9ACFF;margin-top:5px}.s3 .bb.t{width:40%;background:#CFC9F5;margin-top:5px}
.s4{display:flex;flex-direction:column;gap:5px;padding:8px 12px;justify-content:center}
.s4 .wh{display:flex;align-items:center;gap:6px;font:600 10px var(--b);color:var(--ink-70)}.s4 .wh i{width:16px;height:16px;border-radius:50%;background:#1FAF54;color:#fff;display:grid;place-items:center}.s4 .wh i svg{width:9px;height:9px;stroke:#fff;fill:none;stroke-width:2}
.s4 .bub{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:2px 10px 10px 10px;background:#fff;font:500 11px/1 var(--b);box-shadow:0 6px 12px -10px rgba(18,16,39,.5)}
.s4 .bub em{display:inline-flex;font-style:normal;color:#16A34A}.s4 .bub em svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:3;margin-left:-4px}
.q1{display:flex;align-items:center;justify-content:center;gap:8px}
.q1 .fi{width:30px;height:30px;border-radius:9px;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 8px 14px -10px rgba(18,16,39,.5)}.q1 .fi svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7}
.q1 .tr{width:18px;height:2px;background:repeating-linear-gradient(90deg,var(--purple) 0 5px,transparent 5px 9px)}
.q1 .pt{width:38px;height:38px;border-radius:50%;background:#121027;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 5px rgba(255,255,255,.8)}.q1 .pt svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.q2{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 14px}
.q2 .rw{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;background:#fff;box-shadow:0 6px 12px -10px rgba(18,16,39,.4)}.q2 .kl{flex:1}
.q3{display:flex;align-items:center;justify-content:center;gap:10px}.q3 .kd{width:76px}.q3 .kl.s{width:60%}
.q3 .eq{width:26px;height:26px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center;font:600 15px/1 var(--b)}
.q4{display:flex;align-items:center;justify-content:center;gap:14px}
.q4 .cal{width:96px;border-radius:9px;background:#fff;box-shadow:0 10px 18px -12px rgba(18,16,39,.5);overflow:hidden}.q4 .cal b{display:block;background:#121027;color:#fff;font:600 9px/1 var(--b);padding:5px 8px;letter-spacing:.08em;text-transform:uppercase}
.q4 .dg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px}.q4 .dg i{height:8px;border-radius:2px;background:#ECEAF6}.q4 .dg i.hi{background:var(--purple)}
.q4 .seal{width:38px;height:38px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px rgba(255,255,255,.9)}.q4 .seal svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.2}
.q5{display:flex;align-items:center;justify-content:center;gap:8px}
.q5 .av{width:34px;height:34px;border-radius:50%;background:#121027;color:#fff;display:grid;place-items:center;font:500 13px var(--h)}.q5 .av.b{background:#fff;color:var(--purple);box-shadow:0 8px 14px -10px rgba(18,16,39,.5);margin-left:-18px}.q5 .av.b svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.q5 svg:last-child{width:70px;height:40px;margin-left:8px;overflow:visible}.q5 svg path{fill:none;stroke:#16A34A;stroke-width:2.6;stroke-linecap:round}
.u1{align-content:center}
.u1 .cg{display:grid;grid-template-columns:repeat(7,28px);gap:7px}.u1 .cg i{height:22px;border-radius:6px;background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(18,16,39,.06)}
.u1 .cg i.pre{background:#DCD6FA}.u1 .cg i.on7{background:#121027}
.on .u1 .cg i,.wcard.on .u1 .cg i{animation:none}
.wcard.on .u1 .cg i.pre,.wcard.on .u1 .cg i.on7{animation:ivPop .35s var(--spring) both;animation-delay:calc(.15s + var(--k)*.12s)}
.u1 .chip{position:absolute;right:16px;bottom:14px;display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;background:#fff;font:600 11px/1 var(--b);color:#15803D;box-shadow:0 8px 16px -10px rgba(18,16,39,.4)}.u1 .chip svg{width:12px;height:12px;stroke:#16A34A;fill:none;stroke-width:3}
.u1 .cg{margin-top:-6px}
.u2{align-content:center;gap:12px;padding:30px 24px 22px;justify-items:stretch}
.u2 .br b{display:block;font:500 11px/14px var(--b);color:var(--ink-70);margin-bottom:4px}.u2 .br .kl{height:12px;border-radius:6px;width:100%;background:#121027}.u2 .br.g .kl{width:44%;background:#16A34A}
.u2 .tg{position:absolute;right:16px;bottom:14px;display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:99px;background:#121027;color:#fff;font:600 11px/1 var(--b)}.u2 .tg svg{width:12px;height:12px;stroke:#4ADE80;fill:none;stroke-width:2.6}
.u3{align-content:center;gap:7px;padding:30px 26px 14px}
.u3 .kr{padding:8px 11px;font-size:12px}
.ct.led{padding:22px;min-height:150px}
.led .bk{position:relative;padding:20px 18px 18px 30px;border-radius:6px 14px 14px 6px;background:linear-gradient(135deg,#2a2748,#121027);color:#fff;overflow:hidden}
.led .sp{position:absolute;left:0;top:0;bottom:0;width:14px;background:linear-gradient(90deg,#5F4CE0,#7C6BF0)}
.led .bk b{display:block;font:500 16px/20px var(--h)}.led .bk small{display:block;font:400 11px var(--b);color:rgba(255,255,255,.6);margin-top:2px}
.led svg{width:100%;height:42px;margin-top:14px;overflow:visible}.led svg path{fill:none;stroke:#4ADE80;stroke-width:2.6;stroke-linecap:round}
.led~.stamp{}