/* IEN.VN V13 — Actual layered SVG + HTML animation, entirely local, no GIF/video or external dependencies. */
.v13-hero-stage {overflow:visible!important; isolation:isolate; box-shadow:0 22px 52px rgba(0,102,136,.15)!important; transition:box-shadow .5s ease;}
.v13-hero-stage picture {display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden;position:relative;z-index:1;}
.v13-hero-stage picture img {will-change:transform;animation:v13-breathe 15s ease-in-out infinite alternate;transform-origin:center;}
.v13-layers{position:absolute;inset:-9px;overflow:visible;z-index:5;pointer-events:none;isolation:isolate;}
.v13-ambient{position:absolute;width:29%;height:52%;border-radius:50%;filter:blur(26px);opacity:.27;mix-blend-mode:screen;animation:v13-aura 8s ease-in-out infinite alternate;}
.v13-a1{left:0%;bottom:0;background:radial-gradient(circle,#00ddfa 0%,transparent 70%)}
.v13-a2{right:-2%;top:0;background:radial-gradient(circle,#77f4c4 0%,transparent 72%);animation-delay:-3s;}
.v13-scanline{position:absolute;top:6%;left:3%;width:94%;height:22%;background:linear-gradient(180deg,transparent 0,rgba(97,244,237,.08) 64%,rgba(76,222,251,.4) 100%);filter:blur(1px);transform:translateY(-20%);animation:v13-scan 9s linear infinite;mix-blend-mode:screen;clip-path:inset(0 round 26px);}
.v13-flows{position:absolute;inset:5%;height:90%;width:90%;overflow:visible;opacity:.96;filter:drop-shadow(0 0 4px #4adcfaaa);}
.v13-trace-bg{stroke:rgba(255,255,255,.6);stroke-width:3;fill:none;stroke-dasharray:3 19;}
.v13-trace{stroke:url(#v13-flow-color);stroke-width:3;fill:none;stroke-dasharray:9 18;stroke-linecap:round;animation:v13-dash 10s linear infinite;filter:url(#v13-trail-glow)}
.v13-trace-two{stroke-width:2;opacity:.85;animation-duration:15s;animation-direction:reverse}
.v13-trace-three{stroke-width:2;opacity:.8;animation-duration:13s}
.v13-signal{fill:#18f2df;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 5px #0cf6fb)}.v13-signal.alt{fill:#60baff;}
.v13-bot-beacon{position:absolute;left:3%;top:38%;display:flex;flex-direction:column;align-items:center;gap:4px;animation:v13-float 5.2s ease-in-out infinite;filter:drop-shadow(0 4px 10px rgba(22,138,181,.25));}
.v13-bot-head{width:42px;height:33px;border-radius:14px 14px 12px 12px;display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#07305e,#126ccc);border:2px solid #ddffff;box-shadow:0 0 0 4px #6eeef83d,0 0 20px #19c8e8bb;position:relative;}
.v13-bot-head:before{content:'';position:absolute;width:2px;height:7px;background:#0fb9d8;top:-7px;left:50%}
.v13-bot-head:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#46f2e5;top:-11px;left:calc(50% - 2px);box-shadow:0 0 9px #46f2e5}
.v13-eye{width:7px;height:8px;border-radius:50%;background:#9afaff;box-shadow:0 0 6px #6efcff;animation:v13-blink 5.7s ease-in-out infinite;}
.v13-bot-caption{padding:3px 6px;background:#f9feffed;border:1px solid #ffffff;border-radius:8px;color:#1877bb;font-size:9px;font-weight:900;letter-spacing:.04em;box-shadow:0 3px 9px #196db336;}
.v13-bot-caption span{color:#11a98c;}
.v13-chip{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:14px;background:rgba(255,255,255,.92);border:1px solid #ffffff;box-shadow:0 8px 22px #09648930;backdrop-filter:blur(12px);font-size:11px;color:#0b476b;animation:v13-float 6s ease-in-out infinite;}
.v13-chip b{font-size:11px;display:block;white-space:nowrap;line-height:1.2}.v13-chip small{display:block;font-size:9px;font-weight:650;color:#4c8194;margin-top:3px;white-space:nowrap;}
.v13-chip-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:9px;color:white;font-size:16px;background:linear-gradient(140deg,#0877d9,#20d3c3);font-style:normal;}
.v13-chip-ai{left:7%;top:-6%;animation-delay:-.8s;}
.v13-chip-crm{right:4%;top:-6%;animation-delay:-2.4s;}
.v13-chip-video{left:31%;bottom:-6%;animation-delay:-3.2s;}
.v13-chip-video .v13-chip-icon{background:linear-gradient(135deg,#7152ef,#3577ec)}
.v13-live-pip{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0ad7a2;margin-right:3px;box-shadow:0 0 0 3px #17d8a124;animation:v13-status-pulse 2.7s ease-in-out infinite;vertical-align:middle;}
.v13-chart{position:absolute;right:2%;bottom:5%;width:167px;border-radius:14px;background:#f9ffffeb;box-shadow:0 10px 30px #04597c46;border:1px solid white;padding:10px 12px 9px;backdrop-filter:blur(9px);animation:v13-float 8s ease-in-out infinite;animation-delay:-4.3s;}
.v13-chart-top{display:flex;gap:4px;align-items:center;justify-content:space-between}.v13-chart-top b{font-size:9px;line-height:1.1;color:#164c72;}.v13-chart-live{font-size:8px;color:#0eae8d;font-weight:900;letter-spacing:1px}
.v13-mini-bars{height:47px;display:flex;align-items:end;justify-content:space-around;gap:4px;margin:7px 0 3px;border-bottom:1px solid #c4e9f1;}
.v13-mini-bars i{display:block;width:11px;height:var(--h);transform-origin:bottom;opacity:.92;background:linear-gradient(0deg,#1679e2,#31d2b1);border-radius:3px 3px 0 0;animation:v13-bar 2.6s ease-in-out infinite alternate;animation-delay:var(--d)}
.v13-metric{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;color:#57778a;}.v13-metric strong{font-size:15px;color:#0561b2;white-space:nowrap}.v13-metric em{color:#07ab86;font-size:12px;font-style:normal}
.v13-social{position:absolute;left:18%;bottom:-3%;display:flex;gap:4px;align-items:center;justify-content:center;}
.v13-social span{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:7px;box-shadow:0 3px 8px #0b4e923f;border:1px solid #fff;color:white;font-weight:900;font-size:12px;animation:v13-socialbob 3.2s ease-in-out infinite;}
.v13-social span:nth-child(2){animation-delay:-.6s}.v13-social span:nth-child(3){animation-delay:-1.2s}.v13-social span:nth-child(4){animation-delay:-1.8s}.v13-social span:nth-child(5){animation-delay:-2.4s}
.v13-social-fb{background:#2075ec}.v13-social-yt{background:#ec343f}.v13-social-ig{background:linear-gradient(145deg,#543deb,#fd40a3,#f8a522)}.v13-social-ln{background:#1175b4}.v13-social-tk{background:#0f1930}
.v13-status{position:absolute;right:4%;top:49%;background:rgba(3,63,97,.80);border:1px solid #a4e5f2;border-radius:30px;padding:5px 10px;color:#fff;font-size:9px;font-weight:750;letter-spacing:.025em;box-shadow:0 5px 18px #125b9544;animation:v13-status-glow 4s ease-in-out infinite;}
.v13-status-dot{display:inline-block;background:#2eeec3;border-radius:50%;width:6px;height:6px;vertical-align:1px;margin-right:4px;box-shadow:0 0 8px #31f5e0}
@keyframes v13-breathe{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes v13-aura{from{transform:translate3d(-6px,3px,0) scale(.9);opacity:.23}to{transform:translate3d(9px,-8px,0) scale(1.15);opacity:.5}}
@keyframes v13-scan{0%{transform:translateY(-140%);opacity:0}14%{opacity:.75}85%{opacity:.6}100%{transform:translateY(460%);opacity:0}}
@keyframes v13-dash{to{stroke-dashoffset:-216}}
@keyframes v13-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes v13-blink{0%,43%,47%,100%{transform:scaleY(1)}44%,46%{transform:scaleY(.12)}}
@keyframes v13-bar{0%{transform:scaleY(.45);filter:saturate(.8)}100%{transform:scaleY(1);filter:saturate(1.2)}}
@keyframes v13-socialbob{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.07)}}
@keyframes v13-status-pulse{0%,100%{opacity:.6;box-shadow:0 0 0 0 #15d4ad44}50%{opacity:1;box-shadow:0 0 0 5px #15d4ad11}}
@keyframes v13-status-glow{0%,100%{box-shadow:0 4px 14px #125b9540}50%{box-shadow:0 5px 22px #14badd77}}
/* Small screens: preserve clear faces and all copy; simplify live overlays. */
@media(max-width:1200px){.v13-bot-beacon{left:2%;top:33%}.v13-chip{padding:6px 8px}.v13-chip b{font-size:10px}.v13-chart{width:137px;padding:7px 9px}.v13-chart .v13-mini-bars{height:33px}.v13-chip-video{left:38%;bottom:-6%}.v13-status{display:none}}
@media(max-width:900px){.v13-chip-ai{left:4%;top:-6%}.v13-chip-crm{right:2%;top:-6%}.v13-chip-video{bottom:-5%}.v13-social{left:17%}.v13-chart{right:1%;bottom:8%;width:121px}.v13-chart-top b{font-size:8px}.v13-metric strong{font-size:12px}}
@media(max-width:700px){.v13-hero-stage{border-radius:23px!important;}.v13-layers{inset:-5px}.v13-chip{padding:5px 7px;border-radius:10px;gap:4px}.v13-chip-icon{height:22px;width:22px;font-size:12px;border-radius:7px}.v13-chip b{font-size:9px}.v13-chip small{display:none}.v13-chip-ai{left:4%;top:-7%}.v13-chip-crm{right:3%;top:-7%}.v13-chip-video{left:33%;bottom:-6%;}.v13-bot-beacon{left:0;top:40%;transform:scale(.82);transform-origin:top left}.v13-bot-head{width:32px;height:26px}.v13-eye{width:6px;height:6px}.v13-bot-caption{display:none}.v13-chart{width:110px;right:2%;bottom:12%;padding:5px 6px;border-radius:10px}.v13-chart .v13-mini-bars{height:24px;margin:3px 0 1px}.v13-chart .v13-mini-bars i{width:8px}.v13-chart-top b{font-size:7px}.v13-chart-live{font-size:7px}.v13-metric span{font-size:6px}.v13-metric strong{font-size:11px}.v13-social{left:12%;bottom:-6%;gap:2px}.v13-social span{width:17px;height:17px;border-radius:5px;font-size:9px}.v13-scanline{opacity:.6}}
@media(max-width:390px){.v13-chart{right:1%;bottom:17%;width:88px}.v13-chart .v13-mini-bars{height:18px}.v13-chart-top b{font-size:6px}.v13-chip-video{left:36%}.v13-bot-beacon{display:none}.v13-social{left:7%}}
@media(prefers-reduced-motion:reduce){.v13-hero-stage *, .v13-hero-stage *::before,.v13-hero-stage *::after{animation:none!important;transition:none!important}.v13-flows .v13-signal{display:none}.v13-mini-bars i{transform:none}}

/* V13 polish: align actual moving surfaces with original product UI, avoid duplicate robots and floating UI covering copy. */
.v13-hero-stage{border-radius:28px 78px 28px 78px;}
.v13-chip-ai{left:9%;top:18%;}
.v13-chip-crm{right:7%;top:13%;}
.v13-chip-video{left:32%;top:43%;bottom:auto;}
.v13-chip{padding:6px 9px;animation-name:v13-float;animation-duration:6.5s;background:rgba(255,255,255,.97);box-shadow:0 5px 15px #0a5a8a33;border:1px solid #e9fbff;}
.v13-chip .v13-chip-icon{width:24px;height:24px;font-size:14px}
.v13-chip b{font-size:10px}.v13-chip small{font-size:8px;margin-top:1px}
.v13-chart{top:28%;bottom:auto;right:4%;width:24%;height:37%;min-height:101px;padding:6px 9px;background:rgba(255,255,255,.98);animation-duration:8.5s;}
.v13-mini-bars{height:42%;margin:5px 0 3px}
.v13-chart .v13-chart-top b{font-size:9px}
.v13-chart .v13-mini-bars i{width:9px}
.v13-metric span{font-size:8px}.v13-metric strong{font-size:13px}
.v13-robot-eyes{position:absolute;left:12.0%;top:41.5%;width:6.0%;height:5%;display:flex;gap:35%;align-items:center;justify-content:space-between;filter:drop-shadow(0 0 6px #62fcff);}
.v13-robot-eyes i{height:55%;aspect-ratio:1;background:radial-gradient(circle,#daffff 2%,#31eefe 62%,#0a8cfe);border-radius:50%;opacity:.7;animation:v13-blink 5s ease-in-out infinite;box-shadow:0 0 9px #38eafd;}
.v13-robot-eyes i:nth-child(2){animation-delay:.06s}
.v13-social-light{position:absolute;left:14%;top:69%;width:27%;height:5%;display:flex;align-items:center;justify-content:space-between;}
.v13-social-light span{height:4px;width:4px;box-shadow:0 0 8px #53edff,0 0 18px #2be1ff;background:#fff;border-radius:50%;animation:v13-socialbob 3.2s ease-in-out infinite;}
.v13-social-light span:nth-child(2){animation-delay:-.5s}.v13-social-light span:nth-child(3){animation-delay:-1s}.v13-social-light span:nth-child(4){animation-delay:-1.5s}.v13-social-light span:nth-child(5){animation-delay:-2s}
.v13-laptop-glow{position:absolute;left:68%;bottom:10%;width:29%;height:20%;border-radius:50%;background:radial-gradient(ellipse,#18ccf64a 0,transparent 72%);filter:blur(12px);animation:v13-aura 7s ease-in-out infinite alternate;mix-blend-mode:screen;}
.v13-hud-spark{position:absolute;top:67%;left:9%;color:#7cf9ff;font-size:17px;text-shadow:0 0 14px #fff,0 0 24px #37f9fa;animation:v13-socialbob 4s ease-in-out infinite}
@media(max-width:1200px){.v13-chip-video{left:31%;top:44%;}.v13-chart{width:25%;height:38%;top:27%;min-height:75px;right:4%}.v13-chart .v13-mini-bars{height:38%;}.v13-metric strong{font-size:12px}}
@media(max-width:700px){.v13-chip-ai{top:18%;left:6%}.v13-chip-crm{top:13%;right:4%}.v13-chip-video{left:30%;top:43%}.v13-chip b{font-size:8px}.v13-chip .v13-chip-icon{width:18px;height:18px}.v13-chip small{display:none}.v13-chart{top:30%;width:29%;height:30%;right:3%;min-height:75px;padding:5px 6px}.v13-chart .v13-chart-top b{font-size:6px}.v13-chart .v13-mini-bars{height:36%}.v13-chart .v13-metric strong{font-size:9px}.v13-chart .v13-metric span{font-size:6px}.v13-robot-eyes{display:none}.v13-social-light{left:12%;top:70%;width:37%}.v13-hud-spark{top:72%;left:6%}}
@media(max-width:390px){.v13-chart{width:28%;right:4%;top:28%;}.v13-chart .v13-chart-live{display:none}.v13-chip-ai{left:5%}.v13-chip-crm{right:3%}}
/* Final visual QA: compact chart overlays the existing analytics card instead of the laptop. */
@media(min-width:701px){.v13-chart{height:30%;max-height:112px;min-height:88px;top:29%;}.v13-chart .v13-mini-bars{height:42%;}.v13-chart .v13-metric{margin-top:1px}.v13-hero-stage .v13-chip{animation-duration:7.5s}}
/* Smaller screens: photo already has UI cards, so display only one living badge. */
@media(max-width:700px){.v13-chip-video,.v13-chip-crm,.v13-chart{display:none!important}.v13-chip-ai{top:5%;left:auto;right:4%;}.v13-robot-eyes{display:none!important}.v13-social-light{top:71%;left:10%;}.v13-flows{opacity:.7}.v13-ambient{opacity:.15}}