/* ======================================================================
   home-v2-anim.css — ANIMACJE „JAK TO DZIAŁA" (kroki 1–6)
   Strona TESTOWA /podglad-strona-glowna-v2-7k3f. Ładowany po home-v2.css.
   Prefiks k2-. Czysty HTML+CSS, bez obrazów ani plików wideo.
   Jednostka cqw = 1% szerokości kontenera (kontener 16:9 → wysokość 56.25cqw).
   Każdy krok = pętla 18 s, 3 sceny po 6 s (.s1 0–33%, .s2 33–66%, .s3 66–100%).
   Sloty pojawiania: .a1–.a7 (scena 1), .b1–.b7 (scena 2), .c1–.c7 (scena 3) —
   element pojawia się w swoim slocie i znika razem ze sceną.
   ====================================================================== */
.k2{position:absolute;inset:0;container-type:inline-size;overflow:hidden;background:#0B1326;font-family:"DM Sans",system-ui,sans-serif;color:#fff}
.k2 *{box-sizing:border-box}
.k2 .bg{position:absolute;inset:0;background:radial-gradient(90cqw 60cqw at 75% 30%,#1E3A8A 0%,rgba(30,58,138,0) 60%),radial-gradient(60cqw 50cqw at 15% 85%,#1D4ED8 0%,rgba(29,78,216,0) 55%),#0B1326}
.k2 .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:5cqw 5cqw;mask-image:radial-gradient(70cqw 50cqw at 50% 50%,#000 30%,transparent 100%)}
/* sceny */
.k2 .sc{position:absolute;inset:0;opacity:0;animation:18s ease-in-out infinite}
.k2 .s1{animation-name:k2s1}.k2 .s2{animation-name:k2s2}.k2 .s3{animation-name:k2s3}
@keyframes k2s1{0%{opacity:0}3%,31%{opacity:1}34%,100%{opacity:0}}
@keyframes k2s2{0%,33%{opacity:0}36%,64%{opacity:1}67%,100%{opacity:0}}
@keyframes k2s3{0%,66%{opacity:0}69%,97%{opacity:1}100%{opacity:0}}
/* nagłówek sceny (lewy dół) */
.k2 .cap{position:absolute;left:4cqw;bottom:4.5cqw;max-width:50cqw;z-index:5}
.k2 .cap .tag{display:inline-block;font-size:1.35cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#93C5FD;margin-bottom:1cqw}
.k2 .cap h3{margin:0 0 .9cqw;font-size:3.8cqw;color:#fff;font-family:"Bricolage Grotesque","DM Sans",sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.k2 .cap p{margin:0;font-size:1.9cqw;line-height:1.4;color:#C9D6EF}
.k2 .sc .cap{transform:translateY(2cqw);animation:inherit;animation-name:k2capin}
@keyframes k2capin{0%{transform:translateY(2cqw)}6%,100%{transform:translateY(0)}}
/* ---------- wspólne komponenty ---------- */
.k2 .pnl{position:absolute;right:5cqw;top:10cqw;width:40cqw;border-radius:2cqw;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);box-shadow:0 2cqw 6cqw rgba(0,0,0,.4);overflow:hidden;z-index:2;padding-bottom:1.2cqw}
.k2 .pnl .ab{height:4.4cqw;display:flex;align-items:center;gap:.8cqw;padding:0 1.6cqw;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.1);font-size:1.55cqw;font-weight:700}
.k2 .pnl .ab i{width:1.2cqw;height:1.2cqw;border-radius:50%;background:#2563EB;flex:none}
.k2 .pnl .ab em{margin-left:auto;font-style:normal;font-size:1.25cqw;color:#93C5FD;font-weight:600}
.k2 .row{margin:1cqw 1.4cqw 0;min-height:5.2cqw;border-radius:1.1cqw;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1.2cqw;padding:.8cqw 1.3cqw}
.k2 .row b.ic{width:3cqw;height:3cqw;border-radius:.8cqw;display:grid;place-items:center;font-size:1.1cqw;font-weight:800;flex:none;background:#DBEAFE;color:#1D4ED8}
.k2 .row b.ic.g{background:#DCFCE7;color:#15803D}.k2 .row b.ic.a{background:#FEF3C7;color:#B45309}.k2 .row b.ic.v{background:#EDE9FE;color:#6D28D9}
.k2 .row .n{font-size:1.5cqw;font-weight:700;line-height:1.2}
.k2 .row .m{font-size:1.2cqw;color:#93C5FD;margin-top:.2cqw}
.k2 .row .z{margin-left:auto;font-size:1.5cqw;font-weight:700;white-space:nowrap;text-align:right}
.k2 .row .z small{display:block;font-size:1.1cqw;font-weight:600;color:#93C5FD}
.k2 .tick{width:2.6cqw;height:2.6cqw;border-radius:50%;background:#DCFCE7;position:relative;flex:none}
.k2 .tick::after{content:"";position:absolute;left:.85cqw;top:.45cqw;width:.65cqw;height:1.2cqw;border:solid #16A34A;border-width:0 .32cqw .32cqw 0;transform:rotate(45deg)}
.k2 .tick.big{width:5cqw;height:5cqw}.k2 .tick.big::after{left:1.7cqw;top:.9cqw;width:1.2cqw;height:2.3cqw;border-width:0 .5cqw .5cqw 0}
.k2 .chip{display:inline-flex;align-items:center;gap:.5cqw;font-size:1.1cqw;font-weight:700;padding:.35cqw .9cqw;border-radius:2cqw;background:#DBEAFE;color:#1D4ED8;white-space:nowrap}
.k2 .chip.g{background:#DCFCE7;color:#15803D}.k2 .chip.a{background:#FEF3C7;color:#B45309}.k2 .chip.d{background:rgba(255,255,255,.1);color:#C9D6EF}
.k2 .tg{width:3.4cqw;height:1.9cqw;border-radius:1cqw;background:#16A34A;position:relative;flex:none;margin-left:auto}
.k2 .tg::after{content:"";position:absolute;right:.25cqw;top:.25cqw;width:1.4cqw;height:1.4cqw;border-radius:50%;background:#fff}
.k2 .av{width:3.6cqw;height:3.6cqw;border-radius:50%;display:grid;place-items:center;font-size:1.25cqw;font-weight:800;color:#fff;flex:none;background:linear-gradient(135deg,#2563EB,#1E3A8A);border:.2cqw solid rgba(255,255,255,.25)}
.k2 .av.o{background:linear-gradient(135deg,#F59E0B,#B45309)}.k2 .av.p{background:linear-gradient(135deg,#7C3AED,#4C1D95)}
.k2 .btn{display:inline-flex;align-items:center;justify-content:center;height:3.6cqw;padding:0 2cqw;border-radius:.9cqw;background:#2563EB;color:#fff;font-size:1.4cqw;font-weight:700;white-space:nowrap}
.k2 .btn.o{background:transparent;border:1px solid rgba(255,255,255,.3);color:#C9D6EF}.k2 .btn.g{background:#16A34A}
.k2 .fld{margin:1cqw 1.4cqw 0;border-radius:1cqw;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:.7cqw 1.2cqw;display:flex;align-items:center;gap:1cqw}
.k2 .fld .k{font-size:1.1cqw;color:#93C5FD;font-weight:600;width:9cqw;flex:none;text-transform:uppercase;letter-spacing:.06em}
.k2 .fld .v{font-size:1.45cqw;font-weight:700}
.k2 .fld .r{margin-left:auto}
.k2 .doc{position:absolute;width:13cqw;height:16.5cqw;border-radius:1cqw;background:#fff;color:#0F172A;padding:1.2cqw 1.1cqw;box-shadow:0 1.5cqw 4cqw rgba(0,0,0,.45);z-index:3}
.k2 .doc .h{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.3cqw;display:flex;justify-content:space-between;align-items:center}
.k2 .doc .h span{font-size:.9cqw;font-weight:700;padding:.2cqw .55cqw;border-radius:1cqw;background:#EFF6FF;color:#2563EB}
.k2 .doc .h span.s{background:#DCFCE7;color:#15803D}.k2 .doc .h span.a{background:#FEF3C7;color:#B45309}
.k2 .doc .no{font-size:.95cqw;color:#64748B;margin-top:.25cqw}
.k2 .doc .l{height:.5cqw;border-radius:.3cqw;background:#E2E8F0;margin-top:.9cqw}.k2 .doc .l.w{width:70%}.k2 .doc .l.x{width:45%}
.k2 .doc .amt{position:absolute;left:1.1cqw;right:1.1cqw;bottom:1.1cqw;display:flex;justify-content:space-between;align-items:end;font-size:.95cqw;color:#64748B}
.k2 .doc .amt b{font-size:1.5cqw;color:#0F172A}
.k2 .doc .ok{position:absolute;right:-.9cqw;top:-.9cqw}
.k2 .ksef{position:absolute;left:5cqw;top:8.5cqw;width:15cqw;height:15cqw;border-radius:3cqw;background:linear-gradient(160deg,#1E293B,#0F172A);border:1px solid rgba(255,255,255,.14);box-shadow:0 2cqw 5cqw rgba(0,0,0,.45),0 0 0 .4cqw rgba(37,99,235,.25);display:grid;place-items:center;z-index:2}
.k2 .ksef::before{content:"";position:absolute;inset:-1.2cqw;border-radius:4cqw;border:.25cqw solid rgba(96,165,250,.35);animation:k2pulse 3s ease-out infinite}
@keyframes k2pulse{0%{transform:scale(.92);opacity:0}30%{opacity:1}100%{transform:scale(1.12);opacity:0}}
.k2 .ksef .t{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:4.4cqw;letter-spacing:-.03em}
.k2 .ksef .u{font-size:1.2cqw;color:#93C5FD;margin-top:-.4cqw}
.k2 .ksef.sm{width:11cqw;height:11cqw;border-radius:2.2cqw}.k2 .ksef.sm .t{font-size:3.2cqw}.k2 .ksef.sm .u{font-size:.95cqw}
.k2 .sched{position:absolute;left:5cqw;top:25.5cqw;width:15cqw;display:flex;align-items:center;justify-content:center;gap:.8cqw;font-size:1.35cqw;font-weight:600;color:#C9D6EF;z-index:2}
.k2 .sched i{width:1.9cqw;height:1.9cqw;border-radius:50%;border:.25cqw solid #60A5FA;border-top-color:transparent;animation:k2spin 1.6s linear infinite}
@keyframes k2spin{to{transform:rotate(360deg)}}
.k2 .spin{width:1.9cqw;height:1.9cqw;border-radius:50%;border:.25cqw solid #60A5FA;border-top-color:transparent;animation:k2spin 1.2s linear infinite;flex:none}
/* laptop + ekran */
.k2 .lap{position:absolute;right:6cqw;top:9.5cqw;width:44cqw;height:27cqw;border-radius:1.6cqw 1.6cqw .6cqw .6cqw;background:#1E293B;border:1px solid rgba(255,255,255,.18);box-shadow:0 2.5cqw 6cqw rgba(0,0,0,.5);padding:.9cqw;z-index:2}
.k2 .lap::after{content:"";position:absolute;left:-3cqw;right:-3cqw;bottom:-1.6cqw;height:1.6cqw;border-radius:0 0 1.6cqw 1.6cqw;background:linear-gradient(#334155,#1E293B)}
.k2 .scr{width:100%;height:100%;border-radius:.9cqw;background:#F8FAFC;color:#0F172A;overflow:hidden;position:relative}
.k2 .scr .bar{height:3cqw;background:#fff;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;gap:.5cqw;padding:0 1cqw}
.k2 .scr .bar i{width:.9cqw;height:.9cqw;border-radius:50%;background:#CBD5E1}
.k2 .scr .bar em{margin-left:1cqw;font-style:normal;font-size:1.1cqw;color:#64748B;background:#F1F5F9;border-radius:1cqw;padding:.3cqw 1.2cqw}
.k2 .scr .ttl{position:absolute;left:2cqw;top:4.4cqw;font-size:1.5cqw;font-weight:700}
/* telefon */
.k2 .ph{position:absolute;right:24cqw;top:6cqw;width:19cqw;height:38cqw;border-radius:3cqw;background:#0F172A;border:.35cqw solid #334155;box-shadow:0 2.5cqw 6cqw rgba(0,0,0,.55);padding:1cqw .8cqw;z-index:2;overflow:hidden}
.k2 .ph .vf{position:absolute;inset:1cqw .8cqw 1cqw;border-radius:2.2cqw;background:#1E293B;overflow:hidden}
.k2 .ph .vf.lt{background:#F8FAFC;color:#0F172A}
.k2 .ph .notch{position:absolute;left:50%;top:1.6cqw;width:5cqw;height:1.1cqw;border-radius:1cqw;background:#0B1326;transform:translateX(-50%);z-index:3}
.k2 .ph .time{position:absolute;left:0;right:0;top:4cqw;text-align:center;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:4.6cqw;letter-spacing:-.03em}
.k2 .ph .date{position:absolute;left:0;right:0;top:9.6cqw;text-align:center;font-size:1.2cqw;color:#93C5FD}
.k2 .ph .ntf{position:absolute;left:1cqw;right:1cqw;top:13cqw;background:rgba(255,255,255,.95);color:#0F172A;border-radius:1.4cqw;padding:1cqw 1.1cqw;box-shadow:0 1cqw 2.5cqw rgba(0,0,0,.4)}
.k2 .ph .ntf .a{display:flex;align-items:center;gap:.6cqw;font-size:1cqw;font-weight:700;color:#2563EB}
.k2 .ph .ntf .a i{width:1.3cqw;height:1.3cqw;border-radius:.3cqw;background:#2563EB}
.k2 .ph .ntf .a em{margin-left:auto;font-style:normal;color:#64748B;font-weight:600}
.k2 .ph .ntf .t{font-size:1.2cqw;font-weight:700;margin-top:.4cqw}
.k2 .ph .ntf .d{font-size:1.05cqw;color:#475569;margin-top:.2cqw;line-height:1.35}
.k2 .ph .hdr{height:4cqw;display:flex;align-items:center;padding:3cqw 1.2cqw 0;font-size:1.3cqw;font-weight:800}
.k2 .ph .hdr em{margin-left:auto;font-style:normal;font-size:1cqw;color:#2563EB;font-weight:700}
.k2 .ph .it{margin:.8cqw 1cqw 0;background:#fff;border:1px solid #E2E8F0;border-radius:1cqw;padding:.8cqw .9cqw;display:flex;align-items:center;gap:.8cqw}
.k2 .ph .it b.ic{width:2.4cqw;height:2.4cqw;border-radius:.6cqw;display:grid;place-items:center;font-size:.9cqw;font-weight:800;background:#DBEAFE;color:#1D4ED8;flex:none}
.k2 .ph .it b.ic.g{background:#DCFCE7;color:#15803D}.k2 .ph .it b.ic.a{background:#FEF3C7;color:#B45309}
.k2 .ph .it .n{font-size:1.1cqw;font-weight:700;line-height:1.2}.k2 .ph .it .m{font-size:.9cqw;color:#64748B}
.k2 .ph .it .z{margin-left:auto;font-size:1.1cqw;font-weight:800;white-space:nowrap}
.k2 .ph .it.sel{border-color:#2563EB;background:#EFF6FF}
.k2 .ph .sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;color:#0F172A;border-radius:2cqw 2cqw 0 0;padding:1.2cqw 1.2cqw 1.4cqw;box-shadow:0 -1cqw 3cqw rgba(0,0,0,.25)}
.k2 .ph .sheet .t{font-size:1.25cqw;font-weight:800}.k2 .ph .sheet .d{font-size:1cqw;color:#475569;margin-top:.3cqw;line-height:1.35}
.k2 .ph .sheet .bt{display:flex;gap:.6cqw;margin-top:1cqw}
.k2 .ph .sheet .bt span{flex:1;height:3cqw;border-radius:.8cqw;display:grid;place-items:center;font-size:1.05cqw;font-weight:700;background:#F1F5F9;color:#475569}
.k2 .ph .sheet .bt span.ok{background:#16A34A;color:#fff}
.k2 .fg{position:absolute;width:3.2cqw;height:3.2cqw;border-radius:50%;background:rgba(37,99,235,.35);border:.25cqw solid #60A5FA;z-index:6}
.k2 .fg::after{content:"";position:absolute;inset:.6cqw;border-radius:50%;background:#fff;opacity:.9}
/* linia skanowania / QR / pasek postępu */
.k2 .scan{position:absolute;left:0;right:0;height:.4cqw;background:linear-gradient(90deg,transparent,#60A5FA,transparent);box-shadow:0 0 1.2cqw #60A5FA;animation:k2scan 2.2s ease-in-out infinite}
@keyframes k2scan{0%{top:6%}50%{top:92%}100%{top:6%}}
.k2 .pb{height:1cqw;border-radius:1cqw;background:rgba(255,255,255,.12);overflow:hidden}
.k2 .pb i{display:block;height:100%;background:#60A5FA;border-radius:1cqw;transform:scaleX(0);transform-origin:left}
.k2 .qr{width:12cqw;height:12cqw;background:#fff;border-radius:1cqw;padding:.8cqw;display:grid;grid-template-columns:repeat(9,1fr);gap:.2cqw}
.k2 .qr i{background:#0F172A;border-radius:.12cqw}.k2 .qr i.e{background:transparent}
.k2 .tl{position:relative;margin:1.2cqw 1.4cqw 0 3.6cqw}
.k2 .tl::before{content:"";position:absolute;left:-2.2cqw;top:.6cqw;bottom:.6cqw;width:.2cqw;background:rgba(255,255,255,.18)}
.k2 .tl .e{position:relative;padding:.5cqw 0 .9cqw;font-size:1.3cqw;line-height:1.3}
.k2 .tl .e::before{content:"";position:absolute;left:-2.75cqw;top:.9cqw;width:1.3cqw;height:1.3cqw;border-radius:50%;background:#2563EB;border:.25cqw solid #0B1326}
.k2 .tl .e.g::before{background:#16A34A}
.k2 .tl .e small{display:block;font-size:1.05cqw;color:#93C5FD;margin-top:.1cqw}
.k2 .ty{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:.2cqw solid #60A5FA}
.k2 .cur{position:absolute;width:2.4cqw;height:2.4cqw;z-index:7;pointer-events:none}
.k2 .cur svg{width:100%;height:100%;filter:drop-shadow(0 .3cqw .6cqw rgba(0,0,0,.5))}
/* ---------- SLOTY POJAWIANIA (generowane) ---------- */
.k2 .a1{opacity:0;animation:k2a1 18s ease-out infinite}
@keyframes k2a1{0%,5%{opacity:0;transform:translateY(1.2cqw)}8%,31%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(0)}}
.k2 .a2{opacity:0;animation:k2a2 18s ease-out infinite}
@keyframes k2a2{0%,9%{opacity:0;transform:translateY(1.2cqw)}12%,31%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(0)}}
.k2 .a3{opacity:0;animation:k2a3 18s ease-out infinite}
@keyframes k2a3{0%,13%{opacity:0;transform:translateY(1.2cqw)}16%,31%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(0)}}
.k2 .a4{opacity:0;animation:k2a4 18s ease-out infinite}
@keyframes k2a4{0%,17%{opacity:0;transform:translateY(1.2cqw)}20%,31%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(0)}}
.k2 .a5{opacity:0;animation:k2a5 18s ease-out infinite}
@keyframes k2a5{0%,21%{opacity:0;transform:translateY(1.2cqw)}24%,31%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(0)}}
.k2 .a6{opacity:0;animation:k2a6 18s ease-out infinite}
@keyframes k2a6{0%,25%{opacity:0;transform:translateY(1.2cqw)}28%,31%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(0)}}
.k2 .a7{opacity:0;animation:k2a7 18s ease-out infinite}
@keyframes k2a7{0%,29%{opacity:0;transform:translateY(1.2cqw)}32%,31%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(0)}}
.k2 .b1{opacity:0;animation:k2b1 18s ease-out infinite}
@keyframes k2b1{0%,38%{opacity:0;transform:translateY(1.2cqw)}41%,64%{opacity:1;transform:translateY(0)}67%,100%{opacity:0;transform:translateY(0)}}
.k2 .b2{opacity:0;animation:k2b2 18s ease-out infinite}
@keyframes k2b2{0%,42%{opacity:0;transform:translateY(1.2cqw)}45%,64%{opacity:1;transform:translateY(0)}67%,100%{opacity:0;transform:translateY(0)}}
.k2 .b3{opacity:0;animation:k2b3 18s ease-out infinite}
@keyframes k2b3{0%,46%{opacity:0;transform:translateY(1.2cqw)}49%,64%{opacity:1;transform:translateY(0)}67%,100%{opacity:0;transform:translateY(0)}}
.k2 .b4{opacity:0;animation:k2b4 18s ease-out infinite}
@keyframes k2b4{0%,50%{opacity:0;transform:translateY(1.2cqw)}53%,64%{opacity:1;transform:translateY(0)}67%,100%{opacity:0;transform:translateY(0)}}
.k2 .b5{opacity:0;animation:k2b5 18s ease-out infinite}
@keyframes k2b5{0%,54%{opacity:0;transform:translateY(1.2cqw)}57%,64%{opacity:1;transform:translateY(0)}67%,100%{opacity:0;transform:translateY(0)}}
.k2 .b6{opacity:0;animation:k2b6 18s ease-out infinite}
@keyframes k2b6{0%,58%{opacity:0;transform:translateY(1.2cqw)}61%,64%{opacity:1;transform:translateY(0)}67%,100%{opacity:0;transform:translateY(0)}}
.k2 .b7{opacity:0;animation:k2b7 18s ease-out infinite}
@keyframes k2b7{0%,62%{opacity:0;transform:translateY(1.2cqw)}65%,64%{opacity:1;transform:translateY(0)}67%,100%{opacity:0;transform:translateY(0)}}
.k2 .c1{opacity:0;animation:k2c1 18s ease-out infinite}
@keyframes k2c1{0%,71%{opacity:0;transform:translateY(1.2cqw)}74%,97%{opacity:1;transform:translateY(0)}100%,100%{opacity:0;transform:translateY(0)}}
.k2 .c2{opacity:0;animation:k2c2 18s ease-out infinite}
@keyframes k2c2{0%,75%{opacity:0;transform:translateY(1.2cqw)}78%,97%{opacity:1;transform:translateY(0)}100%,100%{opacity:0;transform:translateY(0)}}
.k2 .c3{opacity:0;animation:k2c3 18s ease-out infinite}
@keyframes k2c3{0%,79%{opacity:0;transform:translateY(1.2cqw)}82%,97%{opacity:1;transform:translateY(0)}100%,100%{opacity:0;transform:translateY(0)}}
.k2 .c4{opacity:0;animation:k2c4 18s ease-out infinite}
@keyframes k2c4{0%,83%{opacity:0;transform:translateY(1.2cqw)}86%,97%{opacity:1;transform:translateY(0)}100%,100%{opacity:0;transform:translateY(0)}}
.k2 .c5{opacity:0;animation:k2c5 18s ease-out infinite}
@keyframes k2c5{0%,87%{opacity:0;transform:translateY(1.2cqw)}90%,97%{opacity:1;transform:translateY(0)}100%,100%{opacity:0;transform:translateY(0)}}
.k2 .c6{opacity:0;animation:k2c6 18s ease-out infinite}
@keyframes k2c6{0%,91%{opacity:0;transform:translateY(1.2cqw)}94%,97%{opacity:1;transform:translateY(0)}100%,100%{opacity:0;transform:translateY(0)}}
.k2 .c7{opacity:0;animation:k2c7 18s ease-out infinite}
@keyframes k2c7{0%,95%{opacity:0;transform:translateY(1.2cqw)}98%,97%{opacity:1;transform:translateY(0)}100%,100%{opacity:0;transform:translateY(0)}}
.k2 .toast{position:absolute;left:1.8cqw;right:1.8cqw;background:#fff;color:#0F172A;border-radius:1.2cqw;padding:1cqw 1.2cqw;display:flex;align-items:center;gap:1cqw;z-index:5;box-shadow:0 1cqw 2.5cqw rgba(0,0,0,.4)}
.k2 .toast .dt{font-size:1.25cqw;font-weight:700;line-height:1.2}.k2 .toast .dd{font-size:1cqw;color:#64748B}
/* ---------- KROK 1 ---------- */
.k2 .app{position:absolute;right:5cqw;top:10cqw;width:34cqw;height:27cqw;border-radius:2cqw;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);box-shadow:0 2cqw 6cqw rgba(0,0,0,.4);overflow:hidden;z-index:2}
.k2 .app .ab{height:4.4cqw;display:flex;align-items:center;gap:.8cqw;padding:0 1.6cqw;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.1);font-size:1.55cqw;font-weight:700}
.k2 .app .ab i{width:1.2cqw;height:1.2cqw;border-radius:50%;background:#2563EB}
.k2 .app .ab em{margin-left:auto;font-style:normal;font-size:1.25cqw;color:#93C5FD;font-weight:600}
.k2 .app .row{opacity:0;transform:translateX(3cqw);animation:18s ease-out infinite}
.k2 .app .r1{animation-name:k2r1}.k2 .app .r2{animation-name:k2r2}.k2 .app .r3{animation-name:k2r3}
@keyframes k2r1{0%,13%{opacity:0;transform:translateX(3cqw)}16%,100%{opacity:1;transform:translateX(0)}}
@keyframes k2r2{0%,20%{opacity:0;transform:translateX(3cqw)}23%,100%{opacity:1;transform:translateX(0)}}
@keyframes k2r3{0%,27%{opacity:0;transform:translateX(3cqw)}30%,100%{opacity:1;transform:translateX(0)}}
.k2 .inv{position:absolute;left:19cqw;top:10cqw;width:15cqw;height:19cqw;border-radius:1cqw;background:#fff;color:#0F172A;padding:1.4cqw 1.3cqw;box-shadow:0 1.5cqw 4cqw rgba(0,0,0,.45);opacity:0;animation:18s cubic-bezier(.4,0,.2,1) infinite;z-index:3}
.k2 .inv .h{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.5cqw;display:flex;justify-content:space-between;align-items:center}
.k2 .inv .h span{font-size:.95cqw;font-weight:700;padding:.25cqw .6cqw;border-radius:1cqw;background:#EFF6FF;color:#2563EB}
.k2 .inv .h span.s{background:#DCFCE7;color:#15803D}
.k2 .inv .no{font-size:1cqw;color:#64748B;margin-top:.3cqw}
.k2 .inv .l{height:.55cqw;border-radius:.3cqw;background:#E2E8F0;margin-top:1cqw}
.k2 .inv .l.w{width:70%}.k2 .inv .l.x{width:45%}
.k2 .inv .amt{position:absolute;left:1.3cqw;right:1.3cqw;bottom:1.3cqw;display:flex;justify-content:space-between;align-items:end;font-size:1cqw;color:#64748B}
.k2 .inv .amt b{font-size:1.7cqw;color:#0F172A}
.k2 .i1{animation-name:k2i1}.k2 .i2{animation-name:k2i2}.k2 .i3{animation-name:k2i3}
@keyframes k2i1{0%,4%{opacity:0;transform:translate(0,0) rotate(-6deg) scale(.9)}7%{opacity:1;transform:translate(1cqw,0) rotate(-4deg) scale(1)}14%{opacity:1;transform:translate(30cqw,-1cqw) rotate(2deg) scale(.55)}16%,100%{opacity:0;transform:translate(34cqw,-1cqw) scale(.3)}}
@keyframes k2i2{0%,11%{opacity:0;transform:translate(0,2cqw) rotate(-6deg) scale(.9)}14%{opacity:1;transform:translate(1cqw,2cqw) rotate(-3deg) scale(1)}21%{opacity:1;transform:translate(30cqw,4cqw) rotate(2deg) scale(.55)}23%,100%{opacity:0;transform:translate(34cqw,5cqw) scale(.3)}}
@keyframes k2i3{0%,18%{opacity:0;transform:translate(0,4cqw) rotate(-6deg) scale(.9)}21%{opacity:1;transform:translate(1cqw,4cqw) rotate(-2deg) scale(1)}28%{opacity:1;transform:translate(30cqw,10cqw) rotate(2deg) scale(.55)}30%,100%{opacity:0;transform:translate(34cqw,11cqw) scale(.3)}}
.k2 .drop{position:absolute;left:2cqw;right:2cqw;top:7.4cqw;bottom:2cqw;border:.25cqw dashed #CBD5E1;border-radius:1.2cqw;display:grid;place-items:center;text-align:center;font-size:1.45cqw;color:#64748B;animation:k2drop 18s linear infinite}
@keyframes k2drop{0%,44%{border-color:#CBD5E1;background:transparent}46%,53%{border-color:#2563EB;background:#EFF6FF}55%,100%{border-color:#CBD5E1;background:transparent}}
.k2 .drop .dz{opacity:1;animation:k2dz 18s linear infinite}
@keyframes k2dz{0%,52%{opacity:1}54%,100%{opacity:0}}
.k2 .drop .dz b{display:block;font-size:1.7cqw;color:#0F172A;margin-bottom:.4cqw}
.k2 .file{position:absolute;left:6cqw;top:14cqw;width:11cqw;height:13.5cqw;border-radius:.9cqw;background:#fff;color:#0F172A;box-shadow:0 1.5cqw 4cqw rgba(0,0,0,.45);padding:1cqw;opacity:0;animation:k2file 18s cubic-bezier(.4,0,.2,1) infinite;z-index:4}
.k2 .file::before{content:"PDF";position:absolute;right:.8cqw;top:.8cqw;font-size:.95cqw;font-weight:800;color:#fff;background:#7C3AED;border-radius:.4cqw;padding:.2cqw .5cqw}
.k2 .file .fn{font-size:1.1cqw;font-weight:700;margin-top:2.6cqw;word-break:break-all}
.k2 .file .l{height:.5cqw;border-radius:.3cqw;background:#E2E8F0;margin-top:.8cqw}.k2 .file .l.w{width:65%}
@keyframes k2file{0%,36%{opacity:0;transform:translate(0,0) rotate(-6deg)}39%{opacity:1;transform:translate(0,0) rotate(-6deg)}44%{opacity:1;transform:translate(8cqw,-2cqw) rotate(-2deg)}52%{opacity:1;transform:translate(50cqw,4cqw) rotate(2deg) scale(.95)}55%{opacity:0;transform:translate(50cqw,4cqw) scale(.6)}100%{opacity:0}}
.k2 .cur.c1s{left:14cqw;top:22cqw;opacity:0;animation:k2cur 18s cubic-bezier(.4,0,.2,1) infinite}
@keyframes k2cur{0%,36%{opacity:0;transform:translate(0,0)}39%{opacity:1;transform:translate(0,0)}44%{transform:translate(8cqw,-2cqw)}52%{opacity:1;transform:translate(50cqw,4cqw)}56%{opacity:0;transform:translate(52cqw,6cqw)}100%{opacity:0}}
.k2 .done{position:absolute;left:2cqw;right:2cqw;top:7.4cqw;bottom:2cqw;border-radius:1.2cqw;background:#fff;border:1px solid #E2E8F0;display:flex;align-items:center;gap:1.4cqw;padding:0 2cqw;opacity:0;animation:k2done 18s ease-out infinite}
@keyframes k2done{0%,54%{opacity:0;transform:translateY(1cqw)}57%,64%{opacity:1;transform:translateY(0)}67%,100%{opacity:0}}
.k2 .done .dt{font-size:1.6cqw;font-weight:700}.k2 .done .dd{font-size:1.25cqw;color:#64748B;margin-top:.3cqw}
.k2 .done .dd span{color:#16A34A;font-weight:700}
.k2 .rcp{position:absolute;left:50%;top:7cqw;width:11cqw;height:19cqw;transform:translateX(-50%) rotate(-3deg);background:#fff;color:#0F172A;border-radius:.5cqw;padding:1.2cqw 1cqw;box-shadow:0 1cqw 2.5cqw rgba(0,0,0,.4);animation:k2rcp 18s ease-in-out infinite}
@keyframes k2rcp{0%,66%{transform:translateX(-50%) rotate(-3deg) scale(1)}72%{transform:translateX(-50%) rotate(-3deg) scale(1.04)}78%{transform:translateX(-50%) rotate(-3deg) scale(1)}82%,100%{transform:translateX(-50%) translateY(-22%) rotate(-3deg) scale(.6)}}
.k2 .rcp .rt{font-size:1cqw;font-weight:800;text-align:center;letter-spacing:.1em}
.k2 .rcp .l{height:.45cqw;border-radius:.3cqw;background:#CBD5E1;margin-top:.8cqw}.k2 .rcp .l.w{width:70%}.k2 .rcp .l.x{width:50%}
.k2 .rcp .sum{margin-top:1.2cqw;border-top:1px dashed #CBD5E1;padding-top:.7cqw;display:flex;justify-content:space-between;font-size:1cqw;font-weight:800}
.k2 .frame{position:absolute;left:2.2cqw;right:2.2cqw;top:5.6cqw;height:22cqw;pointer-events:none}
.k2 .frame i{position:absolute;width:2.4cqw;height:2.4cqw;border:.3cqw solid #60A5FA}
.k2 .frame i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:.6cqw 0 0 0}
.k2 .frame i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 .6cqw 0 0}
.k2 .frame i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 .6cqw}
.k2 .frame i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 .6cqw 0}
.k2 .shut{position:absolute;left:50%;bottom:2.6cqw;width:5.2cqw;height:5.2cqw;border-radius:50%;border:.35cqw solid #fff;transform:translateX(-50%);display:grid;place-items:center}
.k2 .shut::after{content:"";width:3.6cqw;height:3.6cqw;border-radius:50%;background:#fff;animation:k2shut 18s ease-in-out infinite}
@keyframes k2shut{0%,74%{transform:scale(1)}76%{transform:scale(.78)}78%,100%{transform:scale(1)}}
.k2 .flash{position:absolute;inset:0;background:#fff;opacity:0;animation:k2flash 18s linear infinite;z-index:4}
@keyframes k2flash{0%,76%{opacity:0}77%{opacity:.95}80%{opacity:0}100%{opacity:0}}
.k2 .pdone{position:absolute;left:.8cqw;right:.8cqw;bottom:8cqw;margin:0 1cqw;background:#fff;color:#0F172A;border-radius:1.2cqw;padding:1cqw 1.2cqw;display:flex;align-items:center;gap:1cqw;opacity:0;animation:k2pdone 18s ease-out infinite;z-index:5;box-shadow:0 1cqw 2.5cqw rgba(0,0,0,.4)}
@keyframes k2pdone{0%,80%{opacity:0;transform:translateY(1.5cqw)}83%,97%{opacity:1;transform:translateY(0)}100%{opacity:0}}
.k2 .pdone .dt{font-size:1.25cqw;font-weight:700;line-height:1.2}.k2 .pdone .dd{font-size:1cqw;color:#64748B}
/* ---------- KROK 2: odczyt danych ---------- */
.k2.k2s .docimg{position:absolute;left:1.4cqw;top:5.8cqw;width:12cqw;height:17cqw;background:#fff;color:#0F172A;border-radius:.8cqw;padding:1cqw;overflow:hidden}
.k2.k2s .docimg .l{height:.45cqw;border-radius:.3cqw;background:#CBD5E1;margin-top:.8cqw}.k2.k2s .docimg .l.w{width:70%}.k2.k2s .docimg .l.x{width:45%}
.k2.k2s .docimg .ttl2{font-size:.95cqw;font-weight:800;letter-spacing:.08em}
.k2.k2s .fields{margin-left:14cqw}
.k2.k2s .fields .fld{margin:1cqw 1.4cqw 0 0}
.k2.k2s .fields .fld .k{width:7.5cqw}
.k2.k2s .fld.hl{border-color:#F59E0B;box-shadow:0 0 0 .3cqw rgba(245,158,11,.25)}
.k2.k2s .fld.hl.ok{border-color:#16A34A;box-shadow:0 0 0 .3cqw rgba(22,163,74,.25)}
/* korekty krok 2 */
.k2.k2s .pnl{width:47cqw}.k2.k2s .docimg{top:1cqw;width:12.5cqw}.k2.k2s .fields{margin-left:14.5cqw}.k2.k2s .fields .fld{padding:.6cqw 1cqw;margin-top:.8cqw}.k2.k2s .fields .fld .k{width:6.5cqw;font-size:1cqw}.k2.k2s .fields .fld .v{font-size:1.25cqw}.k2.k2s .fld .chip{font-size:.95cqw;padding:.3cqw .7cqw}
/* ---------- KROK 3: do właściwej osoby ---------- */
.k2.k3 .who{position:absolute;right:6cqw;top:9cqw;width:22cqw;z-index:2}
.k2.k3 .who .p{display:flex;align-items:center;gap:1.2cqw;padding:1cqw 1.2cqw;border-radius:1.4cqw;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);margin-bottom:1cqw;position:relative}
.k2.k3 .who .p .n{font-size:1.4cqw;font-weight:700}.k2.k3 .who .p .m{font-size:1.1cqw;color:#93C5FD}
.k2.k3 .who .p .bd{position:absolute;right:-.8cqw;top:-.8cqw;min-width:2.4cqw;height:2.4cqw;border-radius:1.2cqw;background:#16A34A;color:#fff;font-size:1.1cqw;font-weight:800;display:grid;place-items:center;padding:0 .5cqw}
.k2.k3 .d1{left:8cqw;top:9cqw;opacity:0;animation:k3d1 18s cubic-bezier(.4,0,.2,1) infinite}
.k2.k3 .d2{left:24cqw;top:12cqw;opacity:0;animation:k3d2 18s cubic-bezier(.4,0,.2,1) infinite}
@keyframes k3d1{0%,37%{opacity:0;transform:translate(0,0) scale(.9)}40%{opacity:1;transform:translate(0,0) scale(1)}46%{opacity:1;transform:translate(0,0) scale(1)}54%{opacity:1;transform:translate(56cqw,9cqw) scale(.5)}56%,100%{opacity:0;transform:translate(58cqw,9cqw) scale(.3)}}
@keyframes k3d2{0%,41%{opacity:0;transform:translate(0,0) scale(.9)}44%{opacity:1;transform:translate(0,0) scale(1)}50%{opacity:1;transform:translate(0,0) scale(1)}58%{opacity:1;transform:translate(40cqw,-4cqw) scale(.5)}60%,100%{opacity:0;transform:translate(42cqw,-4cqw) scale(.3)}}
/* ---------- KROK 4: telefon ---------- */
.k2.k4 .ph{right:30cqw}
.k2.k4 .ntf{transform:translateY(-2cqw)}
.k2.k4 .fg.f1{left:0;top:0;opacity:0;animation:k4f1 18s ease-in-out infinite}
@keyframes k4f1{0%,42%{opacity:0;transform:translate(58cqw,15cqw) scale(1.3)}44%{opacity:1;transform:translate(58cqw,15cqw) scale(1)}46%{opacity:0;transform:translate(58cqw,15cqw) scale(1.3)}55%{opacity:0;transform:translate(63cqw,39cqw) scale(1.3)}57%{opacity:1;transform:translate(63cqw,39cqw) scale(1)}59%,100%{opacity:0;transform:translate(63cqw,39cqw) scale(1.3)}}
/* ---------- KROK 5: księgowość ---------- */
.k2.k5 .erp{position:absolute;right:5cqw;top:9cqw;width:36cqw;border-radius:2cqw;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);box-shadow:0 2cqw 6cqw rgba(0,0,0,.4);overflow:hidden;z-index:2;padding-bottom:1.2cqw}
.k2.k5 .erp .eb{height:5cqw;display:flex;align-items:center;gap:1cqw;padding:0 1.6cqw;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.1)}
.k2.k5 .erp .eb .lg{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.9cqw;letter-spacing:-.02em}
.k2.k5 .erp .eb .lg span{color:#F59E0B}
.k2.k5 .erp .eb em{margin-left:auto;font-style:normal;font-size:1.15cqw;color:#93C5FD;font-weight:600}
.k2.k5 .erp .th{display:grid;grid-template-columns:1.2fr 2fr 1fr 1fr;gap:1cqw;padding:.9cqw 1.6cqw .4cqw;font-size:1cqw;color:#93C5FD;text-transform:uppercase;letter-spacing:.06em}
.k2.k5 .erp .tr{display:grid;grid-template-columns:1.2fr 2fr 1fr 1fr;gap:1cqw;padding:.7cqw 1.6cqw;margin:.5cqw 1cqw 0;border-radius:.8cqw;background:rgba(255,255,255,.07);font-size:1.25cqw;align-items:center}
.k2.k5 .erp .tr b{font-weight:700}
.k2.k5 .sd{left:7cqw;top:9cqw;opacity:0;animation:k5d 18s cubic-bezier(.4,0,.2,1) infinite}
.k2.k5 .sd.two{top:13cqw;left:11cqw;animation-name:k5d2}
.k2.k5 .sd.three{top:17cqw;left:15cqw;animation-name:k5d3}
@keyframes k5d{0%,4%{opacity:0;transform:translate(0,0)}7%{opacity:1;transform:translate(0,0)}10%{opacity:1;transform:translate(0,0)}17%{opacity:1;transform:translate(48cqw,8cqw) scale(.4)}19%,100%{opacity:0;transform:translate(50cqw,8cqw) scale(.2)}}
@keyframes k5d2{0%,8%{opacity:0;transform:translate(0,0)}11%{opacity:1;transform:translate(0,0)}15%{opacity:1;transform:translate(0,0)}22%{opacity:1;transform:translate(44cqw,7cqw) scale(.4)}24%,100%{opacity:0;transform:translate(46cqw,7cqw) scale(.2)}}
@keyframes k5d3{0%,12%{opacity:0;transform:translate(0,0)}15%{opacity:1;transform:translate(0,0)}20%{opacity:1;transform:translate(0,0)}27%{opacity:1;transform:translate(40cqw,6cqw) scale(.4)}29%,100%{opacity:0;transform:translate(42cqw,6cqw) scale(.2)}}
.k2.k5 .pb i{animation:k5pb 18s linear infinite}
@keyframes k5pb{0%,41%{transform:scaleX(0)}52%,100%{transform:scaleX(1)}}
.k2.k5 .lgs{display:flex;flex-wrap:wrap;gap:.7cqw;margin:1.2cqw 1.4cqw 0}
.k2.k5 .lgs span{font-size:1.15cqw;font-weight:800;padding:.5cqw 1cqw;border-radius:.7cqw;background:#fff;color:#0F172A;letter-spacing:-.01em}
.k2.k5 .acc{display:grid;grid-template-columns:9cqw 1fr;gap:1.2cqw;margin:1.2cqw 1.4cqw 0}
.k2.k5 .acc .im{height:12cqw;border-radius:.8cqw;background:#fff;color:#0F172A;padding:.9cqw;position:relative}
.k2.k5 .acc .im .l{height:.4cqw;border-radius:.3cqw;background:#CBD5E1;margin-top:.7cqw}.k2.k5 .acc .im .l.w{width:70%}
.k2.k5 .acc .im .ttl2{font-size:.85cqw;font-weight:800;letter-spacing:.08em;text-align:center}
.k2.k5 .acc .fld{margin:0 0 .7cqw}
/* ---------- KROK 6: płatność i archiwum ---------- */
.k2.k6 .ck{width:2.2cqw;height:2.2cqw;border-radius:.5cqw;background:#2563EB;position:relative;flex:none}
.k2.k6 .ck::after{content:"";position:absolute;left:.7cqw;top:.3cqw;width:.5cqw;height:1cqw;border:solid #fff;border-width:0 .28cqw .28cqw 0;transform:rotate(45deg)}
.k2.k6 .sum{display:flex;align-items:center;gap:1cqw;margin:1.2cqw 1.4cqw 0;padding:1cqw 1.3cqw;border-radius:1.1cqw;background:rgba(37,99,235,.18);border:1px solid rgba(96,165,250,.4)}
.k2.k6 .sum .t{font-size:1.5cqw;font-weight:800}.k2.k6 .sum .m{font-size:1.15cqw;color:#93C5FD}
.k2.k6 .ph{right:30cqw}
.k2.k6 .qrw{position:absolute;left:50%;top:9cqw;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1cqw}
.k2.k6 .qrw .t{font-size:1.2cqw;font-weight:800;text-align:center}.k2.k6 .qrw .m{font-size:1cqw;color:#64748B;text-align:center}
.k2.k6 .bank{position:absolute;right:4cqw;top:12cqw;width:22cqw;border-radius:1.6cqw;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:1.4cqw;z-index:2}
.k2.k6 .bank .t{font-size:1.2cqw;color:#93C5FD;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.k2.k6 .bank .amt{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:3cqw;margin:.4cqw 0}
.k2.k6 .bank .fld{margin:.7cqw 0 0}
.k2.k6 .srch{margin:1.2cqw 1.4cqw 0;height:4cqw;border-radius:1cqw;background:#fff;color:#0F172A;display:flex;align-items:center;gap:1cqw;padding:0 1.2cqw;font-size:1.4cqw;font-weight:600}
.k2.k6 .srch i{width:1.6cqw;height:1.6cqw;border:.25cqw solid #64748B;border-radius:50%;position:relative;flex:none}
.k2.k6 .srch i::after{content:"";position:absolute;right:-.7cqw;bottom:-.6cqw;width:.8cqw;height:.25cqw;background:#64748B;transform:rotate(45deg)}
.k2 .ty{max-width:0;animation:k2ty 18s steps(28) infinite}
@keyframes k2ty{0%,72%{max-width:0}79%,97%{max-width:40cqw}100%{max-width:0}}
/* ---------- korekty układu po przeglądzie (nadpisują wartości wyżej) ---------- */
.k2 .doc .amt{display:block}.k2 .doc .amt span{display:block;font-size:.9cqw}.k2 .doc .amt b{display:block;white-space:nowrap}
.k2.k3 .who{width:30cqw;right:5cqw;top:11cqw}.k2.k3 .who .p{padding:.9cqw 1.2cqw;margin-bottom:.9cqw}.k2.k3 .who .p .n{font-size:1.45cqw}.k2.k3 .who .p .m{font-size:1.1cqw;white-space:nowrap}
.k2.k3 .d1{top:10cqw}.k2.k3 .d2{top:14cqw;left:23cqw}.k2.k3 .pnl{width:46cqw}.k2.k3 .pnl .chip{font-size:1cqw}
@keyframes k3d1{0%,37%{opacity:0;transform:translate(0,0) scale(.9)}40%{opacity:1;transform:translate(0,0) scale(1)}46%{opacity:1;transform:translate(0,0) scale(1)}54%{opacity:1;transform:translate(52cqw,4cqw) scale(.5)}56%,100%{opacity:0;transform:translate(54cqw,4cqw) scale(.3)}}
@keyframes k3d2{0%,41%{opacity:0;transform:translate(0,0) scale(.9)}44%{opacity:1;transform:translate(0,0) scale(1)}50%{opacity:1;transform:translate(0,0) scale(1)}58%{opacity:1;transform:translate(38cqw,-4cqw) scale(.5)}60%,100%{opacity:0;transform:translate(40cqw,-4cqw) scale(.3)}}
.k2.k4 .ph{width:22cqw;height:40cqw;top:7cqw;right:28cqw}.k2.k4 .ph .ntf .t{font-size:1.3cqw}.k2.k4 .ph .ntf .d{font-size:1.1cqw}.k2.k4 .toast{top:23cqw!important}
@keyframes k4f1{0%,42%{opacity:0;transform:translate(60cqw,16cqw) scale(1.3)}44%{opacity:1;transform:translate(60cqw,16cqw) scale(1)}46%{opacity:0;transform:translate(60cqw,16cqw) scale(1.3)}55%{opacity:0;transform:translate(64cqw,42cqw) scale(1.3)}57%{opacity:1;transform:translate(64cqw,42cqw) scale(1)}59%,100%{opacity:0;transform:translate(64cqw,42cqw) scale(1.3)}}
.k2.k5 .erp{top:11cqw;width:41cqw}.k2.k5 .erp .eb .lg{font-size:1.7cqw;white-space:nowrap}.k2.k5 .erp .eb em{font-size:1.05cqw;white-space:nowrap}
.k2.k5 .erp .th,.k2.k5 .erp .tr{grid-template-columns:1fr 1.7fr 1fr .9fr}.k2.k5 .erp .tr{font-size:1.15cqw;white-space:nowrap}.k2.k5 .erp .tr .chip{font-size:.95cqw}
@keyframes k5d{0%,4%{opacity:0;transform:translate(0,0)}7%{opacity:1;transform:translate(0,0)}10%{opacity:1;transform:translate(0,0)}17%{opacity:1;transform:translate(52cqw,10cqw) scale(.4)}19%,100%{opacity:0;transform:translate(54cqw,10cqw) scale(.2)}}
@keyframes k5d2{0%,8%{opacity:0;transform:translate(0,0)}11%{opacity:1;transform:translate(0,0)}15%{opacity:1;transform:translate(0,0)}22%{opacity:1;transform:translate(48cqw,9cqw) scale(.4)}24%,100%{opacity:0;transform:translate(50cqw,9cqw) scale(.2)}}
@keyframes k5d3{0%,12%{opacity:0;transform:translate(0,0)}15%{opacity:1;transform:translate(0,0)}20%{opacity:1;transform:translate(0,0)}27%{opacity:1;transform:translate(44cqw,8cqw) scale(.4)}29%,100%{opacity:0;transform:translate(46cqw,8cqw) scale(.2)}}
.k2.k5 .acc .fld .k{width:6.5cqw;font-size:1cqw}.k2.k5 .acc .fld .v{font-size:1.25cqw}
.k2.k6 .row .z{display:flex;flex-direction:column;align-items:flex-end;gap:.3cqw}.k2.k6 .row .z small{font-size:.9cqw;padding:.25cqw .6cqw}.k2.k6 .sum .m{white-space:nowrap}
.k2.k6 .qrw{left:1cqw;right:1cqw;transform:none;top:9cqw}.k2.k6 .ph{top:7cqw;height:40cqw;width:21cqw;right:29cqw}.k2.k6 .bank .fld .k{width:6cqw;font-size:1cqw}.k2.k6 .bank .fld .v{font-size:1.25cqw;white-space:nowrap}.k2.k6 .bank{top:11cqw;width:23cqw}
/* korekty: brak nachodzenia na tekst (krok 4, 6) */
.k2.k4 .ph{right:10cqw;top:9cqw;height:38cqw}
@keyframes k4f1{0%,42%{opacity:0;transform:translate(78cqw,18cqw) scale(1.3)}44%{opacity:1;transform:translate(78cqw,18cqw) scale(1)}46%{opacity:0;transform:translate(78cqw,18cqw) scale(1.3)}55%{opacity:0;transform:translate(82cqw,43cqw) scale(1.3)}57%{opacity:1;transform:translate(82cqw,43cqw) scale(1)}59%,100%{opacity:0;transform:translate(82cqw,43cqw) scale(1.3)}}
.k2.k6 .cap{max-width:46cqw}.k2.k6 .ph{right:28cqw}
/* wykorzystanie górnej przestrzeni (po usunięciu licznika) */
.k2 .pnl{top:5cqw;right:4cqw}
.k2 .ksef{top:6cqw;width:17cqw;height:17cqw}.k2 .ksef .t{font-size:4.8cqw}.k2 .sched{top:24.5cqw;width:17cqw}
.k2 .inv{top:6cqw}.k2 .app{top:5cqw;height:30cqw;width:36cqw;right:4cqw}
.k2 .lap{top:5cqw;height:30cqw;width:46cqw;right:5cqw}
.k2 .ph{top:4cqw;height:41cqw;right:22cqw}
.k2.k3 .who{top:5cqw}.k2.k3 .d1{top:7cqw}.k2.k3 .d2{top:11cqw}
.k2.k4 .ph{right:9cqw;top:4cqw;height:43cqw;width:23cqw}
@keyframes k4f1{0%,42%{opacity:0;transform:translate(78cqw,14cqw) scale(1.3)}44%{opacity:1;transform:translate(78cqw,14cqw) scale(1)}46%{opacity:0;transform:translate(78cqw,14cqw) scale(1.3)}55%{opacity:0;transform:translate(82cqw,43cqw) scale(1.3)}57%{opacity:1;transform:translate(82cqw,43cqw) scale(1)}59%,100%{opacity:0;transform:translate(82cqw,43cqw) scale(1.3)}}
.k2.k5 .erp{top:5cqw;width:43cqw;right:4cqw}.k2.k5 .sd{top:5cqw}.k2.k5 .sd.two{top:9cqw}.k2.k5 .sd.three{top:13cqw}
@keyframes k5d{0%,4%{opacity:0;transform:translate(0,0)}7%{opacity:1;transform:translate(0,0)}10%{opacity:1;transform:translate(0,0)}17%{opacity:1;transform:translate(54cqw,9cqw) scale(.4)}19%,100%{opacity:0;transform:translate(56cqw,9cqw) scale(.2)}}
@keyframes k5d2{0%,8%{opacity:0;transform:translate(0,0)}11%{opacity:1;transform:translate(0,0)}15%{opacity:1;transform:translate(0,0)}22%{opacity:1;transform:translate(50cqw,8cqw) scale(.4)}24%,100%{opacity:0;transform:translate(52cqw,8cqw) scale(.2)}}
@keyframes k5d3{0%,12%{opacity:0;transform:translate(0,0)}15%{opacity:1;transform:translate(0,0)}20%{opacity:1;transform:translate(0,0)}27%{opacity:1;transform:translate(46cqw,7cqw) scale(.4)}29%,100%{opacity:0;transform:translate(48cqw,7cqw) scale(.2)}}
.k2.k6 .ph{top:4cqw;height:43cqw;right:28cqw}.k2.k6 .bank{top:7cqw}
/* brak nachodzenia grafiki na tekst — sprawdzone dla wszystkich 18 scen */
.k2.k2s .pnl{width:45cqw}.k2.k2s .cap{max-width:45cqw}.k2.k2s .docimg{width:12cqw}.k2.k2s .fields{margin-left:13.8cqw}
.k2.k3 .cap{max-width:46cqw}.k2.k1s .cap{max-width:47cqw}.k2 .lap{height:28cqw}.k2.k5 .cap{max-width:47cqw}
.k2.k3 .row .m .chip{display:inline-flex;margin-top:.3cqw}
/* pauza po kliknięciu (klasa .paused na kontenerze .k2 lub jego rodzicu) */
.k2{cursor:pointer}
.k2 .k2pz{position:absolute;right:1.6cqw;bottom:1.6cqw;z-index:9;display:none;align-items:center;gap:.7cqw;background:rgba(15,23,42,.75);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:2cqw;padding:.6cqw 1.2cqw .6cqw .9cqw;font-size:1.3cqw;font-weight:600;backdrop-filter:blur(6px);pointer-events:none}
.k2 .k2pz i{display:inline-block;width:1.4cqw;height:1.4cqw;border-left:.45cqw solid #fff;border-right:.45cqw solid #fff;box-sizing:border-box}
.k2 .k2hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;width:9cqw;height:9cqw;border-radius:50%;background:rgba(15,23,42,.7);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;opacity:0;transition:opacity .25s;pointer-events:none}
.k2 .k2hint::after{content:"";width:0;height:0;border-left:3.2cqw solid #fff;border-top:2cqw solid transparent;border-bottom:2cqw solid transparent;margin-left:.8cqw}
.paused .k2 .k2pz,.k2.paused .k2pz{display:inline-flex}
.paused .k2 .k2hint,.k2.paused .k2hint{opacity:1}
@media (prefers-reduced-motion: reduce){.k2 *{animation:none!important}.k2 .s1{opacity:1}.k2 .s1 [class*=" a"],.k2 .s1 .row,.k2 .s1 .inv,.k2 .s1 .sd,.k2 .s1 .doc{opacity:1!important;transform:none!important}}