HexaVision \u2014 AI Business Intelligence Platform \u00b7 Solutions<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --p:#8B00FF;--pl:#A855F7;--pc:#C084FC;\r\n --dark:#050810;--dark2:#08050F;--dark3:#0F0B1E;\r\n --text:#1A1F36;--text2:#4A5078;--bg:#FAFBFE;\r\n --card:#FFFFFF;--border:rgba(27,43,107,0.08);\r\n --grad:linear-gradient(135deg,#E8003D 0%,#8B00FF 50%,#1B2B6B 100%);\r\n --font-h:'Plus Jakarta Sans',sans-serif;--font-b:'Inter',sans-serif;\r\n}\r\nbody{font-family:var(--font-b);color:var(--text);background:var(--bg);overflow-x:hidden;line-height:1.7}\r\n.scroll-bar{position:fixed;top:0;left:0;height:3px;background:var(--grad);z-index:10000;transition:width .1s linear;width:0}\r\nsvg.ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}\r\nsvg.ics{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}\r\n.lbl{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--pl);margin-bottom:1rem;display:block}\r\n.ttl{font-family:var(--font-h);font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:1.25rem;color:var(--text)}\r\n.sub{font-size:16px;color:var(--text2);max-width:600px;line-height:1.8}\r\n.div-bar{width:44px;height:3px;background:var(--pl);border-radius:2px;margin-bottom:1.5rem;position:relative;overflow:hidden}\r\n.div-bar::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.7),transparent);animation:shim 3s infinite}\r\n@keyframes shim{0%{left:-100%}100%{left:200%}}\r\n.btn-p{background:var(--p);color:#fff;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}\r\n.btn-p::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}\r\n.btn-p:hover::after{left:100%}\r\n.btn-p:hover{background:#7300D4;transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,0,255,.3)}\r\n.btn-g{background:transparent;color:#fff;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:1.5px solid rgba(255,255,255,.28);transition:all .3s;display:inline-flex;align-items:center;gap:8px}\r\n.btn-g:hover{border-color:#fff;background:rgba(255,255,255,.08);transform:translateY(-2px)}\r\n.fu{opacity:0;transform:translateY(32px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}\r\n.fu.vis{opacity:1;transform:translateY(0)}\r\n.fl{opacity:0;transform:translateX(-36px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}\r\n.fl.vis{opacity:1;transform:translateX(0)}\r\n.fr{opacity:0;transform:translateX(36px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}\r\n.fr.vis{opacity:1;transform:translateX(0)}\r\n@keyframes heroReveal{from{opacity:0;transform:translateY(22px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--dark)}\r\n.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}\r\n.hero-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,8,16,.96) 0%,rgba(8,5,15,.88) 55%,rgba(20,5,40,.6) 100%)}\r\n.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.04) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}\r\n.radar{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:480px;height:480px;pointer-events:none;opacity:.15}\r\n.rring{position:absolute;border-radius:50%;border:1px solid #A855F7;top:50%;left:50%;transform:translate(-50%,-50%);animation:rp 4s ease-out infinite}\r\n.rring:nth-child(1){width:80px;height:80px;animation-delay:0s}.rring:nth-child(2){width:180px;height:180px;animation-delay:.7s}.rring:nth-child(3){width:300px;height:300px;animation-delay:1.4s}.rring:nth-child(4){width:420px;height:420px;animation-delay:2.1s}.rring:nth-child(5){width:480px;height:480px;animation-delay:2.8s}\r\n@keyframes rp{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}\r\n.rsweep{position:absolute;top:50%;left:50%;width:50%;height:1px;transform-origin:left center;animation:sw 4s linear infinite}\r\n@keyframes sw{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\r\n.rsweep::after{content:'';position:absolute;right:0;top:-50px;width:1px;height:100px;background:linear-gradient(180deg,transparent,rgba(168,85,247,.55),transparent)}\r\n.rdot{position:absolute;width:6px;height:6px;border-radius:50%;background:#A855F7;box-shadow:0 0 8px #A855F7;animation:db 3s ease-in-out infinite}\r\n.rdot.d1{top:28%;left:58%;animation-delay:.5s}.rdot.d2{top:56%;left:74%;animation-delay:1.3s}.rdot.d3{top:72%;left:44%;animation-delay:2.1s}\r\n@keyframes db{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.3)}}\r\n.hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;width:100%;padding:clamp(7rem,12vh,10rem) 5% clamp(5rem,9vh,7rem);color:#fff}\r\n.hero-bc{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem;font-size:13px;color:rgba(255,255,255,.38);opacity:0;animation:heroReveal .8s cubic-bezier(.16,1,.3,1) forwards .1s}\r\n.hero-bc a{color:rgba(255,255,255,.48);text-decoration:none}.hero-bc a:hover{color:var(--pl)}.hero-bc span{color:var(--pl)}\r\n.hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(139,0,255,.08);border:1px solid rgba(168,85,247,.3);border-radius:100px;padding:8px 20px;font-size:11px;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:1.75rem;letter-spacing:1.5px;text-transform:uppercase;backdrop-filter:blur(8px);opacity:0;animation:heroReveal .8s cubic-bezier(.16,1,.3,1) forwards .2s}\r\n.bdot{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.25);animation:gp 2s infinite}\r\n@keyframes gp{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.22)}50%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}\r\n.hero-inner h1{font-family:var(--font-h);font-size:clamp(44px,5.8vw,82px);font-weight:800;line-height:1.03;letter-spacing:-2.5px;color:#fff;margin-bottom:1.5rem;max-width:700px;opacity:0;animation:heroReveal 1s cubic-bezier(.16,1,.3,1) forwards .3s}\r\n.hero-inner h1 .pu{background:linear-gradient(90deg,#C084FC,#A855F7,#E879F9,#8B00FF);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gt 6s ease infinite}\r\n@keyframes gt{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\r\n.hero-sub{font-size:18px;color:rgba(255,255,255,.7);max-width:580px;line-height:1.82;margin-bottom:2.5rem;opacity:0;animation:heroReveal 1s cubic-bezier(.16,1,.3,1) forwards .5s}\r\n.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:4rem;opacity:0;animation:heroReveal 1s cubic-bezier(.16,1,.3,1) forwards .65s}\r\n.hero-stats{display:flex;gap:2.5rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.08);opacity:0;animation:heroReveal 1s cubic-bezier(.16,1,.3,1) forwards .82s;flex-wrap:wrap}\r\n.hs-val{font-family:var(--font-h);font-size:28px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1}\r\n.hs-lbl{font-size:12px;color:rgba(255,255,255,.42);margin-top:4px}\r\n.hs-ac{color:var(--pl)}\r\n\r\n\/* \u2550\u2550 CAM SECTION \u2550\u2550 *\/\r\n.cam-section{background:linear-gradient(180deg,var(--dark) 0%,var(--dark2) 100%);padding:6rem 5%;position:relative;overflow:hidden}\r\n.cam-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}\r\n.cam-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.cam-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center}\r\n.cam-text .lbl{color:rgba(168,85,247,.85)}.cam-text .ttl{color:#fff}.cam-text .sub{color:rgba(255,255,255,.58)}\r\n.cam-bullets{display:flex;flex-direction:column;gap:12px;margin-top:2rem}\r\n.cam-bullet{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(168,85,247,.1);border-radius:12px;transition:all .35s cubic-bezier(.16,1,.3,1)}\r\n.cam-bullet:hover{border-color:rgba(168,85,247,.3);background:rgba(168,85,247,.07);transform:translateX(5px)}\r\n.cam-bdot{width:8px;height:8px;border-radius:50%;background:var(--pl);flex-shrink:0;margin-top:6px;box-shadow:0 0 0 4px rgba(168,85,247,.15)}\r\n.cam-bt{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}\r\n.cam-bd{font-size:12px;color:rgba(255,255,255,.45);line-height:1.6}\r\n.cam-vp{position:relative;border-radius:20px;overflow:hidden;background:#0A0518;border:1px solid rgba(168,85,247,.2);box-shadow:0 32px 80px rgba(139,0,255,.18)}\r\n.cam-topbar{background:rgba(0,0,0,.45);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);padding:10px 14px;display:flex;align-items:center;gap:8px}\r\n.ctd{width:9px;height:9px;border-radius:50%}.ctd.r{background:#FF5F57}.ctd.y{background:#FEBC2E}.ctd.g{background:#28C840}\r\n.ct-title{font-size:10px;color:rgba(255,255,255,.28);font-weight:600;letter-spacing:.5px;margin-left:6px;flex:1}\r\n.ct-live{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:#22C55E;letter-spacing:.8px}\r\n.ct-ldot{width:5px;height:5px;border-radius:50%;background:#22C55E;animation:ldp 1.4s infinite}\r\n@keyframes ldp{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{opacity:.6;box-shadow:0 0 0 4px rgba(34,197,94,0)}}\r\n.cam-feed{position:relative;height:320px;background:#050810;overflow:hidden}\r\n.cam-feed::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.07) 0px,rgba(0,0,0,.07) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:5}\r\n.cam-feed::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:4}\r\n.cam-img{width:100%;height:100%;object-fit:cover;opacity:.65;animation:camPan 12s ease-in-out infinite alternate}\r\n@keyframes camPan{0%{transform:scale(1.08) translateX(0)}100%{transform:scale(1.08) translateX(-4%)}}\r\n.det-box{position:absolute;border:1.5px solid;border-radius:4px;z-index:6;opacity:0;transition:opacity .4s}\r\n.det-box.show{opacity:1}\r\n.det-box .det-lbl{position:absolute;top:-20px;left:0;font-size:9px;font-weight:700;letter-spacing:.4px;padding:2px 7px;border-radius:4px;white-space:nowrap}\r\n.det-box.grn{border-color:#22C55E;color:#22C55E}.det-box.grn .det-lbl{background:#22C55E;color:#000}\r\n.det-box.amb{border-color:#F59E0B;color:#F59E0B}.det-box.amb .det-lbl{background:#F59E0B;color:#000}\r\n.det-box.red{border-color:#EF4444;color:#EF4444;animation:blinkB 1s ease-in-out infinite}.det-box.red .det-lbl{background:#EF4444;color:#fff}\r\n@keyframes blinkB{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 4px rgba(239,68,68,0)}}\r\n.det-box .c{position:absolute;width:10px;height:10px}\r\n.det-box .c.tl{top:-1px;left:-1px;border-top:2px solid currentColor;border-left:2px solid currentColor}\r\n.det-box .c.tr{top:-1px;right:-1px;border-top:2px solid currentColor;border-right:2px solid currentColor}\r\n.det-box .c.bl{bottom:-1px;left:-1px;border-bottom:2px solid currentColor;border-left:2px solid currentColor}\r\n.det-box .c.br{bottom:-1px;right:-1px;border-bottom:2px solid currentColor;border-right:2px solid currentColor}\r\n.cam-sl{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.65),transparent);animation:scan 3.5s ease-in-out infinite;z-index:7}\r\n@keyframes scan{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:100%;opacity:0}}\r\n.cam-hud{position:absolute;inset:0;z-index:8;pointer-events:none}\r\n.hud-tl{position:absolute;top:12px;left:12px;font-size:9px;color:rgba(168,85,247,.7);line-height:1.8;letter-spacing:.3px}\r\n.hud-tr{position:absolute;top:12px;right:12px;text-align:right;font-size:9px;color:rgba(168,85,247,.7);line-height:1.8}\r\n.hud-bl{position:absolute;bottom:12px;left:12px;font-size:9px;color:rgba(34,197,94,.7);line-height:1.8}\r\n.cam-ticker{background:rgba(0,0,0,.5);border-top:1px solid rgba(255,255,255,.05);padding:10px 14px;display:flex;align-items:center;gap:10px;overflow:hidden}\r\n.ticker-tag{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--pl);background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);border-radius:4px;padding:3px 8px;flex-shrink:0}\r\n.ticker-txt{font-size:10px;color:rgba(255,255,255,.5);white-space:nowrap;animation:tickScroll 14s linear infinite}\r\n@keyframes tickScroll{0%{transform:translateX(0)}100%{transform:translateX(-45%)}}\r\n\r\n\/* \u2550\u2550 SECURITY DASHBOARD \u2550\u2550 *\/\r\n.secdb-sec{background:linear-gradient(180deg,#F7F8FC 0%,#F0F1FA 100%);padding:7rem 5%}\r\n.secdb-inner{max-width:1320px;margin:0 auto}\r\n.secdb-hdr{text-align:center;margin-bottom:4rem}\r\n.secdb-wrap{background:#07050F;border-radius:24px;border:1px solid rgba(168,85,247,.18);overflow:hidden;box-shadow:0 40px 100px rgba(76,29,149,.2)}\r\n.sdtb{background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.055);padding:12px 18px;display:flex;align-items:center;gap:8px}\r\n.sdtb-dot{width:10px;height:10px;border-radius:50%}\r\n.sdtb-dot.r{background:#FF5F57}.sdtb-dot.y{background:#FEBC2E}.sdtb-dot.g{background:#28C840}\r\n.sdtb-title{font-size:11px;color:rgba(255,255,255,.28);font-weight:500;letter-spacing:.4px;flex:1;margin-left:8px}\r\n.sdtb-live{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#22C55E;letter-spacing:.5px}\r\n.sdtb-ldot{width:5px;height:5px;border-radius:50%;background:#22C55E;animation:ldp 1.4s infinite}\r\n.secdb-body{padding:16px;display:flex;flex-direction:column;gap:14px}\r\n.secdb-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n.secdb-kpi{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;position:relative;overflow:hidden}\r\n.secdb-kpi::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}\r\n.sk1::before{background:linear-gradient(90deg,#22C55E,rgba(34,197,94,0))}.sk2::before{background:linear-gradient(90deg,#A855F7,rgba(168,85,247,0))}.sk3::before{background:linear-gradient(90deg,#F59E0B,rgba(245,158,11,0))}.sk4::before{background:linear-gradient(90deg,#22D3EE,rgba(34,211,238,0))}\r\n.skpi-lbl{font-size:10px;color:rgba(255,255,255,.35);font-weight:600;letter-spacing:.7px;text-transform:uppercase;margin-bottom:8px}\r\n.skpi-val{font-family:var(--font-h);font-size:30px;font-weight:800;color:#fff;line-height:1;margin-bottom:5px}\r\n.skpi-delta{font-size:10px;font-weight:600}\r\n.skpi-g{color:#22C55E}.skpi-b{color:#22D3EE}\r\n.secdb-mid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}\r\n.secdb-bot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}\r\n.sdb-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);border-radius:14px;padding:14px}\r\n.sp-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}\r\n.sp-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.5px;text-transform:uppercase}\r\n.sp-tag{font-size:10px;color:rgba(168,85,247,.65);font-weight:600}\r\n.alert-log{display:flex;flex-direction:column;gap:8px;max-height:130px;overflow:hidden}\r\n.alert-row{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:rgba(255,255,255,.035);border-radius:8px;border:1px solid rgba(255,255,255,.04);animation:aslide .4s cubic-bezier(.16,1,.3,1) forwards}\r\n@keyframes aslide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}\r\n.alert-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}\r\n.alert-msg{font-size:10px;color:rgba(255,255,255,.6);line-height:1.5}\r\n.alert-msg strong{color:rgba(255,255,255,.85);font-weight:600}\r\n.alert-time{font-size:9px;color:rgba(255,255,255,.2);margin-top:2px}\r\n.zone-bars{display:flex;flex-direction:column;gap:8px;margin-top:4px}\r\n.zone-row{display:flex;align-items:center;gap:8px}\r\n.zone-name{font-size:10px;color:rgba(255,255,255,.4);width:50px;flex-shrink:0}\r\n.zone-track{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}\r\n.zone-fill{height:100%;border-radius:3px;width:0;transition:width 1.4s cubic-bezier(.16,1,.3,1)}\r\n.zone-pct{font-size:10px;color:rgba(255,255,255,.45);width:30px;text-align:right;flex-shrink:0}\r\n\r\n\/* \u2550\u2550 PROBLEM \u2550\u2550 *\/\r\n.prob-sec{background:linear-gradient(180deg,var(--dark2) 0%,#0A0518 100%);padding:6rem 5%;position:relative;overflow:hidden}\r\n.prob-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px);background-size:32px 32px}\r\n.prob-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(139,0,255,.1) 0%,transparent 70%);top:-200px;left:-100px;pointer-events:none}\r\n.prob-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}\r\n.prob-text .lbl{color:rgba(168,85,247,.85)}.prob-text .ttl{color:#fff}.prob-text .sub{color:rgba(255,255,255,.58)}\r\n.prob-cards{display:flex;flex-direction:column;gap:14px}\r\n.prob-card{background:rgba(255,255,255,.03);border:1px solid rgba(168,85,247,.1);border-radius:16px;padding:1.4rem 1.5rem;display:flex;gap:1rem;align-items:flex-start;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;opacity:0;transform:translateX(20px)}\r\n.prob-card.vis{opacity:1;transform:translateX(0)}\r\n.prob-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.06),transparent);opacity:0;transition:opacity .4s}\r\n.prob-card:hover{border-color:rgba(168,85,247,.3);transform:translateX(6px)}.prob-card:hover::before{opacity:1}\r\n.pcnum{width:32px;height:32px;border-radius:8px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.2);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:12px;font-weight:800;color:#A855F7;flex-shrink:0;margin-top:2px}\r\n.pct{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}\r\n.pcd{font-size:13px;color:rgba(255,255,255,.48);line-height:1.65}\r\n\r\n\/* \u2550\u2550 SOLUTION \u2550\u2550 *\/\r\n.sol-sec{background:linear-gradient(180deg,#F7F8FC,#F0F1FA);padding:7rem 5%}\r\n.sol-inner{max-width:1320px;margin:0 auto}\r\n.sol-card{background:linear-gradient(135deg,#0A0E1A,#1A0F30,#0D1B3E);border-radius:28px;padding:4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:5rem;position:relative;overflow:hidden;border:1px solid rgba(168,85,247,.12)}\r\n.sol-card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}\r\n.sol-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.14),transparent 70%);top:-180px;right:-120px;pointer-events:none}\r\n.sol-card::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#8B00FF,#A855F7,transparent)}\r\n.sol-content{position:relative;z-index:1}\r\n.sol-content .lbl{color:rgba(168,85,247,.9)}.sol-content .ttl{color:#fff;font-size:clamp(26px,3vw,38px)}.sol-content .sub{color:rgba(255,255,255,.62);font-size:15px}\r\n.sol-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.75rem}\r\n.sol-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.22);border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;color:#C084FC;transition:all .3s}\r\n.sol-badge:hover{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.45);color:#fff}\r\n.sol-visual{position:relative;z-index:1}\r\n.scan-wrap{position:relative;overflow:hidden;border-radius:18px}\r\n.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.7),transparent);animation:scl 3s ease-in-out infinite;top:0;z-index:2}\r\n@keyframes scl{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}\r\n.sc{position:absolute;width:20px;height:20px;z-index:3}\r\n.sc.tl{top:10px;left:10px;border-top:2px solid #A855F7;border-left:2px solid #A855F7}.sc.tr{top:10px;right:10px;border-top:2px solid #A855F7;border-right:2px solid #A855F7}.sc.bl{bottom:10px;left:10px;border-bottom:2px solid #A855F7;border-left:2px solid #A855F7}.sc.br{bottom:10px;right:10px;border-bottom:2px solid #A855F7;border-right:2px solid #A855F7}\r\n.sol-visual img{width:100%;border-radius:18px;display:block;box-shadow:0 24px 60px rgba(168,85,247,.2)}\r\n.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}\r\n.feat-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem;transition:all .45s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(0,0,0,.03);position:relative;overflow:hidden}\r\n.feat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8B00FF,#A855F7);opacity:0;transition:opacity .3s}\r\n.feat-card:hover{border-color:rgba(168,85,247,.22);transform:translateY(-7px);box-shadow:0 20px 50px rgba(0,0,0,.09)}.feat-card:hover::after{opacity:1}\r\n.feat-icon{width:50px;height:50px;border-radius:14px;background:rgba(168,85,247,.07);border:1px solid rgba(168,85,247,.14);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#A855F7;transition:all .35s}\r\n.feat-card:hover .feat-icon{background:#A855F7;color:#fff;border-color:#A855F7;transform:scale(1.06)}\r\n.feat-card h4{font-family:var(--font-h);font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text)}\r\n.feat-card p{font-size:13px;color:var(--text2);line-height:1.72}\r\n\r\n\/* \u2550\u2550 NUMBERS \u2550\u2550 *\/\r\n.nums-sec{background:linear-gradient(135deg,#0A0E1A 0%,#1A0F30 50%,#0D1B3E 100%);padding:5rem 5%;position:relative;overflow:hidden}\r\n.nums-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(168,85,247,.05) 1px,transparent 1px);background-size:28px 28px}\r\n.nums-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.nums-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(168,85,247,.14);border-radius:20px;overflow:hidden}\r\n.num-cell{padding:2.5rem 2rem;background:rgba(255,255,255,.02);border-right:1px solid rgba(168,85,247,.1);text-align:center;transition:background .3s}\r\n.num-cell:last-child{border-right:none}.num-cell:hover{background:rgba(168,85,247,.06)}\r\n.num-val{font-family:var(--font-h);font-size:clamp(36px,4vw,56px);font-weight:800;color:#fff;letter-spacing:-2px;line-height:1;margin-bottom:.5rem}\r\n.num-val span{color:var(--pl)}\r\n.num-lbl{font-size:13px;color:rgba(255,255,255,.45);line-height:1.5;font-weight:500}\r\n\r\n\/* \u2550\u2550 HOW IT WORKS \u2550\u2550 *\/\r\n.hiw-sec{background:linear-gradient(180deg,#F0F1FA,#F7F8FC);padding:7rem 5%}\r\n.hiw-inner{max-width:1320px;margin:0 auto}\r\n.hiw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:4rem;position:relative}\r\n.hiw-steps::before{content:'';position:absolute;top:34px;left:calc(12.5% + 8px);right:calc(12.5% + 8px);height:1px;background:linear-gradient(90deg,#8B00FF,#A855F7,#C084FC,#A855F7);opacity:.28}\r\n.hiw-step{text-align:center;padding:0 1.5rem;position:relative;z-index:1}\r\n.hiw-nw{display:flex;justify-content:center;margin-bottom:1.5rem}\r\n.hiw-n{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1)}\r\n.hiw-step:hover .hiw-n{transform:scale(1.1)}\r\n.hiw-ni{width:68px;height:68px;border-radius:50%;background:var(--card);border:2px solid rgba(168,85,247,.25);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:20px;font-weight:800;color:var(--p);position:relative;z-index:1;box-shadow:0 4px 20px rgba(139,0,255,.1)}\r\n.hiw-ring{position:absolute;inset:-6px;border-radius:50%;border:1.5px dashed rgba(168,85,247,.3);animation:sr 12s linear infinite}\r\n.hiw-step:nth-child(2) .hiw-ring{animation-duration:14s;animation-direction:reverse}.hiw-step:nth-child(3) .hiw-ring{animation-duration:10s}.hiw-step:nth-child(4) .hiw-ring{animation-duration:16s;animation-direction:reverse}\r\n@keyframes sr{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\r\n.hiw-step h4{font-family:var(--font-h);font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}\r\n.hiw-step p{font-size:13px;color:var(--text2);line-height:1.65}\r\n\r\n\/* \u2550\u2550 THREAT TICKER \u2550\u2550 *\/\r\n.threat-ticker-sec{background:var(--dark2);padding:3rem 5%;overflow:hidden;position:relative}\r\n.threat-ticker-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent)}\r\n.threat-ticker-sec::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent)}\r\n.tt-label{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(168,85,247,.55);margin-bottom:.75rem;text-align:center}\r\n.tt-track{display:flex;gap:0;overflow:hidden;white-space:nowrap}\r\n.tt-belt{display:flex;gap:32px;animation:beltScroll 28s linear infinite;flex-shrink:0}\r\n.tt-belt:nth-child(2){animation-delay:-14s}\r\n.tt-item{display:flex;align-items:center;gap:10px;padding:8px 18px;background:rgba(168,85,247,.07);border:1px solid rgba(168,85,247,.15);border-radius:8px;font-size:12px;font-weight:600;color:rgba(255,255,255,.7);white-space:nowrap;flex-shrink:0}\r\n.tt-item .tt-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}\r\n.tt-item.grn .tt-dot{background:#22C55E;box-shadow:0 0 6px rgba(34,197,94,.5)}.tt-item.amb .tt-dot{background:#F59E0B;box-shadow:0 0 6px rgba(245,158,11,.5)}.tt-item.red .tt-dot{background:#EF4444;box-shadow:0 0 6px rgba(239,68,68,.5);animation:blinkB 1s infinite}.tt-item.pur .tt-dot{background:#A855F7;box-shadow:0 0 6px rgba(168,85,247,.5)}\r\n@keyframes beltScroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}\r\n\r\n\/* \u2550\u2550 COMPARE \u2550\u2550 *\/\r\n.cmp-sec{background:#fff;padding:7rem 5%}\r\n.cmp-inner{max-width:1320px;margin:0 auto}\r\n.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3.5rem}\r\n.cmp-col{border-radius:24px;overflow:hidden;border:1px solid var(--border)}\r\n.cmp-hdr{padding:1.75rem 2rem;display:flex;align-items:center;gap:14px}\r\n.cmp-col.bad .cmp-hdr{background:rgba(107,114,148,.06);border-bottom:1px solid var(--border)}\r\n.cmp-col.good .cmp-hdr{background:linear-gradient(135deg,rgba(139,0,255,.07),rgba(27,43,107,.05));border-bottom:1px solid rgba(168,85,247,.15)}\r\n.cmp-ico{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.cmp-col.bad .cmp-ico{background:rgba(107,114,148,.1);color:#6B7294}.cmp-col.good .cmp-ico{background:rgba(168,85,247,.1);color:#A855F7}\r\n.cmp-hdr h4{font-family:var(--font-h);font-size:16px;font-weight:700}\r\n.cmp-col.bad .cmp-hdr h4{color:#6B7294}.cmp-col.good .cmp-hdr h4{color:#A855F7}\r\n.cmp-list{list-style:none;padding:1.75rem 2rem;display:flex;flex-direction:column}\r\n.cmp-list li{font-size:14px;display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);line-height:1.55}\r\n.cmp-list li:last-child{border-bottom:none}\r\n.cmp-col.bad .cmp-list li{color:var(--text2)}.cmp-col.good .cmp-list li{color:var(--text)}\r\n.cx{color:#94A3B8;font-size:15px;flex-shrink:0;margin-top:2px;font-weight:700}.ck{color:#A855F7;font-size:15px;flex-shrink:0;margin-top:2px;font-weight:700}\r\n\r\n\/* \u2550\u2550 INDUSTRIES \u2550\u2550 *\/\r\n.ind-sec{background:linear-gradient(160deg,#F0F1FA,#FFF5F7,#F7F8FC);padding:6rem 5%}\r\n.ind-inner{max-width:1320px;margin:0 auto}\r\n.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}\r\n.ind-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:2rem 1.75rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(0,0,0,.03);position:relative;overflow:hidden}\r\n.ind-card::before{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(168,85,247,.06),transparent 70%)}\r\n.ind-card:hover{border-color:rgba(168,85,247,.2);transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.07)}\r\n.ind-ico{width:52px;height:52px;border-radius:14px;background:rgba(168,85,247,.07);border:1px solid rgba(168,85,247,.14);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#A855F7;transition:all .35s}\r\n.ind-card:hover .ind-ico{background:#A855F7;color:#fff;border-color:#A855F7}\r\n.ind-card h4{font-family:var(--font-h);font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}\r\n.ind-card p{font-size:13px;color:#6B7294;line-height:1.65}\r\n\r\n\/* \u2550\u2550 CTA \u2550\u2550 *\/\r\n.cta-sec{background:linear-gradient(180deg,#FAFBFE 0%,#F0F1FA 100%);padding:6rem 5%}\r\n.cta-inner{max-width:1320px;margin:0 auto;background:linear-gradient(135deg,#0F0A1F 0%,#1F0F3A 50%,#1B2B6B 100%);border-radius:28px;padding:5rem;text-align:center;position:relative;overflow:hidden;color:#fff}\r\n.cta-inner::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.12) 0%,transparent 60%);pointer-events:none}\r\n.cta-inner::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;animation:drift 20s linear infinite;pointer-events:none}\r\n@keyframes drift{from{transform:translateY(0)}to{transform:translateY(-28px)}}\r\n.cta-border{position:absolute;inset:-1px;border-radius:29px;background:linear-gradient(135deg,rgba(168,85,247,.3),transparent,rgba(27,43,107,.3));pointer-events:none}\r\n.cta-inner h2{font-family:var(--font-h);font-size:clamp(32px,4vw,54px);font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:1.25rem;position:relative;z-index:1;color:#fff}\r\n.cta-inner h2 span{color:#C084FC}\r\n.cta-inner p{font-size:17px;color:rgba(255,255,255,.65);max-width:540px;margin:0 auto 2.5rem;line-height:1.8;position:relative;z-index:1}\r\n.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}\r\n.cta-contact{display:flex;gap:2rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap;position:relative;z-index:1}\r\n.cta-ci{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.62)}.cta-ci strong{color:#fff}\r\n\r\n@media(max-width:1024px){.cam-layout,.prob-grid,.sol-card,.cmp-grid{grid-template-columns:1fr}.feat-grid{grid-template-columns:1fr 1fr}.ind-grid{grid-template-columns:1fr 1fr}.hiw-steps{grid-template-columns:1fr 1fr;gap:3rem}.hiw-steps::before{display:none}.secdb-kpis{grid-template-columns:1fr 1fr}.secdb-mid,.secdb-bot{grid-template-columns:1fr}.nums-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:768px){.feat-grid,.ind-grid,.hiw-steps,.secdb-kpis,.nums-grid{grid-template-columns:1fr}.radar{display:none}.hero-stats{flex-wrap:wrap;gap:1.5rem}}\r\n@media(max-width:600px){.hero{min-height:100svh}.cta-inner{padding:3rem 1.5rem}.sol-card{padding:2.5rem 1.5rem}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"scroll-bar\" id=\"scrollBar\"><\/div>\r\n\r\n\r\n<section class=\"hero\">\r\n <img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k-and-regenrate-_2862482568.png\" alt=\"HexaVision AI\" class=\"hero-bg\">\r\n <div class=\"hero-ov\"><\/div>\r\n <div class=\"hero-grid\"><\/div>\r\n <div class=\"radar\">\r\n <div class=\"rring\"><\/div><div class=\"rring\"><\/div><div class=\"rring\"><\/div><div class=\"rring\"><\/div><div class=\"rring\"><\/div>\r\n <div class=\"rsweep\"><\/div>\r\n <div class=\"rdot d1\"><\/div><div class=\"rdot d2\"><\/div><div class=\"rdot d3\"><\/div>\r\n <\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-bc\">\r\n <a href=\"https:\/\/hexavision.ai\/\">Home<\/a>\r\n <svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <a href=\"#\">Solutions<\/a>\r\n <svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <span>HexaVision AI Platform<\/span>\r\n <\/div>\r\n <div class=\"hero-badge\"><span class=\"bdot\"><\/span> HexaVision AI Platform<\/div>\r\n <h1>AI Business<br><span class=\"pu\">Intelligence Platform<\/span><\/h1>\r\n <p class=\"hero-sub\">From visitor behavior to campaign ROI \u2014 HexaVision gives every department the intelligence it needs to make faster, smarter, and more profitable decisions. Operational clarity. Customer insight. Business growth.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#usecases\" class=\"btn-p\">\r\n <svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>Explore Use Cases\r\n <\/a>\r\n <a href=\"#contact\" class=\"btn-g\">Request a Demo<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div><div class=\"hs-val\">+1K <span class=\"hs-ac\">\u00b7<\/span><\/div><div class=\"hs-lbl\">Organizations Served<\/div><\/div>\r\n <div><div class=\"hs-val\">98.2% <span class=\"hs-ac\">\u00b7<\/span><\/div><div class=\"hs-lbl\">Detection Accuracy<\/div><\/div>\r\n <div><div class=\"hs-val\">4ms <span class=\"hs-ac\">\u00b7<\/span><\/div><div class=\"hs-lbl\">Edge AI Response<\/div><\/div>\r\n <div><div class=\"hs-val\">0 <span class=\"hs-ac\">\u00b7<\/span><\/div><div class=\"hs-lbl\">Cloud Dependency<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cam-section\">\r\n <div class=\"cam-inner\">\r\n <div class=\"cam-layout\">\r\n <div class=\"cam-text fl\">\r\n <div class=\"div-bar\"><\/div>\r\n <div class=\"lbl\">Live AI Vision<\/div>\r\n <h2 class=\"ttl\">Your Cameras,<br>Now Thinking.<\/h2>\r\n <p class=\"sub\">HexaVision layers an AI brain over every existing camera \u2014 detecting people, behaviors, zones, and patterns in real time without replacing a single device.<\/p>\r\n <div class=\"cam-bullets\">\r\n <div class=\"cam-bullet\"><span class=\"cam-bdot\"><\/span><div><div class=\"cam-bt\">Visitor Counting & Behavioral Analysis<\/div><div class=\"cam-bd\">Real-time visitor counts by zone, dwell time tracking, and movement flow analysis \u2014 separating employees from customers automatically.<\/div><\/div><\/div>\r\n <div class=\"cam-bullet\"><span class=\"cam-bdot\"><\/span><div><div class=\"cam-bt\">Customer Journey Intelligence<\/div><div class=\"cam-bd\">Tracks the complete path from entrance to purchase \u2014 revealing exactly where customers drop off and what drives conversion.<\/div><\/div><\/div>\r\n <div class=\"cam-bullet\"><span class=\"cam-bdot\"><\/span><div><div class=\"cam-bt\">Operational Performance Monitoring<\/div><div class=\"cam-bd\">Staff presence, service zone coverage, uniform compliance, and customer interaction quality \u2014 measured automatically, 24\/7.<\/div><\/div><\/div>\r\n <div class=\"cam-bullet\"><span class=\"cam-bdot\"><\/span><div><div class=\"cam-bt\">Predictive Surge & Crowd Analytics<\/div><div class=\"cam-bd\">Forecasts congestion, demand peaks, and capacity thresholds \u2014 so teams act before situations escalate.<\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cam-vp fr\" id=\"camViewport\">\r\n <div class=\"cam-topbar\">\r\n <span class=\"ctd r\"><\/span><span class=\"ctd y\"><\/span><span class=\"ctd g\"><\/span>\r\n <span class=\"ct-title\">CAM-04 \u00b7 Retail Zone \u00b7 HexaVision AI Platform<\/span>\r\n <span class=\"ct-live\"><span class=\"ct-ldot\"><\/span>LIVE<\/span>\r\n <\/div>\r\n <div class=\"cam-feed\" id=\"camFeed\">\r\n <img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k-and-regenrate-_2862482568.png\" alt=\"Camera Feed\" class=\"cam-img\">\r\n <div class=\"cam-sl\"><\/div>\r\n <div class=\"cam-hud\">\r\n <div class=\"hud-tl\">HEXAVISION AI v4.1<br>EDGE PROCESSING \u00b7 LOCAL<br>FPS: <span id=\"hudFps\">29.9<\/span> \u00b7 LATENCY: <span id=\"hudLat\">4ms<\/span><\/div>\r\n <div class=\"hud-tr\"><span id=\"hudTime\">--:--:--<\/span><br>VISITORS: <span id=\"hudObj\">0<\/span><br>ZONE: RETAIL-A<\/div>\r\n <div class=\"hud-bl\">\u25cf AI ACTIVE \u00b7 EDGE MODE<br>PRIVACY: LOCAL ONLY<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cam-ticker\">\r\n <span class=\"ticker-tag\">HEXAVISION<\/span>\r\n <span class=\"ticker-txt\">AI ACTIVE \u00b7 VISITOR TRACKING \u00b7 BEHAVIORAL ANALYSIS \u00b7 HEATMAP UPDATING \u00b7 CONVERSION FUNNEL MONITORING \u00b7 EMPLOYEE PERFORMANCE TRACKING \u00b7 CAMPAIGN MEASUREMENT RUNNING \u00b7 PREDICTIVE ANALYTICS ACTIVE \u00b7 MULTI-BRANCH BENCHMARKING \u00b7 EXECUTIVE DASHBOARD LIVE \u00b7<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"threat-ticker-sec\">\r\n <div class=\"tt-label\">Live Platform Events \u2014 HexaVision AI Processing<\/div>\r\n <div class=\"tt-track\">\r\n <div class=\"tt-belt\" id=\"ttBelt1\"><\/div>\r\n <div class=\"tt-belt\" id=\"ttBelt2\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"secdb-sec\" id=\"secDash\">\r\n <div class=\"secdb-inner\">\r\n <div class=\"secdb-hdr fu\">\r\n <div class=\"div-bar\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"lbl\" style=\"text-align:center\">Real-Time Business Intelligence<\/div>\r\n <h2 class=\"ttl\" style=\"text-align:center\">What HexaVision Sees Right Now<\/h2>\r\n <p class=\"sub\" style=\"margin:0 auto;text-align:center\">A live operations dashboard \u2014 showing how HexaVision processes visual data into visitor insights, performance metrics, and business decisions across every zone, every second.<\/p>\r\n <\/div>\r\n <div class=\"secdb-wrap fu\" id=\"secDbWrap\">\r\n <div class=\"sdtb\">\r\n <span class=\"sdtb-dot r\"><\/span><span class=\"sdtb-dot y\"><\/span><span class=\"sdtb-dot g\"><\/span>\r\n <span class=\"sdtb-title\">HexaVision AI Platform \u2014 Business Intelligence Dashboard<\/span>\r\n <span class=\"sdtb-live\"><span class=\"sdtb-ldot\"><\/span>LIVE<\/span>\r\n <\/div>\r\n <div class=\"secdb-body\">\r\n <div class=\"secdb-kpis\">\r\n <div class=\"secdb-kpi sk1\"><div class=\"skpi-lbl\">Visitors Today<\/div><div class=\"skpi-val\" id=\"sk1v\">0<\/div><div class=\"skpi-delta skpi-g\">\u2191 +18% vs yesterday<\/div><\/div>\r\n <div class=\"secdb-kpi sk2\"><div class=\"skpi-lbl\">Conversion Rate<\/div><div class=\"skpi-val\" id=\"sk2v\">0%<\/div><div class=\"skpi-delta skpi-b\">\u2192 Counter Zone A<\/div><\/div>\r\n <div class=\"secdb-kpi sk3\"><div class=\"skpi-lbl\">Avg Dwell Time<\/div><div class=\"skpi-val\" id=\"sk3v\">0m<\/div><div class=\"skpi-delta skpi-g\">\u2191 +3m this hour<\/div><\/div>\r\n <div class=\"secdb-kpi sk4\"><div class=\"skpi-lbl\">AI Response Time<\/div><div class=\"skpi-val\" id=\"sk4v\">0ms<\/div><div class=\"skpi-delta skpi-g\">\u2191 Edge \u00b7 No cloud<\/div><\/div>\r\n <\/div>\r\n <div class=\"secdb-mid\">\r\n <div class=\"sdb-panel\">\r\n <div class=\"sp-hdr\"><span class=\"sp-title\">Visitor Flow \u2014 24hrs<\/span><span class=\"sp-tag\">Today vs Yesterday<\/span><\/div>\r\n <svg id=\"threatSvg\" viewBox=\"0 0 500 80\" preserveAspectRatio=\"none\" style=\"width:100%;height:80px\">\r\n <defs>\r\n <linearGradient id=\"tg1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#A855F7\" stop-opacity=\".35\"\/><stop offset=\"100%\" stop-color=\"#A855F7\" stop-opacity=\"0\"\/><\/linearGradient>\r\n <linearGradient id=\"tg2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#22D3EE\" stop-opacity=\".25\"\/><stop offset=\"100%\" stop-color=\"#22D3EE\" stop-opacity=\"0\"\/><\/linearGradient>\r\n <\/defs>\r\n <line x1=\"0\" y1=\"20\" x2=\"500\" y2=\"20\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"45\" x2=\"500\" y2=\"45\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"70\" x2=\"500\" y2=\"70\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <path id=\"resolvedFill\" d=\"\" fill=\"url(#tg1)\"\/>\r\n <path id=\"resolvedLine\" d=\"\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2\"\/>\r\n <path id=\"escalatedFill\" d=\"\" fill=\"url(#tg2)\"\/>\r\n <path id=\"escalatedLine\" d=\"\" fill=\"none\" stroke=\"#22D3EE\" stroke-width=\"1.5\" stroke-dasharray=\"5,3\"\/>\r\n <text x=\"4\" y=\"74\" fill=\"rgba(255,255,255,.2)\" font-size=\"8\">00:00<\/text><text x=\"120\" y=\"74\" fill=\"rgba(255,255,255,.2)\" font-size=\"8\">06:00<\/text><text x=\"245\" y=\"74\" fill=\"rgba(255,255,255,.2)\" font-size=\"8\">12:00<\/text><text x=\"370\" y=\"74\" fill=\"rgba(255,255,255,.2)\" font-size=\"8\">18:00<\/text><text x=\"468\" y=\"74\" fill=\"rgba(255,255,255,.2)\" font-size=\"8\">Now<\/text>\r\n <\/svg>\r\n <div style=\"display:flex;gap:14px;margin-top:6px\">\r\n <span style=\"display:flex;align-items:center;gap:5px;font-size:10px;color:rgba(255,255,255,.4)\"><span style=\"display:inline-block;width:16px;height:2px;background:#A855F7;border-radius:1px\"><\/span>Today<\/span>\r\n <span style=\"display:flex;align-items:center;gap:5px;font-size:10px;color:rgba(255,255,255,.4)\"><span style=\"display:inline-block;width:16px;height:2px;background:#22D3EE;border-radius:1px\"><\/span>Yesterday<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sdb-panel\">\r\n <div class=\"sp-hdr\"><span class=\"sp-title\">Live Insights<\/span><span class=\"sp-tag sdtb-live\" style=\"font-size:10px\"><span class=\"sdtb-ldot\"><\/span>LIVE<\/span><\/div>\r\n <div class=\"alert-log\" id=\"alertLog\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"secdb-bot\">\r\n <div class=\"sdb-panel\">\r\n <div class=\"sp-hdr\"><span class=\"sp-title\">Zone Activity<\/span><span class=\"sp-tag\">Real-Time<\/span><\/div>\r\n <div class=\"zone-bars\">\r\n <div class=\"zone-row\"><span class=\"zone-name\">Counter<\/span><div class=\"zone-track\"><div class=\"zone-fill\" id=\"zf1\" style=\"background:linear-gradient(90deg,#A855F7,#C084FC)\"><\/div><\/div><span class=\"zone-pct\" id=\"zp1\">0%<\/span><\/div>\r\n <div class=\"zone-row\"><span class=\"zone-name\">Display<\/span><div class=\"zone-track\"><div class=\"zone-fill\" id=\"zf2\" style=\"background:linear-gradient(90deg,#22D3EE,#67E8F9)\"><\/div><\/div><span class=\"zone-pct\" id=\"zp2\">0%<\/span><\/div>\r\n <div class=\"zone-row\"><span class=\"zone-name\">Entrance<\/span><div class=\"zone-track\"><div class=\"zone-fill\" id=\"zf3\" style=\"background:linear-gradient(90deg,#22C55E,#4ADE80)\"><\/div><\/div><span class=\"zone-pct\" id=\"zp3\">0%<\/span><\/div>\r\n <div class=\"zone-row\"><span class=\"zone-name\">Aisle B<\/span><div class=\"zone-track\"><div class=\"zone-fill\" id=\"zf4\" style=\"background:linear-gradient(90deg,#F59E0B,#FCD34D)\"><\/div><\/div><span class=\"zone-pct\" id=\"zp4\">0%<\/span><\/div>\r\n <div class=\"zone-row\"><span class=\"zone-name\">Exit<\/span><div class=\"zone-track\"><div class=\"zone-fill\" id=\"zf5\" style=\"background:linear-gradient(90deg,#EF4444,#F87171)\"><\/div><\/div><span class=\"zone-pct\" id=\"zp5\">0%<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sdb-panel\" style=\"display:flex;flex-direction:column;align-items:center;justify-content:center\">\r\n <div class=\"sp-hdr\" style=\"width:100%\"><span class=\"sp-title\">Detection Accuracy<\/span><\/div>\r\n <svg viewBox=\"0 0 110 60\" style=\"width:110px;height:60px;overflow:visible;margin-bottom:8px\">\r\n <path d=\"M10,55 A45,45 0 0,1 100,55\" fill=\"none\" stroke=\"rgba(255,255,255,.08)\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\r\n <path id=\"accArc\" d=\"M10,55 A45,45 0 0,1 100,55\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"10\" stroke-linecap=\"round\" stroke-dasharray=\"0 141\" style=\"transition:stroke-dasharray 1.8s cubic-bezier(.16,1,.3,1)\"\/>\r\n <\/svg>\r\n <div style=\"font-family:var(--font-h);font-size:26px;font-weight:800;color:#A855F7;letter-spacing:-1px\" id=\"accNum\">0%<\/div>\r\n <div style=\"font-size:10px;color:rgba(255,255,255,.38);margin-top:2px\">Accuracy Rate<\/div>\r\n <\/div>\r\n <div class=\"sdb-panel\" style=\"display:flex;flex-direction:column;justify-content:center\">\r\n <div class=\"sp-hdr\"><span class=\"sp-title\">Edge vs Cloud<\/span><\/div>\r\n <div>\r\n <div style=\"display:flex;justify-content:space-between;margin-bottom:6px\"><span style=\"font-size:10px;color:rgba(255,255,255,.38)\">Edge AI (HexaVision)<\/span><span style=\"font-size:10px;font-weight:700;color:#22C55E\">4ms<\/span><\/div>\r\n <div style=\"height:6px;background:rgba(255,255,255,.06);border-radius:3px;margin-bottom:14px\"><div id=\"edgeBar\" style=\"height:100%;width:0;background:linear-gradient(90deg,#22C55E,#4ADE80);border-radius:3px;transition:width 1.6s cubic-bezier(.16,1,.3,1)\"><\/div><\/div>\r\n <div style=\"display:flex;justify-content:space-between;margin-bottom:6px\"><span style=\"font-size:10px;color:rgba(255,255,255,.38)\">Cloud-based (Traditional)<\/span><span style=\"font-size:10px;font-weight:700;color:#EF4444\">344ms<\/span><\/div>\r\n <div style=\"height:6px;background:rgba(255,255,255,.06);border-radius:3px\"><div id=\"cloudBar\" style=\"height:100%;width:0;background:linear-gradient(90deg,#EF4444,#F87171);border-radius:3px;transition:width 1.6s cubic-bezier(.16,1,.3,1) .3s\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"nums-sec\">\r\n <div class=\"nums-inner\">\r\n <div class=\"nums-grid fu\">\r\n <div class=\"num-cell\"><div class=\"num-val\" id=\"nc1\">0<span>ms<\/span><\/div><div class=\"num-lbl\">Edge AI Response Time<br>vs 344ms cloud average<\/div><\/div>\r\n <div class=\"num-cell\"><div class=\"num-val\" id=\"nc2\">0<span>%<\/span><\/div><div class=\"num-lbl\">Detection Accuracy Rate<br>across all camera feeds<\/div><\/div>\r\n <div class=\"num-cell\"><div class=\"num-val\" id=\"nc3\">\u21910<span>%<\/span><\/div><div class=\"num-lbl\">Average Sales Uplift<br>across retail clients<\/div><\/div>\r\n <div class=\"num-cell\"><div class=\"num-val\">+1K<span><\/span><\/div><div class=\"num-lbl\">Organizations Served<br>across Saudi Arabia & GCC<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"prob-sec\">\r\n <div class=\"prob-glow\"><\/div>\r\n <div class=\"prob-inner\">\r\n <div class=\"prob-grid\">\r\n <div class=\"prob-text fl\">\r\n <div class=\"div-bar\"><\/div>\r\n <div class=\"lbl\">The Problem<\/div>\r\n <h2 class=\"ttl\">Cameras Record.<br>They Don't Decide.<\/h2>\r\n <p class=\"sub\">Organizations invest heavily in camera infrastructure, yet most systems only record \u2014 leaving operations teams blind, marketing teams guessing, and management without the data they need to improve.<\/p>\r\n <\/div>\r\n <div class=\"prob-cards\" id=\"probCards\">\r\n <div class=\"prob-card\"><div class=\"pcnum\">01<\/div><div><div class=\"pct\">Recording Is Not Intelligence<\/div><div class=\"pcd\">Traditional systems document what happened but cannot predict what will happen. Revenue is lost before anyone realizes why.<\/div><\/div><\/div>\r\n <div class=\"prob-card\"><div class=\"pcnum\">02<\/div><div><div class=\"pct\">No Visibility Into Operations<\/div><div class=\"pcd\">Without behavioral data, staffing decisions, layout changes, and campaign timing are based on gut feeling \u2014 not evidence.<\/div><\/div><\/div>\r\n <div class=\"prob-card\"><div class=\"pcnum\">03<\/div><div><div class=\"pct\">Campaigns With No Measurement<\/div><div class=\"pcd\">Marketing spends millions without knowing if it worked. There's no way to isolate campaign impact from other variables.<\/div><\/div><\/div>\r\n <div class=\"prob-card\"><div class=\"pcnum\">04<\/div><div><div class=\"pct\">Infrastructure Replacement Costs<\/div><div class=\"pcd\">Upgrading to AI cameras demands a full hardware overhaul \u2014 a high-cost, high-disruption project most cannot afford.<\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"sol-sec\" id=\"solution\">\r\n <div class=\"sol-inner\">\r\n <div class=\"sol-card fu\">\r\n <div class=\"sol-glow\"><\/div>\r\n <div class=\"sol-content\">\r\n <div class=\"lbl\">The Solution \u2014 AI Business Intelligence<\/div>\r\n <h2 class=\"ttl\" style=\"color:#fff;font-size:clamp(26px,3vw,38px)\">Visual Data Transformed Into Business Decisions<\/h2>\r\n <p class=\"sub\" style=\"color:rgba(255,255,255,.62);font-size:15px\">HexaVision transforms your existing cameras into a business intelligence platform. It doesn't just detect \u2014 it understands visitor behavior, measures operational performance, tracks campaign impact, and surfaces actionable insights for every team from cashier to CEO.<\/p>\r\n <div class=\"sol-badges\">\r\n <span class=\"sol-badge\">Saudi Made<\/span>\r\n <span class=\"sol-badge\">Edge AI \u2014 No Cloud<\/span>\r\n <span class=\"sol-badge\">Privacy by Design<\/span>\r\n <span class=\"sol-badge\">Vision 2030 Aligned<\/span>\r\n <span class=\"sol-badge\">Works With Existing Cameras<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sol-visual\">\r\n <div class=\"scan-wrap\">\r\n <div class=\"scan-line\"><\/div>\r\n <div class=\"sc tl\"><\/div><div class=\"sc tr\"><\/div><div class=\"sc bl\"><\/div><div class=\"sc br\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/freepik_remove-all-text-and-regen_2862491828-scaled.webp\" alt=\"HexaVision AI Platform\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feat-grid\">\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><h4>Visitor & Behavioral Analytics<\/h4><p>Real-time and historical visitor counts, dwell time, movement flow, and behavioral classification \u2014 automatically separating employees from customers across every zone.<\/p><\/div>\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><h4>Edge AI Processing<\/h4><p>Local on-site data processing \u2014 no cloud dependency, no latency, no internet requirement. Instant response guaranteed, 24 hours a day, with full data sovereignty.<\/p><\/div>\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg><\/div><h4>Heat Mapping & Zone Intelligence<\/h4><p>Interactive heatmaps revealing customer movement paths, high-dwell zones, and underperforming areas \u2014 so every layout decision is backed by real foot traffic data.<\/p><\/div>\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><h4>Predictive Business Analytics<\/h4><p>Forecasts demand peaks, customer churn, and campaign impact before they happen \u2014 giving operations teams the lead time to act, not react.<\/p><\/div>\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div><h4>Executive & Multi-Branch Dashboards<\/h4><p>A unified live view of every KPI across all locations \u2014 designed for decision makers, not just analysts. One screen. All the context needed to act.<\/p><\/div>\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg><\/div><h4>Works With Existing Cameras<\/h4><p>Seamlessly layers AI intelligence over your current CCTV infrastructure \u2014 no hardware replacement, no capital expenditure, deployed in days not months.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"hiw-sec\">\r\n <div class=\"hiw-inner\">\r\n <div class=\"fu\" style=\"text-align:center\">\r\n <div class=\"div-bar\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"lbl\" style=\"text-align:center\">How It Works<\/div>\r\n <h2 class=\"ttl\" style=\"text-align:center\">From Camera Frame<br>to Business Decision<\/h2>\r\n <p class=\"sub\" style=\"margin:0 auto;text-align:center\">HexaVision's AI pipeline ingests raw video, understands behavior, predicts outcomes, and delivers decisions \u2014 all locally, all instantly, with zero cloud dependency.<\/p>\r\n <\/div>\r\n <div class=\"hiw-steps fu\">\r\n <div class=\"hiw-step\"><div class=\"hiw-nw\"><div class=\"hiw-n\"><div class=\"hiw-ring\"><\/div><div class=\"hiw-ni\">01<\/div><\/div><\/div><h4>Collect<\/h4><p>Live feeds from existing cameras flow into the Edge AI processor \u2014 no cloud, no delay, no hardware replacement required.<\/p><\/div>\r\n <div class=\"hiw-step\"><div class=\"hiw-nw\"><div class=\"hiw-n\"><div class=\"hiw-ring\"><\/div><div class=\"hiw-ni\">02<\/div><\/div><\/div><h4>Analyze<\/h4><p>Computer vision models analyze every frame \u2014 identifying people, behaviors, zones, and patterns simultaneously in milliseconds.<\/p><\/div>\r\n <div class=\"hiw-step\"><div class=\"hiw-nw\"><div class=\"hiw-n\"><div class=\"hiw-ring\"><\/div><div class=\"hiw-ni\">03<\/div><\/div><\/div><h4>Predict<\/h4><p>AI evaluates behavioral context \u2014 forecasting surges, churn signals, and conversion outcomes before they happen.<\/p><\/div>\r\n <div class=\"hiw-step\"><div class=\"hiw-nw\"><div class=\"hiw-n\"><div class=\"hiw-ring\"><\/div><div class=\"hiw-ni\">04<\/div><\/div><\/div><h4>Decide<\/h4><p>Insights surface on the right dashboard for the right role \u2014 from cashier alert to executive KPI \u2014 within one second of the original frame.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"hxvid-sec\" id=\"hxvid\">\r\n<style>\r\n.hxvid-sec{background:linear-gradient(180deg,#07050F 0%,#0F0B1E 100%);padding:7rem 5%;position:relative;overflow:hidden;font-family:'Inter',sans-serif}\r\n.hxvid-sec::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px);background-size:32px 32px}\r\n\/* ambient glow orbs *\/\r\n.hxvid-orb1{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(139,0,255,.12) 0%,transparent 65%);top:-200px;right:-150px;pointer-events:none;animation:hxvOrbPulse 6s ease-in-out infinite}\r\n.hxvid-orb2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(232,0,61,.07) 0%,transparent 65%);bottom:-150px;left:-100px;pointer-events:none;animation:hxvOrbPulse 8s ease-in-out infinite .5s}\r\n@keyframes hxvOrbPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}\r\n\r\n.hxvid-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n\r\n\/* Header *\/\r\n.hxvid-hdr{text-align:center;margin-bottom:4rem}\r\n.hxvid-divbar{width:44px;height:3px;background:var(--pl);border-radius:2px;margin:0 auto 1.5rem;position:relative;overflow:hidden}\r\n.hxvid-divbar::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.7),transparent);animation:shim 3s infinite}\r\n.hxvid-lbl{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(168,85,247,.85);margin-bottom:1rem}\r\n.hxvid-ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:-2px;line-height:1.1;color:#fff;margin-bottom:1rem}\r\n.hxvid-ttl .hxvid-accent{background:linear-gradient(90deg,#C084FC,#A855F7,#E879F9,#8B00FF);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gt 6s ease infinite}\r\n.hxvid-sub{font-size:16px;color:rgba(255,255,255,.52);max-width:640px;margin:0 auto;line-height:1.8}\r\n\r\n\/* Main video frame *\/\r\n.hxvid-frame{position:relative;border-radius:24px;overflow:hidden;background:#000;border:1px solid rgba(168,85,247,.2);box-shadow:0 40px 120px rgba(76,29,149,.35);cursor:pointer}\r\n\/* scan corners *\/\r\n.hxvid-corner{position:absolute;width:28px;height:28px;z-index:10;pointer-events:none}\r\n.hxvid-corner.tl{top:16px;left:16px;border-top:2px solid rgba(168,85,247,.7);border-left:2px solid rgba(168,85,247,.7)}\r\n.hxvid-corner.tr{top:16px;right:16px;border-top:2px solid rgba(168,85,247,.7);border-right:2px solid rgba(168,85,247,.7)}\r\n.hxvid-corner.bl{bottom:16px;left:16px;border-bottom:2px solid rgba(168,85,247,.7);border-left:2px solid rgba(168,85,247,.7)}\r\n.hxvid-corner.br{bottom:16px;right:16px;border-bottom:2px solid rgba(168,85,247,.7);border-right:2px solid rgba(168,85,247,.7)}\r\n\/* scan line *\/\r\n.hxvid-scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.7),#C084FC,rgba(168,85,247,.7),transparent);z-index:9;animation:hxvScan 4s ease-in-out infinite;pointer-events:none}\r\n@keyframes hxvScan{0%{top:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{top:100%;opacity:0}}\r\n\/* crt overlay *\/\r\n.hxvid-crt{position:absolute;inset:0;z-index:8;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 3px)}\r\n\/* video element *\/\r\n.hxvid-video{width:100%;display:block;aspect-ratio:16\/9;object-fit:cover}\r\n\/* play overlay \u2014 hidden when playing *\/\r\n.hxvid-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(7,5,15,.45);z-index:11;transition:opacity .4s}\r\n.hxvid-play-overlay.hidden{opacity:0;pointer-events:none}\r\n.hxvid-play-btn{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8B00FF,#A855F7);border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 16px rgba(168,85,247,.12),0 12px 40px rgba(139,0,255,.45);animation:hxvPlayPulse 2.5s ease-in-out infinite;transition:transform .3s}\r\n.hxvid-play-btn:hover{transform:scale(1.1)}\r\n@keyframes hxvPlayPulse{0%,100%{box-shadow:0 0 0 12px rgba(168,85,247,.1),0 12px 40px rgba(139,0,255,.4)}50%{box-shadow:0 0 0 22px rgba(168,85,247,.04),0 12px 40px rgba(139,0,255,.5)}}\r\n.hxvid-play-btn svg{width:32px;height:32px;fill:#fff;margin-left:5px}\r\n\/* HUD badges on video *\/\r\n.hxvid-badge{position:absolute;z-index:12;display:inline-flex;align-items:center;gap:6px;background:rgba(7,5,15,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:.5px;color:rgba(255,255,255,.9);pointer-events:none}\r\n.hxvid-badge-dot{width:6px;height:6px;border-radius:50%;animation:ldp 1.4s infinite}\r\n.hxvid-b1{top:20px;left:20px}\r\n.hxvid-b2{top:20px;right:70px}\r\n.hxvid-b3{bottom:20px;left:20px;color:#EF4444;border-color:rgba(239,68,68,.3);background:rgba(7,5,15,.8)}\r\n.hxvid-b3 .hxvid-badge-dot{background:#EF4444}\r\n.hxvid-b4{bottom:20px;right:20px;color:#22C55E;border-color:rgba(34,197,94,.25)}\r\n.hxvid-b4 .hxvid-badge-dot{background:#22C55E}\r\n\r\n\/* Content below video \u2014 3 col insight cards *\/\r\n.hxvid-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}\r\n.hxvid-icard{background:rgba(255,255,255,.03);border:1px solid rgba(168,85,247,.14);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(20px)}\r\n.hxvid-icard.hxvid-vis{opacity:1;transform:translateY(0)}\r\n.hxvid-icard:hover{border-color:rgba(168,85,247,.35);background:rgba(168,85,247,.06);transform:translateY(-4px)}\r\n.hxvid-icard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}\r\n.hxvid-ic1::before{background:linear-gradient(90deg,#EF4444,rgba(239,68,68,0))}\r\n.hxvid-ic2::before{background:linear-gradient(90deg,#A855F7,rgba(168,85,247,0))}\r\n.hxvid-ic3::before{background:linear-gradient(90deg,#22C55E,rgba(34,197,94,0))}\r\n.hxvid-icard-icon{width:42px;height:42px;border-radius:11px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}\r\n.hxvid-icard-icon svg{width:20px;height:20px;stroke:#A855F7;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.hxvid-ic1 .hxvid-icard-icon{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.hxvid-ic1 .hxvid-icard-icon svg{stroke:#EF4444}\r\n.hxvid-ic3 .hxvid-icard-icon{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2)}.hxvid-ic3 .hxvid-icard-icon svg{stroke:#22C55E}\r\n.hxvid-icard h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:6px}\r\n.hxvid-icard p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7}\r\n.hxvid-icard-stat{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.5px}\r\n.hxvid-icard-stat span{font-size:11px;font-weight:600;color:rgba(255,255,255,.4);letter-spacing:.3px;align-self:flex-end;margin-bottom:2px}\r\n\r\n@media(max-width:900px){.hxvid-insights{grid-template-columns:1fr 1fr}}\r\n@media(max-width:600px){.hxvid-insights{grid-template-columns:1fr}}\r\n<\/style>\r\n\r\n<div class=\"hxvid-orb1\"><\/div>\r\n<div class=\"hxvid-orb2\"><\/div>\r\n<div class=\"hxvid-inner\">\r\n\r\n <div class=\"hxvid-hdr fu\">\r\n <div class=\"hxvid-divbar\"><\/div>\r\n <div class=\"hxvid-lbl\">See It In Action<\/div>\r\n <h2 class=\"hxvid-ttl\">The moment a camera<br>becomes <span class=\"hxvid-accent\">intelligence<\/span><\/h2>\r\n <p class=\"hxvid-sub\">Watch how HexaVision detects behavior, tracks movement, and surfaces actionable insights in real time \u2014 the instant something happens in your space.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxvid-frame fu\" id=\"hxvidFrame\">\r\n \r\n <div class=\"hxvid-corner tl\"><\/div>\r\n <div class=\"hxvid-corner tr\"><\/div>\r\n <div class=\"hxvid-corner bl\"><\/div>\r\n <div class=\"hxvid-corner br\"><\/div>\r\n \r\n <div class=\"hxvid-scanline\"><\/div>\r\n <div class=\"hxvid-crt\"><\/div>\r\n \r\n <div class=\"hxvid-badge hxvid-b1\"><span class=\"hxvid-badge-dot\" style=\"background:#22C55E;animation:ldp 1.4s infinite\"><\/span>HEXAVISION AI \u00b7 EDGE MODE \u00b7 LIVE<\/div>\r\n <div class=\"hxvid-badge hxvid-b2\"><span class=\"hxvid-badge-dot\" style=\"background:#A855F7;animation:ldp 1.4s infinite .4s\"><\/span>BEHAVIOR ANALYSIS ACTIVE<\/div>\r\n <div class=\"hxvid-badge hxvid-b3\"><span class=\"hxvid-badge-dot\"><\/span>\u26a0 SUSPICIOUS BEHAVIOR DETECTED<\/div>\r\n <div class=\"hxvid-badge hxvid-b4\"><span class=\"hxvid-badge-dot\"><\/span>ALERT SENT \u00b7 0.4s RESPONSE<\/div>\r\n \r\n <video class=\"hxvid-video\" id=\"hxvidVideo\" preload=\"metadata\" playsinline loop>\r\n <source src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/hexa1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n \r\n <div class=\"hxvid-play-overlay\" id=\"hxvidPlayOverlay\">\r\n <div class=\"hxvid-play-btn\" id=\"hxvidPlayBtn\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxvid-insights\">\r\n\r\n <div class=\"hxvid-icard hxvid-ic1\">\r\n <div class=\"hxvid-icard-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><\/svg>\r\n <\/div>\r\n <h4>Suspicious Behavior Detected<\/h4>\r\n <p>HexaVision identifies unusual movement patterns, unauthorized zone access, and behavioral anomalies the instant they occur \u2014 not after the fact.<\/p>\r\n <div class=\"hxvid-icard-stat\">0.4s <span>alert response<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"hxvid-icard hxvid-ic2\">\r\n <div class=\"hxvid-icard-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <h4>Every Movement Tracked<\/h4>\r\n <p>Each person in frame gets a persistent AI identity \u2014 tracked across zones, recording dwell time, movement path, and behavioral classification simultaneously.<\/p>\r\n <div class=\"hxvid-icard-stat\">98.2% <span>detection accuracy<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"hxvid-icard hxvid-ic3\">\r\n <div class=\"hxvid-icard-icon\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n <\/div>\r\n <h4>Edge AI \u2014 No Cloud Required<\/h4>\r\n <p>All processing happens on-site, on your hardware. Data never leaves your facility. Zero cloud latency. Zero privacy risk. Full intelligence at 4ms response time.<\/p>\r\n <div class=\"hxvid-icard-stat\">4ms <span>edge response<\/span><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var video=document.getElementById('hxvidVideo');\r\n var overlay=document.getElementById('hxvidPlayOverlay');\r\n var playBtn=document.getElementById('hxvidPlayBtn');\r\n var frame=document.getElementById('hxvidFrame');\r\n if(!video||!overlay)return;\r\n\r\n \/* Play\/pause toggle *\/\r\n function togglePlay(){\r\n if(video.paused){\r\n video.play();\r\n overlay.classList.add('hidden');\r\n } else {\r\n video.pause();\r\n overlay.classList.remove('hidden');\r\n }\r\n }\r\n playBtn.addEventListener('click',function(e){e.stopPropagation();togglePlay();});\r\n video.addEventListener('click',togglePlay);\r\n video.addEventListener('ended',function(){overlay.classList.remove('hidden');});\r\n\r\n \/* Autoplay when scrolled into view *\/\r\n var vidObs=new IntersectionObserver(function(entries){\r\n if(entries[0].isIntersecting&&video.paused){\r\n video.play().then(function(){overlay.classList.add('hidden');}).catch(function(){});\r\n } else if(!entries[0].isIntersecting&&!video.paused){\r\n video.pause();\r\n }\r\n },{threshold:.4});\r\n vidObs.observe(frame);\r\n\r\n \/* Insight cards stagger in *\/\r\n var cards=document.querySelectorAll('.hxvid-icard');\r\n var icObs=new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){\r\n var idx=Array.from(cards).indexOf(e.target);\r\n setTimeout(function(){e.target.classList.add('hxvid-vis');},idx*150);\r\n icObs.unobserve(e.target);\r\n }\r\n });\r\n },{threshold:.2});\r\n cards.forEach(function(c){icObs.observe(c);});\r\n\r\n \/* HUD badge visibility \u2014 hide when playing, show when paused *\/\r\n var badges=document.querySelectorAll('.hxvid-badge');\r\n video.addEventListener('play',function(){badges.forEach(function(b){b.style.opacity='1';});});\r\n video.addEventListener('pause',function(){badges.forEach(function(b){b.style.opacity='1';});});\r\n})();\r\n<\/script>\r\n<\/section>\r\n\r\n\r\n<section class=\"cmp-sec\">\r\n <div class=\"cmp-inner\">\r\n <div class=\"fu\" style=\"text-align:center\">\r\n <div class=\"div-bar\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"lbl\" style=\"text-align:center\">Blind vs Intelligent<\/div>\r\n <h2 class=\"ttl\" style=\"text-align:center\">Traditional Cameras vs HexaVision AI<\/h2>\r\n <p class=\"sub\" style=\"margin:0 auto;text-align:center\">Most camera systems record what happened. HexaVision understands what's happening \u2014 and tells you what to do about it.<\/p>\r\n <\/div>\r\n <div class=\"cmp-grid fu\">\r\n <div class=\"cmp-col bad\">\r\n <div class=\"cmp-hdr\"><div class=\"cmp-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\/><\/svg><\/div><h4>Traditional Camera System<\/h4><\/div>\r\n <ul class=\"cmp-list\">\r\n <li><span class=\"cx\">\u2715<\/span> Records events \u2014 no operational insight<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> No visitor behavior or journey data<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> Cannot measure campaign effectiveness<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> No employee performance visibility<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> Cloud-dependent \u2014 latency and privacy risks<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> No predictive capability<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> Requires full hardware replacement for AI<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"cmp-col good\">\r\n <div class=\"cmp-hdr\"><div class=\"cmp-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div><h4>HexaVision AI Platform<\/h4><\/div>\r\n <ul class=\"cmp-list\">\r\n <li><span class=\"ck\">\u2713<\/span> Real-time visitor behavior & journey analytics<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Heat maps, dwell time, conversion funnels<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Campaign effectiveness measured hour by hour<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Employee performance scored from visual data<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Edge AI \u2014 fully local, zero cloud dependency<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Predictive analytics 6+ minutes ahead<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Works with existing cameras \u2014 deployed in days<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"hxuc-section\" id=\"usecases\">\r\n<style>\r\n.hxuc-section{background:linear-gradient(180deg,#08050F 0%,#0F0B1E 100%);padding:7rem 5%;position:relative;overflow:hidden;font-family:'Inter',sans-serif}\r\n.hxuc-section::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px);background-size:32px 32px}\r\n.hxuc-section::after{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(139,0,255,.08) 0%,transparent 70%);top:-260px;left:-150px;pointer-events:none}\r\n.hxuc-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.hxuc-hdr{text-align:center;margin-bottom:3.5rem}\r\n.hxuc-divbar{width:44px;height:3px;background:var(--pl);border-radius:2px;margin:0 auto 1.5rem;position:relative;overflow:hidden}\r\n.hxuc-divbar::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.7),transparent);animation:shim 3s infinite}\r\n.hxuc-lbl{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(168,85,247,.85);margin-bottom:1rem}\r\n.hxuc-ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;color:#fff;margin-bottom:1rem}\r\n.hxuc-sub{font-size:15px;color:rgba(255,255,255,.52);max-width:620px;margin:0 auto;line-height:1.8}\r\n\r\n\/* Filter pills *\/\r\n.hxuc-filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}\r\n.hxuc-fp{padding:7px 18px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.3px;border:1px solid rgba(168,85,247,.2);background:rgba(168,85,247,.06);color:rgba(255,255,255,.6);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}\r\n.hxuc-fp:hover{border-color:rgba(168,85,247,.4);color:#C084FC;background:rgba(168,85,247,.1)}\r\n.hxuc-fp.active{background:linear-gradient(135deg,#8B00FF,#A855F7);border-color:#A855F7;color:#fff;box-shadow:0 4px 16px rgba(139,0,255,.3)}\r\n\r\n\/* Grid *\/\r\n.hxuc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}\r\n.hxuc-card{position:relative;border-radius:18px;overflow:hidden;height:340px;border:1px solid rgba(168,85,247,.16);cursor:default;opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s}\r\n.hxuc-card.hxuc-vis{opacity:1;transform:translateY(0)}\r\n.hxuc-card:hover{border-color:rgba(168,85,247,.45);box-shadow:0 24px 60px rgba(76,29,149,.3)}\r\n\/* Image \/ gradient bg *\/\r\n.hxuc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s;filter:brightness(.75) saturate(.8)}\r\n.hxuc-card:hover .hxuc-bg{transform:scale(1.13);filter:brightness(.6) saturate(.7)}\r\n.hxuc-bg-grad{position:absolute;inset:0;z-index:0}\r\n\/* Overlays *\/\r\n.hxuc-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,5,15,.1) 0%,rgba(8,5,15,.45) 50%,rgba(8,5,15,.97) 100%);z-index:1}\r\n.hxuc-crt{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 3px)}\r\n\/* Scan line *\/\r\n.hxuc-scan{position:absolute;left:0;right:0;height:1.5px;z-index:3;background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.65) 35%,rgba(200,100,255,1) 50%,rgba(168,85,247,.65) 65%,transparent 100%);box-shadow:0 0 10px rgba(168,85,247,.55),0 0 20px rgba(168,85,247,.2);animation:hxucScan 4s ease-in-out infinite;opacity:0}\r\n.hxuc-card.hxuc-vis .hxuc-scan{opacity:1}\r\n@keyframes hxucScan{0%{top:0%;opacity:0}6%{opacity:1}94%{opacity:1}100%{top:100%;opacity:0}}\r\n.hxuc-card:nth-child(1) .hxuc-scan{animation-delay:0s}\r\n.hxuc-card:nth-child(2) .hxuc-scan{animation-delay:.9s}\r\n.hxuc-card:nth-child(3) .hxuc-scan{animation-delay:1.8s}\r\n.hxuc-card:nth-child(4) .hxuc-scan{animation-delay:.45s}\r\n.hxuc-card:nth-child(5) .hxuc-scan{animation-delay:1.35s}\r\n.hxuc-card:nth-child(6) .hxuc-scan{animation-delay:2.25s}\r\n.hxuc-card:nth-child(7) .hxuc-scan{animation-delay:.2s}\r\n.hxuc-card:nth-child(8) .hxuc-scan{animation-delay:1.1s}\r\n.hxuc-card:nth-child(9) .hxuc-scan{animation-delay:2.0s}\r\n.hxuc-card:nth-child(10) .hxuc-scan{animation-delay:.6s}\r\n.hxuc-card:nth-child(11) .hxuc-scan{animation-delay:1.5s}\r\n.hxuc-card:nth-child(12) .hxuc-scan{animation-delay:2.4s}\r\n.hxuc-card:nth-child(13) .hxuc-scan{animation-delay:.3s}\r\n.hxuc-card:nth-child(14) .hxuc-scan{animation-delay:1.2s}\r\n\/* Corner brackets *\/\r\n.hxuc-corners,.hxuc-corners-b{position:absolute;inset:10px;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s .4s}\r\n.hxuc-card.hxuc-vis .hxuc-corners,.hxuc-card.hxuc-vis .hxuc-corners-b{opacity:1}\r\n.hxuc-corners::before,.hxuc-corners::after,.hxuc-corners-b::before,.hxuc-corners-b::after{content:'';position:absolute;width:16px;height:16px}\r\n.hxuc-corners::before{top:0;left:0;border-top:1.5px solid rgba(168,85,247,.55);border-left:1.5px solid rgba(168,85,247,.55)}\r\n.hxuc-corners::after{top:0;right:0;border-top:1.5px solid rgba(168,85,247,.55);border-right:1.5px solid rgba(168,85,247,.55)}\r\n.hxuc-corners-b::before{bottom:0;left:0;border-bottom:1.5px solid rgba(168,85,247,.55);border-left:1.5px solid rgba(168,85,247,.55)}\r\n.hxuc-corners-b::after{bottom:0;right:0;border-bottom:1.5px solid rgba(168,85,247,.55);border-right:1.5px solid rgba(168,85,247,.55)}\r\n\/* Status badge *\/\r\n.hxuc-status{position:absolute;top:14px;right:14px;z-index:6;display:inline-flex;align-items:center;gap:5px;background:rgba(8,5,15,.65);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 10px;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.88)}\r\n.hxuc-sdot{width:5px;height:5px;border-radius:50%;background:#22C55E;animation:hxucLD 1.6s infinite}\r\n@keyframes hxucLD{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{opacity:.6;box-shadow:0 0 0 4px rgba(34,197,94,0)}}\r\n\/* Detection box *\/\r\n.hxuc-box{position:absolute;z-index:5;border-radius:3px;opacity:0;transition:opacity .5s .7s}\r\n.hxuc-card.hxuc-vis .hxuc-box{opacity:1}\r\n.hxuc-box-tag{position:absolute;top:-20px;left:0;font-size:8.5px;font-weight:800;letter-spacing:.3px;padding:2px 7px;border-radius:4px 4px 4px 0;white-space:nowrap;color:#fff}\r\n.hxuc-box .bxc{position:absolute;width:7px;height:7px}\r\n.bxc.tl{top:0;left:0;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor}\r\n.bxc.tr{top:0;right:0;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}\r\n.bxc.bl{bottom:0;left:0;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor}\r\n.bxc.br{bottom:0;right:0;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor}\r\n.hxuc-box.bgrn{border:1.5px solid #22C55E;color:#22C55E}.hxuc-box.bgrn .hxuc-box-tag{background:#22C55E;color:#000}\r\n.hxuc-box.bcyn{border:1.5px solid #22D3EE;color:#22D3EE}.hxuc-box.bcyn .hxuc-box-tag{background:#22D3EE;color:#000}\r\n.hxuc-box.bpur{border:1.5px solid #A855F7;color:#A855F7}.hxuc-box.bpur .hxuc-box-tag{background:#A855F7;color:#fff}\r\n.hxuc-box.bgld{border:1.5px solid #F59E0B;color:#F59E0B;box-shadow:0 0 14px rgba(245,158,11,.35)}.hxuc-box.bgld .hxuc-box-tag{background:#F59E0B;color:#000}\r\n.hxuc-box.bred{border:1.5px solid #EF4444;color:#EF4444;animation:hxucRB 1.2s ease-in-out infinite}.hxuc-box.bred .hxuc-box-tag{background:#EF4444;color:#fff}\r\n.hxuc-box.borng{border:1.5px solid #F97316;color:#F97316}.hxuc-box.borng .hxuc-box-tag{background:#F97316;color:#fff}\r\n@keyframes hxucRB{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 5px rgba(239,68,68,0)}}\r\n\/* Card body *\/\r\n.hxuc-body{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:1.4rem 1.4rem 1.5rem}\r\n.hxuc-cat{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#C084FC;background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.32);border-radius:5px;padding:4px 9px;margin-bottom:10px}\r\n.hxuc-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:19px;font-weight:800;color:#fff;letter-spacing:-.4px;margin-bottom:7px;line-height:1.2}\r\n.hxuc-desc{font-size:12.5px;color:rgba(255,255,255,.62);line-height:1.65;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,1,.3,1),opacity .35s}\r\n.hxuc-card:hover .hxuc-desc{max-height:90px;opacity:1}\r\n\/* KPI strip at bottom *\/\r\n.hxuc-kpis{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}\r\n.hxuc-kpi{font-size:10px;font-weight:700;color:rgba(255,255,255,.7);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:3px 8px;white-space:nowrap;opacity:0;transition:opacity .3s .2s}\r\n.hxuc-card:hover .hxuc-kpi{opacity:1}\r\n\r\n@media(max-width:980px){.hxuc-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(max-width:620px){.hxuc-grid{grid-template-columns:1fr}.hxuc-card{height:300px}}\r\n<\/style>\r\n\r\n<div class=\"hxuc-inner\">\r\n <div class=\"hxuc-hdr\">\r\n <div class=\"hxuc-divbar\"><\/div>\r\n <div class=\"hxuc-lbl\">Use Cases<\/div>\r\n <h2 class=\"hxuc-ttl\">14 ways HexaVision turns<br>a camera into a decision<\/h2>\r\n <p class=\"hxuc-sub\">Purpose-built intelligence for operations, management, and customer experience \u2014 not just security. Every use case runs on your existing cameras.<\/p>\r\n <\/div>\r\n\r\n <div class=\"hxuc-filters\">\r\n <button class=\"hxuc-fp active\" data-filter=\"all\">All Use Cases<\/button>\r\n <button class=\"hxuc-fp\" data-filter=\"operations\">Operations<\/button>\r\n <button class=\"hxuc-fp\" data-filter=\"customer\">Customer<\/button>\r\n <button class=\"hxuc-fp\" data-filter=\"retail\">Retail<\/button>\r\n <button class=\"hxuc-fp\" data-filter=\"management\">Management<\/button>\r\n <\/div>\r\n\r\n <div class=\"hxuc-grid\" id=\"hxucGrid\">\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"operations customer\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a0a3e,#0f1a35)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/41713.jpg\" alt=\"Visitor behavior analysis\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Behavior AI Active<\/span>\r\n <div class=\"hxuc-box bgrn\" style=\"top:22%;left:14%;width:20%;height:48%\">\r\n <span class=\"hxuc-box-tag\">Visitor \u00b7 Dwell 6m32s<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-box bcyn\" style=\"top:28%;left:50%;width:22%;height:38%\">\r\n <span class=\"hxuc-box-tag\">Visitor \u00b7 Dwell 2m10s<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Operations<\/span>\r\n <div class=\"hxuc-name\">Visitor Behavior Analysis<\/div>\r\n <p class=\"hxuc-desc\">Track how every visitor moves through your space \u2014 dwell time per zone, movement direction, and behavioral patterns that reveal what engages and what loses customers.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">\u2191 Dwell 6m avg<\/span><span class=\"hxuc-kpi\">Real-time tracking<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"customer retail\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0f1a35,#1a0a3e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/79930.jpg\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Journey AI Active<\/span>\r\n <div class=\"hxuc-box bpur\" style=\"top:15%;left:8%;width:38%;height:28%\">\r\n <span class=\"hxuc-box-tag\">Entrance \u2192 Zone A \u2192 Counter<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Customer<\/span>\r\n <div class=\"hxuc-name\">Customer Journey Analytics<\/div>\r\n <p class=\"hxuc-desc\">Map the complete customer path from entrance to counter to purchase. Identify exactly where visitors drop off and which touchpoints drive conversion \u2014 with real behavioral data.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">Conversion 46.6%<\/span><span class=\"hxuc-kpi\">Full path tracked<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"operations customer\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#001a2e,#0f1a35)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/311697.jpg\" alt=\"Queue analytics\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Queue AI Active<\/span>\r\n <div class=\"hxuc-box bcyn\" style=\"top:28%;left:28%;width:36%;height:42%\">\r\n <span class=\"hxuc-box-tag\">Queue 8 \u00b7 ETA 5m \u00b7 Alert Sent<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-box bgrn\" style=\"top:32%;left:10%;width:14%;height:36%\">\r\n <span class=\"hxuc-box-tag\">Person<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Operations<\/span>\r\n <div class=\"hxuc-name\">Queue Analytics<\/div>\r\n <p class=\"hxuc-desc\">Measure queue length, wait time, and throughput at every service point. Predict surges before they form and alert staff to open capacity before a single customer feels the wait.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">\u2193 34% wait time<\/span><span class=\"hxuc-kpi\">Surge prediction<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"operations management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a1a0a,#1a0a3e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/2151564171.jpg\" alt=\"Occupancy analytics\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Occupancy AI Active<\/span>\r\n <div class=\"hxuc-box bred\" style=\"top:16%;left:12%;width:64%;height:48%\">\r\n <span class=\"hxuc-box-tag\">\u26a0 Zone C \u00b7 94% Capacity \u00b7 Alert<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Operations<\/span>\r\n <div class=\"hxuc-name\">Occupancy Analytics<\/div>\r\n <p class=\"hxuc-desc\">Real-time occupancy counts across every zone, floor, and facility. Monitor capacity thresholds, generate instant alerts, and manage crowd density before it becomes a problem.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">Zone-level tracking<\/span><span class=\"hxuc-kpi\">Threshold alerts<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"retail management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#2a0a1e,#1a0a3e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/119348.jpg\" alt=\"Heat map store\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Heatmap Active<\/span>\r\n <div class=\"hxuc-box bpur\" style=\"top:16%;left:8%;width:38%;height:30%\">\r\n <span class=\"hxuc-box-tag\">Zone A \u00b7 HIGH DWELL 9m+<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-box bgrn\" style=\"top:52%;left:54%;width:30%;height:22%\">\r\n <span class=\"hxuc-box-tag\">Zone D \u00b7 Low Traffic<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Retail<\/span>\r\n <div class=\"hxuc-name\">Heat Maps<\/div>\r\n <p class=\"hxuc-desc\">Visualize where customers go, where they linger, and which areas are dead zones. Redesign floor layouts, optimize product placement, and measure the impact of every change with real data.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">+17% space use<\/span><span class=\"hxuc-kpi\">4 attraction zones<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"retail customer\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0f1a35,#2a0a1e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/657-1.jpg\" alt=\"Retail conversion\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Conversion AI Active<\/span>\r\n <div class=\"hxuc-box bgld\" style=\"top:22%;left:30%;width:42%;height:34%\">\r\n <span class=\"hxuc-box-tag\">Passerby \u2192 Stopped \u2192 Entered \u00b7 50% rate<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Retail<\/span>\r\n <div class=\"hxuc-name\">Retail Conversion Analytics<\/div>\r\n <p class=\"hxuc-desc\">Measure every stage: passersby \u2192 stopped at window \u2192 entered \u2192 reached counter \u2192 purchased. Understand your actual conversion funnel and pinpoint exactly where customers are lost.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">50% conversion<\/span><span class=\"hxuc-kpi\">Full funnel tracked<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management operations\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0a1a0a,#0f1a35)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/6643.jpg\" alt=\"Employee performance\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Staff AI Active<\/span>\r\n <div class=\"hxuc-box bgrn\" style=\"top:20%;left:14%;width:24%;height:46%\">\r\n <span class=\"hxuc-box-tag\">Staff \u00b7 Interaction 2:15m \u00b7 Excellent<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-box borng\" style=\"top:22%;left:52%;width:22%;height:36%\">\r\n <span class=\"hxuc-box-tag\">Staff \u00b7 Away from Zone 5:42m<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Employee Performance<\/div>\r\n <p class=\"hxuc-desc\">Monitor uniform compliance, service zone presence, customer interaction time, and response speed. Build performance scores from real visual data \u2014 not guesswork or manual observation.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">92% compliance<\/span><span class=\"hxuc-kpi\">Response 21s avg<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"operations management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a0a2e,#0f1a2e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=900&q=72\" alt=\"Predictive analytics\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Predict AI Active<\/span>\r\n <div class=\"hxuc-box bred\" style=\"top:18%;left:14%;width:64%;height:46%\">\r\n <span class=\"hxuc-box-tag\">\u26a0 Surge Predicted Zone C +6min<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Operations<\/span>\r\n <div class=\"hxuc-name\">Predictive Analytics<\/div>\r\n <p class=\"hxuc-desc\">Forecast crowd surges, churn signals, and peak demand windows before they happen. Give your operations team time to act \u2014 not react \u2014 to situations that haven't formed yet.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">6min early warning<\/span><span class=\"hxuc-kpi\">Churn Day 5 detect<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management retail\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a1a0a,#1a0a2e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/2147889079.jpg\" alt=\"Marketing campaign\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Campaign AI Active<\/span>\r\n <div class=\"hxuc-box bpur\" style=\"top:26%;left:16%;width:60%;height:30%\">\r\n <span class=\"hxuc-box-tag\">Campaign Lift \u00b7 +22% Traffic \u00b7 +SAR 11 Basket<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc br\"><\/span><span class=\"bxc bl\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Marketing Campaign Effectiveness<\/div>\r\n <p class=\"hxuc-desc\">Capture pre-campaign baselines and measure traffic lift, dwell change, and basket size in real time. Know which creative drives behavior \u2014 so every marketing budget decision is grounded in evidence.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">+22% traffic lift<\/span><span class=\"hxuc-kpi\">Hour-by-hour data<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management operations\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0a1a1a,#1a0a2e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/83187.jpg\" alt=\"Asset utilization\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Asset AI Active<\/span>\r\n <div class=\"hxuc-box bcyn\" style=\"top:22%;left:20%;width:30%;height:32%\">\r\n <span class=\"hxuc-box-tag\">Display A \u00b7 9m avg dwell<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-box borng\" style=\"top:26%;left:58%;width:28%;height:26%\">\r\n <span class=\"hxuc-box-tag\">Display C \u00b7 Underused 12%<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Asset Utilization<\/div>\r\n <p class=\"hxuc-desc\">Understand how displays, counters, shelving, and equipment are actually being used. Identify underperforming assets and reallocate space to where it generates the highest return.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">Display dwell tracked<\/span><span class=\"hxuc-kpi\">ROI per asset<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a0a1a,#0a1a2e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/12717.jpg\" alt=\"Branch performance\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Multi-Branch Active<\/span>\r\n <div class=\"hxuc-box bgld\" style=\"top:20%;left:14%;width:50%;height:32%\">\r\n <span class=\"hxuc-box-tag\">Branch 3 \u00b7 Top \u00b7 +19% vs avg<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Branch Performance Comparison<\/div>\r\n <p class=\"hxuc-desc\">Compare KPIs across all your locations in a single view \u2014 visitor volume, conversion rate, dwell, staff efficiency, and campaign impact. Identify top performers and replicate what works.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">All branches unified<\/span><span class=\"hxuc-kpi\">Benchmarked KPIs<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0f1a35,#1a0a3e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/44513.jpg\" alt=\"Executive dashboard\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Dashboard Live<\/span>\r\n <div class=\"hxuc-box bpur\" style=\"top:20%;left:12%;width:38%;height:28%\">\r\n <span class=\"hxuc-box-tag\">CEO View \u00b7 8 Branches \u00b7 Live KPIs<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Executive Dashboards<\/div>\r\n <p class=\"hxuc-desc\">A unified live view of every KPI across all locations \u2014 visitors, conversion, dwell, campaign impact, and staff performance \u2014 designed for decision makers, not analysts. One screen. All the context.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">All KPIs in one view<\/span><span class=\"hxuc-kpi\">Real-time updates<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management retail\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a0a1a,#1a1a0a)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=900&q=72\" alt=\"Multi branch benchmarking\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Benchmark AI Active<\/span>\r\n <div class=\"hxuc-box bgld\" style=\"top:24%;left:20%;width:56%;height:30%\">\r\n <span class=\"hxuc-box-tag\">\u2b50 Branch 3 \u00b7 Best Conversion 62% \u00b7 Benchmark<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Multi-Branch Benchmarking<\/div>\r\n <p class=\"hxuc-desc\">Set performance baselines from your best-performing branch and apply them as targets across your network. Track which branches are improving, which are slipping, and why \u2014 with visual evidence.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">Network-wide baselines<\/span><span class=\"hxuc-kpi\">Performance ranking<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"operations management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0a0a1a,#1a0a2e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/2051.jpg\" alt=\"Facility operations\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Facility AI Active<\/span>\r\n <div class=\"hxuc-box bcyn\" style=\"top:20%;left:12%;width:44%;height:36%\">\r\n <span class=\"hxuc-box-tag\">Zone B \u00b7 Crowd Managed \u00b7 Flow Optimal<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Operations<\/span>\r\n <div class=\"hxuc-name\">Facility Operations<\/div>\r\n <p class=\"hxuc-desc\">Keep entire facilities running efficiently \u2014 from entrance flow to zone capacity, elevator usage to restroom demand. Real-time operational data across every square meter, every minute.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">Full facility view<\/span><span class=\"hxuc-kpi\">Zone-by-zone data<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n \/* Staggered reveal *\/\r\n var cards=document.querySelectorAll('#hxucGrid .hxuc-card');\r\n var ucObs=new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){\r\n var allCards=document.querySelectorAll('#hxucGrid .hxuc-card:not([style*=\"display:none\"])');\r\n var idx=Array.from(allCards).indexOf(e.target);\r\n setTimeout(function(){e.target.classList.add('hxuc-vis');},Math.max(0,idx)*80);\r\n ucObs.unobserve(e.target);\r\n }\r\n });\r\n },{threshold:.12});\r\n cards.forEach(function(c){ucObs.observe(c);});\r\n\r\n \/* Filter pills *\/\r\n document.querySelectorAll('.hxuc-fp').forEach(function(pill){\r\n pill.addEventListener('click',function(){\r\n document.querySelectorAll('.hxuc-fp').forEach(function(p){p.classList.remove('active');});\r\n pill.classList.add('active');\r\n var filter=pill.getAttribute('data-filter');\r\n cards.forEach(function(card){\r\n var cats=card.getAttribute('data-cat')||'';\r\n var show=(filter==='all'||cats.indexOf(filter)>-1);\r\n card.style.display=show?'':'none';\r\n if(show&&!card.classList.contains('hxuc-vis')){\r\n setTimeout(function(){card.classList.add('hxuc-vis');},100);\r\n }\r\n });\r\n });\r\n });\r\n})();\r\n<\/script>\r\n<\/section>\r\n\r\n\r\n<section class=\"ind-sec\">\r\n <div class=\"ind-inner\">\r\n <div class=\"fu\" style=\"text-align:center\">\r\n <div class=\"div-bar\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"lbl\" style=\"text-align:center\">Industries We Serve<\/div>\r\n <h2 class=\"ttl\" style=\"text-align:center\">One Platform,<br>Every Sector<\/h2>\r\n <p class=\"sub\" style=\"margin:0 auto;text-align:center\">HexaVision adapts to the operational reality of every environment \u2014 from a single boutique to a multi-site network, from a Drive-Thru lane to a government facility.<\/p>\r\n <\/div>\r\n <div class=\"ind-grid fu\">\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 01-8 0\"\/><\/svg><\/div><h4>Retail & Stores<\/h4><p>Visitor counting, heatmaps, conversion funnels, employee performance, VIP recognition, and campaign effectiveness \u2014 turning every store camera into a revenue intelligence tool.<\/p><\/div>\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"22\" x2=\"21\" y2=\"22\"\/><line x1=\"6\" y1=\"18\" x2=\"6\" y2=\"11\"\/><line x1=\"10\" y1=\"18\" x2=\"10\" y2=\"11\"\/><line x1=\"14\" y1=\"18\" x2=\"14\" y2=\"11\"\/><line x1=\"18\" y1=\"18\" x2=\"18\" y2=\"11\"\/><polygon points=\"12 2 2 8 2 11 22 11 22 8 12 2\"\/><\/svg><\/div><h4>Shopping Malls<\/h4><p>Crowd management, tenant benchmarking, multi-zone occupancy analytics, queue detection, and a unified executive dashboard across all floors and outlets.<\/p><\/div>\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 5v3h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div><h4>F&B & Drive-Thru<\/h4><p>Vehicle recognition, returning customer profiling, drive-thru service time analytics, queue optimization, and strategic planning from peak hour data.<\/p><\/div>\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg><\/div><h4>Airports & Transport<\/h4><p>Passenger flow analysis, congestion prediction by terminal zone, queue analytics at check-in and security, and real-time occupancy management.<\/p><\/div>\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><h4>Hospitals & Healthcare<\/h4><p>Patient journey and wait time analytics, registration queue detection, staff presence at service points, and facility utilization tracking across every department.<\/p><\/div>\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><h4>Government Entities<\/h4><p>Facility utilization analytics, public service efficiency measurement, multi-branch benchmarking, and executive dashboards \u2014 with 100% on-premise data sovereignty.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-sec\" id=\"contact\">\r\n <div class=\"cta-inner fu\">\r\n <div class=\"cta-border\"><\/div>\r\n <h2>Turn Every Camera Into<br><span>Business Intelligence.<\/span><\/h2>\r\n <p>Whether you run a single store, a Drive-Thru, a shopping mall, or a multi-site network \u2014 HexaVision transforms your existing cameras into a platform that improves revenue, reduces costs, and delivers measurable results.<\/p>\r\n <div class=\"cta-btns\">\r\n <a href=\"mailto:INFO@HEXAVISION.AI\" class=\"btn-p\"><svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22 6 12 13 2 6\"\/><\/svg>Email Us<\/a>\r\n <a href=\"tel:0579862821\" class=\"btn-g\"><svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.81.36 1.6.68 2.35a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.75.32 1.54.55 2.35.68A2 2 0 0 1 22 16.92z\"\/><\/svg>0579862821<\/a>\r\n <\/div>\r\n <div class=\"cta-contact\">\r\n <div class=\"cta-ci\"><svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22 6 12 13 2 6\"\/><\/svg><strong>INFO@HEXAVISION.AI<\/strong><\/div>\r\n <div class=\"cta-ci\"><svg class=\"ics\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><strong>hexavision.ai<\/strong><\/div>\r\n <div class=\"cta-ci\"><svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><strong>Saudi Arabia<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* \u2500\u2500 SCROLL PROGRESS \u2500\u2500 *\/\r\nvar sb=document.getElementById('scrollBar');\r\nwindow.addEventListener('scroll',function(){var h=document.documentElement.scrollHeight-window.innerHeight;if(sb)sb.style.width=(window.scrollY\/h*100)+'%';});\r\n\r\n\/* \u2500\u2500 SMOOTH SCROLL \u2500\u2500 *\/\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(function(a){a.addEventListener('click',function(e){var t=document.querySelector(a.getAttribute('href'));if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth',block:'start'});}});});\r\n\r\n\/* \u2500\u2500 INTERSECTION OBSERVER \u2500\u2500 *\/\r\nvar obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting)e.target.classList.add('vis');});},{threshold:.08});\r\ndocument.querySelectorAll('.fu,.fl,.fr').forEach(function(el){obs.observe(el);});\r\n\r\n\/* \u2500\u2500 3D TILT \u2500\u2500 *\/\r\ndocument.querySelectorAll('.feat-card,.ind-card').forEach(function(card){\r\n card.addEventListener('mousemove',function(e){var r=card.getBoundingClientRect(),x=(e.clientX-r.left)\/r.width-.5,y=(e.clientY-r.top)\/r.height-.5;card.style.transform='translateY(-6px) rotateY('+(x*5)+'deg) rotateX('+(-y*5)+'deg)';});\r\n card.addEventListener('mouseleave',function(){card.style.transform='';});\r\n});\r\n\r\n\/* \u2500\u2500 PROBLEM CARDS STAGGER \u2500\u2500 *\/\r\nvar pObs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.querySelectorAll('.prob-card').forEach(function(c,i){setTimeout(function(){c.classList.add('vis');c.style.transition='opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)';},i*120);});}});},{threshold:.1});\r\nvar pc=document.getElementById('probCards');if(pc)pObs.observe(pc);\r\n\r\n\/* \u2500\u2500 HUD CLOCK \u2500\u2500 *\/\r\nfunction hudClock(){var el=document.getElementById('hudTime');if(!el)return;var n=new Date();el.textContent=String(n.getHours()).padStart(2,'0')+':'+String(n.getMinutes()).padStart(2,'0')+':'+String(n.getSeconds()).padStart(2,'0');}\r\nsetInterval(hudClock,1000);hudClock();\r\n\r\n\/* \u2500\u2500 DETECTION BOXES \u2500\u2500 *\/\r\nvar dboxes=[\r\n {x:'12%',y:'22%',w:'24%',h:'54%',cls:'grn',label:'VISITOR \u00b7 Dwell 4m12s'},\r\n {x:'40%',y:'32%',w:'22%',h:'42%',cls:'grn',label:'VISITOR \u00b7 Dwell 1m45s'},\r\n {x:'66%',y:'18%',w:'28%',h:'56%',cls:'amb',label:'HIGH DWELL ZONE \u00b7 8m+'},\r\n];\r\nvar objCount=0;\r\nfunction spawnDboxes(){\r\n var feed=document.getElementById('camFeed');if(!feed)return;\r\n feed.querySelectorAll('.det-box').forEach(function(b){b.remove();});\r\n objCount=0;\r\n dboxes.forEach(function(b,i){\r\n var div=document.createElement('div');\r\n div.className='det-box '+b.cls;\r\n div.style.cssText='left:'+b.x+';top:'+b.y+';width:'+b.w+';height:'+b.h;\r\n div.innerHTML='<span class=\"det-lbl\">'+b.label+'<\/span><span class=\"c tl\"><\/span><span class=\"c tr\"><\/span><span class=\"c bl\"><\/span><span class=\"c br\"><\/span>';\r\n feed.appendChild(div);\r\n setTimeout(function(){div.classList.add('show');objCount++;var el=document.getElementById('hudObj');if(el)el.textContent=objCount;},i*650+400);\r\n });\r\n}\r\nvar camObs=new IntersectionObserver(function(entries){if(entries[0].isIntersecting){spawnDboxes();setInterval(spawnDboxes,9000);}},{threshold:.3});\r\nvar cv=document.getElementById('camViewport');if(cv)camObs.observe(cv);\r\n\r\n\/* \u2500\u2500 FPS FLICKER \u2500\u2500 *\/\r\nsetInterval(function(){var el=document.getElementById('hudFps');if(el)el.textContent=(29+Math.random()*1.4).toFixed(1);var la=document.getElementById('hudLat');if(la)la.textContent=(3+Math.round(Math.random()*3))+'ms';},1800);\r\n\r\n\/* \u2500\u2500 INSIGHT TICKER BELT \u2500\u2500 *\/\r\nvar tickerItems=[\r\n {cls:'grn',text:'Zone A \u2014 Conversion rate up 14% this hour'},\r\n {cls:'amb',text:'Display B \u2014 Dwell time 9m+ \u00b7 Restock recommended'},\r\n {cls:'pur',text:'VIP visitor detected \u00b7 Visit 9 \u00b7 SAR 4,200 LTV'},\r\n {cls:'grn',text:'Drive-Thru \u2014 Queue cleared \u00b7 2:34m service time'},\r\n {cls:'grn',text:'Campaign lift confirmed \u00b7 +22% traffic vs baseline'},\r\n {cls:'amb',text:'Zone C \u2014 Peak hour predicted \u00b7 6min warning'},\r\n {cls:'pur',text:'Branch 3 \u2014 Top performer \u00b7 +19% above network avg'},\r\n {cls:'grn',text:'Staff uniform compliance \u00b7 92% \u00b7 Zone B optimal'},\r\n {cls:'amb',text:'Aisle D \u2014 Low dwell \u00b7 Layout change recommended'},\r\n {cls:'grn',text:'Executive dashboard updated \u00b7 All 8 branches live'},\r\n {cls:'pur',text:'Customer journey tracked \u00b7 Entrance \u2192 Counter 3m12s'},\r\n {cls:'grn',text:'Heatmap updated \u00b7 4 new attraction zones identified'},\r\n];\r\nfunction buildTicker(){\r\n ['ttBelt1','ttBelt2'].forEach(function(id){\r\n var el=document.getElementById(id);if(!el)return;\r\n tickerItems.forEach(function(item){\r\n var s=document.createElement('span');s.className='tt-item '+item.cls;\r\n var dot=document.createElement('span');dot.className='tt-dot';\r\n s.appendChild(dot);s.appendChild(document.createTextNode(item.text));\r\n el.appendChild(s);\r\n });\r\n });\r\n}\r\nbuildTicker();\r\n\r\n\/* \u2500\u2500 NUMBERS COUNTER \u2500\u2500 *\/\r\nvar numsBooted=false;\r\nfunction animNumCell(elId,target,suffix){var el=document.getElementById(elId);if(!el)return;var start=0;var t=setInterval(function(){start+=target\/60;if(start>=target){start=target;clearInterval(t);}el.innerHTML=Math.round(start)+suffix;},20);}\r\nvar numsObs=new IntersectionObserver(function(entries){\r\n if(entries[0].isIntersecting&&!numsBooted){numsBooted=true;\r\n setTimeout(function(){animNumCell('nc1','4','<span>ms<\/span>');},100);\r\n setTimeout(function(){animNumCell('nc2','98','<span>%<\/span>');},300);\r\n setTimeout(function(){animNumCell('nc3','20','<span>%<\/span>');document.getElementById('nc3').innerHTML='\u219120<span>%<\/span>';},500);}\r\n},{threshold:.3});\r\nvar numsEl=document.querySelector('.nums-sec');if(numsEl)numsObs.observe(numsEl);\r\n\r\n\/* \u2500\u2500 BUSINESS INTELLIGENCE DASHBOARD \u2500\u2500 *\/\r\nvar dbBooted=false;\r\nvar alertData=[\r\n {c:'#A855F7',msg:'<strong>Zone A<\/strong> \u2014 Visitor conversion up 14% this hour'},\r\n {c:'#22C55E',msg:'<strong>Display B<\/strong> \u2014 9m+ dwell \u00b7 Top attraction zone'},\r\n {c:'#F59E0B',msg:'<strong>Drive-Thru<\/strong> \u2014 Queue surge predicted in 6min'},\r\n {c:'#A855F7',msg:'<strong>VIP detected<\/strong> \u2014 Visit 9 \u00b7 Greet by name'},\r\n {c:'#22D3EE',msg:'<strong>Campaign<\/strong> \u2014 +22% traffic lift vs baseline'},\r\n {c:'#22C55E',msg:'<strong>Branch 3<\/strong> \u2014 Top network performer this week'},\r\n];\r\nvar alertIdx=0;\r\nfunction buildPath(pts,W,H,pad){var xs=pts.map(function(_,i){return pad+i*(W-pad*2)\/(pts.length-1);});var mn=Math.min.apply(null,pts),mx=Math.max.apply(null,pts);var ys=pts.map(function(v){return pad+(1-(v-mn)\/(mx-mn||1))*(H-pad*2);});var d='M'+xs[0]+','+ys[0];for(var i=1;i<xs.length;i++){var cx=(xs[i-1]+xs[i])\/2;d+=' C'+cx+','+ys[i-1]+' '+cx+','+ys[i]+' '+xs[i]+','+ys[i];}return{d:d,xs:xs,ys:ys};}\r\nfunction addAlert(msg,color){var log=document.getElementById('alertLog');if(!log)return;var div=document.createElement('div');div.className='alert-row';div.innerHTML='<span class=\"alert-dot\" style=\"background:'+color+'\"><\/span><div><div class=\"alert-msg\">'+msg+'<\/div><div class=\"alert-time\">just now<\/div><\/div>';log.insertBefore(div,log.firstChild);Array.from(log.querySelectorAll('.alert-time')).forEach(function(t,i){if(i===0)t.textContent='just now';else if(i===1)t.textContent='2m ago';else if(i===2)t.textContent='6m ago';});if(log.children.length>3)log.removeChild(log.lastChild);}\r\nfunction countUp(elId,target,suffix,dur){var el=document.getElementById(elId);if(!el)return;var start=0;var t=setInterval(function(){start+=target\/Math.max(1,dur\/16);if(start>=target){start=target;clearInterval(t);}el.textContent=Math.round(start)+suffix;},16);}\r\nfunction bootSecDb(){\r\n if(dbBooted)return;dbBooted=true;\r\n setTimeout(function(){\r\n countUp('sk1v',4821,'',1800);\r\n setTimeout(function(){var e2=document.getElementById('sk2v');if(e2){var v=0;var t=setInterval(function(){v+=0.5;if(v>=46.6){v=46.6;clearInterval(t);}e2.textContent=v.toFixed(1)+'%';},30);}},100);\r\n setTimeout(function(){var e3=document.getElementById('sk3v');if(e3){var v=0;var t=setInterval(function(){v+=0.2;if(v>=14){v=14;clearInterval(t);}e3.textContent=Math.round(v)+'m';},40);}},200);\r\n setTimeout(function(){var e4=document.getElementById('sk4v');if(e4){var v=0;var t=setInterval(function(){v+=0.1;if(v>=4){v=4;clearInterval(t);}e4.textContent=Math.round(v)+'ms';},30);}},300);\r\n },100);\r\n setTimeout(function(){\r\n var res=[28,35,55,80,72,90,85,75,60,45,58,54,62,68,74,80,88,92,78,65,72,68,78,85];\r\n var esc=[22,28,42,65,58,75,70,62,50,38,48,44,52,58,64,70,78,82,68,55,62,58,68,75];\r\n var W=500,H=68,pad=8;var rp=buildPath(res,W,H,pad),ep=buildPath(esc,W,H,pad);\r\n var rFillD=rp.d+' L'+rp.xs[rp.xs.length-1]+','+(H+pad)+' L'+rp.xs[0]+','+(H+pad)+' Z';\r\n var eFillD=ep.d+' L'+ep.xs[ep.xs.length-1]+','+(H+pad)+' L'+ep.xs[0]+','+(H+pad)+' Z';\r\n var rl=document.getElementById('resolvedLine'),rf=document.getElementById('resolvedFill');\r\n var el2=document.getElementById('escalatedLine'),ef=document.getElementById('escalatedFill');\r\n if(rl){rl.setAttribute('d',rp.d);var len=rl.getTotalLength?rl.getTotalLength():600;rl.style.strokeDasharray=len;rl.style.strokeDashoffset=len;rl.style.transition='stroke-dashoffset 2s cubic-bezier(.16,1,.3,1)';setTimeout(function(){rl.style.strokeDashoffset=0;if(rf){rf.setAttribute('d',rFillD);setTimeout(function(){rf.style.opacity=1;},600);}},100);}\r\n if(el2){el2.setAttribute('d',ep.d);if(ef){ef.setAttribute('d',eFillD);ef.style.opacity=1;}}\r\n },300);\r\n [[92,'zf1','zp1'],[74,'zf2','zp2'],[62,'zf3','zp3'],[45,'zf4','zp4'],[28,'zf5','zp5']].forEach(function(z,i){setTimeout(function(){var f=document.getElementById(z[1]),p=document.getElementById(z[2]);if(f)f.style.width=z[0]+'%';if(p)p.textContent=z[0]+'%';},400+i*120);});\r\n setTimeout(function(){var arc=document.getElementById('accArc');if(arc)arc.style.strokeDasharray=(141*.982)+' 141';var an=document.getElementById('accNum');if(an){var v=0;var t=setInterval(function(){v+=1.5;if(v>=98.2){v=98.2;clearInterval(t);}an.textContent=v.toFixed(1)+'%';},25);}},500);\r\n setTimeout(function(){var eb=document.getElementById('edgeBar'),cb=document.getElementById('cloudBar');if(eb)eb.style.width='1.2%';if(cb)cb.style.width='100%';},600);\r\n alertData.slice(0,3).forEach(function(a,i){setTimeout(function(){addAlert(a.msg,a.c);},200+i*300);});\r\n setInterval(function(){alertIdx=(alertIdx+1)%alertData.length;addAlert(alertData[alertIdx].msg,alertData[alertIdx].c);},4500);\r\n setInterval(function(){[[92,'zf1','zp1'],[74,'zf2','zp2'],[62,'zf3','zp3'],[45,'zf4','zp4'],[28,'zf5','zp5']].forEach(function(z,i){var nv=Math.max(10,Math.min(100,z[0]+(Math.random()*14-7)));var f=document.getElementById(z[1]),p=document.getElementById(z[2]);if(f)f.style.width=Math.round(nv)+'%';if(p)p.textContent=Math.round(nv)+'%';});},3500);\r\n}\r\nvar dbObs=new IntersectionObserver(function(entries){if(entries[0].isIntersecting)bootSecDb();},{threshold:.15});\r\nvar dbEl=document.getElementById('secDbWrap');if(dbEl)dbObs.observe(dbEl);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HexaVision \u2014 AI Business Intelligence Platform \u00b7 Solutions Home Solutions HexaVision AI Platform HexaVision AI Platform AI BusinessIntelligence Platform From visitor behavior to campaign ROI \u2014 HexaVision gives every department the intelligence it needs to make faster, smarter, and more profitable decisions. Operational clarity. Customer insight. Business growth. Explore Use Cases Request a Demo +1K […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":46,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":702,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/123\/revisions\/702"}],"wp:attachment":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nHexaVision \u2014 AI Business Intelligence Platform \u00b7 Solutions<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --p:#8B00FF;--pl:#A855F7;--pc:#C084FC;\r\n --dark:#050810;--dark2:#08050F;--dark3:#0F0B1E;\r\n --text:#1A1F36;--text2:#4A5078;--bg:#FAFBFE;\r\n --card:#FFFFFF;--border:rgba(27,43,107,0.08);\r\n --grad:linear-gradient(135deg,#E8003D 0%,#8B00FF 50%,#1B2B6B 100%);\r\n --font-h:'Plus Jakarta Sans',sans-serif;--font-b:'Inter',sans-serif;\r\n}\r\nbody{font-family:var(--font-b);color:var(--text);background:var(--bg);overflow-x:hidden;line-height:1.7}\r\n.scroll-bar{position:fixed;top:0;left:0;height:3px;background:var(--grad);z-index:10000;transition:width .1s linear;width:0}\r\nsvg.ic{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}\r\nsvg.ics{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}\r\n.lbl{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--pl);margin-bottom:1rem;display:block}\r\n.ttl{font-family:var(--font-h);font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:1.25rem;color:var(--text)}\r\n.sub{font-size:16px;color:var(--text2);max-width:600px;line-height:1.8}\r\n.div-bar{width:44px;height:3px;background:var(--pl);border-radius:2px;margin-bottom:1.5rem;position:relative;overflow:hidden}\r\n.div-bar::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.7),transparent);animation:shim 3s infinite}\r\n@keyframes shim{0%{left:-100%}100%{left:200%}}\r\n.btn-p{background:var(--p);color:#fff;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}\r\n.btn-p::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}\r\n.btn-p:hover::after{left:100%}\r\n.btn-p:hover{background:#7300D4;transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,0,255,.3)}\r\n.btn-g{background:transparent;color:#fff;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:1.5px solid rgba(255,255,255,.28);transition:all .3s;display:inline-flex;align-items:center;gap:8px}\r\n.btn-g:hover{border-color:#fff;background:rgba(255,255,255,.08);transform:translateY(-2px)}\r\n.fu{opacity:0;transform:translateY(32px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}\r\n.fu.vis{opacity:1;transform:translateY(0)}\r\n.fl{opacity:0;transform:translateX(-36px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}\r\n.fl.vis{opacity:1;transform:translateX(0)}\r\n.fr{opacity:0;transform:translateX(36px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}\r\n.fr.vis{opacity:1;transform:translateX(0)}\r\n@keyframes heroReveal{from{opacity:0;transform:translateY(22px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--dark)}\r\n.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}\r\n.hero-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,8,16,.96) 0%,rgba(8,5,15,.88) 55%,rgba(20,5,40,.6) 100%)}\r\n.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.04) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}\r\n.radar{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:480px;height:480px;pointer-events:none;opacity:.15}\r\n.rring{position:absolute;border-radius:50%;border:1px solid #A855F7;top:50%;left:50%;transform:translate(-50%,-50%);animation:rp 4s ease-out infinite}\r\n.rring:nth-child(1){width:80px;height:80px;animation-delay:0s}.rring:nth-child(2){width:180px;height:180px;animation-delay:.7s}.rring:nth-child(3){width:300px;height:300px;animation-delay:1.4s}.rring:nth-child(4){width:420px;height:420px;animation-delay:2.1s}.rring:nth-child(5){width:480px;height:480px;animation-delay:2.8s}\r\n@keyframes rp{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}\r\n.rsweep{position:absolute;top:50%;left:50%;width:50%;height:1px;transform-origin:left center;animation:sw 4s linear infinite}\r\n@keyframes sw{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\r\n.rsweep::after{content:'';position:absolute;right:0;top:-50px;width:1px;height:100px;background:linear-gradient(180deg,transparent,rgba(168,85,247,.55),transparent)}\r\n.rdot{position:absolute;width:6px;height:6px;border-radius:50%;background:#A855F7;box-shadow:0 0 8px #A855F7;animation:db 3s ease-in-out infinite}\r\n.rdot.d1{top:28%;left:58%;animation-delay:.5s}.rdot.d2{top:56%;left:74%;animation-delay:1.3s}.rdot.d3{top:72%;left:44%;animation-delay:2.1s}\r\n@keyframes db{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.3)}}\r\n.hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;width:100%;padding:clamp(7rem,12vh,10rem) 5% clamp(5rem,9vh,7rem);color:#fff}\r\n.hero-bc{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem;font-size:13px;color:rgba(255,255,255,.38);opacity:0;animation:heroReveal .8s cubic-bezier(.16,1,.3,1) forwards .1s}\r\n.hero-bc a{color:rgba(255,255,255,.48);text-decoration:none}.hero-bc a:hover{color:var(--pl)}.hero-bc span{color:var(--pl)}\r\n.hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(139,0,255,.08);border:1px solid rgba(168,85,247,.3);border-radius:100px;padding:8px 20px;font-size:11px;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:1.75rem;letter-spacing:1.5px;text-transform:uppercase;backdrop-filter:blur(8px);opacity:0;animation:heroReveal .8s cubic-bezier(.16,1,.3,1) forwards .2s}\r\n.bdot{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.25);animation:gp 2s infinite}\r\n@keyframes gp{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.22)}50%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}\r\n.hero-inner h1{font-family:var(--font-h);font-size:clamp(44px,5.8vw,82px);font-weight:800;line-height:1.03;letter-spacing:-2.5px;color:#fff;margin-bottom:1.5rem;max-width:700px;opacity:0;animation:heroReveal 1s cubic-bezier(.16,1,.3,1) forwards .3s}\r\n.hero-inner h1 .pu{background:linear-gradient(90deg,#C084FC,#A855F7,#E879F9,#8B00FF);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gt 6s ease infinite}\r\n@keyframes gt{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\r\n.hero-sub{font-size:18px;color:rgba(255,255,255,.7);max-width:580px;line-height:1.82;margin-bottom:2.5rem;opacity:0;animation:heroReveal 1s cubic-bezier(.16,1,.3,1) forwards .5s}\r\n.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:4rem;opacity:0;animation:heroReveal 1s cubic-bezier(.16,1,.3,1) forwards .65s}\r\n.hero-stats{display:flex;gap:2.5rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.08);opacity:0;animation:heroReveal 1s cubic-bezier(.16,1,.3,1) forwards .82s;flex-wrap:wrap}\r\n.hs-val{font-family:var(--font-h);font-size:28px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1}\r\n.hs-lbl{font-size:12px;color:rgba(255,255,255,.42);margin-top:4px}\r\n.hs-ac{color:var(--pl)}\r\n\r\n\/* \u2550\u2550 CAM SECTION \u2550\u2550 *\/\r\n.cam-section{background:linear-gradient(180deg,var(--dark) 0%,var(--dark2) 100%);padding:6rem 5%;position:relative;overflow:hidden}\r\n.cam-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}\r\n.cam-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.cam-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center}\r\n.cam-text .lbl{color:rgba(168,85,247,.85)}.cam-text .ttl{color:#fff}.cam-text .sub{color:rgba(255,255,255,.58)}\r\n.cam-bullets{display:flex;flex-direction:column;gap:12px;margin-top:2rem}\r\n.cam-bullet{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(168,85,247,.1);border-radius:12px;transition:all .35s cubic-bezier(.16,1,.3,1)}\r\n.cam-bullet:hover{border-color:rgba(168,85,247,.3);background:rgba(168,85,247,.07);transform:translateX(5px)}\r\n.cam-bdot{width:8px;height:8px;border-radius:50%;background:var(--pl);flex-shrink:0;margin-top:6px;box-shadow:0 0 0 4px rgba(168,85,247,.15)}\r\n.cam-bt{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}\r\n.cam-bd{font-size:12px;color:rgba(255,255,255,.45);line-height:1.6}\r\n.cam-vp{position:relative;border-radius:20px;overflow:hidden;background:#0A0518;border:1px solid rgba(168,85,247,.2);box-shadow:0 32px 80px rgba(139,0,255,.18)}\r\n.cam-topbar{background:rgba(0,0,0,.45);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);padding:10px 14px;display:flex;align-items:center;gap:8px}\r\n.ctd{width:9px;height:9px;border-radius:50%}.ctd.r{background:#FF5F57}.ctd.y{background:#FEBC2E}.ctd.g{background:#28C840}\r\n.ct-title{font-size:10px;color:rgba(255,255,255,.28);font-weight:600;letter-spacing:.5px;margin-left:6px;flex:1}\r\n.ct-live{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:#22C55E;letter-spacing:.8px}\r\n.ct-ldot{width:5px;height:5px;border-radius:50%;background:#22C55E;animation:ldp 1.4s infinite}\r\n@keyframes ldp{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{opacity:.6;box-shadow:0 0 0 4px rgba(34,197,94,0)}}\r\n.cam-feed{position:relative;height:320px;background:#050810;overflow:hidden}\r\n.cam-feed::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.07) 0px,rgba(0,0,0,.07) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:5}\r\n.cam-feed::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:4}\r\n.cam-img{width:100%;height:100%;object-fit:cover;opacity:.65;animation:camPan 12s ease-in-out infinite alternate}\r\n@keyframes camPan{0%{transform:scale(1.08) translateX(0)}100%{transform:scale(1.08) translateX(-4%)}}\r\n.det-box{position:absolute;border:1.5px solid;border-radius:4px;z-index:6;opacity:0;transition:opacity .4s}\r\n.det-box.show{opacity:1}\r\n.det-box .det-lbl{position:absolute;top:-20px;left:0;font-size:9px;font-weight:700;letter-spacing:.4px;padding:2px 7px;border-radius:4px;white-space:nowrap}\r\n.det-box.grn{border-color:#22C55E;color:#22C55E}.det-box.grn .det-lbl{background:#22C55E;color:#000}\r\n.det-box.amb{border-color:#F59E0B;color:#F59E0B}.det-box.amb .det-lbl{background:#F59E0B;color:#000}\r\n.det-box.red{border-color:#EF4444;color:#EF4444;animation:blinkB 1s ease-in-out infinite}.det-box.red .det-lbl{background:#EF4444;color:#fff}\r\n@keyframes blinkB{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 4px rgba(239,68,68,0)}}\r\n.det-box .c{position:absolute;width:10px;height:10px}\r\n.det-box .c.tl{top:-1px;left:-1px;border-top:2px solid currentColor;border-left:2px solid currentColor}\r\n.det-box .c.tr{top:-1px;right:-1px;border-top:2px solid currentColor;border-right:2px solid currentColor}\r\n.det-box .c.bl{bottom:-1px;left:-1px;border-bottom:2px solid currentColor;border-left:2px solid currentColor}\r\n.det-box .c.br{bottom:-1px;right:-1px;border-bottom:2px solid currentColor;border-right:2px solid currentColor}\r\n.cam-sl{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.65),transparent);animation:scan 3.5s ease-in-out infinite;z-index:7}\r\n@keyframes scan{0%{top:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{top:100%;opacity:0}}\r\n.cam-hud{position:absolute;inset:0;z-index:8;pointer-events:none}\r\n.hud-tl{position:absolute;top:12px;left:12px;font-size:9px;color:rgba(168,85,247,.7);line-height:1.8;letter-spacing:.3px}\r\n.hud-tr{position:absolute;top:12px;right:12px;text-align:right;font-size:9px;color:rgba(168,85,247,.7);line-height:1.8}\r\n.hud-bl{position:absolute;bottom:12px;left:12px;font-size:9px;color:rgba(34,197,94,.7);line-height:1.8}\r\n.cam-ticker{background:rgba(0,0,0,.5);border-top:1px solid rgba(255,255,255,.05);padding:10px 14px;display:flex;align-items:center;gap:10px;overflow:hidden}\r\n.ticker-tag{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--pl);background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);border-radius:4px;padding:3px 8px;flex-shrink:0}\r\n.ticker-txt{font-size:10px;color:rgba(255,255,255,.5);white-space:nowrap;animation:tickScroll 14s linear infinite}\r\n@keyframes tickScroll{0%{transform:translateX(0)}100%{transform:translateX(-45%)}}\r\n\r\n\/* \u2550\u2550 SECURITY DASHBOARD \u2550\u2550 *\/\r\n.secdb-sec{background:linear-gradient(180deg,#F7F8FC 0%,#F0F1FA 100%);padding:7rem 5%}\r\n.secdb-inner{max-width:1320px;margin:0 auto}\r\n.secdb-hdr{text-align:center;margin-bottom:4rem}\r\n.secdb-wrap{background:#07050F;border-radius:24px;border:1px solid rgba(168,85,247,.18);overflow:hidden;box-shadow:0 40px 100px rgba(76,29,149,.2)}\r\n.sdtb{background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.055);padding:12px 18px;display:flex;align-items:center;gap:8px}\r\n.sdtb-dot{width:10px;height:10px;border-radius:50%}\r\n.sdtb-dot.r{background:#FF5F57}.sdtb-dot.y{background:#FEBC2E}.sdtb-dot.g{background:#28C840}\r\n.sdtb-title{font-size:11px;color:rgba(255,255,255,.28);font-weight:500;letter-spacing:.4px;flex:1;margin-left:8px}\r\n.sdtb-live{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#22C55E;letter-spacing:.5px}\r\n.sdtb-ldot{width:5px;height:5px;border-radius:50%;background:#22C55E;animation:ldp 1.4s infinite}\r\n.secdb-body{padding:16px;display:flex;flex-direction:column;gap:14px}\r\n.secdb-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n.secdb-kpi{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;position:relative;overflow:hidden}\r\n.secdb-kpi::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}\r\n.sk1::before{background:linear-gradient(90deg,#22C55E,rgba(34,197,94,0))}.sk2::before{background:linear-gradient(90deg,#A855F7,rgba(168,85,247,0))}.sk3::before{background:linear-gradient(90deg,#F59E0B,rgba(245,158,11,0))}.sk4::before{background:linear-gradient(90deg,#22D3EE,rgba(34,211,238,0))}\r\n.skpi-lbl{font-size:10px;color:rgba(255,255,255,.35);font-weight:600;letter-spacing:.7px;text-transform:uppercase;margin-bottom:8px}\r\n.skpi-val{font-family:var(--font-h);font-size:30px;font-weight:800;color:#fff;line-height:1;margin-bottom:5px}\r\n.skpi-delta{font-size:10px;font-weight:600}\r\n.skpi-g{color:#22C55E}.skpi-b{color:#22D3EE}\r\n.secdb-mid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}\r\n.secdb-bot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}\r\n.sdb-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);border-radius:14px;padding:14px}\r\n.sp-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}\r\n.sp-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.5px;text-transform:uppercase}\r\n.sp-tag{font-size:10px;color:rgba(168,85,247,.65);font-weight:600}\r\n.alert-log{display:flex;flex-direction:column;gap:8px;max-height:130px;overflow:hidden}\r\n.alert-row{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:rgba(255,255,255,.035);border-radius:8px;border:1px solid rgba(255,255,255,.04);animation:aslide .4s cubic-bezier(.16,1,.3,1) forwards}\r\n@keyframes aslide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}\r\n.alert-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}\r\n.alert-msg{font-size:10px;color:rgba(255,255,255,.6);line-height:1.5}\r\n.alert-msg strong{color:rgba(255,255,255,.85);font-weight:600}\r\n.alert-time{font-size:9px;color:rgba(255,255,255,.2);margin-top:2px}\r\n.zone-bars{display:flex;flex-direction:column;gap:8px;margin-top:4px}\r\n.zone-row{display:flex;align-items:center;gap:8px}\r\n.zone-name{font-size:10px;color:rgba(255,255,255,.4);width:50px;flex-shrink:0}\r\n.zone-track{flex:1;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}\r\n.zone-fill{height:100%;border-radius:3px;width:0;transition:width 1.4s cubic-bezier(.16,1,.3,1)}\r\n.zone-pct{font-size:10px;color:rgba(255,255,255,.45);width:30px;text-align:right;flex-shrink:0}\r\n\r\n\/* \u2550\u2550 PROBLEM \u2550\u2550 *\/\r\n.prob-sec{background:linear-gradient(180deg,var(--dark2) 0%,#0A0518 100%);padding:6rem 5%;position:relative;overflow:hidden}\r\n.prob-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px);background-size:32px 32px}\r\n.prob-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(139,0,255,.1) 0%,transparent 70%);top:-200px;left:-100px;pointer-events:none}\r\n.prob-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}\r\n.prob-text .lbl{color:rgba(168,85,247,.85)}.prob-text .ttl{color:#fff}.prob-text .sub{color:rgba(255,255,255,.58)}\r\n.prob-cards{display:flex;flex-direction:column;gap:14px}\r\n.prob-card{background:rgba(255,255,255,.03);border:1px solid rgba(168,85,247,.1);border-radius:16px;padding:1.4rem 1.5rem;display:flex;gap:1rem;align-items:flex-start;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;opacity:0;transform:translateX(20px)}\r\n.prob-card.vis{opacity:1;transform:translateX(0)}\r\n.prob-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,85,247,.06),transparent);opacity:0;transition:opacity .4s}\r\n.prob-card:hover{border-color:rgba(168,85,247,.3);transform:translateX(6px)}.prob-card:hover::before{opacity:1}\r\n.pcnum{width:32px;height:32px;border-radius:8px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.2);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:12px;font-weight:800;color:#A855F7;flex-shrink:0;margin-top:2px}\r\n.pct{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}\r\n.pcd{font-size:13px;color:rgba(255,255,255,.48);line-height:1.65}\r\n\r\n\/* \u2550\u2550 SOLUTION \u2550\u2550 *\/\r\n.sol-sec{background:linear-gradient(180deg,#F7F8FC,#F0F1FA);padding:7rem 5%}\r\n.sol-inner{max-width:1320px;margin:0 auto}\r\n.sol-card{background:linear-gradient(135deg,#0A0E1A,#1A0F30,#0D1B3E);border-radius:28px;padding:4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:5rem;position:relative;overflow:hidden;border:1px solid rgba(168,85,247,.12)}\r\n.sol-card::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}\r\n.sol-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.14),transparent 70%);top:-180px;right:-120px;pointer-events:none}\r\n.sol-card::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#8B00FF,#A855F7,transparent)}\r\n.sol-content{position:relative;z-index:1}\r\n.sol-content .lbl{color:rgba(168,85,247,.9)}.sol-content .ttl{color:#fff;font-size:clamp(26px,3vw,38px)}.sol-content .sub{color:rgba(255,255,255,.62);font-size:15px}\r\n.sol-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.75rem}\r\n.sol-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.22);border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;color:#C084FC;transition:all .3s}\r\n.sol-badge:hover{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.45);color:#fff}\r\n.sol-visual{position:relative;z-index:1}\r\n.scan-wrap{position:relative;overflow:hidden;border-radius:18px}\r\n.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.7),transparent);animation:scl 3s ease-in-out infinite;top:0;z-index:2}\r\n@keyframes scl{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}\r\n.sc{position:absolute;width:20px;height:20px;z-index:3}\r\n.sc.tl{top:10px;left:10px;border-top:2px solid #A855F7;border-left:2px solid #A855F7}.sc.tr{top:10px;right:10px;border-top:2px solid #A855F7;border-right:2px solid #A855F7}.sc.bl{bottom:10px;left:10px;border-bottom:2px solid #A855F7;border-left:2px solid #A855F7}.sc.br{bottom:10px;right:10px;border-bottom:2px solid #A855F7;border-right:2px solid #A855F7}\r\n.sol-visual img{width:100%;border-radius:18px;display:block;box-shadow:0 24px 60px rgba(168,85,247,.2)}\r\n.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}\r\n.feat-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem;transition:all .45s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(0,0,0,.03);position:relative;overflow:hidden}\r\n.feat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8B00FF,#A855F7);opacity:0;transition:opacity .3s}\r\n.feat-card:hover{border-color:rgba(168,85,247,.22);transform:translateY(-7px);box-shadow:0 20px 50px rgba(0,0,0,.09)}.feat-card:hover::after{opacity:1}\r\n.feat-icon{width:50px;height:50px;border-radius:14px;background:rgba(168,85,247,.07);border:1px solid rgba(168,85,247,.14);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#A855F7;transition:all .35s}\r\n.feat-card:hover .feat-icon{background:#A855F7;color:#fff;border-color:#A855F7;transform:scale(1.06)}\r\n.feat-card h4{font-family:var(--font-h);font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text)}\r\n.feat-card p{font-size:13px;color:var(--text2);line-height:1.72}\r\n\r\n\/* \u2550\u2550 NUMBERS \u2550\u2550 *\/\r\n.nums-sec{background:linear-gradient(135deg,#0A0E1A 0%,#1A0F30 50%,#0D1B3E 100%);padding:5rem 5%;position:relative;overflow:hidden}\r\n.nums-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(168,85,247,.05) 1px,transparent 1px);background-size:28px 28px}\r\n.nums-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.nums-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(168,85,247,.14);border-radius:20px;overflow:hidden}\r\n.num-cell{padding:2.5rem 2rem;background:rgba(255,255,255,.02);border-right:1px solid rgba(168,85,247,.1);text-align:center;transition:background .3s}\r\n.num-cell:last-child{border-right:none}.num-cell:hover{background:rgba(168,85,247,.06)}\r\n.num-val{font-family:var(--font-h);font-size:clamp(36px,4vw,56px);font-weight:800;color:#fff;letter-spacing:-2px;line-height:1;margin-bottom:.5rem}\r\n.num-val span{color:var(--pl)}\r\n.num-lbl{font-size:13px;color:rgba(255,255,255,.45);line-height:1.5;font-weight:500}\r\n\r\n\/* \u2550\u2550 HOW IT WORKS \u2550\u2550 *\/\r\n.hiw-sec{background:linear-gradient(180deg,#F0F1FA,#F7F8FC);padding:7rem 5%}\r\n.hiw-inner{max-width:1320px;margin:0 auto}\r\n.hiw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:4rem;position:relative}\r\n.hiw-steps::before{content:'';position:absolute;top:34px;left:calc(12.5% + 8px);right:calc(12.5% + 8px);height:1px;background:linear-gradient(90deg,#8B00FF,#A855F7,#C084FC,#A855F7);opacity:.28}\r\n.hiw-step{text-align:center;padding:0 1.5rem;position:relative;z-index:1}\r\n.hiw-nw{display:flex;justify-content:center;margin-bottom:1.5rem}\r\n.hiw-n{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1)}\r\n.hiw-step:hover .hiw-n{transform:scale(1.1)}\r\n.hiw-ni{width:68px;height:68px;border-radius:50%;background:var(--card);border:2px solid rgba(168,85,247,.25);display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:20px;font-weight:800;color:var(--p);position:relative;z-index:1;box-shadow:0 4px 20px rgba(139,0,255,.1)}\r\n.hiw-ring{position:absolute;inset:-6px;border-radius:50%;border:1.5px dashed rgba(168,85,247,.3);animation:sr 12s linear infinite}\r\n.hiw-step:nth-child(2) .hiw-ring{animation-duration:14s;animation-direction:reverse}.hiw-step:nth-child(3) .hiw-ring{animation-duration:10s}.hiw-step:nth-child(4) .hiw-ring{animation-duration:16s;animation-direction:reverse}\r\n@keyframes sr{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\r\n.hiw-step h4{font-family:var(--font-h);font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}\r\n.hiw-step p{font-size:13px;color:var(--text2);line-height:1.65}\r\n\r\n\/* \u2550\u2550 THREAT TICKER \u2550\u2550 *\/\r\n.threat-ticker-sec{background:var(--dark2);padding:3rem 5%;overflow:hidden;position:relative}\r\n.threat-ticker-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent)}\r\n.threat-ticker-sec::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent)}\r\n.tt-label{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(168,85,247,.55);margin-bottom:.75rem;text-align:center}\r\n.tt-track{display:flex;gap:0;overflow:hidden;white-space:nowrap}\r\n.tt-belt{display:flex;gap:32px;animation:beltScroll 28s linear infinite;flex-shrink:0}\r\n.tt-belt:nth-child(2){animation-delay:-14s}\r\n.tt-item{display:flex;align-items:center;gap:10px;padding:8px 18px;background:rgba(168,85,247,.07);border:1px solid rgba(168,85,247,.15);border-radius:8px;font-size:12px;font-weight:600;color:rgba(255,255,255,.7);white-space:nowrap;flex-shrink:0}\r\n.tt-item .tt-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}\r\n.tt-item.grn .tt-dot{background:#22C55E;box-shadow:0 0 6px rgba(34,197,94,.5)}.tt-item.amb .tt-dot{background:#F59E0B;box-shadow:0 0 6px rgba(245,158,11,.5)}.tt-item.red .tt-dot{background:#EF4444;box-shadow:0 0 6px rgba(239,68,68,.5);animation:blinkB 1s infinite}.tt-item.pur .tt-dot{background:#A855F7;box-shadow:0 0 6px rgba(168,85,247,.5)}\r\n@keyframes beltScroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}\r\n\r\n\/* \u2550\u2550 COMPARE \u2550\u2550 *\/\r\n.cmp-sec{background:#fff;padding:7rem 5%}\r\n.cmp-inner{max-width:1320px;margin:0 auto}\r\n.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3.5rem}\r\n.cmp-col{border-radius:24px;overflow:hidden;border:1px solid var(--border)}\r\n.cmp-hdr{padding:1.75rem 2rem;display:flex;align-items:center;gap:14px}\r\n.cmp-col.bad .cmp-hdr{background:rgba(107,114,148,.06);border-bottom:1px solid var(--border)}\r\n.cmp-col.good .cmp-hdr{background:linear-gradient(135deg,rgba(139,0,255,.07),rgba(27,43,107,.05));border-bottom:1px solid rgba(168,85,247,.15)}\r\n.cmp-ico{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.cmp-col.bad .cmp-ico{background:rgba(107,114,148,.1);color:#6B7294}.cmp-col.good .cmp-ico{background:rgba(168,85,247,.1);color:#A855F7}\r\n.cmp-hdr h4{font-family:var(--font-h);font-size:16px;font-weight:700}\r\n.cmp-col.bad .cmp-hdr h4{color:#6B7294}.cmp-col.good .cmp-hdr h4{color:#A855F7}\r\n.cmp-list{list-style:none;padding:1.75rem 2rem;display:flex;flex-direction:column}\r\n.cmp-list li{font-size:14px;display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);line-height:1.55}\r\n.cmp-list li:last-child{border-bottom:none}\r\n.cmp-col.bad .cmp-list li{color:var(--text2)}.cmp-col.good .cmp-list li{color:var(--text)}\r\n.cx{color:#94A3B8;font-size:15px;flex-shrink:0;margin-top:2px;font-weight:700}.ck{color:#A855F7;font-size:15px;flex-shrink:0;margin-top:2px;font-weight:700}\r\n\r\n\/* \u2550\u2550 INDUSTRIES \u2550\u2550 *\/\r\n.ind-sec{background:linear-gradient(160deg,#F0F1FA,#FFF5F7,#F7F8FC);padding:6rem 5%}\r\n.ind-inner{max-width:1320px;margin:0 auto}\r\n.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}\r\n.ind-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:2rem 1.75rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(0,0,0,.03);position:relative;overflow:hidden}\r\n.ind-card::before{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(168,85,247,.06),transparent 70%)}\r\n.ind-card:hover{border-color:rgba(168,85,247,.2);transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.07)}\r\n.ind-ico{width:52px;height:52px;border-radius:14px;background:rgba(168,85,247,.07);border:1px solid rgba(168,85,247,.14);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#A855F7;transition:all .35s}\r\n.ind-card:hover .ind-ico{background:#A855F7;color:#fff;border-color:#A855F7}\r\n.ind-card h4{font-family:var(--font-h);font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}\r\n.ind-card p{font-size:13px;color:#6B7294;line-height:1.65}\r\n\r\n\/* \u2550\u2550 CTA \u2550\u2550 *\/\r\n.cta-sec{background:linear-gradient(180deg,#FAFBFE 0%,#F0F1FA 100%);padding:6rem 5%}\r\n.cta-inner{max-width:1320px;margin:0 auto;background:linear-gradient(135deg,#0F0A1F 0%,#1F0F3A 50%,#1B2B6B 100%);border-radius:28px;padding:5rem;text-align:center;position:relative;overflow:hidden;color:#fff}\r\n.cta-inner::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.12) 0%,transparent 60%);pointer-events:none}\r\n.cta-inner::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;animation:drift 20s linear infinite;pointer-events:none}\r\n@keyframes drift{from{transform:translateY(0)}to{transform:translateY(-28px)}}\r\n.cta-border{position:absolute;inset:-1px;border-radius:29px;background:linear-gradient(135deg,rgba(168,85,247,.3),transparent,rgba(27,43,107,.3));pointer-events:none}\r\n.cta-inner h2{font-family:var(--font-h);font-size:clamp(32px,4vw,54px);font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:1.25rem;position:relative;z-index:1;color:#fff}\r\n.cta-inner h2 span{color:#C084FC}\r\n.cta-inner p{font-size:17px;color:rgba(255,255,255,.65);max-width:540px;margin:0 auto 2.5rem;line-height:1.8;position:relative;z-index:1}\r\n.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}\r\n.cta-contact{display:flex;gap:2rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap;position:relative;z-index:1}\r\n.cta-ci{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.62)}.cta-ci strong{color:#fff}\r\n\r\n@media(max-width:1024px){.cam-layout,.prob-grid,.sol-card,.cmp-grid{grid-template-columns:1fr}.feat-grid{grid-template-columns:1fr 1fr}.ind-grid{grid-template-columns:1fr 1fr}.hiw-steps{grid-template-columns:1fr 1fr;gap:3rem}.hiw-steps::before{display:none}.secdb-kpis{grid-template-columns:1fr 1fr}.secdb-mid,.secdb-bot{grid-template-columns:1fr}.nums-grid{grid-template-columns:1fr 1fr}}\r\n@media(max-width:768px){.feat-grid,.ind-grid,.hiw-steps,.secdb-kpis,.nums-grid{grid-template-columns:1fr}.radar{display:none}.hero-stats{flex-wrap:wrap;gap:1.5rem}}\r\n@media(max-width:600px){.hero{min-height:100svh}.cta-inner{padding:3rem 1.5rem}.sol-card{padding:2.5rem 1.5rem}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"scroll-bar\" id=\"scrollBar\"><\/div>\r\n\r\n\r\n<section class=\"hero\">\r\n <img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k-and-regenrate-_2862482568.png\" alt=\"HexaVision AI\" class=\"hero-bg\">\r\n <div class=\"hero-ov\"><\/div>\r\n <div class=\"hero-grid\"><\/div>\r\n <div class=\"radar\">\r\n <div class=\"rring\"><\/div><div class=\"rring\"><\/div><div class=\"rring\"><\/div><div class=\"rring\"><\/div><div class=\"rring\"><\/div>\r\n <div class=\"rsweep\"><\/div>\r\n <div class=\"rdot d1\"><\/div><div class=\"rdot d2\"><\/div><div class=\"rdot d3\"><\/div>\r\n <\/div>\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-bc\">\r\n <a href=\"https:\/\/hexavision.ai\/\">Home<\/a>\r\n <svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <a href=\"#\">Solutions<\/a>\r\n <svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <span>HexaVision AI Platform<\/span>\r\n <\/div>\r\n <div class=\"hero-badge\"><span class=\"bdot\"><\/span> HexaVision AI Platform<\/div>\r\n <h1>AI Business<br><span class=\"pu\">Intelligence Platform<\/span><\/h1>\r\n <p class=\"hero-sub\">From visitor behavior to campaign ROI \u2014 HexaVision gives every department the intelligence it needs to make faster, smarter, and more profitable decisions. Operational clarity. Customer insight. Business growth.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#usecases\" class=\"btn-p\">\r\n <svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>Explore Use Cases\r\n <\/a>\r\n <a href=\"#contact\" class=\"btn-g\">Request a Demo<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div><div class=\"hs-val\">+1K <span class=\"hs-ac\">\u00b7<\/span><\/div><div class=\"hs-lbl\">Organizations Served<\/div><\/div>\r\n <div><div class=\"hs-val\">98.2% <span class=\"hs-ac\">\u00b7<\/span><\/div><div class=\"hs-lbl\">Detection Accuracy<\/div><\/div>\r\n <div><div class=\"hs-val\">4ms <span class=\"hs-ac\">\u00b7<\/span><\/div><div class=\"hs-lbl\">Edge AI Response<\/div><\/div>\r\n <div><div class=\"hs-val\">0 <span class=\"hs-ac\">\u00b7<\/span><\/div><div class=\"hs-lbl\">Cloud Dependency<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cam-section\">\r\n <div class=\"cam-inner\">\r\n <div class=\"cam-layout\">\r\n <div class=\"cam-text fl\">\r\n <div class=\"div-bar\"><\/div>\r\n <div class=\"lbl\">Live AI Vision<\/div>\r\n <h2 class=\"ttl\">Your Cameras,<br>Now Thinking.<\/h2>\r\n <p class=\"sub\">HexaVision layers an AI brain over every existing camera \u2014 detecting people, behaviors, zones, and patterns in real time without replacing a single device.<\/p>\r\n <div class=\"cam-bullets\">\r\n <div class=\"cam-bullet\"><span class=\"cam-bdot\"><\/span><div><div class=\"cam-bt\">Visitor Counting & Behavioral Analysis<\/div><div class=\"cam-bd\">Real-time visitor counts by zone, dwell time tracking, and movement flow analysis \u2014 separating employees from customers automatically.<\/div><\/div><\/div>\r\n <div class=\"cam-bullet\"><span class=\"cam-bdot\"><\/span><div><div class=\"cam-bt\">Customer Journey Intelligence<\/div><div class=\"cam-bd\">Tracks the complete path from entrance to purchase \u2014 revealing exactly where customers drop off and what drives conversion.<\/div><\/div><\/div>\r\n <div class=\"cam-bullet\"><span class=\"cam-bdot\"><\/span><div><div class=\"cam-bt\">Operational Performance Monitoring<\/div><div class=\"cam-bd\">Staff presence, service zone coverage, uniform compliance, and customer interaction quality \u2014 measured automatically, 24\/7.<\/div><\/div><\/div>\r\n <div class=\"cam-bullet\"><span class=\"cam-bdot\"><\/span><div><div class=\"cam-bt\">Predictive Surge & Crowd Analytics<\/div><div class=\"cam-bd\">Forecasts congestion, demand peaks, and capacity thresholds \u2014 so teams act before situations escalate.<\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cam-vp fr\" id=\"camViewport\">\r\n <div class=\"cam-topbar\">\r\n <span class=\"ctd r\"><\/span><span class=\"ctd y\"><\/span><span class=\"ctd g\"><\/span>\r\n <span class=\"ct-title\">CAM-04 \u00b7 Retail Zone \u00b7 HexaVision AI Platform<\/span>\r\n <span class=\"ct-live\"><span class=\"ct-ldot\"><\/span>LIVE<\/span>\r\n <\/div>\r\n <div class=\"cam-feed\" id=\"camFeed\">\r\n <img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k-and-regenrate-_2862482568.png\" alt=\"Camera Feed\" class=\"cam-img\">\r\n <div class=\"cam-sl\"><\/div>\r\n <div class=\"cam-hud\">\r\n <div class=\"hud-tl\">HEXAVISION AI v4.1<br>EDGE PROCESSING \u00b7 LOCAL<br>FPS: <span id=\"hudFps\">29.9<\/span> \u00b7 LATENCY: <span id=\"hudLat\">4ms<\/span><\/div>\r\n <div class=\"hud-tr\"><span id=\"hudTime\">--:--:--<\/span><br>VISITORS: <span id=\"hudObj\">0<\/span><br>ZONE: RETAIL-A<\/div>\r\n <div class=\"hud-bl\">\u25cf AI ACTIVE \u00b7 EDGE MODE<br>PRIVACY: LOCAL ONLY<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cam-ticker\">\r\n <span class=\"ticker-tag\">HEXAVISION<\/span>\r\n <span class=\"ticker-txt\">AI ACTIVE \u00b7 VISITOR TRACKING \u00b7 BEHAVIORAL ANALYSIS \u00b7 HEATMAP UPDATING \u00b7 CONVERSION FUNNEL MONITORING \u00b7 EMPLOYEE PERFORMANCE TRACKING \u00b7 CAMPAIGN MEASUREMENT RUNNING \u00b7 PREDICTIVE ANALYTICS ACTIVE \u00b7 MULTI-BRANCH BENCHMARKING \u00b7 EXECUTIVE DASHBOARD LIVE \u00b7<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"threat-ticker-sec\">\r\n <div class=\"tt-label\">Live Platform Events \u2014 HexaVision AI Processing<\/div>\r\n <div class=\"tt-track\">\r\n <div class=\"tt-belt\" id=\"ttBelt1\"><\/div>\r\n <div class=\"tt-belt\" id=\"ttBelt2\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"secdb-sec\" id=\"secDash\">\r\n <div class=\"secdb-inner\">\r\n <div class=\"secdb-hdr fu\">\r\n <div class=\"div-bar\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"lbl\" style=\"text-align:center\">Real-Time Business Intelligence<\/div>\r\n <h2 class=\"ttl\" style=\"text-align:center\">What HexaVision Sees Right Now<\/h2>\r\n <p class=\"sub\" style=\"margin:0 auto;text-align:center\">A live operations dashboard \u2014 showing how HexaVision processes visual data into visitor insights, performance metrics, and business decisions across every zone, every second.<\/p>\r\n <\/div>\r\n <div class=\"secdb-wrap fu\" id=\"secDbWrap\">\r\n <div class=\"sdtb\">\r\n <span class=\"sdtb-dot r\"><\/span><span class=\"sdtb-dot y\"><\/span><span class=\"sdtb-dot g\"><\/span>\r\n <span class=\"sdtb-title\">HexaVision AI Platform \u2014 Business Intelligence Dashboard<\/span>\r\n <span class=\"sdtb-live\"><span class=\"sdtb-ldot\"><\/span>LIVE<\/span>\r\n <\/div>\r\n <div class=\"secdb-body\">\r\n <div class=\"secdb-kpis\">\r\n <div class=\"secdb-kpi sk1\"><div class=\"skpi-lbl\">Visitors Today<\/div><div class=\"skpi-val\" id=\"sk1v\">0<\/div><div class=\"skpi-delta skpi-g\">\u2191 +18% vs yesterday<\/div><\/div>\r\n <div class=\"secdb-kpi sk2\"><div class=\"skpi-lbl\">Conversion Rate<\/div><div class=\"skpi-val\" id=\"sk2v\">0%<\/div><div class=\"skpi-delta skpi-b\">\u2192 Counter Zone A<\/div><\/div>\r\n <div class=\"secdb-kpi sk3\"><div class=\"skpi-lbl\">Avg Dwell Time<\/div><div class=\"skpi-val\" id=\"sk3v\">0m<\/div><div class=\"skpi-delta skpi-g\">\u2191 +3m this hour<\/div><\/div>\r\n <div class=\"secdb-kpi sk4\"><div class=\"skpi-lbl\">AI Response Time<\/div><div class=\"skpi-val\" id=\"sk4v\">0ms<\/div><div class=\"skpi-delta skpi-g\">\u2191 Edge \u00b7 No cloud<\/div><\/div>\r\n <\/div>\r\n <div class=\"secdb-mid\">\r\n <div class=\"sdb-panel\">\r\n <div class=\"sp-hdr\"><span class=\"sp-title\">Visitor Flow \u2014 24hrs<\/span><span class=\"sp-tag\">Today vs Yesterday<\/span><\/div>\r\n <svg id=\"threatSvg\" viewBox=\"0 0 500 80\" preserveAspectRatio=\"none\" style=\"width:100%;height:80px\">\r\n <defs>\r\n <linearGradient id=\"tg1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#A855F7\" stop-opacity=\".35\"\/><stop offset=\"100%\" stop-color=\"#A855F7\" stop-opacity=\"0\"\/><\/linearGradient>\r\n <linearGradient id=\"tg2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#22D3EE\" stop-opacity=\".25\"\/><stop offset=\"100%\" stop-color=\"#22D3EE\" stop-opacity=\"0\"\/><\/linearGradient>\r\n <\/defs>\r\n <line x1=\"0\" y1=\"20\" x2=\"500\" y2=\"20\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"45\" x2=\"500\" y2=\"45\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"70\" x2=\"500\" y2=\"70\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <path id=\"resolvedFill\" d=\"\" fill=\"url(#tg1)\"\/>\r\n <path id=\"resolvedLine\" d=\"\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2\"\/>\r\n <path id=\"escalatedFill\" d=\"\" fill=\"url(#tg2)\"\/>\r\n <path id=\"escalatedLine\" d=\"\" fill=\"none\" stroke=\"#22D3EE\" stroke-width=\"1.5\" stroke-dasharray=\"5,3\"\/>\r\n <text x=\"4\" y=\"74\" fill=\"rgba(255,255,255,.2)\" font-size=\"8\">00:00<\/text><text x=\"120\" y=\"74\" fill=\"rgba(255,255,255,.2)\" font-size=\"8\">06:00<\/text><text x=\"245\" y=\"74\" fill=\"rgba(255,255,255,.2)\" font-size=\"8\">12:00<\/text><text x=\"370\" y=\"74\" fill=\"rgba(255,255,255,.2)\" font-size=\"8\">18:00<\/text><text x=\"468\" y=\"74\" fill=\"rgba(255,255,255,.2)\" font-size=\"8\">Now<\/text>\r\n <\/svg>\r\n <div style=\"display:flex;gap:14px;margin-top:6px\">\r\n <span style=\"display:flex;align-items:center;gap:5px;font-size:10px;color:rgba(255,255,255,.4)\"><span style=\"display:inline-block;width:16px;height:2px;background:#A855F7;border-radius:1px\"><\/span>Today<\/span>\r\n <span style=\"display:flex;align-items:center;gap:5px;font-size:10px;color:rgba(255,255,255,.4)\"><span style=\"display:inline-block;width:16px;height:2px;background:#22D3EE;border-radius:1px\"><\/span>Yesterday<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sdb-panel\">\r\n <div class=\"sp-hdr\"><span class=\"sp-title\">Live Insights<\/span><span class=\"sp-tag sdtb-live\" style=\"font-size:10px\"><span class=\"sdtb-ldot\"><\/span>LIVE<\/span><\/div>\r\n <div class=\"alert-log\" id=\"alertLog\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"secdb-bot\">\r\n <div class=\"sdb-panel\">\r\n <div class=\"sp-hdr\"><span class=\"sp-title\">Zone Activity<\/span><span class=\"sp-tag\">Real-Time<\/span><\/div>\r\n <div class=\"zone-bars\">\r\n <div class=\"zone-row\"><span class=\"zone-name\">Counter<\/span><div class=\"zone-track\"><div class=\"zone-fill\" id=\"zf1\" style=\"background:linear-gradient(90deg,#A855F7,#C084FC)\"><\/div><\/div><span class=\"zone-pct\" id=\"zp1\">0%<\/span><\/div>\r\n <div class=\"zone-row\"><span class=\"zone-name\">Display<\/span><div class=\"zone-track\"><div class=\"zone-fill\" id=\"zf2\" style=\"background:linear-gradient(90deg,#22D3EE,#67E8F9)\"><\/div><\/div><span class=\"zone-pct\" id=\"zp2\">0%<\/span><\/div>\r\n <div class=\"zone-row\"><span class=\"zone-name\">Entrance<\/span><div class=\"zone-track\"><div class=\"zone-fill\" id=\"zf3\" style=\"background:linear-gradient(90deg,#22C55E,#4ADE80)\"><\/div><\/div><span class=\"zone-pct\" id=\"zp3\">0%<\/span><\/div>\r\n <div class=\"zone-row\"><span class=\"zone-name\">Aisle B<\/span><div class=\"zone-track\"><div class=\"zone-fill\" id=\"zf4\" style=\"background:linear-gradient(90deg,#F59E0B,#FCD34D)\"><\/div><\/div><span class=\"zone-pct\" id=\"zp4\">0%<\/span><\/div>\r\n <div class=\"zone-row\"><span class=\"zone-name\">Exit<\/span><div class=\"zone-track\"><div class=\"zone-fill\" id=\"zf5\" style=\"background:linear-gradient(90deg,#EF4444,#F87171)\"><\/div><\/div><span class=\"zone-pct\" id=\"zp5\">0%<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sdb-panel\" style=\"display:flex;flex-direction:column;align-items:center;justify-content:center\">\r\n <div class=\"sp-hdr\" style=\"width:100%\"><span class=\"sp-title\">Detection Accuracy<\/span><\/div>\r\n <svg viewBox=\"0 0 110 60\" style=\"width:110px;height:60px;overflow:visible;margin-bottom:8px\">\r\n <path d=\"M10,55 A45,45 0 0,1 100,55\" fill=\"none\" stroke=\"rgba(255,255,255,.08)\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\r\n <path id=\"accArc\" d=\"M10,55 A45,45 0 0,1 100,55\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"10\" stroke-linecap=\"round\" stroke-dasharray=\"0 141\" style=\"transition:stroke-dasharray 1.8s cubic-bezier(.16,1,.3,1)\"\/>\r\n <\/svg>\r\n <div style=\"font-family:var(--font-h);font-size:26px;font-weight:800;color:#A855F7;letter-spacing:-1px\" id=\"accNum\">0%<\/div>\r\n <div style=\"font-size:10px;color:rgba(255,255,255,.38);margin-top:2px\">Accuracy Rate<\/div>\r\n <\/div>\r\n <div class=\"sdb-panel\" style=\"display:flex;flex-direction:column;justify-content:center\">\r\n <div class=\"sp-hdr\"><span class=\"sp-title\">Edge vs Cloud<\/span><\/div>\r\n <div>\r\n <div style=\"display:flex;justify-content:space-between;margin-bottom:6px\"><span style=\"font-size:10px;color:rgba(255,255,255,.38)\">Edge AI (HexaVision)<\/span><span style=\"font-size:10px;font-weight:700;color:#22C55E\">4ms<\/span><\/div>\r\n <div style=\"height:6px;background:rgba(255,255,255,.06);border-radius:3px;margin-bottom:14px\"><div id=\"edgeBar\" style=\"height:100%;width:0;background:linear-gradient(90deg,#22C55E,#4ADE80);border-radius:3px;transition:width 1.6s cubic-bezier(.16,1,.3,1)\"><\/div><\/div>\r\n <div style=\"display:flex;justify-content:space-between;margin-bottom:6px\"><span style=\"font-size:10px;color:rgba(255,255,255,.38)\">Cloud-based (Traditional)<\/span><span style=\"font-size:10px;font-weight:700;color:#EF4444\">344ms<\/span><\/div>\r\n <div style=\"height:6px;background:rgba(255,255,255,.06);border-radius:3px\"><div id=\"cloudBar\" style=\"height:100%;width:0;background:linear-gradient(90deg,#EF4444,#F87171);border-radius:3px;transition:width 1.6s cubic-bezier(.16,1,.3,1) .3s\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"nums-sec\">\r\n <div class=\"nums-inner\">\r\n <div class=\"nums-grid fu\">\r\n <div class=\"num-cell\"><div class=\"num-val\" id=\"nc1\">0<span>ms<\/span><\/div><div class=\"num-lbl\">Edge AI Response Time<br>vs 344ms cloud average<\/div><\/div>\r\n <div class=\"num-cell\"><div class=\"num-val\" id=\"nc2\">0<span>%<\/span><\/div><div class=\"num-lbl\">Detection Accuracy Rate<br>across all camera feeds<\/div><\/div>\r\n <div class=\"num-cell\"><div class=\"num-val\" id=\"nc3\">\u21910<span>%<\/span><\/div><div class=\"num-lbl\">Average Sales Uplift<br>across retail clients<\/div><\/div>\r\n <div class=\"num-cell\"><div class=\"num-val\">+1K<span><\/span><\/div><div class=\"num-lbl\">Organizations Served<br>across Saudi Arabia & GCC<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"prob-sec\">\r\n <div class=\"prob-glow\"><\/div>\r\n <div class=\"prob-inner\">\r\n <div class=\"prob-grid\">\r\n <div class=\"prob-text fl\">\r\n <div class=\"div-bar\"><\/div>\r\n <div class=\"lbl\">The Problem<\/div>\r\n <h2 class=\"ttl\">Cameras Record.<br>They Don't Decide.<\/h2>\r\n <p class=\"sub\">Organizations invest heavily in camera infrastructure, yet most systems only record \u2014 leaving operations teams blind, marketing teams guessing, and management without the data they need to improve.<\/p>\r\n <\/div>\r\n <div class=\"prob-cards\" id=\"probCards\">\r\n <div class=\"prob-card\"><div class=\"pcnum\">01<\/div><div><div class=\"pct\">Recording Is Not Intelligence<\/div><div class=\"pcd\">Traditional systems document what happened but cannot predict what will happen. Revenue is lost before anyone realizes why.<\/div><\/div><\/div>\r\n <div class=\"prob-card\"><div class=\"pcnum\">02<\/div><div><div class=\"pct\">No Visibility Into Operations<\/div><div class=\"pcd\">Without behavioral data, staffing decisions, layout changes, and campaign timing are based on gut feeling \u2014 not evidence.<\/div><\/div><\/div>\r\n <div class=\"prob-card\"><div class=\"pcnum\">03<\/div><div><div class=\"pct\">Campaigns With No Measurement<\/div><div class=\"pcd\">Marketing spends millions without knowing if it worked. There's no way to isolate campaign impact from other variables.<\/div><\/div><\/div>\r\n <div class=\"prob-card\"><div class=\"pcnum\">04<\/div><div><div class=\"pct\">Infrastructure Replacement Costs<\/div><div class=\"pcd\">Upgrading to AI cameras demands a full hardware overhaul \u2014 a high-cost, high-disruption project most cannot afford.<\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"sol-sec\" id=\"solution\">\r\n <div class=\"sol-inner\">\r\n <div class=\"sol-card fu\">\r\n <div class=\"sol-glow\"><\/div>\r\n <div class=\"sol-content\">\r\n <div class=\"lbl\">The Solution \u2014 AI Business Intelligence<\/div>\r\n <h2 class=\"ttl\" style=\"color:#fff;font-size:clamp(26px,3vw,38px)\">Visual Data Transformed Into Business Decisions<\/h2>\r\n <p class=\"sub\" style=\"color:rgba(255,255,255,.62);font-size:15px\">HexaVision transforms your existing cameras into a business intelligence platform. It doesn't just detect \u2014 it understands visitor behavior, measures operational performance, tracks campaign impact, and surfaces actionable insights for every team from cashier to CEO.<\/p>\r\n <div class=\"sol-badges\">\r\n <span class=\"sol-badge\">Saudi Made<\/span>\r\n <span class=\"sol-badge\">Edge AI \u2014 No Cloud<\/span>\r\n <span class=\"sol-badge\">Privacy by Design<\/span>\r\n <span class=\"sol-badge\">Vision 2030 Aligned<\/span>\r\n <span class=\"sol-badge\">Works With Existing Cameras<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sol-visual\">\r\n <div class=\"scan-wrap\">\r\n <div class=\"scan-line\"><\/div>\r\n <div class=\"sc tl\"><\/div><div class=\"sc tr\"><\/div><div class=\"sc bl\"><\/div><div class=\"sc br\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/freepik_remove-all-text-and-regen_2862491828-scaled.webp\" alt=\"HexaVision AI Platform\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feat-grid\">\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><h4>Visitor & Behavioral Analytics<\/h4><p>Real-time and historical visitor counts, dwell time, movement flow, and behavioral classification \u2014 automatically separating employees from customers across every zone.<\/p><\/div>\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><h4>Edge AI Processing<\/h4><p>Local on-site data processing \u2014 no cloud dependency, no latency, no internet requirement. Instant response guaranteed, 24 hours a day, with full data sovereignty.<\/p><\/div>\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg><\/div><h4>Heat Mapping & Zone Intelligence<\/h4><p>Interactive heatmaps revealing customer movement paths, high-dwell zones, and underperforming areas \u2014 so every layout decision is backed by real foot traffic data.<\/p><\/div>\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><h4>Predictive Business Analytics<\/h4><p>Forecasts demand peaks, customer churn, and campaign impact before they happen \u2014 giving operations teams the lead time to act, not react.<\/p><\/div>\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div><h4>Executive & Multi-Branch Dashboards<\/h4><p>A unified live view of every KPI across all locations \u2014 designed for decision makers, not just analysts. One screen. All the context needed to act.<\/p><\/div>\r\n <div class=\"feat-card fu\"><div class=\"feat-icon\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg><\/div><h4>Works With Existing Cameras<\/h4><p>Seamlessly layers AI intelligence over your current CCTV infrastructure \u2014 no hardware replacement, no capital expenditure, deployed in days not months.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"hiw-sec\">\r\n <div class=\"hiw-inner\">\r\n <div class=\"fu\" style=\"text-align:center\">\r\n <div class=\"div-bar\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"lbl\" style=\"text-align:center\">How It Works<\/div>\r\n <h2 class=\"ttl\" style=\"text-align:center\">From Camera Frame<br>to Business Decision<\/h2>\r\n <p class=\"sub\" style=\"margin:0 auto;text-align:center\">HexaVision's AI pipeline ingests raw video, understands behavior, predicts outcomes, and delivers decisions \u2014 all locally, all instantly, with zero cloud dependency.<\/p>\r\n <\/div>\r\n <div class=\"hiw-steps fu\">\r\n <div class=\"hiw-step\"><div class=\"hiw-nw\"><div class=\"hiw-n\"><div class=\"hiw-ring\"><\/div><div class=\"hiw-ni\">01<\/div><\/div><\/div><h4>Collect<\/h4><p>Live feeds from existing cameras flow into the Edge AI processor \u2014 no cloud, no delay, no hardware replacement required.<\/p><\/div>\r\n <div class=\"hiw-step\"><div class=\"hiw-nw\"><div class=\"hiw-n\"><div class=\"hiw-ring\"><\/div><div class=\"hiw-ni\">02<\/div><\/div><\/div><h4>Analyze<\/h4><p>Computer vision models analyze every frame \u2014 identifying people, behaviors, zones, and patterns simultaneously in milliseconds.<\/p><\/div>\r\n <div class=\"hiw-step\"><div class=\"hiw-nw\"><div class=\"hiw-n\"><div class=\"hiw-ring\"><\/div><div class=\"hiw-ni\">03<\/div><\/div><\/div><h4>Predict<\/h4><p>AI evaluates behavioral context \u2014 forecasting surges, churn signals, and conversion outcomes before they happen.<\/p><\/div>\r\n <div class=\"hiw-step\"><div class=\"hiw-nw\"><div class=\"hiw-n\"><div class=\"hiw-ring\"><\/div><div class=\"hiw-ni\">04<\/div><\/div><\/div><h4>Decide<\/h4><p>Insights surface on the right dashboard for the right role \u2014 from cashier alert to executive KPI \u2014 within one second of the original frame.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"hxvid-sec\" id=\"hxvid\">\r\n<style>\r\n.hxvid-sec{background:linear-gradient(180deg,#07050F 0%,#0F0B1E 100%);padding:7rem 5%;position:relative;overflow:hidden;font-family:'Inter',sans-serif}\r\n.hxvid-sec::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px);background-size:32px 32px}\r\n\/* ambient glow orbs *\/\r\n.hxvid-orb1{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(139,0,255,.12) 0%,transparent 65%);top:-200px;right:-150px;pointer-events:none;animation:hxvOrbPulse 6s ease-in-out infinite}\r\n.hxvid-orb2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(232,0,61,.07) 0%,transparent 65%);bottom:-150px;left:-100px;pointer-events:none;animation:hxvOrbPulse 8s ease-in-out infinite .5s}\r\n@keyframes hxvOrbPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}\r\n\r\n.hxvid-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n\r\n\/* Header *\/\r\n.hxvid-hdr{text-align:center;margin-bottom:4rem}\r\n.hxvid-divbar{width:44px;height:3px;background:var(--pl);border-radius:2px;margin:0 auto 1.5rem;position:relative;overflow:hidden}\r\n.hxvid-divbar::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.7),transparent);animation:shim 3s infinite}\r\n.hxvid-lbl{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(168,85,247,.85);margin-bottom:1rem}\r\n.hxvid-ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:-2px;line-height:1.1;color:#fff;margin-bottom:1rem}\r\n.hxvid-ttl .hxvid-accent{background:linear-gradient(90deg,#C084FC,#A855F7,#E879F9,#8B00FF);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gt 6s ease infinite}\r\n.hxvid-sub{font-size:16px;color:rgba(255,255,255,.52);max-width:640px;margin:0 auto;line-height:1.8}\r\n\r\n\/* Main video frame *\/\r\n.hxvid-frame{position:relative;border-radius:24px;overflow:hidden;background:#000;border:1px solid rgba(168,85,247,.2);box-shadow:0 40px 120px rgba(76,29,149,.35);cursor:pointer}\r\n\/* scan corners *\/\r\n.hxvid-corner{position:absolute;width:28px;height:28px;z-index:10;pointer-events:none}\r\n.hxvid-corner.tl{top:16px;left:16px;border-top:2px solid rgba(168,85,247,.7);border-left:2px solid rgba(168,85,247,.7)}\r\n.hxvid-corner.tr{top:16px;right:16px;border-top:2px solid rgba(168,85,247,.7);border-right:2px solid rgba(168,85,247,.7)}\r\n.hxvid-corner.bl{bottom:16px;left:16px;border-bottom:2px solid rgba(168,85,247,.7);border-left:2px solid rgba(168,85,247,.7)}\r\n.hxvid-corner.br{bottom:16px;right:16px;border-bottom:2px solid rgba(168,85,247,.7);border-right:2px solid rgba(168,85,247,.7)}\r\n\/* scan line *\/\r\n.hxvid-scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.7),#C084FC,rgba(168,85,247,.7),transparent);z-index:9;animation:hxvScan 4s ease-in-out infinite;pointer-events:none}\r\n@keyframes hxvScan{0%{top:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{top:100%;opacity:0}}\r\n\/* crt overlay *\/\r\n.hxvid-crt{position:absolute;inset:0;z-index:8;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 3px)}\r\n\/* video element *\/\r\n.hxvid-video{width:100%;display:block;aspect-ratio:16\/9;object-fit:cover}\r\n\/* play overlay \u2014 hidden when playing *\/\r\n.hxvid-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(7,5,15,.45);z-index:11;transition:opacity .4s}\r\n.hxvid-play-overlay.hidden{opacity:0;pointer-events:none}\r\n.hxvid-play-btn{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8B00FF,#A855F7);border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 16px rgba(168,85,247,.12),0 12px 40px rgba(139,0,255,.45);animation:hxvPlayPulse 2.5s ease-in-out infinite;transition:transform .3s}\r\n.hxvid-play-btn:hover{transform:scale(1.1)}\r\n@keyframes hxvPlayPulse{0%,100%{box-shadow:0 0 0 12px rgba(168,85,247,.1),0 12px 40px rgba(139,0,255,.4)}50%{box-shadow:0 0 0 22px rgba(168,85,247,.04),0 12px 40px rgba(139,0,255,.5)}}\r\n.hxvid-play-btn svg{width:32px;height:32px;fill:#fff;margin-left:5px}\r\n\/* HUD badges on video *\/\r\n.hxvid-badge{position:absolute;z-index:12;display:inline-flex;align-items:center;gap:6px;background:rgba(7,5,15,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:.5px;color:rgba(255,255,255,.9);pointer-events:none}\r\n.hxvid-badge-dot{width:6px;height:6px;border-radius:50%;animation:ldp 1.4s infinite}\r\n.hxvid-b1{top:20px;left:20px}\r\n.hxvid-b2{top:20px;right:70px}\r\n.hxvid-b3{bottom:20px;left:20px;color:#EF4444;border-color:rgba(239,68,68,.3);background:rgba(7,5,15,.8)}\r\n.hxvid-b3 .hxvid-badge-dot{background:#EF4444}\r\n.hxvid-b4{bottom:20px;right:20px;color:#22C55E;border-color:rgba(34,197,94,.25)}\r\n.hxvid-b4 .hxvid-badge-dot{background:#22C55E}\r\n\r\n\/* Content below video \u2014 3 col insight cards *\/\r\n.hxvid-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}\r\n.hxvid-icard{background:rgba(255,255,255,.03);border:1px solid rgba(168,85,247,.14);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(20px)}\r\n.hxvid-icard.hxvid-vis{opacity:1;transform:translateY(0)}\r\n.hxvid-icard:hover{border-color:rgba(168,85,247,.35);background:rgba(168,85,247,.06);transform:translateY(-4px)}\r\n.hxvid-icard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}\r\n.hxvid-ic1::before{background:linear-gradient(90deg,#EF4444,rgba(239,68,68,0))}\r\n.hxvid-ic2::before{background:linear-gradient(90deg,#A855F7,rgba(168,85,247,0))}\r\n.hxvid-ic3::before{background:linear-gradient(90deg,#22C55E,rgba(34,197,94,0))}\r\n.hxvid-icard-icon{width:42px;height:42px;border-radius:11px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}\r\n.hxvid-icard-icon svg{width:20px;height:20px;stroke:#A855F7;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.hxvid-ic1 .hxvid-icard-icon{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.hxvid-ic1 .hxvid-icard-icon svg{stroke:#EF4444}\r\n.hxvid-ic3 .hxvid-icard-icon{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2)}.hxvid-ic3 .hxvid-icard-icon svg{stroke:#22C55E}\r\n.hxvid-icard h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:6px}\r\n.hxvid-icard p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7}\r\n.hxvid-icard-stat{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.5px}\r\n.hxvid-icard-stat span{font-size:11px;font-weight:600;color:rgba(255,255,255,.4);letter-spacing:.3px;align-self:flex-end;margin-bottom:2px}\r\n\r\n@media(max-width:900px){.hxvid-insights{grid-template-columns:1fr 1fr}}\r\n@media(max-width:600px){.hxvid-insights{grid-template-columns:1fr}}\r\n<\/style>\r\n\r\n<div class=\"hxvid-orb1\"><\/div>\r\n<div class=\"hxvid-orb2\"><\/div>\r\n<div class=\"hxvid-inner\">\r\n\r\n <div class=\"hxvid-hdr fu\">\r\n <div class=\"hxvid-divbar\"><\/div>\r\n <div class=\"hxvid-lbl\">See It In Action<\/div>\r\n <h2 class=\"hxvid-ttl\">The moment a camera<br>becomes <span class=\"hxvid-accent\">intelligence<\/span><\/h2>\r\n <p class=\"hxvid-sub\">Watch how HexaVision detects behavior, tracks movement, and surfaces actionable insights in real time \u2014 the instant something happens in your space.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxvid-frame fu\" id=\"hxvidFrame\">\r\n \r\n <div class=\"hxvid-corner tl\"><\/div>\r\n <div class=\"hxvid-corner tr\"><\/div>\r\n <div class=\"hxvid-corner bl\"><\/div>\r\n <div class=\"hxvid-corner br\"><\/div>\r\n \r\n <div class=\"hxvid-scanline\"><\/div>\r\n <div class=\"hxvid-crt\"><\/div>\r\n \r\n <div class=\"hxvid-badge hxvid-b1\"><span class=\"hxvid-badge-dot\" style=\"background:#22C55E;animation:ldp 1.4s infinite\"><\/span>HEXAVISION AI \u00b7 EDGE MODE \u00b7 LIVE<\/div>\r\n <div class=\"hxvid-badge hxvid-b2\"><span class=\"hxvid-badge-dot\" style=\"background:#A855F7;animation:ldp 1.4s infinite .4s\"><\/span>BEHAVIOR ANALYSIS ACTIVE<\/div>\r\n <div class=\"hxvid-badge hxvid-b3\"><span class=\"hxvid-badge-dot\"><\/span>\u26a0 SUSPICIOUS BEHAVIOR DETECTED<\/div>\r\n <div class=\"hxvid-badge hxvid-b4\"><span class=\"hxvid-badge-dot\"><\/span>ALERT SENT \u00b7 0.4s RESPONSE<\/div>\r\n \r\n <video class=\"hxvid-video\" id=\"hxvidVideo\" preload=\"metadata\" playsinline loop>\r\n <source src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/hexa1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n \r\n <div class=\"hxvid-play-overlay\" id=\"hxvidPlayOverlay\">\r\n <div class=\"hxvid-play-btn\" id=\"hxvidPlayBtn\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxvid-insights\">\r\n\r\n <div class=\"hxvid-icard hxvid-ic1\">\r\n <div class=\"hxvid-icard-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><\/svg>\r\n <\/div>\r\n <h4>Suspicious Behavior Detected<\/h4>\r\n <p>HexaVision identifies unusual movement patterns, unauthorized zone access, and behavioral anomalies the instant they occur \u2014 not after the fact.<\/p>\r\n <div class=\"hxvid-icard-stat\">0.4s <span>alert response<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"hxvid-icard hxvid-ic2\">\r\n <div class=\"hxvid-icard-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <h4>Every Movement Tracked<\/h4>\r\n <p>Each person in frame gets a persistent AI identity \u2014 tracked across zones, recording dwell time, movement path, and behavioral classification simultaneously.<\/p>\r\n <div class=\"hxvid-icard-stat\">98.2% <span>detection accuracy<\/span><\/div>\r\n <\/div>\r\n\r\n <div class=\"hxvid-icard hxvid-ic3\">\r\n <div class=\"hxvid-icard-icon\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n <\/div>\r\n <h4>Edge AI \u2014 No Cloud Required<\/h4>\r\n <p>All processing happens on-site, on your hardware. Data never leaves your facility. Zero cloud latency. Zero privacy risk. Full intelligence at 4ms response time.<\/p>\r\n <div class=\"hxvid-icard-stat\">4ms <span>edge response<\/span><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var video=document.getElementById('hxvidVideo');\r\n var overlay=document.getElementById('hxvidPlayOverlay');\r\n var playBtn=document.getElementById('hxvidPlayBtn');\r\n var frame=document.getElementById('hxvidFrame');\r\n if(!video||!overlay)return;\r\n\r\n \/* Play\/pause toggle *\/\r\n function togglePlay(){\r\n if(video.paused){\r\n video.play();\r\n overlay.classList.add('hidden');\r\n } else {\r\n video.pause();\r\n overlay.classList.remove('hidden');\r\n }\r\n }\r\n playBtn.addEventListener('click',function(e){e.stopPropagation();togglePlay();});\r\n video.addEventListener('click',togglePlay);\r\n video.addEventListener('ended',function(){overlay.classList.remove('hidden');});\r\n\r\n \/* Autoplay when scrolled into view *\/\r\n var vidObs=new IntersectionObserver(function(entries){\r\n if(entries[0].isIntersecting&&video.paused){\r\n video.play().then(function(){overlay.classList.add('hidden');}).catch(function(){});\r\n } else if(!entries[0].isIntersecting&&!video.paused){\r\n video.pause();\r\n }\r\n },{threshold:.4});\r\n vidObs.observe(frame);\r\n\r\n \/* Insight cards stagger in *\/\r\n var cards=document.querySelectorAll('.hxvid-icard');\r\n var icObs=new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){\r\n var idx=Array.from(cards).indexOf(e.target);\r\n setTimeout(function(){e.target.classList.add('hxvid-vis');},idx*150);\r\n icObs.unobserve(e.target);\r\n }\r\n });\r\n },{threshold:.2});\r\n cards.forEach(function(c){icObs.observe(c);});\r\n\r\n \/* HUD badge visibility \u2014 hide when playing, show when paused *\/\r\n var badges=document.querySelectorAll('.hxvid-badge');\r\n video.addEventListener('play',function(){badges.forEach(function(b){b.style.opacity='1';});});\r\n video.addEventListener('pause',function(){badges.forEach(function(b){b.style.opacity='1';});});\r\n})();\r\n<\/script>\r\n<\/section>\r\n\r\n\r\n<section class=\"cmp-sec\">\r\n <div class=\"cmp-inner\">\r\n <div class=\"fu\" style=\"text-align:center\">\r\n <div class=\"div-bar\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"lbl\" style=\"text-align:center\">Blind vs Intelligent<\/div>\r\n <h2 class=\"ttl\" style=\"text-align:center\">Traditional Cameras vs HexaVision AI<\/h2>\r\n <p class=\"sub\" style=\"margin:0 auto;text-align:center\">Most camera systems record what happened. HexaVision understands what's happening \u2014 and tells you what to do about it.<\/p>\r\n <\/div>\r\n <div class=\"cmp-grid fu\">\r\n <div class=\"cmp-col bad\">\r\n <div class=\"cmp-hdr\"><div class=\"cmp-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"\/><\/svg><\/div><h4>Traditional Camera System<\/h4><\/div>\r\n <ul class=\"cmp-list\">\r\n <li><span class=\"cx\">\u2715<\/span> Records events \u2014 no operational insight<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> No visitor behavior or journey data<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> Cannot measure campaign effectiveness<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> No employee performance visibility<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> Cloud-dependent \u2014 latency and privacy risks<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> No predictive capability<\/li>\r\n <li><span class=\"cx\">\u2715<\/span> Requires full hardware replacement for AI<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"cmp-col good\">\r\n <div class=\"cmp-hdr\"><div class=\"cmp-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div><h4>HexaVision AI Platform<\/h4><\/div>\r\n <ul class=\"cmp-list\">\r\n <li><span class=\"ck\">\u2713<\/span> Real-time visitor behavior & journey analytics<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Heat maps, dwell time, conversion funnels<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Campaign effectiveness measured hour by hour<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Employee performance scored from visual data<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Edge AI \u2014 fully local, zero cloud dependency<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Predictive analytics 6+ minutes ahead<\/li>\r\n <li><span class=\"ck\">\u2713<\/span> Works with existing cameras \u2014 deployed in days<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"hxuc-section\" id=\"usecases\">\r\n<style>\r\n.hxuc-section{background:linear-gradient(180deg,#08050F 0%,#0F0B1E 100%);padding:7rem 5%;position:relative;overflow:hidden;font-family:'Inter',sans-serif}\r\n.hxuc-section::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px);background-size:32px 32px}\r\n.hxuc-section::after{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(139,0,255,.08) 0%,transparent 70%);top:-260px;left:-150px;pointer-events:none}\r\n.hxuc-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.hxuc-hdr{text-align:center;margin-bottom:3.5rem}\r\n.hxuc-divbar{width:44px;height:3px;background:var(--pl);border-radius:2px;margin:0 auto 1.5rem;position:relative;overflow:hidden}\r\n.hxuc-divbar::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.7),transparent);animation:shim 3s infinite}\r\n.hxuc-lbl{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(168,85,247,.85);margin-bottom:1rem}\r\n.hxuc-ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;color:#fff;margin-bottom:1rem}\r\n.hxuc-sub{font-size:15px;color:rgba(255,255,255,.52);max-width:620px;margin:0 auto;line-height:1.8}\r\n\r\n\/* Filter pills *\/\r\n.hxuc-filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}\r\n.hxuc-fp{padding:7px 18px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.3px;border:1px solid rgba(168,85,247,.2);background:rgba(168,85,247,.06);color:rgba(255,255,255,.6);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}\r\n.hxuc-fp:hover{border-color:rgba(168,85,247,.4);color:#C084FC;background:rgba(168,85,247,.1)}\r\n.hxuc-fp.active{background:linear-gradient(135deg,#8B00FF,#A855F7);border-color:#A855F7;color:#fff;box-shadow:0 4px 16px rgba(139,0,255,.3)}\r\n\r\n\/* Grid *\/\r\n.hxuc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}\r\n.hxuc-card{position:relative;border-radius:18px;overflow:hidden;height:340px;border:1px solid rgba(168,85,247,.16);cursor:default;opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s}\r\n.hxuc-card.hxuc-vis{opacity:1;transform:translateY(0)}\r\n.hxuc-card:hover{border-color:rgba(168,85,247,.45);box-shadow:0 24px 60px rgba(76,29,149,.3)}\r\n\/* Image \/ gradient bg *\/\r\n.hxuc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s;filter:brightness(.75) saturate(.8)}\r\n.hxuc-card:hover .hxuc-bg{transform:scale(1.13);filter:brightness(.6) saturate(.7)}\r\n.hxuc-bg-grad{position:absolute;inset:0;z-index:0}\r\n\/* Overlays *\/\r\n.hxuc-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,5,15,.1) 0%,rgba(8,5,15,.45) 50%,rgba(8,5,15,.97) 100%);z-index:1}\r\n.hxuc-crt{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 3px)}\r\n\/* Scan line *\/\r\n.hxuc-scan{position:absolute;left:0;right:0;height:1.5px;z-index:3;background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.65) 35%,rgba(200,100,255,1) 50%,rgba(168,85,247,.65) 65%,transparent 100%);box-shadow:0 0 10px rgba(168,85,247,.55),0 0 20px rgba(168,85,247,.2);animation:hxucScan 4s ease-in-out infinite;opacity:0}\r\n.hxuc-card.hxuc-vis .hxuc-scan{opacity:1}\r\n@keyframes hxucScan{0%{top:0%;opacity:0}6%{opacity:1}94%{opacity:1}100%{top:100%;opacity:0}}\r\n.hxuc-card:nth-child(1) .hxuc-scan{animation-delay:0s}\r\n.hxuc-card:nth-child(2) .hxuc-scan{animation-delay:.9s}\r\n.hxuc-card:nth-child(3) .hxuc-scan{animation-delay:1.8s}\r\n.hxuc-card:nth-child(4) .hxuc-scan{animation-delay:.45s}\r\n.hxuc-card:nth-child(5) .hxuc-scan{animation-delay:1.35s}\r\n.hxuc-card:nth-child(6) .hxuc-scan{animation-delay:2.25s}\r\n.hxuc-card:nth-child(7) .hxuc-scan{animation-delay:.2s}\r\n.hxuc-card:nth-child(8) .hxuc-scan{animation-delay:1.1s}\r\n.hxuc-card:nth-child(9) .hxuc-scan{animation-delay:2.0s}\r\n.hxuc-card:nth-child(10) .hxuc-scan{animation-delay:.6s}\r\n.hxuc-card:nth-child(11) .hxuc-scan{animation-delay:1.5s}\r\n.hxuc-card:nth-child(12) .hxuc-scan{animation-delay:2.4s}\r\n.hxuc-card:nth-child(13) .hxuc-scan{animation-delay:.3s}\r\n.hxuc-card:nth-child(14) .hxuc-scan{animation-delay:1.2s}\r\n\/* Corner brackets *\/\r\n.hxuc-corners,.hxuc-corners-b{position:absolute;inset:10px;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s .4s}\r\n.hxuc-card.hxuc-vis .hxuc-corners,.hxuc-card.hxuc-vis .hxuc-corners-b{opacity:1}\r\n.hxuc-corners::before,.hxuc-corners::after,.hxuc-corners-b::before,.hxuc-corners-b::after{content:'';position:absolute;width:16px;height:16px}\r\n.hxuc-corners::before{top:0;left:0;border-top:1.5px solid rgba(168,85,247,.55);border-left:1.5px solid rgba(168,85,247,.55)}\r\n.hxuc-corners::after{top:0;right:0;border-top:1.5px solid rgba(168,85,247,.55);border-right:1.5px solid rgba(168,85,247,.55)}\r\n.hxuc-corners-b::before{bottom:0;left:0;border-bottom:1.5px solid rgba(168,85,247,.55);border-left:1.5px solid rgba(168,85,247,.55)}\r\n.hxuc-corners-b::after{bottom:0;right:0;border-bottom:1.5px solid rgba(168,85,247,.55);border-right:1.5px solid rgba(168,85,247,.55)}\r\n\/* Status badge *\/\r\n.hxuc-status{position:absolute;top:14px;right:14px;z-index:6;display:inline-flex;align-items:center;gap:5px;background:rgba(8,5,15,.65);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 10px;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.88)}\r\n.hxuc-sdot{width:5px;height:5px;border-radius:50%;background:#22C55E;animation:hxucLD 1.6s infinite}\r\n@keyframes hxucLD{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{opacity:.6;box-shadow:0 0 0 4px rgba(34,197,94,0)}}\r\n\/* Detection box *\/\r\n.hxuc-box{position:absolute;z-index:5;border-radius:3px;opacity:0;transition:opacity .5s .7s}\r\n.hxuc-card.hxuc-vis .hxuc-box{opacity:1}\r\n.hxuc-box-tag{position:absolute;top:-20px;left:0;font-size:8.5px;font-weight:800;letter-spacing:.3px;padding:2px 7px;border-radius:4px 4px 4px 0;white-space:nowrap;color:#fff}\r\n.hxuc-box .bxc{position:absolute;width:7px;height:7px}\r\n.bxc.tl{top:0;left:0;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor}\r\n.bxc.tr{top:0;right:0;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}\r\n.bxc.bl{bottom:0;left:0;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor}\r\n.bxc.br{bottom:0;right:0;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor}\r\n.hxuc-box.bgrn{border:1.5px solid #22C55E;color:#22C55E}.hxuc-box.bgrn .hxuc-box-tag{background:#22C55E;color:#000}\r\n.hxuc-box.bcyn{border:1.5px solid #22D3EE;color:#22D3EE}.hxuc-box.bcyn .hxuc-box-tag{background:#22D3EE;color:#000}\r\n.hxuc-box.bpur{border:1.5px solid #A855F7;color:#A855F7}.hxuc-box.bpur .hxuc-box-tag{background:#A855F7;color:#fff}\r\n.hxuc-box.bgld{border:1.5px solid #F59E0B;color:#F59E0B;box-shadow:0 0 14px rgba(245,158,11,.35)}.hxuc-box.bgld .hxuc-box-tag{background:#F59E0B;color:#000}\r\n.hxuc-box.bred{border:1.5px solid #EF4444;color:#EF4444;animation:hxucRB 1.2s ease-in-out infinite}.hxuc-box.bred .hxuc-box-tag{background:#EF4444;color:#fff}\r\n.hxuc-box.borng{border:1.5px solid #F97316;color:#F97316}.hxuc-box.borng .hxuc-box-tag{background:#F97316;color:#fff}\r\n@keyframes hxucRB{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 5px rgba(239,68,68,0)}}\r\n\/* Card body *\/\r\n.hxuc-body{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:1.4rem 1.4rem 1.5rem}\r\n.hxuc-cat{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#C084FC;background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.32);border-radius:5px;padding:4px 9px;margin-bottom:10px}\r\n.hxuc-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:19px;font-weight:800;color:#fff;letter-spacing:-.4px;margin-bottom:7px;line-height:1.2}\r\n.hxuc-desc{font-size:12.5px;color:rgba(255,255,255,.62);line-height:1.65;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,1,.3,1),opacity .35s}\r\n.hxuc-card:hover .hxuc-desc{max-height:90px;opacity:1}\r\n\/* KPI strip at bottom *\/\r\n.hxuc-kpis{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}\r\n.hxuc-kpi{font-size:10px;font-weight:700;color:rgba(255,255,255,.7);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:3px 8px;white-space:nowrap;opacity:0;transition:opacity .3s .2s}\r\n.hxuc-card:hover .hxuc-kpi{opacity:1}\r\n\r\n@media(max-width:980px){.hxuc-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(max-width:620px){.hxuc-grid{grid-template-columns:1fr}.hxuc-card{height:300px}}\r\n<\/style>\r\n\r\n<div class=\"hxuc-inner\">\r\n <div class=\"hxuc-hdr\">\r\n <div class=\"hxuc-divbar\"><\/div>\r\n <div class=\"hxuc-lbl\">Use Cases<\/div>\r\n <h2 class=\"hxuc-ttl\">14 ways HexaVision turns<br>a camera into a decision<\/h2>\r\n <p class=\"hxuc-sub\">Purpose-built intelligence for operations, management, and customer experience \u2014 not just security. Every use case runs on your existing cameras.<\/p>\r\n <\/div>\r\n\r\n <div class=\"hxuc-filters\">\r\n <button class=\"hxuc-fp active\" data-filter=\"all\">All Use Cases<\/button>\r\n <button class=\"hxuc-fp\" data-filter=\"operations\">Operations<\/button>\r\n <button class=\"hxuc-fp\" data-filter=\"customer\">Customer<\/button>\r\n <button class=\"hxuc-fp\" data-filter=\"retail\">Retail<\/button>\r\n <button class=\"hxuc-fp\" data-filter=\"management\">Management<\/button>\r\n <\/div>\r\n\r\n <div class=\"hxuc-grid\" id=\"hxucGrid\">\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"operations customer\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a0a3e,#0f1a35)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/41713.jpg\" alt=\"Visitor behavior analysis\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Behavior AI Active<\/span>\r\n <div class=\"hxuc-box bgrn\" style=\"top:22%;left:14%;width:20%;height:48%\">\r\n <span class=\"hxuc-box-tag\">Visitor \u00b7 Dwell 6m32s<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-box bcyn\" style=\"top:28%;left:50%;width:22%;height:38%\">\r\n <span class=\"hxuc-box-tag\">Visitor \u00b7 Dwell 2m10s<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Operations<\/span>\r\n <div class=\"hxuc-name\">Visitor Behavior Analysis<\/div>\r\n <p class=\"hxuc-desc\">Track how every visitor moves through your space \u2014 dwell time per zone, movement direction, and behavioral patterns that reveal what engages and what loses customers.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">\u2191 Dwell 6m avg<\/span><span class=\"hxuc-kpi\">Real-time tracking<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"customer retail\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0f1a35,#1a0a3e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/79930.jpg\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Journey AI Active<\/span>\r\n <div class=\"hxuc-box bpur\" style=\"top:15%;left:8%;width:38%;height:28%\">\r\n <span class=\"hxuc-box-tag\">Entrance \u2192 Zone A \u2192 Counter<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Customer<\/span>\r\n <div class=\"hxuc-name\">Customer Journey Analytics<\/div>\r\n <p class=\"hxuc-desc\">Map the complete customer path from entrance to counter to purchase. Identify exactly where visitors drop off and which touchpoints drive conversion \u2014 with real behavioral data.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">Conversion 46.6%<\/span><span class=\"hxuc-kpi\">Full path tracked<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"operations customer\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#001a2e,#0f1a35)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/311697.jpg\" alt=\"Queue analytics\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Queue AI Active<\/span>\r\n <div class=\"hxuc-box bcyn\" style=\"top:28%;left:28%;width:36%;height:42%\">\r\n <span class=\"hxuc-box-tag\">Queue 8 \u00b7 ETA 5m \u00b7 Alert Sent<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-box bgrn\" style=\"top:32%;left:10%;width:14%;height:36%\">\r\n <span class=\"hxuc-box-tag\">Person<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Operations<\/span>\r\n <div class=\"hxuc-name\">Queue Analytics<\/div>\r\n <p class=\"hxuc-desc\">Measure queue length, wait time, and throughput at every service point. Predict surges before they form and alert staff to open capacity before a single customer feels the wait.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">\u2193 34% wait time<\/span><span class=\"hxuc-kpi\">Surge prediction<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"operations management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a1a0a,#1a0a3e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/2151564171.jpg\" alt=\"Occupancy analytics\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Occupancy AI Active<\/span>\r\n <div class=\"hxuc-box bred\" style=\"top:16%;left:12%;width:64%;height:48%\">\r\n <span class=\"hxuc-box-tag\">\u26a0 Zone C \u00b7 94% Capacity \u00b7 Alert<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Operations<\/span>\r\n <div class=\"hxuc-name\">Occupancy Analytics<\/div>\r\n <p class=\"hxuc-desc\">Real-time occupancy counts across every zone, floor, and facility. Monitor capacity thresholds, generate instant alerts, and manage crowd density before it becomes a problem.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">Zone-level tracking<\/span><span class=\"hxuc-kpi\">Threshold alerts<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"retail management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#2a0a1e,#1a0a3e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/119348.jpg\" alt=\"Heat map store\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Heatmap Active<\/span>\r\n <div class=\"hxuc-box bpur\" style=\"top:16%;left:8%;width:38%;height:30%\">\r\n <span class=\"hxuc-box-tag\">Zone A \u00b7 HIGH DWELL 9m+<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-box bgrn\" style=\"top:52%;left:54%;width:30%;height:22%\">\r\n <span class=\"hxuc-box-tag\">Zone D \u00b7 Low Traffic<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Retail<\/span>\r\n <div class=\"hxuc-name\">Heat Maps<\/div>\r\n <p class=\"hxuc-desc\">Visualize where customers go, where they linger, and which areas are dead zones. Redesign floor layouts, optimize product placement, and measure the impact of every change with real data.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">+17% space use<\/span><span class=\"hxuc-kpi\">4 attraction zones<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"retail customer\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0f1a35,#2a0a1e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/657-1.jpg\" alt=\"Retail conversion\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Conversion AI Active<\/span>\r\n <div class=\"hxuc-box bgld\" style=\"top:22%;left:30%;width:42%;height:34%\">\r\n <span class=\"hxuc-box-tag\">Passerby \u2192 Stopped \u2192 Entered \u00b7 50% rate<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Retail<\/span>\r\n <div class=\"hxuc-name\">Retail Conversion Analytics<\/div>\r\n <p class=\"hxuc-desc\">Measure every stage: passersby \u2192 stopped at window \u2192 entered \u2192 reached counter \u2192 purchased. Understand your actual conversion funnel and pinpoint exactly where customers are lost.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">50% conversion<\/span><span class=\"hxuc-kpi\">Full funnel tracked<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management operations\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0a1a0a,#0f1a35)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/6643.jpg\" alt=\"Employee performance\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Staff AI Active<\/span>\r\n <div class=\"hxuc-box bgrn\" style=\"top:20%;left:14%;width:24%;height:46%\">\r\n <span class=\"hxuc-box-tag\">Staff \u00b7 Interaction 2:15m \u00b7 Excellent<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-box borng\" style=\"top:22%;left:52%;width:22%;height:36%\">\r\n <span class=\"hxuc-box-tag\">Staff \u00b7 Away from Zone 5:42m<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Employee Performance<\/div>\r\n <p class=\"hxuc-desc\">Monitor uniform compliance, service zone presence, customer interaction time, and response speed. Build performance scores from real visual data \u2014 not guesswork or manual observation.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">92% compliance<\/span><span class=\"hxuc-kpi\">Response 21s avg<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"operations management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a0a2e,#0f1a2e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=900&q=72\" alt=\"Predictive analytics\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Predict AI Active<\/span>\r\n <div class=\"hxuc-box bred\" style=\"top:18%;left:14%;width:64%;height:46%\">\r\n <span class=\"hxuc-box-tag\">\u26a0 Surge Predicted Zone C +6min<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Operations<\/span>\r\n <div class=\"hxuc-name\">Predictive Analytics<\/div>\r\n <p class=\"hxuc-desc\">Forecast crowd surges, churn signals, and peak demand windows before they happen. Give your operations team time to act \u2014 not react \u2014 to situations that haven't formed yet.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">6min early warning<\/span><span class=\"hxuc-kpi\">Churn Day 5 detect<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management retail\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a1a0a,#1a0a2e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/2147889079.jpg\" alt=\"Marketing campaign\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Campaign AI Active<\/span>\r\n <div class=\"hxuc-box bpur\" style=\"top:26%;left:16%;width:60%;height:30%\">\r\n <span class=\"hxuc-box-tag\">Campaign Lift \u00b7 +22% Traffic \u00b7 +SAR 11 Basket<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc br\"><\/span><span class=\"bxc bl\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Marketing Campaign Effectiveness<\/div>\r\n <p class=\"hxuc-desc\">Capture pre-campaign baselines and measure traffic lift, dwell change, and basket size in real time. Know which creative drives behavior \u2014 so every marketing budget decision is grounded in evidence.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">+22% traffic lift<\/span><span class=\"hxuc-kpi\">Hour-by-hour data<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management operations\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0a1a1a,#1a0a2e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/83187.jpg\" alt=\"Asset utilization\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Asset AI Active<\/span>\r\n <div class=\"hxuc-box bcyn\" style=\"top:22%;left:20%;width:30%;height:32%\">\r\n <span class=\"hxuc-box-tag\">Display A \u00b7 9m avg dwell<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-box borng\" style=\"top:26%;left:58%;width:28%;height:26%\">\r\n <span class=\"hxuc-box-tag\">Display C \u00b7 Underused 12%<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Asset Utilization<\/div>\r\n <p class=\"hxuc-desc\">Understand how displays, counters, shelving, and equipment are actually being used. Identify underperforming assets and reallocate space to where it generates the highest return.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">Display dwell tracked<\/span><span class=\"hxuc-kpi\">ROI per asset<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a0a1a,#0a1a2e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/12717.jpg\" alt=\"Branch performance\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Multi-Branch Active<\/span>\r\n <div class=\"hxuc-box bgld\" style=\"top:20%;left:14%;width:50%;height:32%\">\r\n <span class=\"hxuc-box-tag\">Branch 3 \u00b7 Top \u00b7 +19% vs avg<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Branch Performance Comparison<\/div>\r\n <p class=\"hxuc-desc\">Compare KPIs across all your locations in a single view \u2014 visitor volume, conversion rate, dwell, staff efficiency, and campaign impact. Identify top performers and replicate what works.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">All branches unified<\/span><span class=\"hxuc-kpi\">Benchmarked KPIs<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0f1a35,#1a0a3e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/44513.jpg\" alt=\"Executive dashboard\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Dashboard Live<\/span>\r\n <div class=\"hxuc-box bpur\" style=\"top:20%;left:12%;width:38%;height:28%\">\r\n <span class=\"hxuc-box-tag\">CEO View \u00b7 8 Branches \u00b7 Live KPIs<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Executive Dashboards<\/div>\r\n <p class=\"hxuc-desc\">A unified live view of every KPI across all locations \u2014 visitors, conversion, dwell, campaign impact, and staff performance \u2014 designed for decision makers, not analysts. One screen. All the context.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">All KPIs in one view<\/span><span class=\"hxuc-kpi\">Real-time updates<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"management retail\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#1a0a1a,#1a1a0a)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=900&q=72\" alt=\"Multi branch benchmarking\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Benchmark AI Active<\/span>\r\n <div class=\"hxuc-box bgld\" style=\"top:24%;left:20%;width:56%;height:30%\">\r\n <span class=\"hxuc-box-tag\">\u2b50 Branch 3 \u00b7 Best Conversion 62% \u00b7 Benchmark<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Management<\/span>\r\n <div class=\"hxuc-name\">Multi-Branch Benchmarking<\/div>\r\n <p class=\"hxuc-desc\">Set performance baselines from your best-performing branch and apply them as targets across your network. Track which branches are improving, which are slipping, and why \u2014 with visual evidence.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">Network-wide baselines<\/span><span class=\"hxuc-kpi\">Performance ranking<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hxuc-card\" data-cat=\"operations management\">\r\n <div class=\"hxuc-bg-grad\" style=\"background:linear-gradient(135deg,#0a0a1a,#1a0a2e)\"><\/div>\r\n <img decoding=\"async\" class=\"hxuc-bg\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/2051.jpg\" alt=\"Facility operations\" onerror=\"this.style.display='none'\">\r\n <div class=\"hxuc-shade\"><\/div><div class=\"hxuc-crt\"><\/div><div class=\"hxuc-scan\"><\/div>\r\n <div class=\"hxuc-corners\"><\/div><div class=\"hxuc-corners-b\"><\/div>\r\n <span class=\"hxuc-status\"><span class=\"hxuc-sdot\"><\/span>Facility AI Active<\/span>\r\n <div class=\"hxuc-box bcyn\" style=\"top:20%;left:12%;width:44%;height:36%\">\r\n <span class=\"hxuc-box-tag\">Zone B \u00b7 Crowd Managed \u00b7 Flow Optimal<\/span>\r\n <span class=\"bxc tl\"><\/span><span class=\"bxc tr\"><\/span><span class=\"bxc bl\"><\/span><span class=\"bxc br\"><\/span>\r\n <\/div>\r\n <div class=\"hxuc-body\">\r\n <span class=\"hxuc-cat\">Operations<\/span>\r\n <div class=\"hxuc-name\">Facility Operations<\/div>\r\n <p class=\"hxuc-desc\">Keep entire facilities running efficiently \u2014 from entrance flow to zone capacity, elevator usage to restroom demand. Real-time operational data across every square meter, every minute.<\/p>\r\n <div class=\"hxuc-kpis\"><span class=\"hxuc-kpi\">Full facility view<\/span><span class=\"hxuc-kpi\">Zone-by-zone data<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n \/* Staggered reveal *\/\r\n var cards=document.querySelectorAll('#hxucGrid .hxuc-card');\r\n var ucObs=new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){\r\n var allCards=document.querySelectorAll('#hxucGrid .hxuc-card:not([style*=\"display:none\"])');\r\n var idx=Array.from(allCards).indexOf(e.target);\r\n setTimeout(function(){e.target.classList.add('hxuc-vis');},Math.max(0,idx)*80);\r\n ucObs.unobserve(e.target);\r\n }\r\n });\r\n },{threshold:.12});\r\n cards.forEach(function(c){ucObs.observe(c);});\r\n\r\n \/* Filter pills *\/\r\n document.querySelectorAll('.hxuc-fp').forEach(function(pill){\r\n pill.addEventListener('click',function(){\r\n document.querySelectorAll('.hxuc-fp').forEach(function(p){p.classList.remove('active');});\r\n pill.classList.add('active');\r\n var filter=pill.getAttribute('data-filter');\r\n cards.forEach(function(card){\r\n var cats=card.getAttribute('data-cat')||'';\r\n var show=(filter==='all'||cats.indexOf(filter)>-1);\r\n card.style.display=show?'':'none';\r\n if(show&&!card.classList.contains('hxuc-vis')){\r\n setTimeout(function(){card.classList.add('hxuc-vis');},100);\r\n }\r\n });\r\n });\r\n });\r\n})();\r\n<\/script>\r\n<\/section>\r\n\r\n\r\n<section class=\"ind-sec\">\r\n <div class=\"ind-inner\">\r\n <div class=\"fu\" style=\"text-align:center\">\r\n <div class=\"div-bar\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"lbl\" style=\"text-align:center\">Industries We Serve<\/div>\r\n <h2 class=\"ttl\" style=\"text-align:center\">One Platform,<br>Every Sector<\/h2>\r\n <p class=\"sub\" style=\"margin:0 auto;text-align:center\">HexaVision adapts to the operational reality of every environment \u2014 from a single boutique to a multi-site network, from a Drive-Thru lane to a government facility.<\/p>\r\n <\/div>\r\n <div class=\"ind-grid fu\">\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 01-8 0\"\/><\/svg><\/div><h4>Retail & Stores<\/h4><p>Visitor counting, heatmaps, conversion funnels, employee performance, VIP recognition, and campaign effectiveness \u2014 turning every store camera into a revenue intelligence tool.<\/p><\/div>\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"22\" x2=\"21\" y2=\"22\"\/><line x1=\"6\" y1=\"18\" x2=\"6\" y2=\"11\"\/><line x1=\"10\" y1=\"18\" x2=\"10\" y2=\"11\"\/><line x1=\"14\" y1=\"18\" x2=\"14\" y2=\"11\"\/><line x1=\"18\" y1=\"18\" x2=\"18\" y2=\"11\"\/><polygon points=\"12 2 2 8 2 11 22 11 22 8 12 2\"\/><\/svg><\/div><h4>Shopping Malls<\/h4><p>Crowd management, tenant benchmarking, multi-zone occupancy analytics, queue detection, and a unified executive dashboard across all floors and outlets.<\/p><\/div>\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 5v3h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><\/div><h4>F&B & Drive-Thru<\/h4><p>Vehicle recognition, returning customer profiling, drive-thru service time analytics, queue optimization, and strategic planning from peak hour data.<\/p><\/div>\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/><\/svg><\/div><h4>Airports & Transport<\/h4><p>Passenger flow analysis, congestion prediction by terminal zone, queue analytics at check-in and security, and real-time occupancy management.<\/p><\/div>\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div><h4>Hospitals & Healthcare<\/h4><p>Patient journey and wait time analytics, registration queue detection, staff presence at service points, and facility utilization tracking across every department.<\/p><\/div>\r\n <div class=\"ind-card\"><div class=\"ind-ico\"><svg class=\"ic\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><h4>Government Entities<\/h4><p>Facility utilization analytics, public service efficiency measurement, multi-branch benchmarking, and executive dashboards \u2014 with 100% on-premise data sovereignty.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-sec\" id=\"contact\">\r\n <div class=\"cta-inner fu\">\r\n <div class=\"cta-border\"><\/div>\r\n <h2>Turn Every Camera Into<br><span>Business Intelligence.<\/span><\/h2>\r\n <p>Whether you run a single store, a Drive-Thru, a shopping mall, or a multi-site network \u2014 HexaVision transforms your existing cameras into a platform that improves revenue, reduces costs, and delivers measurable results.<\/p>\r\n <div class=\"cta-btns\">\r\n <a href=\"mailto:INFO@HEXAVISION.AI\" class=\"btn-p\"><svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22 6 12 13 2 6\"\/><\/svg>Email Us<\/a>\r\n <a href=\"tel:0579862821\" class=\"btn-g\"><svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.81.36 1.6.68 2.35a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.75.32 1.54.55 2.35.68A2 2 0 0 1 22 16.92z\"\/><\/svg>0579862821<\/a>\r\n <\/div>\r\n <div class=\"cta-contact\">\r\n <div class=\"cta-ci\"><svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22 6 12 13 2 6\"\/><\/svg><strong>INFO@HEXAVISION.AI<\/strong><\/div>\r\n <div class=\"cta-ci\"><svg class=\"ics\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><strong>hexavision.ai<\/strong><\/div>\r\n <div class=\"cta-ci\"><svg class=\"ics\" viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><strong>Saudi Arabia<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* \u2500\u2500 SCROLL PROGRESS \u2500\u2500 *\/\r\nvar sb=document.getElementById('scrollBar');\r\nwindow.addEventListener('scroll',function(){var h=document.documentElement.scrollHeight-window.innerHeight;if(sb)sb.style.width=(window.scrollY\/h*100)+'%';});\r\n\r\n\/* \u2500\u2500 SMOOTH SCROLL \u2500\u2500 *\/\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(function(a){a.addEventListener('click',function(e){var t=document.querySelector(a.getAttribute('href'));if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth',block:'start'});}});});\r\n\r\n\/* \u2500\u2500 INTERSECTION OBSERVER \u2500\u2500 *\/\r\nvar obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting)e.target.classList.add('vis');});},{threshold:.08});\r\ndocument.querySelectorAll('.fu,.fl,.fr').forEach(function(el){obs.observe(el);});\r\n\r\n\/* \u2500\u2500 3D TILT \u2500\u2500 *\/\r\ndocument.querySelectorAll('.feat-card,.ind-card').forEach(function(card){\r\n card.addEventListener('mousemove',function(e){var r=card.getBoundingClientRect(),x=(e.clientX-r.left)\/r.width-.5,y=(e.clientY-r.top)\/r.height-.5;card.style.transform='translateY(-6px) rotateY('+(x*5)+'deg) rotateX('+(-y*5)+'deg)';});\r\n card.addEventListener('mouseleave',function(){card.style.transform='';});\r\n});\r\n\r\n\/* \u2500\u2500 PROBLEM CARDS STAGGER \u2500\u2500 *\/\r\nvar pObs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.querySelectorAll('.prob-card').forEach(function(c,i){setTimeout(function(){c.classList.add('vis');c.style.transition='opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)';},i*120);});}});},{threshold:.1});\r\nvar pc=document.getElementById('probCards');if(pc)pObs.observe(pc);\r\n\r\n\/* \u2500\u2500 HUD CLOCK \u2500\u2500 *\/\r\nfunction hudClock(){var el=document.getElementById('hudTime');if(!el)return;var n=new Date();el.textContent=String(n.getHours()).padStart(2,'0')+':'+String(n.getMinutes()).padStart(2,'0')+':'+String(n.getSeconds()).padStart(2,'0');}\r\nsetInterval(hudClock,1000);hudClock();\r\n\r\n\/* \u2500\u2500 DETECTION BOXES \u2500\u2500 *\/\r\nvar dboxes=[\r\n {x:'12%',y:'22%',w:'24%',h:'54%',cls:'grn',label:'VISITOR \u00b7 Dwell 4m12s'},\r\n {x:'40%',y:'32%',w:'22%',h:'42%',cls:'grn',label:'VISITOR \u00b7 Dwell 1m45s'},\r\n {x:'66%',y:'18%',w:'28%',h:'56%',cls:'amb',label:'HIGH DWELL ZONE \u00b7 8m+'},\r\n];\r\nvar objCount=0;\r\nfunction spawnDboxes(){\r\n var feed=document.getElementById('camFeed');if(!feed)return;\r\n feed.querySelectorAll('.det-box').forEach(function(b){b.remove();});\r\n objCount=0;\r\n dboxes.forEach(function(b,i){\r\n var div=document.createElement('div');\r\n div.className='det-box '+b.cls;\r\n div.style.cssText='left:'+b.x+';top:'+b.y+';width:'+b.w+';height:'+b.h;\r\n div.innerHTML='<span class=\"det-lbl\">'+b.label+'<\/span><span class=\"c tl\"><\/span><span class=\"c tr\"><\/span><span class=\"c bl\"><\/span><span class=\"c br\"><\/span>';\r\n feed.appendChild(div);\r\n setTimeout(function(){div.classList.add('show');objCount++;var el=document.getElementById('hudObj');if(el)el.textContent=objCount;},i*650+400);\r\n });\r\n}\r\nvar camObs=new IntersectionObserver(function(entries){if(entries[0].isIntersecting){spawnDboxes();setInterval(spawnDboxes,9000);}},{threshold:.3});\r\nvar cv=document.getElementById('camViewport');if(cv)camObs.observe(cv);\r\n\r\n\/* \u2500\u2500 FPS FLICKER \u2500\u2500 *\/\r\nsetInterval(function(){var el=document.getElementById('hudFps');if(el)el.textContent=(29+Math.random()*1.4).toFixed(1);var la=document.getElementById('hudLat');if(la)la.textContent=(3+Math.round(Math.random()*3))+'ms';},1800);\r\n\r\n\/* \u2500\u2500 INSIGHT TICKER BELT \u2500\u2500 *\/\r\nvar tickerItems=[\r\n {cls:'grn',text:'Zone A \u2014 Conversion rate up 14% this hour'},\r\n {cls:'amb',text:'Display B \u2014 Dwell time 9m+ \u00b7 Restock recommended'},\r\n {cls:'pur',text:'VIP visitor detected \u00b7 Visit 9 \u00b7 SAR 4,200 LTV'},\r\n {cls:'grn',text:'Drive-Thru \u2014 Queue cleared \u00b7 2:34m service time'},\r\n {cls:'grn',text:'Campaign lift confirmed \u00b7 +22% traffic vs baseline'},\r\n {cls:'amb',text:'Zone C \u2014 Peak hour predicted \u00b7 6min warning'},\r\n {cls:'pur',text:'Branch 3 \u2014 Top performer \u00b7 +19% above network avg'},\r\n {cls:'grn',text:'Staff uniform compliance \u00b7 92% \u00b7 Zone B optimal'},\r\n {cls:'amb',text:'Aisle D \u2014 Low dwell \u00b7 Layout change recommended'},\r\n {cls:'grn',text:'Executive dashboard updated \u00b7 All 8 branches live'},\r\n {cls:'pur',text:'Customer journey tracked \u00b7 Entrance \u2192 Counter 3m12s'},\r\n {cls:'grn',text:'Heatmap updated \u00b7 4 new attraction zones identified'},\r\n];\r\nfunction buildTicker(){\r\n ['ttBelt1','ttBelt2'].forEach(function(id){\r\n var el=document.getElementById(id);if(!el)return;\r\n tickerItems.forEach(function(item){\r\n var s=document.createElement('span');s.className='tt-item '+item.cls;\r\n var dot=document.createElement('span');dot.className='tt-dot';\r\n s.appendChild(dot);s.appendChild(document.createTextNode(item.text));\r\n el.appendChild(s);\r\n });\r\n });\r\n}\r\nbuildTicker();\r\n\r\n\/* \u2500\u2500 NUMBERS COUNTER \u2500\u2500 *\/\r\nvar numsBooted=false;\r\nfunction animNumCell(elId,target,suffix){var el=document.getElementById(elId);if(!el)return;var start=0;var t=setInterval(function(){start+=target\/60;if(start>=target){start=target;clearInterval(t);}el.innerHTML=Math.round(start)+suffix;},20);}\r\nvar numsObs=new IntersectionObserver(function(entries){\r\n if(entries[0].isIntersecting&&!numsBooted){numsBooted=true;\r\n setTimeout(function(){animNumCell('nc1','4','<span>ms<\/span>');},100);\r\n setTimeout(function(){animNumCell('nc2','98','<span>%<\/span>');},300);\r\n setTimeout(function(){animNumCell('nc3','20','<span>%<\/span>');document.getElementById('nc3').innerHTML='\u219120<span>%<\/span>';},500);}\r\n},{threshold:.3});\r\nvar numsEl=document.querySelector('.nums-sec');if(numsEl)numsObs.observe(numsEl);\r\n\r\n\/* \u2500\u2500 BUSINESS INTELLIGENCE DASHBOARD \u2500\u2500 *\/\r\nvar dbBooted=false;\r\nvar alertData=[\r\n {c:'#A855F7',msg:'<strong>Zone A<\/strong> \u2014 Visitor conversion up 14% this hour'},\r\n {c:'#22C55E',msg:'<strong>Display B<\/strong> \u2014 9m+ dwell \u00b7 Top attraction zone'},\r\n {c:'#F59E0B',msg:'<strong>Drive-Thru<\/strong> \u2014 Queue surge predicted in 6min'},\r\n {c:'#A855F7',msg:'<strong>VIP detected<\/strong> \u2014 Visit 9 \u00b7 Greet by name'},\r\n {c:'#22D3EE',msg:'<strong>Campaign<\/strong> \u2014 +22% traffic lift vs baseline'},\r\n {c:'#22C55E',msg:'<strong>Branch 3<\/strong> \u2014 Top network performer this week'},\r\n];\r\nvar alertIdx=0;\r\nfunction buildPath(pts,W,H,pad){var xs=pts.map(function(_,i){return pad+i*(W-pad*2)\/(pts.length-1);});var mn=Math.min.apply(null,pts),mx=Math.max.apply(null,pts);var ys=pts.map(function(v){return pad+(1-(v-mn)\/(mx-mn||1))*(H-pad*2);});var d='M'+xs[0]+','+ys[0];for(var i=1;i<xs.length;i++){var cx=(xs[i-1]+xs[i])\/2;d+=' C'+cx+','+ys[i-1]+' '+cx+','+ys[i]+' '+xs[i]+','+ys[i];}return{d:d,xs:xs,ys:ys};}\r\nfunction addAlert(msg,color){var log=document.getElementById('alertLog');if(!log)return;var div=document.createElement('div');div.className='alert-row';div.innerHTML='<span class=\"alert-dot\" style=\"background:'+color+'\"><\/span><div><div class=\"alert-msg\">'+msg+'<\/div><div class=\"alert-time\">just now<\/div><\/div>';log.insertBefore(div,log.firstChild);Array.from(log.querySelectorAll('.alert-time')).forEach(function(t,i){if(i===0)t.textContent='just now';else if(i===1)t.textContent='2m ago';else if(i===2)t.textContent='6m ago';});if(log.children.length>3)log.removeChild(log.lastChild);}\r\nfunction countUp(elId,target,suffix,dur){var el=document.getElementById(elId);if(!el)return;var start=0;var t=setInterval(function(){start+=target\/Math.max(1,dur\/16);if(start>=target){start=target;clearInterval(t);}el.textContent=Math.round(start)+suffix;},16);}\r\nfunction bootSecDb(){\r\n if(dbBooted)return;dbBooted=true;\r\n setTimeout(function(){\r\n countUp('sk1v',4821,'',1800);\r\n setTimeout(function(){var e2=document.getElementById('sk2v');if(e2){var v=0;var t=setInterval(function(){v+=0.5;if(v>=46.6){v=46.6;clearInterval(t);}e2.textContent=v.toFixed(1)+'%';},30);}},100);\r\n setTimeout(function(){var e3=document.getElementById('sk3v');if(e3){var v=0;var t=setInterval(function(){v+=0.2;if(v>=14){v=14;clearInterval(t);}e3.textContent=Math.round(v)+'m';},40);}},200);\r\n setTimeout(function(){var e4=document.getElementById('sk4v');if(e4){var v=0;var t=setInterval(function(){v+=0.1;if(v>=4){v=4;clearInterval(t);}e4.textContent=Math.round(v)+'ms';},30);}},300);\r\n },100);\r\n setTimeout(function(){\r\n var res=[28,35,55,80,72,90,85,75,60,45,58,54,62,68,74,80,88,92,78,65,72,68,78,85];\r\n var esc=[22,28,42,65,58,75,70,62,50,38,48,44,52,58,64,70,78,82,68,55,62,58,68,75];\r\n var W=500,H=68,pad=8;var rp=buildPath(res,W,H,pad),ep=buildPath(esc,W,H,pad);\r\n var rFillD=rp.d+' L'+rp.xs[rp.xs.length-1]+','+(H+pad)+' L'+rp.xs[0]+','+(H+pad)+' Z';\r\n var eFillD=ep.d+' L'+ep.xs[ep.xs.length-1]+','+(H+pad)+' L'+ep.xs[0]+','+(H+pad)+' Z';\r\n var rl=document.getElementById('resolvedLine'),rf=document.getElementById('resolvedFill');\r\n var el2=document.getElementById('escalatedLine'),ef=document.getElementById('escalatedFill');\r\n if(rl){rl.setAttribute('d',rp.d);var len=rl.getTotalLength?rl.getTotalLength():600;rl.style.strokeDasharray=len;rl.style.strokeDashoffset=len;rl.style.transition='stroke-dashoffset 2s cubic-bezier(.16,1,.3,1)';setTimeout(function(){rl.style.strokeDashoffset=0;if(rf){rf.setAttribute('d',rFillD);setTimeout(function(){rf.style.opacity=1;},600);}},100);}\r\n if(el2){el2.setAttribute('d',ep.d);if(ef){ef.setAttribute('d',eFillD);ef.style.opacity=1;}}\r\n },300);\r\n [[92,'zf1','zp1'],[74,'zf2','zp2'],[62,'zf3','zp3'],[45,'zf4','zp4'],[28,'zf5','zp5']].forEach(function(z,i){setTimeout(function(){var f=document.getElementById(z[1]),p=document.getElementById(z[2]);if(f)f.style.width=z[0]+'%';if(p)p.textContent=z[0]+'%';},400+i*120);});\r\n setTimeout(function(){var arc=document.getElementById('accArc');if(arc)arc.style.strokeDasharray=(141*.982)+' 141';var an=document.getElementById('accNum');if(an){var v=0;var t=setInterval(function(){v+=1.5;if(v>=98.2){v=98.2;clearInterval(t);}an.textContent=v.toFixed(1)+'%';},25);}},500);\r\n setTimeout(function(){var eb=document.getElementById('edgeBar'),cb=document.getElementById('cloudBar');if(eb)eb.style.width='1.2%';if(cb)cb.style.width='100%';},600);\r\n alertData.slice(0,3).forEach(function(a,i){setTimeout(function(){addAlert(a.msg,a.c);},200+i*300);});\r\n setInterval(function(){alertIdx=(alertIdx+1)%alertData.length;addAlert(alertData[alertIdx].msg,alertData[alertIdx].c);},4500);\r\n setInterval(function(){[[92,'zf1','zp1'],[74,'zf2','zp2'],[62,'zf3','zp3'],[45,'zf4','zp4'],[28,'zf5','zp5']].forEach(function(z,i){var nv=Math.max(10,Math.min(100,z[0]+(Math.random()*14-7)));var f=document.getElementById(z[1]),p=document.getElementById(z[2]);if(f)f.style.width=Math.round(nv)+'%';if(p)p.textContent=Math.round(nv)+'%';});},3500);\r\n}\r\nvar dbObs=new IntersectionObserver(function(entries){if(entries[0].isIntersecting)bootSecDb();},{threshold:.15});\r\nvar dbEl=document.getElementById('secDbWrap');if(dbEl)dbObs.observe(dbEl);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HexaVision \u2014 AI Business Intelligence Platform \u00b7 Solutions Home Solutions HexaVision AI Platform HexaVision AI Platform AI BusinessIntelligence Platform From visitor behavior to campaign ROI \u2014 HexaVision gives every department the intelligence it needs to make faster, smarter, and more profitable decisions. Operational clarity. Customer insight. Business growth. Explore Use Cases Request a Demo +1K […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":46,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":702,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/123\/revisions\/702"}],"wp:attachment":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}