/* Sahifa illyustratsiyalari (content/qoshimcha/illyustratsiya.mjs). Sahifani TO'SMAYDI:
 * <link media="print" onload> bilan yuklanadi; joy styles.css dagi .ph-ill da oldindan ajratilgan.
 * Animatsiyalar faqat .il.run da (site.js — ekranda turganda). Animatsiyasiz holat = yakuniy sahna. */
@property --n{syntax:'<integer>';initial-value:0;inherits:false;}
.ph-ill .il,.il{visibility:visible;}
.il{position:relative;width:100%;height:100%;border-radius:22px;overflow:hidden;visibility:visible;
  background:radial-gradient(120% 90% at 80% 0%,color-mix(in srgb,var(--blue) 12%,transparent),transparent 60%),radial-gradient(90% 80% at 0% 100%,color-mix(in srgb,var(--green) 12%,transparent),transparent 60%),var(--card);
  border:1px solid var(--border);box-shadow:0 30px 60px -40px var(--shadow);color:var(--blue-t);}
.il-in{position:absolute;left:50%;top:50%;width:300px;height:200px;margin:-100px 0 0 -150px;}
.il-i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;}
.il-cnt{--n:var(--to);counter-reset:n var(--n);font-variant-numeric:tabular-nums;}
.il-cnt::after{content:counter(n);}
.il.run .il-cnt{animation:ilCount 1.6s cubic-bezier(.2,.8,.3,1) both;}
@keyframes ilCount{from{--n:0;}to{--n:var(--to);}}
.il *{box-sizing:border-box;}

