/* ═══ АНІМАЦІЯ КАРТИНОК НА СТОРІНЦІ ДЛЯ БІЗНЕСУ ═══════════════
   Курсор, коло від кліку й підсвітка — накладені зверху на фото.
   Сама картинка не змінюється. Скриптів немає.
   ════════════════════════════════════════════════════════════ */
.biz-media{position:relative}

.biz-cursor{position:absolute;width:26px;height:26px;z-index:5;pointer-events:none;
            filter:drop-shadow(0 2px 5px rgba(13,27,46,.45))}
.biz-ring{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;
          border:2.5px solid #F97316;opacity:0;z-index:4;pointer-events:none}
.biz-hit{position:absolute;border-radius:10px;border:2.5px solid #F97316;
         background:rgba(249,115,22,.12);opacity:0;z-index:3;pointer-events:none}
.biz-type{position:absolute;z-index:6;white-space:nowrap;overflow:hidden;width:0;
          font:600 13px/1 Inter,Arial,sans-serif;color:#0D1B2E;border-right:2px solid #F97316}

/* 1. Дашборд — клік по "View All" */
.biz-cursor.a1{animation:a1-move 7s ease-in-out infinite}
.biz-ring.a1{left:72.5%;top:50.5%;animation:biz-ring-a 7s ease-in-out infinite}
.biz-hit.a1{left:28%;top:56%;width:47%;height:4.5%;animation:biz-hit-a 7s ease-in-out infinite}
@keyframes a1-move{0%,8%{left:20%;top:86%}40%,56%{left:72%;top:49%}86%,100%{left:20%;top:86%}}

/* 2. Швидкі дії — клік по картці "Enrol Users" */
.biz-cursor.a2{animation:a2-move 6.5s ease-in-out infinite}
.biz-ring.a2{left:35%;top:63%;animation:biz-ring-a 6.5s ease-in-out infinite}
.biz-hit.a2{left:30%;top:55%;width:10%;height:16%;animation:biz-hit-a 6.5s ease-in-out infinite}
@keyframes a2-move{0%,8%{left:16%;top:88%}40%,58%{left:35%;top:62%}86%,100%{left:16%;top:88%}}

/* 3. Enrol Users — друкується email, потім клік "Enrol 4 Users" */
.biz-cursor.a3{animation:a3-move 8s ease-in-out infinite}
.biz-ring.a3{left:69%;top:69.5%;animation:biz-ring-b 8s ease-in-out infinite}
.biz-hit.a3{left:60%;top:65.5%;width:19%;height:7%;animation:biz-hit-b 8s ease-in-out infinite}
.biz-type.a3{left:31%;top:57%;animation:biz-type 8s steps(18,end) infinite,biz-caret .8s step-end infinite}
@keyframes a3-move{0%,6%{left:18%;top:88%}22%,42%{left:32%;top:58%}62%,78%{left:69%;top:68%}92%,100%{left:18%;top:88%}}

/* 4. Пакети — курсор веде по рядках таблиці */
.biz-cursor.a4{animation:a4-move 7s ease-in-out infinite}
.biz-hit.a4{left:6%;top:13%;width:47%;height:5.5%;border-radius:6px;animation:biz-hit-c 7s ease-in-out infinite}
@keyframes a4-move{0%,10%{left:8%;top:40%}44%,64%{left:30%;top:17%}88%,100%{left:8%;top:40%}}

/* 5. Звіти — клік по "View Reports" */
.biz-cursor.a5{animation:a5-move 6.5s ease-in-out infinite}
.biz-ring.a5{left:58%;top:33%;animation:biz-ring-a 6.5s ease-in-out infinite}
.biz-hit.a5{left:53.5%;top:30%;width:9.5%;height:5%;animation:biz-hit-a 6.5s ease-in-out infinite}
@keyframes a5-move{0%,8%{left:18%;top:82%}40%,58%{left:58%;top:32%}86%,100%{left:18%;top:82%}}

/* 6. Сертифікати — клік по "Download PDF" */
.biz-cursor.a6{animation:a6-move 6.5s ease-in-out infinite}
.biz-ring.a6{left:64%;top:33.5%;animation:biz-ring-a 6.5s ease-in-out infinite}
.biz-hit.a6{left:56%;top:29%;width:22%;height:9%;animation:biz-hit-a 6.5s ease-in-out infinite}
@keyframes a6-move{0%,8%{left:20%;top:84%}40%,58%{left:64%;top:32.5%}86%,100%{left:20%;top:84%}}

/* спільні рухи */
@keyframes biz-ring-a{0%,40%{opacity:0;transform:scale(.4)}46%{opacity:.95;transform:scale(.7)}62%{opacity:0;transform:scale(2.8)}100%{opacity:0}}
@keyframes biz-ring-b{0%,62%{opacity:0;transform:scale(.4)}68%{opacity:.95;transform:scale(.7)}82%{opacity:0;transform:scale(2.8)}100%{opacity:0}}
@keyframes biz-hit-a{0%,44%{opacity:0}52%,74%{opacity:1}86%,100%{opacity:0}}
@keyframes biz-hit-b{0%,66%{opacity:0}72%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes biz-hit-c{0%,48%{opacity:0}56%,80%{opacity:1}92%,100%{opacity:0}}
@keyframes biz-type{0%,20%{width:0}44%,74%{width:15ch}88%,100%{width:0}}
@keyframes biz-caret{50%{border-color:transparent}}

/* якщо в системі ввімкнено "менше анімації" */
@media (prefers-reduced-motion:reduce){
  .biz-cursor,.biz-ring,.biz-hit,.biz-type{animation:none !important;opacity:0}
}