/* cart */
.il-cartsvg{position:absolute;left:70px;top:92px;width:150px;height:88px;}
.il-drop{position:absolute;width:30px;height:30px;border-radius:9px;top:96px;}
.il-drop.d1{left:104px;background:var(--blue-bright);}
.il-drop.d2{left:138px;background:#FFB33D;top:92px;transform:rotate(-8deg);}
.il-drop.d3{left:170px;background:var(--green);top:98px;transform:rotate(6deg);}
.il.run .il-drop{animation:ilDrop 3.6s cubic-bezier(.5,0,.4,1.3) infinite both;}
.il.run .il-drop.d2{animation-delay:.35s;}.il.run .il-drop.d3{animation-delay:.7s;}
@keyframes ilDrop{0%{transform:translateY(-120px);opacity:0;}12%{opacity:1;}28%,85%{transform:translateY(0);opacity:1;}100%{transform:translateY(0);opacity:0;}}
.il-total{position:absolute;right:14px;top:16px;padding:8px 13px;border-radius:12px;background:var(--blue);color:#fff;font:800 20px/1 var(--f-unb);}
.il-total small{font-size:15px;}
.il.run .il-total .il-cnt{animation-delay:.8s;animation-duration:1.4s;animation-iteration-count:infinite;animation-name:ilCountLoop;animation-duration:3.6s;}
@keyframes ilCountLoop{0%,20%{--n:0;}55%,100%{--n:var(--to);}}

/* stock */
.il-bars{position:absolute;left:40px;right:40px;top:30px;height:130px;display:flex;align-items:flex-end;gap:14px;}
.il-bar{position:relative;flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--blue-bright),var(--blue));transform-origin:bottom;}
.il-bar.low{background:linear-gradient(180deg,#FF8A6A,var(--brick));}
.il-bar em{position:absolute;left:50%;top:-34px;margin-left:-13px;width:26px;height:26px;border-radius:50%;background:var(--brick);color:#fff;font:900 15px/26px var(--f-man);text-align:center;font-style:normal;}
.il.run .il-bar{animation:ilGrow 1.1s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--k)*.12s);}
.il.run .il-bar em{animation:ilPulse 1.4s ease-in-out 1.2s infinite;}
@keyframes ilGrow{from{transform:scaleY(.05);}}
@keyframes ilPulse{0%,100%{box-shadow:0 0 0 0 rgba(214,72,63,.5);transform:scale(1);}50%{box-shadow:0 0 0 10px rgba(214,72,63,0);transform:scale(1.12);}}
.il-shelf{position:absolute;left:30px;right:30px;top:162px;height:4px;border-radius:4px;background:var(--border);}
.il-boxi{position:absolute;right:14px;bottom:10px;opacity:.55;}

/* debt */
.il-card{position:absolute;left:14px;top:46px;width:150px;height:100px;border-radius:16px;background:var(--bg);border:1px solid var(--border);padding:14px;}
.il-ava{position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:50%;background:var(--tint);display:flex;align-items:center;justify-content:center;}
.il-ava .il-i{width:18px;height:18px;}
.il-card .l1,.il-card .l2{position:absolute;left:58px;height:7px;border-radius:4px;background:var(--border);}
.il-card .l1{top:20px;width:72px;}.il-card .l2{top:34px;width:48px;}
.il-amt{position:absolute;left:14px;bottom:14px;font:800 17px/1 var(--f-unb);color:var(--brick);}
.il-plane{position:absolute;left:150px;top:70px;color:#2AABEE;}
.ilk-debt.run .il-plane{animation:ilFly 3.2s ease-in-out infinite;}
@keyframes ilFly{0%,15%{transform:translate(0,0) rotate(0);opacity:0;}25%{opacity:1;}60%{transform:translate(70px,-28px) rotate(-12deg);opacity:1;}70%,100%{transform:translate(80px,-30px);opacity:0;}}
.il-tg{position:absolute;right:12px;top:30px;width:112px;padding:12px;border-radius:14px 14px 14px 4px;background:#2AABEE;color:#fff;}
.il-tg i{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.85);margin:6px 0 0;}
.il-tg i.s{width:60%;}
.il-tgdot{display:block;width:26px;height:26px;border-radius:50%;background:#fff;color:#2AABEE;padding:4px;}
.il-tgdot .il-i{width:18px;height:18px;}
.il-ticks{display:block;text-align:right;font-size:11px;margin-top:6px;font-weight:800;}
.ilk-debt.run .il-tg{animation:ilPop 3.2s cubic-bezier(.3,1.5,.5,1) infinite both;}
@keyframes ilPop{0%,55%{transform:scale(.4);opacity:0;}68%,100%{transform:scale(1);opacity:1;}}

/* chart */
.il-chart{position:absolute;left:10px;top:30px;width:280px;height:150px;}
.il-chart .ln{fill:none;stroke:var(--blue-bright);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;}
.il-chart .ar{fill:color-mix(in srgb,var(--blue-bright) 16%,transparent);}
.il-chart .pt{fill:var(--card);stroke:var(--green);stroke-width:3;}
.il.run .il-chart .ln{animation:ilDraw 1.8s cubic-bezier(.5,0,.3,1) both;}
.il.run .il-chart .ar{animation:ilFade 1.2s .9s both;}
.il.run .il-chart .pt{animation:ilPopS .4s cubic-bezier(.3,1.8,.5,1) both;animation-delay:calc(.6s + var(--k)*.45s);transform-box:fill-box;transform-origin:center;}
@keyframes ilDraw{from{stroke-dashoffset:1;}to{stroke-dashoffset:0;}}
@keyframes ilFade{from{opacity:0;}}
@keyframes ilPopS{from{transform:scale(0);}}
.il-kpi{position:absolute;left:18px;top:14px;font:800 22px/1 var(--f-unb);color:var(--green-matn);}
.il-kpi small{font-size:15px;}.il-kpi em{font-style:normal;margin-left:4px;}

/* scan */
.il-phone{position:absolute;left:75px;top:12px;width:150px;height:176px;border-radius:24px;background:#0E1520;padding:12px;}
.il-code{position:absolute;left:24px;right:24px;top:44px;height:76px;border-radius:6px;background:#fff repeating-linear-gradient(90deg,#111 0 3px,#fff 3px 5px,#111 5px 6px,#fff 6px 9px,#111 9px 13px,#fff 13px 15px);background-clip:content-box;padding:8px;}
.il-laser{position:absolute;left:18px;right:18px;top:80px;height:2px;background:#FF3B30;box-shadow:0 0 10px 2px rgba(255,59,48,.75);}
.il.run .il-laser{animation:ilSweep 2s ease-in-out infinite;}
@keyframes ilSweep{0%,100%{transform:translateY(-30px);}50%{transform:translateY(34px);}}
.il-beep{position:absolute;left:50%;top:150px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--green);}
.il.run .il-beep{animation:ilBeep 2s ease-out infinite;}
@keyframes ilBeep{0%,45%{box-shadow:0 0 0 0 rgba(39,167,42,.7);}100%{box-shadow:0 0 0 22px rgba(39,167,42,0);}}
.il-ok{position:absolute;right:-12px;top:-10px;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;padding:5px;}
.il.run .il-ok{animation:ilPop 2s cubic-bezier(.3,1.5,.5,1) infinite both;}

/* branches */
.il-net{position:absolute;inset:0;width:300px;height:200px;}
.il-net path{fill:none;stroke:var(--blue-bright);stroke-width:2.5;stroke-dasharray:.02 .02;opacity:.7;}
.il.run .il-net path{animation:ilDash 6s linear infinite;}
@keyframes ilDash{to{stroke-dashoffset:-1;}}
.il-node{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:16px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -10px var(--shadow);}
.il-node.n1{left:60px;top:150px;}.il-node.n2{left:150px;top:50px;background:var(--green);}.il-node.n3{left:240px;top:150px;}
.il-mv{position:absolute;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:8px;background:#FFB33D;color:#5A3A00;padding:3px;offset-rotate:0deg;}
.il-mv .il-i{width:20px;height:20px;}
.il-mv.m1{offset-path:path('M60 150 L150 50');left:0;top:0;}
.il-mv.m2{offset-path:path('M150 50 L240 150');}
.il-mv{offset-distance:50%;}
.il.run .il-mv{animation:ilMove 2.8s ease-in-out infinite;}
.il.run .il-mv.m2{animation-delay:1.4s;}
@keyframes ilMove{0%{offset-distance:0%;opacity:0;}15%{opacity:1;}85%{opacity:1;}100%{offset-distance:100%;opacity:0;}}

/* rings */
.il-ring{position:absolute;top:40px;width:84px;height:110px;text-align:center;}
.il-ring.ra{left:12px;}.il-ring.rb{left:108px;}.il-ring.rc{left:204px;}
.il-ring > svg{width:84px;height:84px;transform:rotate(-90deg);}
.il-ring > svg circle{fill:none;stroke:var(--border);stroke-width:8;}
.il-ring > svg circle.v{stroke:var(--green);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p));}
.il-ring.rb > svg circle.v{stroke:var(--blue-bright);}.il-ring.rc > svg circle.v{stroke:#FFB33D;}
.il-ring > span{position:absolute;left:0;right:0;top:30px;font:800 17px/1 var(--f-unb);color:var(--ink);}
.il-ru{margin:4px auto 0;width:20px;height:20px;color:var(--muted);}
.il.run .il-ring circle.v{animation:ilRing 1.6s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--k)*.2s);}
@keyframes ilRing{from{stroke-dashoffset:100;}}

/* return */
.il-cust{position:absolute;left:36px;top:110px;width:50px;height:50px;border-radius:50%;background:var(--tint);display:flex;align-items:center;justify-content:center;}
.il-arc{position:absolute;inset:0;width:300px;height:200px;}
.il-arc path{fill:none;stroke:var(--border);stroke-width:2.5;stroke-dasharray:.03 .02;}
.il-item{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:10px;background:#FFB33D;color:#5A3A00;padding:5px;offset-path:path('M70 120 C 110 30, 190 30, 230 110');offset-distance:100%;offset-rotate:0deg;}
.il.run .il-item{animation:ilMove 3s ease-in-out infinite;}
.il-store{position:absolute;left:206px;top:104px;width:64px;height:64px;border-radius:18px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;}
.il-plus{position:absolute;right:-10px;top:-12px;padding:4px 7px;border-radius:100px;background:var(--blue);color:#fff;font:800 12px/1 var(--f-man);}
.il.run .il-plus{animation:ilPop 3s cubic-bezier(.3,1.5,.5,1) infinite both;}

/* order */
.il-list{position:absolute;left:20px;top:26px;width:130px;padding:12px;border-radius:14px;background:var(--bg);border:1px solid var(--border);}
.il-list i{display:flex;align-items:center;gap:8px;height:22px;}
.il-list i::after{content:"";flex:1;height:6px;border-radius:3px;background:var(--border);}
.il-list b{width:16px;height:16px;border-radius:5px;background:var(--green);color:#fff;font-size:11px;line-height:16px;text-align:center;}
.il.run .il-list i{animation:ilRow .5s ease both;animation-delay:calc(var(--k)*.25s);}
@keyframes ilRow{from{opacity:0;transform:translateX(-10px);}}
.ilk-order .il-plane{left:150px;top:60px;color:#2AABEE;}
.ilk-order.run .il-plane{animation:ilFly 3.4s ease-in-out 1s infinite both;}
.il-truck{position:absolute;right:16px;top:118px;width:58px;height:58px;padding:10px;border-radius:16px;background:var(--blue);color:#fff;}
.il-truck .il-i{width:38px;height:38px;}
.il.run .il-truck{animation:ilDrive 3.4s ease-in-out 1s infinite both;}
@keyframes ilDrive{0%,55%{transform:translateX(90px);}75%,100%{transform:translateX(0);}}

/* price */
.il-tagbig{position:absolute;left:20px;top:22px;width:56px;height:56px;border-radius:18px;background:var(--tint);padding:14px;}
.il-tagbig .il-i{width:28px;height:28px;}
.il-price{position:absolute;left:20px;top:94px;font:800 44px/1 var(--f-unb);color:var(--ink);white-space:nowrap;}
.il-price b{font-weight:800;}
.il-price small{display:block;margin-top:8px;font:700 13px/1 var(--f-man);color:var(--muted);}
.il-coins{position:absolute;right:22px;top:24px;}
.il-coins i{display:block;width:44px;height:12px;border-radius:50%;background:#FFC23D;box-shadow:inset 0 -3px 0 #E0A21F;margin-top:-3px;}
.il.run .il-coins i{animation:ilCoin 2.4s ease-in infinite both;}
.il.run .il-coins i:nth-child(2){animation-delay:.25s;}.il.run .il-coins i:nth-child(3){animation-delay:.5s;}
@keyframes ilCoin{0%{transform:translateY(-40px);opacity:0;}30%,80%{transform:none;opacity:1;}100%{opacity:0;}}

/* devices */
.il-dev{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--bg);border:1px solid var(--border);color:var(--ink);}
.il-dev .il-i{width:34px;height:34px;}
.il-dev.d1{left:22px;top:82px;width:60px;height:86px;color:#3DDC84;}
.il-dev.d2{left:108px;top:96px;width:96px;height:72px;color:#0078D4;}
.il-dev.d3{left:224px;top:84px;width:60px;height:84px;}
.il-hub{position:absolute;left:126px;top:12px;width:56px;height:46px;border-radius:14px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;}
.il-sync{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);left:150px;top:60px;}
.il.run .il-dev{animation:ilPopS .5s cubic-bezier(.3,1.6,.5,1) both;}
.il.run .il-dev.d2{animation-delay:.25s;}.il.run .il-dev.d3{animation-delay:.5s;}
.il.run .il-sync{animation:ilSync 2s ease-in-out .8s infinite;}
.il.run .il-sync.s2{animation-name:ilSync2;animation-delay:1.8s;}
@keyframes ilSync{0%{transform:translate(0,0);opacity:0;}20%{opacity:1;}100%{transform:translate(-90px,40px);opacity:0;}}
@keyframes ilSync2{0%{transform:translate(0,0);opacity:0;}20%{opacity:1;}100%{transform:translate(90px,40px);opacity:0;}}

/* compare */
.il-tbl{position:absolute;left:20px;right:20px;top:18px;border-radius:14px;background:var(--bg);border:1px solid var(--border);padding:6px 10px;}
.il-tr{display:grid;grid-template-columns:1fr 46px 46px;align-items:center;height:31px;border-top:1px solid var(--border);}
.il-tr:first-child{border-top:0;}
.il-tr i{height:7px;width:80%;border-radius:4px;background:var(--border);}
.il-tr b{text-align:center;font-weight:900;font-size:16px;}
.il-tr b.ok{color:var(--green-matn);}.il-tr b.no{color:var(--muted);}
.il-col{position:absolute;top:4px;bottom:4px;right:58px;width:46px;border-radius:10px;background:color-mix(in srgb,var(--green) 14%,transparent);}
.il.run .il-tr b{animation:ilCmp 4.4s cubic-bezier(.3,1.8,.5,1) infinite both;animation-delay:calc(.3s + var(--k)*.22s);}
@keyframes ilCmp{0%{transform:scale(0);}8%,80%{transform:none;}92%,100%{transform:scale(0);}}
.il.run .il-col{animation:ilFade .8s .2s both;}

/* steps */
.il-steps{position:absolute;left:30px;right:30px;top:18px;display:grid;gap:9px;}
.il-st{display:grid;grid-template-columns:30px 1fr 22px;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:12px;background:var(--bg);border:1px solid var(--border);}
.il-st b{width:22px;height:22px;border-radius:7px;background:var(--tint);color:var(--blue-t);font:800 12px/22px var(--f-mono);text-align:center;}
.il-st i{height:7px;border-radius:4px;background:var(--border);}
.il-st span{color:var(--green-matn);font-weight:900;opacity:1;}
.il.run .il-st{animation:ilHi 4.8s ease infinite both;animation-delay:calc(var(--k)*1.2s);}
.il.run .il-st span{animation:ilTick 4.8s ease infinite both;animation-delay:calc(var(--k)*1.2s);}
@keyframes ilHi{0%{border-color:var(--border);}8%,22%{border-color:var(--blue-bright);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-bright) 22%,transparent);transform:translateX(4px);}30%,100%{border-color:var(--border);box-shadow:none;transform:none;}}
@keyframes ilTick{0%,10%{opacity:0;transform:scale(.3);}20%,100%{opacity:1;transform:none;}}

/* shop type */
.il-core{position:absolute;left:110px;top:60px;width:80px;height:80px;border-radius:26px;background:linear-gradient(140deg,var(--blue-bright),var(--blue));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 30px -16px var(--blue);}
.il-core .il-i{width:42px;height:42px;}
.il-orb{position:absolute;left:150px;top:100px;width:0;height:0;}
.il-sat{position:absolute;left:-18px;top:-18px;width:36px;height:36px;border-radius:11px;background:var(--bg);border:1px solid var(--border);color:var(--green-matn);padding:6px;transform:rotate(calc(var(--k)*72deg)) translateX(92px) rotate(calc(var(--k)*-72deg));}
.il.run .il-orb{animation:ilSpin 18s linear infinite;}
.il.run .il-sat{animation:ilSpinR 18s linear infinite;}
@keyframes ilSpin{to{transform:rotate(360deg);}}
@keyframes ilSpinR{from{transform:rotate(calc(var(--k)*72deg)) translateX(92px) rotate(calc(var(--k)*-72deg));}to{transform:rotate(calc(var(--k)*72deg)) translateX(92px) rotate(calc(var(--k)*-72deg - 360deg));}}
.il.run .il-core{animation:ilBob 3s ease-in-out infinite;}
@keyframes ilBob{50%{transform:translateY(-6px) rotate(-3deg);}}

/* ai */
.il-b{position:absolute;border-radius:16px;padding:12px;}
.il-b.me{right:18px;top:18px;width:140px;height:40px;background:var(--blue);border-bottom-right-radius:4px;}
.il-b.me i{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.85);width:80%;margin-top:4px;}
.il-b.bot{left:18px;top:72px;width:200px;height:104px;background:var(--bg);border:1px solid var(--border);border-bottom-left-radius:4px;}
.il-b.bot > i{display:block;height:7px;border-radius:4px;background:var(--border);margin:10px 0 0;}
.il-b.bot .t1{width:90%;}.il-b.bot .t2{width:75%;}.il-b.bot .t3{width:55%;}
.il-dots{display:flex;gap:4px;}.il-dots i{width:7px;height:7px;border-radius:50%;background:var(--blue-bright);}
.il.run .il-dots i{animation:ilDot 1s ease-in-out infinite;}
.il.run .il-dots i:nth-child(2){animation-delay:.15s;}.il.run .il-dots i:nth-child(3){animation-delay:.3s;}
@keyframes ilDot{50%{transform:translateY(-5px);opacity:.4;}}
.il.run .il-b.me{animation:ilRow .5s ease both;}
.il.run .il-b.bot > i{animation:ilType 3.6s steps(12) infinite both;transform-origin:left;}
.il.run .il-b.bot .t2{animation-delay:.4s;}.il.run .il-b.bot .t3{animation-delay:.8s;}
@keyframes ilType{0%,20%{transform:scaleX(0);}60%,100%{transform:scaleX(1);}}
.il-spark{position:absolute;right:30px;bottom:24px;font-size:28px;color:var(--green);}
.il.run .il-spark{animation:ilBob 2.4s ease-in-out infinite;}

/* contact */
.il-call{position:absolute;left:46px;top:62px;width:72px;height:72px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;}
.il-call .il-i{width:34px;height:34px;}
.il-pulse{position:absolute;left:46px;top:62px;width:72px;height:72px;border-radius:50%;}
.il.run .il-pulse{animation:ilBeep 1.8s ease-out infinite;}
.il.run .il-call{animation:ilRing2 1.8s ease-in-out infinite;}
@keyframes ilRing2{0%,40%,100%{transform:rotate(0);}5%,15%,25%{transform:rotate(-12deg);}10%,20%,30%{transform:rotate(12deg);}}
.il-msg{position:absolute;right:20px;padding:10px 12px;border-radius:14px;background:var(--bg);border:1px solid var(--border);width:130px;}
.il-msg.m1{top:36px;display:flex;align-items:center;gap:8px;}
.il-msg.m1 i,.il-msg.m2 i{display:block;flex:1;height:7px;border-radius:4px;background:var(--border);}
.il-msg.m2{top:100px;background:var(--blue);border-color:var(--blue);}
.il-msg.m2 i{background:rgba(255,255,255,.8);margin:4px 0;}.il-msg.m2 i.s{width:60%;}
.il.run .il-msg{animation:ilPop 3.6s cubic-bezier(.3,1.5,.5,1) infinite both;}
.il.run .il-msg.m2{animation-delay:.5s;}

/* doc */
.il-paper{position:absolute;left:60px;top:16px;width:150px;height:170px;border-radius:10px;background:#fff;box-shadow:0 20px 40px -22px rgba(2,20,42,.45);padding:24px 18px;transform:rotate(-3deg);}
.il-paper i{display:block;height:7px;width:var(--w);border-radius:4px;background:#DCE3EC;margin:0 0 12px;transform-origin:left;}
.il.run .il-paper i{animation:ilType 4s ease infinite both;animation-delay:calc(var(--k)*.25s);}
.il-seal{position:absolute;left:184px;top:112px;width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -10px var(--green);}
.il.run .il-seal{animation:ilStamp 4s cubic-bezier(.3,1.6,.5,1) infinite both;}
@keyframes ilStamp{0%,45%{transform:scale(1.8) rotate(-20deg);opacity:0;}58%,100%{transform:none;opacity:1;}}

/* offline */
.il-cl{position:absolute;left:112px;top:14px;width:76px;height:56px;color:var(--blue-t);}
.il-cl .il-i{width:76px;height:56px;}
.il-x{position:absolute;left:12px;right:12px;top:26px;height:3px;background:var(--brick);border-radius:2px;transform:rotate(-30deg);}
.il.run .il-x{animation:ilXoff 4.8s ease infinite both;}
@keyframes ilXoff{0%,55%{opacity:1;}62%,100%{opacity:0;}}
.il-dev1{position:absolute;left:46px;top:96px;width:64px;height:90px;border-radius:16px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;}
.il-dev1 .il-i{width:34px;height:34px;}
.il-q{position:absolute;left:130px;top:110px;display:flex;gap:8px;}
.il-q i{width:30px;height:30px;border-radius:9px;background:#FFB33D;}
.il.run .il-q i{animation:ilQ 4.8s ease infinite both;animation-delay:calc(var(--k)*.3s);}
@keyframes ilQ{0%{transform:translateX(-60px);opacity:0;}15%,55%{transform:none;opacity:1;}75%,100%{transform:translate(-20px,-80px) scale(.4);opacity:0;}}

/* telegram */
.il-phone2{position:absolute;left:70px;top:8px;width:160px;height:184px;border-radius:24px;background:#0E1520;padding:12px;}
.il-tmsg{margin-top:30px;border-radius:14px 14px 14px 4px;background:#2AABEE;padding:10px;}
.il-tmsg > i{display:block;height:6px;width:70%;border-radius:3px;background:rgba(255,255,255,.85);margin:8px 0;}
.il-mini{display:flex;align-items:flex-end;gap:6px;height:54px;padding:6px;border-radius:8px;background:rgba(255,255,255,.18);}
.il-mini b{flex:1;height:var(--h);border-radius:3px;background:#fff;transform-origin:bottom;}
.il.run .il-tmsg{animation:ilMsgIn 4s cubic-bezier(.3,1.4,.5,1) infinite both;}
.il.run .il-mini b{animation:ilGrow .8s ease both;animation-delay:calc(.5s + var(--k)*.12s);}
@keyframes ilMsgIn{0%{transform:translateY(40px);opacity:0;}15%,90%{transform:none;opacity:1;}100%{opacity:0;}}

/* team */
.il-av{position:absolute;top:90px;width:60px;height:60px;border-radius:50%;background:var(--tint);border:3px solid var(--card);display:flex;align-items:center;justify-content:center;}
.il-av .il-i{width:30px;height:30px;}
.il-av.a0{left:50px;}.il-av.a1{left:120px;top:70px;background:var(--blue);color:#fff;}.il-av.a2{left:190px;}
.il-tl{position:absolute;inset:0;width:300px;height:200px;}
.il-tl path{fill:none;stroke:var(--green);stroke-width:2.5;stroke-dasharray:1;opacity:.5;}
.il-heart{position:absolute;left:138px;top:22px;color:#EA3B5E;}
.il.run .il-av{animation:ilPopS .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--k)*.2s);}
.il.run .il-tl path{animation:ilDraw 1.2s .5s both;}
.il.run .il-heart{animation:ilBeat 1.6s ease-in-out 1s infinite;}
@keyframes ilBeat{0%,40%,100%{transform:scale(1);}10%,30%{transform:scale(1.25);}}

/* features */
.il-grid{position:absolute;left:66px;top:16px;display:grid;grid-template-columns:repeat(3,48px);gap:10px;}
.il-grid span{width:48px;height:48px;border-radius:14px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;}
.il-grid span:nth-child(odd){color:var(--green-matn);}
.il.run .il-grid span{animation:ilWave 3s ease-in-out infinite;animation-delay:calc(var(--k)*.12s);}
@keyframes ilWave{0%,60%,100%{transform:none;}20%{transform:translateY(-6px) scale(1.06);background:var(--tint);}}

/* printer */
.il-prn{position:absolute;left:98px;top:96px;width:104px;height:66px;border-radius:14px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;}
.il-prn .il-i{width:40px;height:40px;}
.il-paper2{position:absolute;left:114px;top:12px;width:72px;height:88px;background:#fff;border-radius:4px 4px 0 0;padding:10px 8px;box-shadow:0 6px 16px -10px rgba(2,20,42,.4);}
.il-paper2 i{display:block;height:5px;border-radius:3px;background:#DCE3EC;margin-bottom:8px;}
.il-paper2 i.s{width:60%;}.il-paper2 b{display:block;height:10px;width:70%;margin-left:auto;border-radius:3px;background:#1E7F21;}
.il.run .il-paper2{animation:ilFeed 3s steps(14) infinite both;transform-origin:bottom;}
@keyframes ilFeed{0%{transform:translateY(88px);}70%,100%{transform:none;}}

/* scale */
.il-sc{position:absolute;left:70px;top:96px;width:160px;height:90px;}
.il-pan{height:12px;border-radius:12px;background:var(--border);margin:0 10px;}
.il-disp{margin-top:10px;height:56px;border-radius:12px;background:#0E1520;color:#59FF7A;font:700 26px/56px var(--f-mono);text-align:center;}
.il-disp small{font-size:15px;}
.il-fruit{position:absolute;left:126px;top:46px;width:48px;height:48px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 35% 30%,#FFD36E,#F58A0C);}
.il.run .il-fruit{animation:ilDrop 3.2s cubic-bezier(.5,0,.4,1.3) infinite both;}
.il.run .il-disp .il-cnt{animation:ilCountLoop 3.2s ease infinite;}

/* partner */
.il-lnk{position:absolute;left:40px;top:66px;width:68px;height:68px;border-radius:20px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;}
.il-lnk .il-i{width:34px;height:34px;}
.il-stack{position:absolute;left:170px;bottom:30px;}
.il-stack i{display:block;width:70px;height:16px;border-radius:50%;background:#FFC23D;box-shadow:inset 0 -4px 0 #E0A21F;margin-top:-6px;}
.il.run .il-stack i{animation:ilCoin2 4s ease-in infinite both;animation-delay:calc((4 - var(--k))*.25s);}
@keyframes ilCoin2{0%{transform:translate(-110px,-30px) scale(.6);opacity:0;}25%,85%{transform:none;opacity:1;}100%{opacity:0;}}

/* news */
.il-bell{position:absolute;left:30px;top:70px;width:60px;height:60px;border-radius:18px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;}
.il.run .il-bell{animation:ilRing2 2.4s ease-in-out infinite;}
.il-nw{position:absolute;left:110px;width:166px;height:44px;border-radius:12px;background:var(--bg);border:1px solid var(--border);padding:10px;top:calc(20px + var(--k)*56px);}
.il-nw i{display:block;height:7px;border-radius:4px;background:var(--border);}.il-nw i.s{width:55%;margin-top:8px;}
.il.run .il-nw{animation:ilRow .5s ease both;animation-delay:calc(var(--k)*.3s);}

/* barcode */
.il-label{position:absolute;left:50px;top:34px;width:200px;height:132px;border-radius:12px;background:#fff;padding:16px;box-shadow:0 20px 40px -24px rgba(2,20,42,.45);}
.il-code2{display:flex;align-items:stretch;gap:3px;height:76px;justify-content:center;}
.il-code2 i{width:var(--w);background:#111;}
.il-digits{display:block;text-align:center;margin-top:8px;font:700 13px/1 var(--f-mono);color:#111;letter-spacing:.06em;}
.il.run .il-code2 i{animation:ilBc 3.6s ease infinite both;animation-delay:calc(var(--k)*.05s);transform-origin:bottom;}
@keyframes ilBc{0%{transform:scaleY(0);}12%,85%{transform:none;}100%{transform:scaleY(0);}}

/* "kamroq harakat": hech narsa qimirlamaydi, sahna yakuniy holatda */
@media (prefers-reduced-motion:reduce){.il *,.il.run *{animation:none!important;}}