HexaVision \u2014 AI Business Intelligence Platform<\/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\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --p:#A855F7;--p-dark:#7C3AED;--p-deep:#6D28D9;--p-deepest:#4C1D95;\r\n --p-light:#C084FC;--p-pale:#F3EFFE;\r\n --dark:#08090F;--dark2:#0F0B1E;--dark3:#160D2E;\r\n --text:#1A1036;--text-2:#5B4B8A;\r\n --bg:#FAFBFE;--card:#FFFFFF;\r\n --border:rgba(124,58,237,0.1);\r\n --grad:linear-gradient(135deg,#A855F7 0%,#7C3AED 50%,#4C1D95 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-prog{position:fixed;top:0;left:0;height:3px;background:var(--grad);z-index:10000;transition:width .1s linear;width:0}\r\n\r\n\/* \u2500\u2500 BTNS \u2500\u2500 *\/\r\n.btn-p{background:var(--p);color:#fff;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;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:var(--p-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(168,85,247,.35)}\r\n.btn-ghost-w{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,.35);transition:all .3s;display:inline-flex;align-items:center;gap:8px}\r\n.btn-ghost-w:hover{border-color:#fff;background:rgba(255,255,255,.08);transform:translateY(-2px)}\r\n.btn-ghost{background:transparent;color:var(--text);padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;border:1.5px solid var(--border);transition:all .3s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}\r\n.btn-ghost:hover{border-color:var(--p);color:var(--p);background:rgba(168,85,247,.04)}\r\n\r\n\/* \u2500\u2500 HERO VIDEO \u2500\u2500 *\/\r\n.hero{min-height:100vh;position:relative;overflow:hidden;background:var(--dark);display:flex;align-items:center}\r\n.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}\r\n.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,15,.97) 0%,rgba(8,9,15,.85) 42%,rgba(8,9,15,.18) 100%);z-index:1}\r\n.hero-overlay::after{content:'';position:absolute;inset:0;background:rgba(76,29,149,.15)}\r\n.hero-grid-ov{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(168,85,247,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.03) 1px,transparent 1px);background-size:56px 56px}\r\n.hero-content{position:relative;z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:clamp(7rem,12vh,10rem) 5% clamp(5rem,9vh,7rem);color:#fff}\r\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);border-radius:100px;padding:6px 18px;font-size:11px;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:2rem;letter-spacing:1.5px;text-transform:uppercase;backdrop-filter:blur(8px);opacity:0;animation:revealUp .8s cubic-bezier(.16,1,.3,1) forwards .1s}\r\n.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#22C55E;display:inline-block;animation:pulseDot 2s infinite}\r\n@keyframes pulseDot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(34,197,94,0)}}\r\n.hero h1{font-family:var(--font-h);font-size:clamp(44px,5.8vw,80px);font-weight:800;line-height:1.03;letter-spacing:-2.5px;margin-bottom:1.5rem;color:#fff;opacity:0;animation:revealUp 1s cubic-bezier(.16,1,.3,1) forwards .25s}\r\n.hero h1 .accent{background:linear-gradient(90deg,#A855F7,#C084FC,#7C3AED,#A855F7);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradShift 6s ease infinite}\r\n.hero h1 .dim{color:rgba(255,255,255,.45)}\r\n@keyframes gradShift{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;margin-bottom:2.5rem;line-height:1.8;font-weight:400;opacity:0;animation:revealUp 1s cubic-bezier(.16,1,.3,1) forwards .45s}\r\n.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:revealUp 1s cubic-bezier(.16,1,.3,1) forwards .65s}\r\n.hero-scroll{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;animation:revealUp .8s cubic-bezier(.16,1,.3,1) forwards 1s}\r\n.hero-scroll-label{font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.3)}\r\n.hero-scroll-line{width:1px;height:40px;background:linear-gradient(180deg,rgba(168,85,247,.6),transparent);animation:scrollPulse 2s ease-in-out infinite}\r\n@keyframes scrollPulse{0%,100%{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}\r\n@keyframes revealUp{from{opacity:0;transform:translateY(22px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}\r\n\r\n\/* \u2500\u2500 OFFER STRIP \u2500\u2500 *\/\r\n.offer-strip{background:linear-gradient(180deg,#0A0518 0%,#0F0B1E 100%);padding:4rem 5%;position:relative;overflow:hidden}\r\n.offer-strip::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px);background-size:30px 30px}\r\n.offer-strip-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.offer-strip-label{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(168,85,247,.6);margin-bottom:.75rem;text-align:center}\r\n.offer-strip-title{font-family:var(--font-h);font-size:clamp(18px,2.5vw,26px);font-weight:700;color:rgba(255,255,255,.9);text-align:center;margin-bottom:2.5rem;letter-spacing:-.5px}\r\n.offer-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}\r\n.offer-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(168,85,247,.18);font-size:13px;font-weight:600;color:rgba(255,255,255,.8);transition:all .3s;letter-spacing:.2px}\r\n.offer-pill:hover{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.45);color:#fff}\r\n.offer-pill-check{width:18px;height:18px;border-radius:5px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.offer-pill-check svg{width:10px;height:10px;stroke:#22C55E;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n\/* \u2500\u2500 SHARED SECTION \u2500\u2500 *\/\r\n.section{padding:7rem 5%}\r\n.s-inner{max-width:1320px;margin:0 auto}\r\n.s-label{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--p);margin-bottom:1rem}\r\n.s-title{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.s-sub{font-size:16px;color:var(--text-2);max-width:600px;line-height:1.8}\r\n.s-hdr{margin-bottom:4rem}\r\n.divider{width:40px;height:2px;background:var(--grad);border-radius:2px;margin-bottom:1.5rem}\r\n\r\n\/* \u2500\u2500 FADE UP \u2500\u2500 *\/\r\n.fade-up{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}\r\n.fade-up.visible{opacity:1;transform:translateY(0)}\r\n\r\n\/* \u2500\u2500 PLATFORM INTRO \u2500\u2500 *\/\r\n.platform-intro{background:linear-gradient(180deg,#F0EBFF 0%,#FAFBFE 60%,#fff 100%);padding:6rem 5%}\r\n.platform-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);gap:3rem;align-items:center}\r\n.platform-intro-text{padding:1rem 0}\r\n.kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:8px;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.2);font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--p-dark);margin-bottom:1.5rem}\r\n.kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--p);box-shadow:0 0 0 5px rgba(168,85,247,.15)}\r\n.platform-title{font-family:var(--font-h);font-size:clamp(32px,4.5vw,54px);font-weight:800;letter-spacing:-2px;line-height:1.02;margin-bottom:1.1rem;color:var(--text)}\r\n.platform-title .accent{color:var(--p-dark)}\r\n.platform-copy{font-size:16px;color:var(--text-2);line-height:1.85;margin-bottom:1.75rem}\r\n.platform-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none}\r\n.platform-points li{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.9);border:1px solid rgba(124,58,237,.1);font-size:13px;color:var(--text-2);line-height:1.6}\r\n.platform-points li strong{display:block;font-family:var(--font-h);font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}\r\n\r\n\/* \u2500\u2500 DASHBOARD VISUAL \u2500\u2500 *\/\r\n.dashboard-wrap{border-radius:20px;overflow:hidden;background:#07050F;border:1px solid rgba(168,85,247,.18);box-shadow:0 32px 80px rgba(76,29,149,.2)}\r\n.dashboard-topbar{background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.06);padding:10px 16px;display:flex;align-items:center;gap:8px}\r\n.dash-dot{width:10px;height:10px;border-radius:50%}\r\n.dash-dot.r{background:#FF5F57}.dash-dot.y{background:#FEBC2E}.dash-dot.g{background:#28C840}\r\n.dash-title{font-size:11px;color:rgba(255,255,255,.28);font-weight:500;margin-left:6px;letter-spacing:.4px;flex:1}\r\n.dash-live-pill{display:flex;align-items:center;gap:5px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.22);border-radius:6px;padding:3px 9px;font-size:10px;font-weight:700;color:#22C55E;letter-spacing:.5px}\r\n.dash-live-dot{width:5px;height:5px;border-radius:50%;background:#22C55E;animation:ldPulse 1.5s infinite}\r\n@keyframes ldPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(34,197,94,0)}}\r\n.dashboard-body{padding:14px;display:flex;flex-direction:column;gap:12px}\r\n.dash-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}\r\n.dash-kpi{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px}\r\n.dash-kpi-label{font-size:10px;color:rgba(255,255,255,.38);font-weight:600;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}\r\n.dash-kpi-val{font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:800;color:#fff;line-height:1;margin-bottom:5px}\r\n.dash-kpi-delta{font-size:10px;font-weight:600}\r\n.dash-kpi-delta.up{color:#22C55E}.dash-kpi-delta.neutral{color:#F59E0B}\r\n.dash-row-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}\r\n.dash-row-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}\r\n.dash-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);border-radius:12px;padding:14px}\r\n.dash-panel-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}\r\n.dash-panel-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.55);letter-spacing:.5px;text-transform:uppercase}\r\n.dash-panel-tag{font-size:10px;color:rgba(168,85,247,.7);font-weight:600;letter-spacing:.3px}\r\n.dash-tag-live{display:flex;align-items:center;gap:5px;color:#22C55E}\r\n.dash-linechart-wrap{position:relative}\r\n.dash-chart-legend{display:flex;gap:14px;margin-top:6px}\r\n.dash-chart-legend span{display:flex;align-items:center;gap:5px;font-size:10px;color:rgba(255,255,255,.4);font-weight:500}\r\n.dash-legend-line{display:inline-block;width:18px;height:2px;border-radius:1px}\r\n.dash-heatmap{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:3px;height:90px}\r\n.dash-hm-cell{border-radius:4px;transition:background .8s ease,transform .3s ease}\r\n.dash-hm-cell:hover{transform:scale(1.08)}\r\n.dash-heatmap-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:5px}\r\n.dash-heatmap-labels span{font-size:9px;color:rgba(255,255,255,.25);text-align:center}\r\n.dash-bars-wrap{display:flex;flex-direction:column;gap:6px;flex:1}\r\n.dash-bar-group{display:flex;align-items:flex-end;gap:5px;height:80px}\r\n.dash-bar-anim{flex:1;border-radius:4px 4px 0 0;height:0;transition:height 1.2s cubic-bezier(.16,1,.3,1);position:relative}\r\n.dash-bar-anim::after{content:attr(data-val);position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:8px;color:rgba(255,255,255,.3);white-space:nowrap;opacity:0;transition:opacity .3s}\r\n.dash-bar-anim:hover::after{opacity:1}\r\n.dash-bar-xlabels{display:flex;gap:5px}\r\n.dash-bar-xlabels span{flex:1;text-align:center;font-size:9px;color:rgba(255,255,255,.2)}\r\n.dash-donut-wrap{display:flex;align-items:center;gap:14px}\r\n.dash-donut-legend{display:flex;flex-direction:column;gap:10px;flex:1}\r\n.dash-legend-row{display:flex;align-items:center;gap:7px}\r\n.dlr-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}\r\n.dlr-label{font-size:11px;color:rgba(255,255,255,.45);flex:1}\r\n.dlr-val{font-size:12px;font-weight:700;color:rgba(255,255,255,.75)}\r\n.dash-alerts{display:flex;flex-direction:column;gap:7px;max-height:110px;overflow:hidden}\r\n.dash-alert-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);animation:alertSlide .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(-8px)}\r\n@keyframes alertSlide{to{opacity:1;transform:translateY(0)}}\r\n.dash-alert-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:3px}\r\n.dash-alert-text{font-size:10px;color:rgba(255,255,255,.55);line-height:1.5}\r\n.dash-alert-text strong{color:rgba(255,255,255,.8);font-weight:600}\r\n.dash-alert-time{font-size:9px;color:rgba(255,255,255,.22);margin-left:auto;flex-shrink:0;margin-top:2px}\r\n\r\n\/* \u2500\u2500 CAPABILITIES \u2500\u2500 *\/\r\n.capabilities{background:linear-gradient(180deg,#fff 0%,#F8F6FF 60%,#F0EBFF 100%)}\r\n.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}\r\n.cap-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.75rem;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(76,29,149,.04);transition:all .4s cubic-bezier(.16,1,.3,1)}\r\n.cap-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);opacity:0;transition:opacity .3s}\r\n.cap-card:hover{border-color:rgba(168,85,247,.22);transform:translateY(-5px);box-shadow:0 16px 40px rgba(76,29,149,.1)}\r\n.cap-card:hover::after{opacity:1}\r\n.cap-icon{width:44px;height:44px;border-radius:12px;background:rgba(168,85,247,.07);border:1px solid rgba(168,85,247,.14);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s}\r\n.cap-icon svg{width:22px;height:22px;stroke:var(--p);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}\r\n.cap-card:hover .cap-icon{background:var(--p);border-color:var(--p)}\r\n.cap-card:hover .cap-icon svg{stroke:#fff}\r\n.cap-title{font-family:var(--font-h);font-size:14px;font-weight:700;margin-bottom:6px;color:var(--text)}\r\n.cap-desc{font-size:12.5px;color:var(--text-2);line-height:1.65}\r\n\r\n\/* \u2500\u2500 WHY US \u2500\u2500 *\/\r\n.why{background:linear-gradient(160deg,#F0EBFF 0%,#F8F6FF 50%,#EDE8FC 100%)}\r\n.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}\r\n.why-list{display:flex;flex-direction:column;gap:1.75rem;margin-top:2rem}\r\n.why-item{display:flex;gap:1.25rem;align-items:flex-start}\r\n.why-num{font-family:var(--font-h);font-size:11px;font-weight:800;color:var(--p);background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.18);border-radius:6px;padding:3px 9px;flex-shrink:0;margin-top:3px;letter-spacing:.5px}\r\n.why-text h4{font-family:var(--font-h);font-size:15px;font-weight:700;margin-bottom:4px;color:var(--text)}\r\n.why-text p{font-size:13px;color:var(--text-2);line-height:1.7}\r\n.stat-box{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;box-shadow:0 4px 20px rgba(76,29,149,.06)}\r\n.big-stat{text-align:center}\r\n.big-num{font-family:var(--font-h);font-size:42px;font-weight:800;line-height:1;margin-bottom:6px}\r\n.big-num.p{color:var(--p)}.big-num.pd{color:var(--p-dark)}.big-num.pp{color:var(--p-light)}.big-num.dk{color:var(--text)}\r\n.big-label{font-size:12px;color:var(--text-2);font-weight:500}\r\n\r\n\/* \u2500\u2500 INDUSTRIES \u2500\u2500 *\/\r\n.industries{background:linear-gradient(160deg,#F8F6FF 0%,#F0EBFF 50%,#EDE8FC 100%)}\r\n.ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:3rem}\r\n.ind-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.75rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(76,29,149,.04)}\r\n.ind-card:hover{border-color:rgba(168,85,247,.22);transform:translateY(-5px);box-shadow:0 16px 32px rgba(76,29,149,.1)}\r\n.ind-icon-wrap{width:48px;height:48px;border-radius:13px;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.1rem}\r\n.ind-icon-wrap svg{width:22px;height:22px;stroke:var(--p);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\r\n.ind-name{font-family:var(--font-h);font-size:15px;font-weight:700;margin-bottom:8px;color:var(--text)}\r\n.ind-desc{font-size:12px;color:var(--text-2);line-height:1.6;margin-bottom:12px}\r\n.ind-use-cases{list-style:none;display:flex;flex-direction:column;gap:5px}\r\n.ind-use-cases li{font-size:11px;color:var(--text-2);padding:5px 8px;background:rgba(168,85,247,.04);border-radius:6px;border-left:2px solid rgba(168,85,247,.3);line-height:1.4}\r\n\r\n\/* \u2500\u2500 CLIENTS \u2500\u2500 *\/\r\n.clients{background:linear-gradient(180deg,#fff 0%,#F8F6FF 100%);padding:5rem 5%}\r\n.client-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;max-width:1200px;margin:3rem auto 0}\r\n.client-item{display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid rgba(124,58,237,.08);border-radius:14px;min-width:160px;min-height:90px;padding:20px 28px;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(76,29,149,.03)}\r\n.client-item:hover{border-color:rgba(168,85,247,.22);transform:translateY(-4px);box-shadow:0 12px 28px rgba(76,29,149,.08)}\r\n.client-item img{height:48px!important;max-width:130px!important;width:auto!important;object-fit:contain!important;filter:grayscale(100%);opacity:.65;transition:all .35s}\r\n.client-item:hover img{filter:grayscale(0%);opacity:1}\r\n\r\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n.cta-wrap{background:linear-gradient(180deg,#FAFBFE 0%,#F0EBFF 100%);padding:6rem 5%}\r\n.cta-inner{max-width:1320px;margin:0 auto;background:linear-gradient(135deg,#160D2E 0%,#2D1B4E 50%,#1E0A4C 100%);border-radius:24px;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,.16) 0%,transparent 60%);pointer-events:none}\r\n.cta-inner::after{content:'';position:absolute;width:100%;height:100%;top:0;left: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-inner h2{font-family:var(--font-h);font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:1.25rem;position:relative;z-index:1}\r\n.cta-inner h2 span{color:var(--p-light)}\r\n.cta-inner p{font-size:16px;color:rgba(255,255,255,.65);max-width:560px;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-btns .btn-ghost{color:#fff;border-color:rgba(255,255,255,.22)}\r\n.cta-btns .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}\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-contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.55)}\r\n.cta-contact-item strong{color:#fff}\r\n.cta-contact-item svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}\r\n\r\n\/* \u2500\u2500 VALUE JOURNEY \u2014 animated \u2500\u2500 *\/\r\n@keyframes jFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\r\n@keyframes jFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\r\n@keyframes jFloat3{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\r\n@keyframes jFloat4{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}\r\n@keyframes jFloat5{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}\r\n@keyframes jScan{0%{top:14px;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:66px;opacity:0}}\r\n@keyframes jSpinCW{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\r\n@keyframes jSpinCCW{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}\r\n@keyframes jZoomPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}\r\n@keyframes jBoltFlash{0%,100%{opacity:1}45%{opacity:.4}55%{opacity:1}}\r\n@keyframes jScreenBlink{0%,100%{opacity:1}48%{opacity:1}50%{opacity:.3}52%{opacity:1}}\r\n@keyframes jHeartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(1)}42%{transform:scale(1.12)}56%{transform:scale(1)}}\r\n@keyframes jFlowDash{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}\r\n@keyframes jGlowPulse{0%,100%{opacity:.4}50%{opacity:.9}}\r\n@keyframes jNumPop{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}\r\n@keyframes jFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}\r\n.hx-journey-section{background:linear-gradient(180deg,#0F0B1E 0%,#08050F 100%);padding:6rem 5%;position:relative;overflow:hidden;font-family:'Inter',sans-serif}\r\n.hx-journey-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:30px 30px}\r\n.hx-journey-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}\r\n.hx-journey-hdr{text-align:center;margin-bottom:4rem}\r\n.hx-journey-lbl{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(168,85,247,.85);margin-bottom:1rem}\r\n.hx-journey-ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.5px;line-height:1.15;color:#fff;margin-bottom:1rem}\r\n.hx-journey-sub{font-size:15px;color:rgba(255,255,255,.5);max-width:520px;margin:0 auto;line-height:1.8}\r\n\/* track: flex with connectors between steps *\/\r\n.hx-journey-track{display:flex;align-items:center;justify-content:center;gap:0;position:relative}\r\n\/* connector line *\/\r\n.hx-jconn{flex:1;height:2px;position:relative;min-width:0;overflow:visible}\r\n.hx-jconn-base{position:absolute;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.1)}\r\n.hx-jconn-flow{position:absolute;top:0;left:0;right:0;height:2px}\r\n.hx-jconn-flow svg{width:100%;height:2px;display:block;overflow:visible}\r\n.hx-jconn-flow path{stroke:rgba(255,255,255,.3);stroke-width:1.5;fill:none;stroke-dasharray:5 4;animation:jFlowDash 1.2s linear infinite}\r\n.hx-jconn:nth-of-type(2) .hx-jconn-flow path{animation-delay:.3s}\r\n.hx-jconn:nth-of-type(4) .hx-jconn-flow path{animation-delay:.6s}\r\n.hx-jconn:nth-of-type(6) .hx-jconn-flow path{animation-delay:.9s}\r\n\/* step *\/\r\n.hx-journey-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;flex-shrink:0;opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}\r\n.hx-journey-step.visible{opacity:1;transform:translateY(0)}\r\n\/* float per step *\/\r\n.hx-journey-step.visible.step-collect .hx-jorb-wrap{animation:jFloat1 3.0s ease-in-out infinite}\r\n.hx-journey-step.visible.step-analyze .hx-jorb-wrap{animation:jFloat2 3.6s ease-in-out infinite .4s}\r\n.hx-journey-step.visible.step-predict .hx-jorb-wrap{animation:jFloat3 2.8s ease-in-out infinite .8s}\r\n.hx-journey-step.visible.step-visualize .hx-jorb-wrap{animation:jFloat4 3.3s ease-in-out infinite 1.2s}\r\n.hx-journey-step.visible.step-decide .hx-jorb-wrap{animation:jFloat5 3.1s ease-in-out infinite .2s}\r\n.hx-jorb-wrap{position:relative;width:96px;height:96px;flex-shrink:0}\r\n\/* glow ring behind orb *\/\r\n.hx-jorb-glow{position:absolute;inset:-8px;border-radius:50%;animation:jGlowPulse 2.5s ease-in-out infinite}\r\n.step-collect .hx-jorb-glow{background:radial-gradient(circle,rgba(59,108,248,.3) 0%,transparent 70%)}\r\n.step-analyze .hx-jorb-glow{background:radial-gradient(circle,rgba(168,85,247,.3) 0%,transparent 70%);animation-delay:.5s}\r\n.step-predict .hx-jorb-glow{background:radial-gradient(circle,rgba(107,36,200,.3) 0%,transparent 70%);animation-delay:1s}\r\n.step-visualize .hx-jorb-glow{background:radial-gradient(circle,rgba(12,184,200,.3) 0%,transparent 70%);animation-delay:1.5s}\r\n.step-decide .hx-jorb-glow{background:radial-gradient(circle,rgba(28,184,90,.3) 0%,transparent 70%);animation-delay:2s}\r\n\/* orb circle *\/\r\n.hx-jorb{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}\r\n.step-collect .hx-jorb{background:linear-gradient(135deg,#3B6CF8,#5B8BFF);box-shadow:0 8px 28px rgba(59,108,248,.45)}\r\n.step-analyze .hx-jorb{background:linear-gradient(135deg,#8B3FD8,#A855F7);box-shadow:0 8px 28px rgba(139,63,216,.45)}\r\n.step-predict .hx-jorb{background:linear-gradient(135deg,#6B24C8,#7C3AED);box-shadow:0 8px 28px rgba(107,36,200,.45)}\r\n.step-visualize .hx-jorb{background:linear-gradient(135deg,#0CB8C8,#14D8E8);box-shadow:0 8px 28px rgba(12,184,200,.45)}\r\n.step-decide .hx-jorb{background:linear-gradient(135deg,#1CB85A,#22D46A);box-shadow:0 8px 28px rgba(28,184,90,.45)}\r\n\/* badge number *\/\r\n.hx-jorb-num{position:absolute;top:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:#A855F7;border:2.5px solid #08050F;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;line-height:1}\r\n.step-collect .hx-jorb-num{animation:jNumPop 3.0s ease-in-out infinite}\r\n.step-analyze .hx-jorb-num{animation:jNumPop 3.0s ease-in-out infinite .6s}\r\n.step-predict .hx-jorb-num{animation:jNumPop 3.0s ease-in-out infinite 1.2s}\r\n.step-visualize .hx-jorb-num{animation:jNumPop 3.0s ease-in-out infinite 1.8s}\r\n.step-decide .hx-jorb-num{animation:jNumPop 3.0s ease-in-out infinite 2.4s}\r\n\/* icon inside orb *\/\r\n.hx-jorb-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px}\r\n.hx-jorb-icon svg{width:36px;height:36px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\r\n\/* scan overlay for step 1 *\/\r\n.hx-jscan-clip{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none;z-index:3}\r\n.hx-jscan-beam{position:absolute;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);border-radius:1px;animation:jScan 2s ease-in-out infinite;top:14px}\r\n\/* spinning ring for step 2 *\/\r\n.hx-jspin-ring{position:absolute;inset:10px;border-radius:50%;border:2px dashed rgba(255,255,255,.4);animation:jSpinCW 3s linear infinite;pointer-events:none;z-index:3}\r\n\/* step 2 icon zoom *\/\r\n.step-analyze .hx-jorb-icon svg{animation:jZoomPulse 2.4s ease-in-out infinite}\r\n\/* bolt flash step 3 *\/\r\n.step-predict .hx-jorb-icon svg{fill:#fff;animation:jBoltFlash 1.4s ease-in-out infinite}\r\n\/* screen blink step 4 *\/\r\n.step-visualize .hx-jorb-icon svg{animation:jScreenBlink 3s ease-in-out infinite}\r\n\/* heartbeat step 5 *\/\r\n.step-decide .hx-jorb-icon svg{animation:jHeartbeat 1.6s ease-in-out infinite}\r\n\/* text below *\/\r\n.hx-journey-word{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:800;color:#fff;margin-top:14px;margin-bottom:5px;letter-spacing:-.2px}\r\n.hx-journey-desc{font-size:12px;color:rgba(255,255,255,.45);line-height:1.6;max-width:140px}\r\n.hx-journey-tag{font-size:10px;font-weight:700;color:rgba(168,85,247,.75);letter-spacing:.5px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);border-radius:6px;padding:3px 9px;margin-top:8px;display:inline-block}\r\n@media(max-width:800px){\r\n .hx-journey-track{flex-wrap:wrap;gap:2rem;justify-content:center}\r\n .hx-jconn{display:none}\r\n .hx-journey-step{width:140px}\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:1100px){.platform-layout{grid-template-columns:1fr}}\r\n@media(max-width:900px){\r\n .hero h1{font-size:clamp(34px,8vw,48px)}\r\n .why-grid{grid-template-columns:1fr}\r\n .platform-points{grid-template-columns:1fr}\r\n .dashboard-body{flex-direction:column}\r\n}\r\n@media(max-width:600px){\r\n .cta-inner{padding:3rem 1.5rem}\r\n .hero-btns{flex-direction:column;gap:10px}\r\n .btn-p,.btn-ghost-w{justify-content:center}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"scroll-prog\" id=\"scrollProg\"><\/div>\r\n\r\n\r\n<section class=\"hero\">\r\n <video class=\"hero-video\" autoplay muted loop playsinline preload=\"auto\">\r\n <source src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/0621.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-grid-ov\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\"><span class=\"hero-badge-dot\"><\/span>HexaVision \u00b7 AI Business Intelligence Platform<\/div>\r\n <h1>Visual Data<br><span class=\"accent\">Transformed Into<\/span><br><span class=\"dim\">Business Decisions.<\/span><\/h1>\r\n <p class=\"hero-sub\">HexaVision is an AI platform that turns raw visual data from your existing cameras into operational intelligence \u2014 helping organizations understand customers, optimize performance, and make smarter decisions in real time.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#platform\" class=\"btn-p\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 Explore Platform\r\n <\/a>\r\n <a href=\"#contact\" class=\"btn-ghost-w\">Request a Demo<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-scroll\">\r\n <span class=\"hero-scroll-label\">Scroll<\/span>\r\n <div class=\"hero-scroll-line\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"offer-strip\">\r\n <div class=\"offer-strip-inner\">\r\n <div class=\"offer-strip-label\">One Platform \u2014 Full Intelligence<\/div>\r\n <div class=\"offer-strip-title\">Everything you need in a single AI Business Intelligence platform<\/div>\r\n <div class=\"offer-pills\">\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Visitor Behavior Analytics<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Customer Journey Intelligence<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Operational Analytics<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Heat Mapping<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Predictive Insights<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Executive Dashboards<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Multi-Branch Benchmarking<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Campaign Effectiveness<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"platform-intro\" id=\"platform\">\r\n <div class=\"platform-layout\">\r\n <div class=\"platform-intro-text fade-up\">\r\n <div class=\"kicker\"><span class=\"kicker-dot\"><\/span>HexaVision AI Platform<\/div>\r\n <h2 class=\"platform-title\">Your Data.<br><span class=\"accent\">Your Decisions. Your Growth.<\/span><\/h2>\r\n <p class=\"platform-copy\">Organizations run thousands of cameras \u2014 yet most only record. HexaVision transforms that raw visual data into business intelligence that directly improves revenue, operational performance, and customer experience. One platform. Every camera. Real decisions.<\/p>\r\n <ul class=\"platform-points\">\r\n <li><strong>Visitor & Behavioral Analytics<\/strong>Understand visitor volume, dwell time, movement flow, and zone activity \u2014 real-time and historical \u2014 to drive smarter operational decisions.<\/li>\r\n <li><strong>Customer Journey Intelligence<\/strong>Follow the full journey: entrance \u2192 display \u2192 counter \u2192 purchase. See exactly where customers drop off and what drives conversion.<\/li>\r\n <li><strong>Heat Mapping & Movement Flow<\/strong>Visualize high-activity zones, popular paths, and underused spaces to optimize layout, staffing, and product placement.<\/li>\r\n <li><strong>Campaign & Performance Impact<\/strong>Measure how promotions, signage, and campaigns actually affect foot traffic, dwell time, and sales performance \u2014 with real data.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"dashboard-wrap fade-up\" id=\"liveDash\">\r\n <div class=\"dashboard-topbar\">\r\n <span class=\"dash-dot r\"><\/span><span class=\"dash-dot y\"><\/span><span class=\"dash-dot g\"><\/span>\r\n <span class=\"dash-title\">HexaVision AI Platform \u2014 Business Intelligence<\/span>\r\n <span class=\"dash-live-pill\"><span class=\"dash-live-dot\"><\/span>LIVE<\/span>\r\n <\/div>\r\n <div class=\"dashboard-body\">\r\n\r\n <div class=\"dash-row\">\r\n <div class=\"dash-kpi\" style=\"border-top:2px solid #A855F7\">\r\n <div class=\"dash-kpi-label\">Visitors Today<\/div>\r\n <div class=\"dash-kpi-val\" id=\"kpi-visitors\">0<\/div>\r\n <div class=\"dash-kpi-delta up\">\u2191 +18% vs yesterday<\/div>\r\n <\/div>\r\n <div class=\"dash-kpi\" style=\"border-top:2px solid #22D3EE\">\r\n <div class=\"dash-kpi-label\">Conversion Rate<\/div>\r\n <div class=\"dash-kpi-val\" id=\"kpi-occ\">0%<\/div>\r\n <div class=\"dash-kpi-delta up\">\u2191 Counter Zone A<\/div>\r\n <\/div>\r\n <div class=\"dash-kpi\" style=\"border-top:2px solid #22C55E\">\r\n <div class=\"dash-kpi-label\">Avg Dwell Time<\/div>\r\n <div class=\"dash-kpi-val\" id=\"kpi-dwell\">0m<\/div>\r\n <div class=\"dash-kpi-delta up\">\u2191 +3m this hour<\/div>\r\n <\/div>\r\n <div class=\"dash-kpi\" style=\"border-top:2px solid #F59E0B\">\r\n <div class=\"dash-kpi-label\">Insights Generated<\/div>\r\n <div class=\"dash-kpi-val\" id=\"kpi-alerts\">0<\/div>\r\n <div class=\"dash-kpi-delta neutral\">\u2192 2 pending action<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-row-2col\">\r\n <div class=\"dash-panel\">\r\n <div class=\"dash-panel-hdr\">\r\n <span class=\"dash-panel-title\">Visitor Flow \u2014 Hourly<\/span>\r\n <span class=\"dash-panel-tag\">Today vs Yesterday<\/span>\r\n <\/div>\r\n <div class=\"dash-linechart-wrap\">\r\n <svg id=\"lineChart\" viewBox=\"0 0 420 110\" preserveAspectRatio=\"none\" style=\"width:100%;height:110px\">\r\n <defs>\r\n <linearGradient id=\"lg1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#A855F7\" stop-opacity=\".35\"\/>\r\n <stop offset=\"100%\" stop-color=\"#A855F7\" stop-opacity=\"0\"\/>\r\n <\/linearGradient>\r\n <linearGradient id=\"lg2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#22D3EE\" stop-opacity=\".18\"\/>\r\n <stop offset=\"100%\" stop-color=\"#22D3EE\" stop-opacity=\"0\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <line x1=\"0\" y1=\"25\" x2=\"420\" y2=\"25\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"55\" x2=\"420\" y2=\"55\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"85\" x2=\"420\" y2=\"85\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <path id=\"yFill\" d=\"M0,85 L420,85 Z\" fill=\"url(#lg2)\" opacity=\"0\"\/>\r\n <path id=\"yLine\" d=\"\" fill=\"none\" stroke=\"#22D3EE\" stroke-width=\"1.5\" stroke-dasharray=\"5,3\" opacity=\".5\"\/>\r\n <path id=\"tFill\" d=\"M0,85 L420,85 Z\" fill=\"url(#lg1)\" opacity=\"0\"\/>\r\n <path id=\"tLine\" d=\"\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2.5\"\/>\r\n <circle id=\"moveDot\" cx=\"0\" cy=\"85\" r=\"5\" fill=\"#A855F7\" opacity=\"0\">\r\n <animate attributeName=\"opacity\" values=\"0;1;0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\r\n <\/circle>\r\n <g id=\"tooltip\" opacity=\"0\">\r\n <rect id=\"ttBg\" x=\"0\" y=\"0\" width=\"72\" height=\"22\" rx=\"5\" fill=\"rgba(168,85,247,.3)\"\/>\r\n <text id=\"ttText\" x=\"0\" y=\"0\" fill=\"#C084FC\" font-size=\"9\" font-weight=\"700\" text-anchor=\"middle\"\/>\r\n <\/g>\r\n <text x=\"0\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">6am<\/text>\r\n <text x=\"52\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">8am<\/text>\r\n <text x=\"105\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">10am<\/text>\r\n <text x=\"157\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">12pm<\/text>\r\n <text x=\"210\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">2pm<\/text>\r\n <text x=\"262\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">4pm<\/text>\r\n <text x=\"315\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">6pm<\/text>\r\n <text x=\"367\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">8pm<\/text>\r\n <\/svg>\r\n <div class=\"dash-chart-legend\">\r\n <span><span class=\"dash-legend-line\" style=\"background:#A855F7\"><\/span>Today<\/span>\r\n <span><span class=\"dash-legend-line\" style=\"background:#22D3EE;opacity:.6\"><\/span>Yesterday<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-panel\">\r\n <div class=\"dash-panel-hdr\">\r\n <span class=\"dash-panel-title\">Zone Heat Map<\/span>\r\n <span class=\"dash-panel-tag\">Density \u2014 Real Time<\/span>\r\n <\/div>\r\n <div class=\"dash-heatmap\" id=\"heatmap\"><\/div>\r\n <div class=\"dash-heatmap-labels\">\r\n <span>Zone A<\/span><span>Zone B<\/span><span>Zone C<\/span><span>Zone D<\/span><span>Zone E<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-row-3col\">\r\n <div class=\"dash-panel\">\r\n <div class=\"dash-panel-hdr\">\r\n <span class=\"dash-panel-title\">Hourly Traffic<\/span>\r\n <\/div>\r\n <div class=\"dash-bars-wrap\">\r\n <div class=\"dash-bar-group\" id=\"barChart\"><\/div>\r\n <div class=\"dash-bar-xlabels\">\r\n <span>9<\/span><span>10<\/span><span>11<\/span><span>12<\/span><span>13<\/span><span>14<\/span><span>15<\/span><span>16<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-panel\">\r\n <div class=\"dash-panel-hdr\">\r\n <span class=\"dash-panel-title\">Visit Types<\/span>\r\n <\/div>\r\n <div class=\"dash-donut-wrap\">\r\n <svg viewBox=\"0 0 80 80\" style=\"width:80px;height:80px;flex-shrink:0\">\r\n <circle cx=\"40\" cy=\"40\" r=\"28\" fill=\"none\" stroke=\"rgba(255,255,255,.05)\" stroke-width=\"12\"\/>\r\n <circle id=\"donut1\" cx=\"40\" cy=\"40\" r=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"12\" stroke-dasharray=\"0 176\" stroke-dashoffset=\"-44\" transform=\"rotate(-90 40 40)\" style=\"transition:stroke-dasharray 1.5s cubic-bezier(.16,1,.3,1)\"\/>\r\n <circle id=\"donut2\" cx=\"40\" cy=\"40\" r=\"28\" fill=\"none\" stroke=\"#22D3EE\" stroke-width=\"12\" stroke-dasharray=\"0 176\" stroke-dashoffset=\"-44\" transform=\"rotate(-90 40 40)\" style=\"transition:stroke-dasharray 1.5s cubic-bezier(.16,1,.3,1) .2s\"\/>\r\n <circle id=\"donut3\" cx=\"40\" cy=\"40\" r=\"28\" fill=\"none\" stroke=\"#F59E0B\" stroke-width=\"12\" stroke-dasharray=\"0 176\" stroke-dashoffset=\"-44\" transform=\"rotate(-90 40 40)\" style=\"transition:stroke-dasharray 1.5s cubic-bezier(.16,1,.3,1) .4s\"\/>\r\n <\/svg>\r\n <div class=\"dash-donut-legend\">\r\n <div class=\"dash-legend-row\"><span class=\"dlr-dot\" style=\"background:#7C3AED\"><\/span><span class=\"dlr-label\">New Visitors<\/span><span class=\"dlr-val\">45%<\/span><\/div>\r\n <div class=\"dash-legend-row\"><span class=\"dlr-dot\" style=\"background:#22D3EE\"><\/span><span class=\"dlr-label\">Returning<\/span><span class=\"dlr-val\">20%<\/span><\/div>\r\n <div class=\"dash-legend-row\"><span class=\"dlr-dot\" style=\"background:#F59E0B\"><\/span><span class=\"dlr-label\">Staff<\/span><span class=\"dlr-val\">35%<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-panel\">\r\n <div class=\"dash-panel-hdr\">\r\n <span class=\"dash-panel-title\">Smart Insights<\/span>\r\n <span class=\"dash-panel-tag dash-tag-live\"><span class=\"dash-live-dot\"><\/span>LIVE<\/span>\r\n <\/div>\r\n <div class=\"dash-alerts\" id=\"alertFeed\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"capabilities section\" id=\"capabilities\">\r\n <div class=\"s-inner\">\r\n <div class=\"s-hdr fade-up\">\r\n <div class=\"divider\"><\/div>\r\n <div class=\"s-label\">What HexaVision Delivers<\/div>\r\n <h2 class=\"s-title\">Platform Capabilities<\/h2>\r\n <p class=\"s-sub\">Fourteen intelligence layers \u2014 from behavioral analysis to executive dashboards \u2014 built into a single deployable platform that works with your existing cameras.<\/p>\r\n <\/div>\r\n <div class=\"cap-grid\">\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg 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>\r\n <div class=\"cap-title\">Visitor Behavior Analysis<\/div>\r\n <div class=\"cap-desc\">Real-time and historical visitor counts by zone. Distinguishes employees from customers \u2014 giving accurate footfall data, not estimates, to act on.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Customer Journey Analytics<\/div>\r\n <div class=\"cap-desc\">Track the full visitor journey: entrance \u2192 display \u2192 counter \u2192 purchase. Pinpoint exactly where customers drop off and what drives them to convert.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Heat Mapping & Movement Flow<\/div>\r\n <div class=\"cap-desc\">Interactive activity heatmaps showing high-traffic zones, customer movement paths, dwell hotspots, and underutilized spaces.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Dwell Time Analysis<\/div>\r\n <div class=\"cap-desc\">Measure how long visitors spend in each zone and at each display. Compare dwell distributions across periods to identify engagement patterns.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Queue Analytics<\/div>\r\n <div class=\"cap-desc\">Forecast queue congestion before it forms. Monitor wait times, track throughput, and alert staff to open a new lane before customers feel the wait.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Occupancy Analytics<\/div>\r\n <div class=\"cap-desc\">Real-time occupancy counts by zone, floor, and facility. Track peak periods, manage capacity thresholds, and optimize space utilization.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Predictive Analytics<\/div>\r\n <div class=\"cap-desc\">Predict congestion, visitor surges, and churn before they happen \u2014 giving teams time to act rather than react to situations that have already escalated.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg 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\"\/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Employee Performance<\/div>\r\n <div class=\"cap-desc\">Monitor staff presence at service points, detect unattended counters, track patrol routes, and optimize workforce deployment based on live demand data.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg 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>\r\n <div class=\"cap-title\">Executive Dashboards<\/div>\r\n <div class=\"cap-desc\">A unified view of KPIs across all locations \u2014 visitors, conversion, dwell, performance, and campaign impact \u2014 built for decision makers, not analysts.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"22\" x2=\"21\" y2=\"22\"\/><path d=\"M5 22V8.5l7-5 7 5V22\"\/><path d=\"M9 22V14h6v8\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Multi-Branch Benchmarking<\/div>\r\n <div class=\"cap-desc\">Compare performance across all your locations in a single view. Identify top-performing branches, replicate what works, and diagnose underperformance.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Retail Conversion Analytics<\/div>\r\n <div class=\"cap-desc\">Measure how visitor traffic converts to sales activity at every stage of the journey \u2014 and identify the specific layout, staff, or timing factors that move the needle.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Asset Utilization<\/div>\r\n <div class=\"cap-desc\">Understand how displays, counters, seating, and service points are actually being used \u2014 and reallocate resources to where they generate the most return.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 3l18 18M10.5 10.5A3 3 0 0013 13M6.5 6.5A9 9 0 0117.5 17.5\"\/><circle cx=\"12\" cy=\"12\" r=\"10\" opacity=\".3\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Campaign Effectiveness<\/div>\r\n <div class=\"cap-desc\">Measure how promotions, signage, and advertising campaigns affect visitor behavior \u2014 traffic lift, dwell change, basket size, and conversion rate, all in one report.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Facility Operations<\/div>\r\n <div class=\"cap-desc\">From access control intelligence to crowd flow management \u2014 keep operations running safely and efficiently with behavioral data that supports every department.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"hx-uc-section\" id=\"usecases\">\r\n<style>\r\n.hx-uc-section{background:linear-gradient(180deg,#08050F 0%,#0F0B1E 100%);padding:7rem 5%;position:relative;overflow:hidden;font-family:'Inter',sans-serif}\r\n.hx-uc-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.hx-uc-section::after{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.08) 0%,transparent 70%);top:-260px;left:-150px;pointer-events:none}\r\n.hx-uc-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.hx-uc-hdr{text-align:center;margin-bottom:3.5rem}\r\n.hx-uc-divider{width:40px;height:2px;background:linear-gradient(135deg,#A855F7,#7C3AED);border-radius:2px;margin:0 auto 1.25rem}\r\n.hx-uc-label{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(168,85,247,.85);margin-bottom:1rem}\r\n.hx-uc-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;color:#fff;margin-bottom:1rem}\r\n.hx-uc-sub{font-size:15px;color:rgba(255,255,255,.52);max-width:580px;margin:0 auto;line-height:1.8}\r\n.hx-uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}\r\n.hx-uc-card{position:relative;border-radius:18px;overflow:hidden;height:360px;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.hx-uc-card.visible{opacity:1;transform:translateY(0)}\r\n.hx-uc-card:hover{border-color:rgba(168,85,247,.42);box-shadow:0 24px 60px rgba(76,29,149,.3)}\r\n.hx-uc-img{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(.82) saturate(.85)}\r\n.hx-uc-card:hover .hx-uc-img{transform:scale(1.13);filter:brightness(.7) saturate(.75)}\r\n.hx-uc-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.hx-uc-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.hx-uc-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:hxScanMove 4s ease-in-out infinite;opacity:0}\r\n.hx-uc-card.visible .hx-uc-scan{opacity:1}\r\n@keyframes hxScanMove{0%{top:0%;opacity:0}6%{opacity:1}94%{opacity:1}100%{top:100%;opacity:0}}\r\n.hx-uc-card:nth-child(1) .hx-uc-scan{animation-delay:0s}\r\n.hx-uc-card:nth-child(2) .hx-uc-scan{animation-delay:1.35s}\r\n.hx-uc-card:nth-child(3) .hx-uc-scan{animation-delay:2.7s}\r\n.hx-uc-card:nth-child(4) .hx-uc-scan{animation-delay:.65s}\r\n.hx-uc-card:nth-child(5) .hx-uc-scan{animation-delay:2s}\r\n.hx-uc-card:nth-child(6) .hx-uc-scan{animation-delay:3.35s}\r\n.hx-uc-corners,.hx-uc-corners-b{position:absolute;inset:10px;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s .4s}\r\n.hx-uc-card.visible .hx-uc-corners,.hx-uc-card.visible .hx-uc-corners-b{opacity:1}\r\n.hx-uc-corners::before,.hx-uc-corners::after,.hx-uc-corners-b::before,.hx-uc-corners-b::after{content:'';position:absolute;width:16px;height:16px}\r\n.hx-uc-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);border-radius:2px 0 0 0}\r\n.hx-uc-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);border-radius:0 2px 0 0}\r\n.hx-uc-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);border-radius:0 0 0 2px}\r\n.hx-uc-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);border-radius:0 0 2px 0}\r\n.hx-uc-status{position:absolute;top:14px;right:14px;z-index:6;display:inline-flex;align-items:center;gap:5px;background:rgba(8,5,15,.62);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,.85)}\r\n.hx-uc-sdot{width:5px;height:5px;border-radius:50%;background:#22C55E;animation:hxLiveD 1.6s infinite}\r\n@keyframes hxLiveD{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.hx-uc-box{position:absolute;z-index:5;border-radius:3px;opacity:0;transition:opacity .5s .7s}\r\n.hx-uc-card.visible .hx-uc-box{opacity:1}\r\n.hx-uc-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.hx-uc-box .bc{position:absolute;width:7px;height:7px}\r\n.bc.tl{top:0;left:0;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;border-radius:2px 0 0 0}\r\n.bc.tr{top:0;right:0;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;border-radius:0 2px 0 0}\r\n.bc.bl{bottom:0;left:0;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor;border-radius:0 0 0 2px}\r\n.bc.br{bottom:0;right:0;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;border-radius:0 0 2px 0}\r\n.hx-uc-box.vgreen{border:1.5px solid #22C55E;color:#22C55E}.hx-uc-box.vgreen .hx-uc-box-tag{background:#22C55E;color:#000}\r\n.hx-uc-box.vcyan{border:1.5px solid #22D3EE;color:#22D3EE}.hx-uc-box.vcyan .hx-uc-box-tag{background:#22D3EE;color:#000}\r\n.hx-uc-box.vpurple{border:1.5px solid #A855F7;color:#A855F7}.hx-uc-box.vpurple .hx-uc-box-tag{background:#A855F7;color:#fff}\r\n.hx-uc-box.vgold{border:1.5px solid #F59E0B;color:#F59E0B;box-shadow:0 0 14px rgba(245,158,11,.35)}.hx-uc-box.vgold .hx-uc-box-tag{background:#F59E0B;color:#000}\r\n.hx-uc-box.vred{border:1.5px solid #EF4444;color:#EF4444;animation:hxRedB 1.2s ease-in-out infinite}.hx-uc-box.vred .hx-uc-box-tag{background:#EF4444;color:#fff}\r\n@keyframes hxRedB{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.hx-uc-body{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:1.4rem 1.4rem 1.5rem}\r\n.hx-uc-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.hx-uc-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.hx-uc-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.hx-uc-card:hover .hx-uc-desc{max-height:90px;opacity:1}\r\n@media(max-width:980px){.hx-uc-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(max-width:620px){.hx-uc-grid{grid-template-columns:1fr}.hx-uc-card{height:300px}}\r\n<\/style>\r\n\r\n<div class=\"hx-uc-inner\">\r\n <div class=\"hx-uc-hdr\">\r\n <div class=\"hx-uc-divider\"><\/div>\r\n <div class=\"hx-uc-label\">Use Cases<\/div>\r\n <h2 class=\"hx-uc-title\">Six ways HexaVision Turns<br>\tTransform Data into Business Decisions<\/h2>\r\n <p class=\"hx-uc-sub\">Not generic detection \u2014 purpose-built intelligence for the moments that actually move revenue, customer loyalty, and operational performance.<\/p>\r\n <\/div>\r\n <div class=\"hx-uc-grid\" id=\"hxUcGrid\">\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=900&q=72\" alt=\"Retail checkout queue\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#1E0A4C,#2D1B4E)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Queue Intelligence<\/span>\r\n <div class=\"hx-uc-box vcyan\" style=\"top:28%;left:32%;width:30%;height:44%\">\r\n <span class=\"hx-uc-box-tag\">Queue 6 \u00b7 ETA 4m<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-box vgreen\" style=\"top:30%;left:16%;width:14%;height:38%\">\r\n <span class=\"hx-uc-box-tag\">Visitor<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">Retail & Commerce<\/span>\r\n <div class=\"hx-uc-name\">Queue Surge Prediction<\/div>\r\n <p class=\"hx-uc-desc\">Forecasts checkout congestion before it forms and alerts staff to open a new lane \u2014 before a single customer feels the wait. Reduces abandonment and increases throughput.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-21-2026-02_34_44-PM.webp\" alt=\"Drive-thru restaurant\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#160D2E,#1E0A4C)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Drive-Thru Intelligence<\/span>\r\n <div class=\"hx-uc-box vcyan\" style=\"top:38%;left:16%;width:54%;height:30%\">\r\n <span class=\"hx-uc-box-tag\">Returning \u00b7 Visit 12 \u00b7 Avg SAR 68<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">F&B & Drive-Thru<\/span>\r\n <div class=\"hx-uc-name\">Drive-Thru Memory<\/div>\r\n <p class=\"hx-uc-desc\">Recognizes a returning vehicle the instant it pulls in \u2014 surfacing full order history, basket trends, and campaign response before the speaker even activates.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-21-2026-02_29_15-PM-2-1.png\" alt=\"Retail store aisle customers\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#4C1D95,#1E0A4C)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Behavior Intelligence<\/span>\r\n <div class=\"hx-uc-box vpurple\" style=\"top:18%;left:10%;width:36%;height:28%\">\r\n <span class=\"hx-uc-box-tag\">Zone A \u00b7 HIGH DWELL 8m+<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-box vgreen\" style=\"top:52%;left:54%;width:30%;height:22%\">\r\n <span class=\"hx-uc-box-tag\">Zone C \u00b7 Low Traffic<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">Retail & Merchandising<\/span>\r\n <div class=\"hx-uc-name\">Store Heatmap Intelligence<\/div>\r\n <p class=\"hx-uc-desc\">Reveals which displays pull attention and which aisles lose customers. Redesign layouts and measure the exact impact of every product placement change with real data.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-210-2026-02_45_41-PM.jpg\" alt=\"Luxury fragrance retail boutique\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#581c87,#7C3AED)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Customer Intelligence<\/span>\r\n <div class=\"hx-uc-box vgold\" style=\"top:16%;left:30%;width:26%;height:44%\">\r\n <span class=\"hx-uc-box-tag\">⭐ VIP Match · 96% · Visit 9<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">Hospitality & VIP<\/span>\r\n <div class=\"hx-uc-name\">Silent VIP Recognition<\/div>\r\n <p class=\"hx-uc-desc\">Greets high-value customers by name the moment they walk in. Cashier receives an instant alert with visit history and preferred category for a perfectly personalized experience.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-21-2026-03_01_04-PM.webp\" alt=\"Busy shopping mall crowd\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#6D28D9,#160D2E)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Flow Intelligence<\/span>\r\n <div class=\"hx-uc-box vred\" style=\"top:18%;left:14%;width:64%;height:50%\">\r\n <span class=\"hx-uc-box-tag\">⚠ Zone C · Surge Predicted +6m<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">Malls & Large Facilities<\/span>\r\n <div class=\"hx-uc-name\">Crowd Surge Forecasting<\/div>\r\n <p class=\"hx-uc-desc\">Predicts where foot traffic will spike next \u2014 giving operations teams time to redirect staff and open lanes before bottlenecks form and visitor experience drops.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/images.unsplash.com\/photo-1553062407-98eeb64c6a62?auto=format&fit=crop&w=900&q=72\" alt=\"Campaign performance analytics\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#160D2E,#4C1D95)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Campaign Intelligence<\/span>\r\n <div class=\"hx-uc-box vpurple\" style=\"top:34%;left:20%;width:56%;height:28%\">\r\n <span class=\"hx-uc-box-tag\">Campaign Lift \u00b7 +22% Traffic \u00b7 +SAR 11 Basket<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">Marketing & Performance<\/span>\r\n <div class=\"hx-uc-name\">Campaign Effectiveness<\/div>\r\n <p class=\"hx-uc-desc\">Captures pre-campaign baselines and tracks traffic lift, dwell change, and basket size in real time \u2014 so every marketing decision is grounded in behavioral evidence, not gut feeling.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<script>\r\n(function(){\r\n var cards=document.querySelectorAll('#hxUcGrid .hx-uc-card');\r\n var obs=new IntersectionObserver(function(entries){\r\n entries.forEach(function(e,i){\r\n if(e.isIntersecting){\r\n setTimeout(function(){e.target.classList.add('visible');},i*90);\r\n obs.unobserve(e.target);\r\n }\r\n });\r\n },{threshold:.14});\r\n cards.forEach(function(c){obs.observe(c);});\r\n})();\r\n<\/script>\r\n<\/section>\r\n\r\n\r\n<section class=\"hx-journey-section\" id=\"hx-pipeline\">\r\n<div class=\"hx-journey-inner\">\r\n <div class=\"hx-journey-hdr\">\r\n <div class=\"hx-journey-lbl\">How HexaVision Creates Value<\/div>\r\n <h2 class=\"hx-journey-ttl\">From raw data<br>to business impact<\/h2>\r\n <p class=\"hx-journey-sub\">Five stages \u2014 running continuously, on every camera, in real time \u2014 transforming visual data into decisions that move your business forward.<\/p>\r\n <\/div>\r\n <div class=\"hx-journey-track\" id=\"hxJourneyTrack\">\r\n\r\n \r\n <div class=\"hx-journey-step step-collect\">\r\n <div class=\"hx-jorb-wrap\">\r\n <div class=\"hx-jorb-glow\"><\/div>\r\n <div class=\"hx-jorb\">\r\n \r\n <div class=\"hx-jscan-clip\"><div class=\"hx-jscan-beam\"><\/div><\/div>\r\n <div class=\"hx-jorb-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 10l4.553-2.069A1 1 0 0121 8.87v6.26a1 1 0 01-1.447.894L15 14\"\/><rect x=\"1\" y=\"7\" width=\"14\" height=\"10\" rx=\"2\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <span class=\"hx-jorb-num\">1<\/span>\r\n <\/div>\r\n <div class=\"hx-journey-word\">Collect<\/div>\r\n <div class=\"hx-journey-desc\">Visual data from your existing cameras, captured at the edge.<\/div>\r\n <span class=\"hx-journey-tag\">Any existing camera<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hx-jconn\"><div class=\"hx-jconn-base\"><\/div><div class=\"hx-jconn-flow\"><svg viewBox=\"0 0 100 2\" preserveAspectRatio=\"none\"><path d=\"M0 1 L100 1\"\/><\/svg><\/div><\/div>\r\n\r\n \r\n <div class=\"hx-journey-step step-analyze\">\r\n <div class=\"hx-jorb-wrap\">\r\n <div class=\"hx-jorb-glow\"><\/div>\r\n <div class=\"hx-jorb\">\r\n <div class=\"hx-jspin-ring\"><\/div>\r\n <div class=\"hx-jorb-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <span class=\"hx-jorb-num\">2<\/span>\r\n <\/div>\r\n <div class=\"hx-journey-word\">Analyze<\/div>\r\n <div class=\"hx-journey-desc\">AI detects people, zones, and behaviors in milliseconds.<\/div>\r\n <span class=\"hx-journey-tag\">Edge AI \u00b7 <4ms<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hx-jconn\"><div class=\"hx-jconn-base\"><\/div><div class=\"hx-jconn-flow\"><svg viewBox=\"0 0 100 2\" preserveAspectRatio=\"none\"><path d=\"M0 1 L100 1\"\/><\/svg><\/div><\/div>\r\n\r\n \r\n <div class=\"hx-journey-step step-predict\">\r\n <div class=\"hx-jorb-wrap\">\r\n <div class=\"hx-jorb-glow\"><\/div>\r\n <div class=\"hx-jorb\">\r\n <div class=\"hx-jorb-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"#fff\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <span class=\"hx-jorb-num\">3<\/span>\r\n <\/div>\r\n <div class=\"hx-journey-word\">Predict<\/div>\r\n <div class=\"hx-journey-desc\">Behavioral models forecast surges and outcomes before they happen.<\/div>\r\n <span class=\"hx-journey-tag\">Predictive models<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hx-jconn\"><div class=\"hx-jconn-base\"><\/div><div class=\"hx-jconn-flow\"><svg viewBox=\"0 0 100 2\" preserveAspectRatio=\"none\"><path d=\"M0 1 L100 1\"\/><\/svg><\/div><\/div>\r\n\r\n \r\n <div class=\"hx-journey-step step-visualize\">\r\n <div class=\"hx-jorb-wrap\">\r\n <div class=\"hx-jorb-glow\"><\/div>\r\n <div class=\"hx-jorb\">\r\n <div class=\"hx-jorb-icon\">\r\n <svg 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>\r\n <\/div>\r\n <\/div>\r\n <span class=\"hx-jorb-num\">4<\/span>\r\n <\/div>\r\n <div class=\"hx-journey-word\">Visualize<\/div>\r\n <div class=\"hx-journey-desc\">Live dashboards and heatmaps for every role, in real time.<\/div>\r\n <span class=\"hx-journey-tag\">Real-time dashboards<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hx-jconn\"><div class=\"hx-jconn-base\"><\/div><div class=\"hx-jconn-flow\"><svg viewBox=\"0 0 100 2\" preserveAspectRatio=\"none\"><path d=\"M0 1 L100 1\"\/><\/svg><\/div><\/div>\r\n\r\n \r\n <div class=\"hx-journey-step step-decide\">\r\n <div class=\"hx-jorb-wrap\">\r\n <div class=\"hx-jorb-glow\"><\/div>\r\n <div class=\"hx-jorb\">\r\n <div class=\"hx-jorb-icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <span class=\"hx-jorb-num\">5<\/span>\r\n <\/div>\r\n <div class=\"hx-journey-word\">Decide<\/div>\r\n <div class=\"hx-journey-desc\">Actionable insights reach the right person at the right moment.<\/div>\r\n <span class=\"hx-journey-tag\"><1s total latency<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"hx-scenarios\">\r\n<style>\r\n#hx-scenarios{background:linear-gradient(180deg,#F8F6FF 0%,#F0EBFF 100%);padding:7rem 5%;position:relative;overflow:hidden;font-family:'Inter',sans-serif}\r\n#hx-scenarios::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(124,58,237,.06) 1px,transparent 1px);background-size:32px 32px}\r\n.hxsc-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.hxsc-hdr{text-align:center;margin-bottom:3.5rem}\r\n.hxsc-divider{width:40px;height:2px;background:linear-gradient(90deg,#7C3AED,#A855F7);border-radius:2px;margin:0 auto 1.25rem}\r\n.hxsc-lbl{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(124,58,237,.85);margin-bottom:1rem}\r\n.hxsc-ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.08;color:#1A1036;margin-bottom:1rem}\r\n.hxsc-sub{font-size:15px;color:rgba(90,75,138,.75);max-width:560px;margin:0 auto;line-height:1.8}\r\n.hxsc-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}\r\n.hxsc-pill{padding:8px 18px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.3px;border:1px solid rgba(124,58,237,.2);background:rgba(124,58,237,.06);color:rgba(90,75,138,.7);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}\r\n.hxsc-pill:hover{border-color:rgba(124,58,237,.4);color:#4C1D95;background:rgba(124,58,237,.1)}\r\n.hxsc-pill.active{background:linear-gradient(135deg,#7C3AED,#A855F7);border-color:#7C3AED;color:#fff;box-shadow:0 4px 14px rgba(124,58,237,.25)}\r\n.hxsc-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:0;border:1px solid rgba(124,58,237,.16);border-radius:24px;overflow:hidden;min-height:420px;position:relative;box-shadow:0 8px 40px rgba(124,58,237,.08)}\r\n.hxsc-without{background:#FFF9F9;border-right:1px solid rgba(124,58,237,.1);padding:2.5rem;position:relative;overflow:hidden;transition:opacity .5s cubic-bezier(.16,1,.3,1)}\r\n.hxsc-without::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(239,68,68,.7),rgba(239,68,68,.1))}\r\n.hxsc-without-tag{font-size:9.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgba(220,38,38,.7);display:flex;align-items:center;gap:7px;margin-bottom:1.5rem}\r\n.hxsc-without-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#EF4444;flex-shrink:0}\r\n.hxsc-timeline{display:flex;flex-direction:column;gap:12px}\r\n.hxsc-event{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.12);border-radius:10px;opacity:0;transform:translateX(-12px);transition:all .5s cubic-bezier(.16,1,.3,1)}\r\n.hxsc-event.show{opacity:1;transform:translateX(0)}\r\n.hxsc-event-time{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:800;color:rgba(185,28,28,.7);flex-shrink:0;min-width:44px;padding-top:1px}\r\n.hxsc-event-title{font-size:12px;font-weight:700;color:#1A1036;margin-bottom:2px}\r\n.hxsc-event-desc{font-size:11px;color:rgba(90,75,138,.65);line-height:1.55}\r\n.hxsc-center{width:80px;background:rgba(124,58,237,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;padding:1rem 0}\r\n.hxsc-center::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:1px;background:linear-gradient(180deg,transparent,rgba(124,58,237,.25) 20%,rgba(124,58,237,.25) 80%,transparent)}\r\n.hxsc-vs-label{font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgba(124,58,237,.5);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}\r\n.hxsc-center-orb{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#A855F7);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;animation:hxOrbPulse 3s ease-in-out infinite}\r\n@keyframes hxOrbPulse{0%,100%{box-shadow:0 0 0 4px rgba(168,85,247,.12)}50%{box-shadow:0 0 0 10px rgba(168,85,247,.05)}}\r\n.hxsc-center-orb svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.hxsc-with{background:#F5F0FF;padding:2.5rem;position:relative;overflow:hidden;transition:opacity .5s cubic-bezier(.16,1,.3,1)}\r\n.hxsc-with::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(124,58,237,.7),rgba(124,58,237,.1))}\r\n.hxsc-with-tag{font-size:9.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgba(109,40,217,.8);display:flex;align-items:center;gap:7px;margin-bottom:1.5rem}\r\n.hxsc-with-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#7C3AED;animation:hxLiveD2 1.8s infinite;flex-shrink:0}\r\n@keyframes hxLiveD2{0%,100%{box-shadow:0 0 0 0 rgba(168,85,247,.4)}50%{box-shadow:0 0 0 5px rgba(168,85,247,0)}}\r\n.hxsc-resolution{display:flex;flex-direction:column;gap:10px}\r\n.hxsc-resolve-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.14);border-radius:10px;opacity:0;transform:translateX(12px);transition:all .5s cubic-bezier(.16,1,.3,1)}\r\n.hxsc-resolve-item.show{opacity:1;transform:translateX(0)}\r\n.hxsc-resolve-check{width:22px;height:22px;border-radius:50%;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}\r\n.hxsc-resolve-check svg{width:11px;height:11px;stroke:#7C3AED;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}\r\n.hxsc-resolve-title{font-size:12px;font-weight:700;color:#1A1036;margin-bottom:3px}\r\n.hxsc-resolve-desc{font-size:11px;color:rgba(90,75,138,.7);line-height:1.55}\r\n.hxsc-outcome{margin-top:auto;padding:12px 14px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:10px;display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(8px);transition:all .6s cubic-bezier(.16,1,.3,1) .5s}\r\n.hxsc-outcome.show{opacity:1;transform:translateY(0)}\r\n.hxsc-outcome-label{font-size:10px;color:rgba(90,75,138,.65);font-weight:600}\r\n.hxsc-outcome-val{font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;color:#15803D;line-height:1}\r\n.hxsc-outcome-sub{font-size:9px;color:rgba(21,128,61,.65);margin-top:2px}\r\n.hxsc-progress{height:2px;background:rgba(124,58,237,.12);border-radius:1px;margin-top:2rem;position:relative;overflow:hidden}\r\n.hxsc-progress-fill{height:100%;background:linear-gradient(90deg,#7C3AED,#A855F7,#C084FC);border-radius:1px;width:0%;transition:width linear}\r\n@media(max-width:900px){\r\n .hxsc-stage{grid-template-columns:1fr;grid-template-rows:auto auto auto}\r\n .hxsc-without{border-right:none;border-bottom:1px solid rgba(168,85,247,.1)}\r\n .hxsc-center{width:100%;height:60px;flex-direction:row;padding:0 1.5rem}\r\n .hxsc-vs-label{writing-mode:horizontal-tb;transform:none}\r\n .hxsc-center::before{top:50%;bottom:auto;left:0;right:0;transform:translateY(-50%);height:1px;width:100%}\r\n}\r\n<\/style>\r\n\r\n<div class=\"hxsc-inner\">\r\n <div class=\"hxsc-hdr\">\r\n <div class=\"hxsc-divider\"><\/div>\r\n <div class=\"hxsc-lbl\">Real Scenarios<\/div>\r\n <h2 class=\"hxsc-ttl\">A day without HexaVision.<br>A day with it.<\/h2>\r\n <p class=\"hxsc-sub\">Pick a scenario and watch the same moment play out twice \u2014 once blind, once intelligent.<\/p>\r\n <\/div>\r\n\r\n <div class=\"hxsc-nav\" id=\"hxscNav\">\r\n <button class=\"hxsc-pill active\" data-sc=\"0\">Drive-Thru<\/button>\r\n <button class=\"hxsc-pill\" data-sc=\"1\">VIP Walks In<\/button>\r\n <button class=\"hxsc-pill\" data-sc=\"2\">Mall Operations<\/button>\r\n <button class=\"hxsc-pill\" data-sc=\"3\">Campaign Launch<\/button>\r\n <button class=\"hxsc-pill\" data-sc=\"4\">Lost Customer<\/button>\r\n <\/div>\r\n\r\n <div class=\"hxsc-stage\" id=\"hxscStage\">\r\n <div class=\"hxsc-without\" id=\"hxscWithout\">\r\n <div class=\"hxsc-without-tag\" id=\"hxscWTag\">Without HexaVision<\/div>\r\n <div class=\"hxsc-timeline\" id=\"hxscTimeline\"><\/div>\r\n <\/div>\r\n <div class=\"hxsc-center\">\r\n <div class=\"hxsc-vs-label\">vs<\/div>\r\n <div class=\"hxsc-center-orb\">\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 <div class=\"hxsc-vs-label\">AI<\/div>\r\n <\/div>\r\n <div class=\"hxsc-with\" id=\"hxscWith\">\r\n <div class=\"hxsc-with-tag\" id=\"hxscATag\">HexaVision Active<\/div>\r\n <div class=\"hxsc-resolution\" id=\"hxscResolution\"><\/div>\r\n <div class=\"hxsc-outcome\" id=\"hxscOutcome\">\r\n <div><div class=\"hxsc-outcome-label\" id=\"hxscOLabel\"><\/div><div class=\"hxsc-outcome-sub\" id=\"hxscOSub\"><\/div><\/div>\r\n <div class=\"hxsc-outcome-val\" id=\"hxscOVal\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hxsc-progress\"><div class=\"hxsc-progress-fill\" id=\"hxscBar\"><\/div><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\nvar SCENARIOS=[\r\n {pill:'Drive-Thru',without:[\r\n {time:'11:42',title:'Car pulls in \u2014 7th visit',desc:'No system knows this. Staff treat them like a first-time customer. No recall of past orders or preferences.'},\r\n {time:'11:44',title:'Queue building undetected',desc:'Queue is 6 cars deep. No alert sent. Manager unaware. Three customers leave the lane in frustration.'},\r\n {time:'11:52',title:'Campaign data missing',desc:'Did the new promotion increase traffic? Nobody knows. Budget decision will be based on gut feeling.'}\r\n ],with:[\r\n {title:'Vehicle recognized on entry',desc:'7th visit identified instantly. Previous order (Meal C, SAR 68) surfaced at the window before they speak.'},\r\n {title:'Queue surge detected at 5 cars',desc:'Alert sent to manager 90 seconds before it became a problem. Staff redirected. Average wait reduced by 34%.'},\r\n {title:'Campaign impact calculated in real time',desc:'Traffic up 22% vs same day last week. Basket size up SAR 11. Peak hour shifted to 11:30. All automatic.'}\r\n ],outcome:{label:'Business impact this hour',val:'\u2191 34% faster',sub:'Service time \u00b7 Campaign ROI tracked \u00b7 Loyalty built'}},\r\n {pill:'VIP Walks In',without:[\r\n {time:'14:05',title:'VIP enters \u2014 9th visit',desc:'No one at the counter knows. Customer waits in line, gets standard service. SAR 4,200 in lifetime spend, treated like a stranger.'},\r\n {time:'14:08',title:'Generic greeting',desc:'Cashier says \"Welcome.\" Customer mentions they were here last week. Staff has no record. Opportunity missed.'},\r\n {time:'14:15',title:'Customer leaves below usual spend',desc:'Spent SAR 120 vs usual SAR 380. No flag raised. Team never knows the experience fell short.'}\r\n ],with:[\r\n {title:'VIP identified at entrance \u2014 96% match',desc:'Alert fires at the counter instantly: \"9th visit \u00b7 Prefers Fragrances \u00b7 Last: SAR 380 \u00b7 Greet by name.\"'},\r\n {title:'Staff prepared before contact',desc:'Cashier greets customer by name before they reach the counter. Customer visibly surprised. Loyalty moment created.'},\r\n {title:'Behavior tracked across visit',desc:'Dwell time in fragrance zone: 8m 22s. Triggered restock recommendation for preferred SKU before next visit.'}\r\n ],outcome:{label:'Customer lifetime value',val:'SAR 4,200',sub:'Recognized \u00b7 Greeted by name \u00b7 Experience personalized'}},\r\n {pill:'Mall Operations',without:[\r\n {time:'16:20',title:'Congestion building at food court',desc:'Cameras are recording. But 14 minutes pass before operations notices. No alert was ever sent.'},\r\n {time:'16:22',title:'Underperforming zone undetected',desc:'A display zone has had 12% of expected dwell time for 3 days. No one is looking at that data.'},\r\n {time:'16:34',title:'Crowd density hits critical level',desc:'Operations scrambles reactively. Response takes 6 minutes. Visitor experience damaged.'}\r\n ],with:[\r\n {title:'Crowd surge predicted 6 minutes early',desc:'Density model predicted food court spike. Staff redirected at 16:28. No visible congestion formed.'},\r\n {title:'Underperforming zone flagged on day 1',desc:'Zone D heatmap showed 70% below average dwell. Layout recommendation generated. Change made day 2.'},\r\n {title:'Proactive capacity management',desc:'Occupancy thresholds triggered automated alerts. Operations controlled the flow before visitors felt it.'}\r\n ],outcome:{label:'Visitor satisfaction improvement',val:'\u2191 35%',sub:'Crowd managed proactively \u00b7 Layout optimized \u00b7 Data-driven ops'}},\r\n {pill:'Campaign Launch',without:[\r\n {time:'Day 1',title:'Campaign goes live',desc:'New creative launched. Team excited. No measurement plan. No baseline captured.'},\r\n {time:'Day 3',title:'Traffic feels busier \u2014 maybe',desc:'Manager estimates footfall increased. Could be weekend effect. No way to isolate the campaign impact.'},\r\n {time:'Day 7',title:'Budget meeting',desc:'CFO asks for ROI. Marketing can\\'t answer. Next campaign budget gets cut by 20%.'}\r\n ],with:[\r\n {title:'Baseline captured before launch',desc:'HexaVision records exact visitor counts, dwell times, and basket sizes 7 days pre-campaign for clean comparison.'},\r\n {title:'Real-time lift tracked hour by hour',desc:'Day 1: +18% traffic. Basket size up SAR 11. Dwell at display zones up 3m 40s. Isolated from day-of-week effect.'},\r\n {title:'Creative performance ranked',desc:'Drive-Thru screen outperformed outdoor by 2.4x. Peak hour shifted to 13:00. Next campaign briefed on data.'}\r\n ],outcome:{label:'Campaign traffic lift',val:'+22%',sub:'Measured in real-time \u00b7 Creative ranked \u00b7 Hour by hour'}},\r\n {pill:'Lost Customer',without:[\r\n {time:'Week 1',title:'Regular customer \u2014 visits 3x\/week',desc:'Always orders Meal B. Arrives between 12:00\u201313:00. High lifetime value. Nobody tracks this.'},\r\n {time:'Week 3',title:'Customer stops coming',desc:'Gone for 12 days. No flag raised. No recovery attempt made.'},\r\n {time:'Month 2',title:'Pattern repeated across 40 customers',desc:'Revenue quietly eroded. No one connected the dots.'}\r\n ],with:[\r\n {title:'Behavioral baseline built silently',desc:'HexaVision maps every regular\\'s visit pattern \u2014 frequency, timing, zone behavior, average basket \u2014 without any input required.'},\r\n {title:'Churn signal detected on day 5',desc:'Alert raised: \"Regular visitor #A-192 not seen since 3 days ago. Avg frequency: 3x\/week.\"'},\r\n {title:'Recovery recommendation generated',desc:'Platform suggests: \"Last order: Meal B. Consider loyalty offer timed to peak visit hour (12:30). Campaign triggered automatically.\"'}\r\n ],outcome:{label:'Churn detected',val:'Day 5',sub:'vs discovered Day 40+ without HexaVision \u00b7 Recovery triggered'}}\r\n];\r\nvar current=0,autoTimer=null,DURATION=8000;\r\nfunction renderScenario(idx,animate){\r\n var sc=SCENARIOS[idx];\r\n var tl=document.getElementById('hxscTimeline');\r\n var res=document.getElementById('hxscResolution');\r\n var out=document.getElementById('hxscOutcome');\r\n var bar=document.getElementById('hxscBar');\r\n if(!tl)return;\r\n tl.innerHTML='';res.innerHTML='';\r\n out.classList.remove('show');\r\n bar.style.transition='none';bar.style.width='0%';\r\n sc.without.forEach(function(ev,i){\r\n var d=document.createElement('div');\r\n d.className='hxsc-event';\r\n d.innerHTML='<div class=\"hxsc-event-time\">'+ev.time+'<\/div><div class=\"hxsc-event-body\"><div class=\"hxsc-event-title\">'+ev.title+'<\/div><div class=\"hxsc-event-desc\">'+ev.desc+'<\/div><\/div>';\r\n tl.appendChild(d);\r\n if(animate)setTimeout(function(){d.classList.add('show');},i*200+100);\r\n else d.classList.add('show');\r\n });\r\n var ol=document.getElementById('hxscOLabel'),ov=document.getElementById('hxscOVal'),os=document.getElementById('hxscOSub');\r\n if(ol)ol.textContent=sc.outcome.label;\r\n if(ov)ov.textContent=sc.outcome.val;\r\n if(os)os.textContent=sc.outcome.sub;\r\n sc.with.forEach(function(item,i){\r\n var d=document.createElement('div');\r\n d.className='hxsc-resolve-item';\r\n d.innerHTML='<div class=\"hxsc-resolve-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><div><div class=\"hxsc-resolve-title\">'+item.title+'<\/div><div class=\"hxsc-resolve-desc\">'+item.desc+'<\/div><\/div>';\r\n res.appendChild(d);\r\n if(animate)setTimeout(function(){d.classList.add('show');},i*220+200);\r\n else d.classList.add('show');\r\n });\r\n if(animate)setTimeout(function(){out.classList.add('show');},900);\r\n else out.classList.add('show');\r\n void bar.offsetWidth;\r\n bar.style.transition='width '+DURATION+'ms linear';\r\n bar.style.width='100%';\r\n document.querySelectorAll('.hxsc-pill').forEach(function(p,i){p.classList.toggle('active',i===idx);});\r\n current=idx;\r\n}\r\nfunction startAuto(){\r\n clearTimeout(autoTimer);\r\n autoTimer=setTimeout(function(){renderScenario((current+1)%SCENARIOS.length,true);startAuto();},DURATION);\r\n}\r\ndocument.querySelectorAll('.hxsc-pill').forEach(function(p,i){\r\n p.addEventListener('click',function(){clearTimeout(autoTimer);renderScenario(i,true);startAuto();});\r\n});\r\nvar booted=false;\r\nnew IntersectionObserver(function(e){if(e[0].isIntersecting&&!booted){booted=true;renderScenario(0,true);startAuto();}},{threshold:.2}).observe(document.getElementById('hx-scenarios'));\r\n})();\r\n<\/script>\r\n<\/section>\r\n\r\n\r\n<section class=\"why section\" id=\"why\">\r\n <div class=\"s-inner\">\r\n <div class=\"why-grid\">\r\n <div class=\"fade-up\">\r\n <div class=\"divider\"><\/div>\r\n <div class=\"s-label\">Why HexaVision<\/div>\r\n <h2 class=\"s-title\">Intelligence with a<br>Business Purpose<\/h2>\r\n <p class=\"s-sub\">Every organization cares about two things: improving revenue and improving performance. HexaVision delivers both \u2014 by understanding visitor behavior and translating it into decisions that directly move business results.<\/p>\r\n <div class=\"why-list\">\r\n <div class=\"why-item\">\r\n <span class=\"why-num\">01<\/span>\r\n <div class=\"why-text\"><h4>Revenue Impact, Not Just Reporting<\/h4><p>Better understanding of visitor behavior leads directly to improved sales \u2014 through smarter layouts, campaign timing, staff deployment, and customer experience design.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <span class=\"why-num\">02<\/span>\r\n <div class=\"why-text\"><h4>Decisions From Real Behavioral Data<\/h4><p>The platform understands patterns, predicts outcomes, and surfaces actionable insights across every department \u2014 replacing guesswork with clarity.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <span class=\"why-num\">03<\/span>\r\n <div class=\"why-text\"><h4>Works With Your Existing Cameras<\/h4><p>No hardware replacement. HexaVision layers intelligence over your current infrastructure \u2014 no downtime, no capital expenditure, deployed in days.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <span class=\"why-num\">04<\/span>\r\n <div class=\"why-text\"><h4>Saudi Made \u00b7 Edge AI \u00b7 Privacy First<\/h4><p>100% local processing. Data never leaves your facility. Fully aligned with Vision 2030 and Saudi data sovereignty requirements.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fade-up\">\r\n <div class=\"stat-box\">\r\n <div class=\"big-stat\"><div class=\"big-num p\">+1K<\/div><div class=\"big-label\">Clients Served<\/div><\/div>\r\n <div class=\"big-stat\"><div class=\"big-num pd\">98.2%<\/div><div class=\"big-label\">Detection Accuracy<\/div><\/div>\r\n <div class=\"big-stat\"><div class=\"big-num pp\">24\/7<\/div><div class=\"big-label\">Real-Time Intelligence<\/div><\/div>\r\n <div class=\"big-stat\"><div class=\"big-num dk\">4ms<\/div><div class=\"big-label\">Edge AI Response<\/div><\/div>\r\n <\/div>\r\n\r\n <div style=\"margin-top:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px rgba(76,29,149,.05)\">\r\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--p);margin-bottom:1rem\">KEY BUSINESS OUTCOMES<\/div>\r\n <div style=\"display:flex;flex-direction:column;gap:10px\">\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(168,85,247,.04);border-radius:10px;border:1px solid rgba(168,85,247,.08)\">\r\n <span style=\"font-size:13px;color:var(--text-2)\">Average Sales Uplift<\/span>\r\n <span style=\"font-family:var(--font-h);font-size:16px;font-weight:800;color:#22C55E\">\u2191 20%<\/span>\r\n <\/div>\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(168,85,247,.04);border-radius:10px;border:1px solid rgba(168,85,247,.08)\">\r\n <span style=\"font-size:13px;color:var(--text-2)\">Visitor Satisfaction<\/span>\r\n <span style=\"font-family:var(--font-h);font-size:16px;font-weight:800;color:var(--p)\">\u2191 35%<\/span>\r\n <\/div>\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(168,85,247,.04);border-radius:10px;border:1px solid rgba(168,85,247,.08)\">\r\n <span style=\"font-size:13px;color:var(--text-2)\">Operational Efficiency<\/span>\r\n <span style=\"font-family:var(--font-h);font-size:16px;font-weight:800;color:var(--p)\">\u2191 30%<\/span>\r\n <\/div>\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(168,85,247,.04);border-radius:10px;border:1px solid rgba(168,85,247,.08)\">\r\n <span style=\"font-size:13px;color:var(--text-2)\">Reduction in Revenue Losses<\/span>\r\n <span style=\"font-family:var(--font-h);font-size:16px;font-weight:800;color:#22C55E\">\u2193 37%<\/span>\r\n <\/div>\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(168,85,247,.04);border-radius:10px;border:1px solid rgba(168,85,247,.08)\">\r\n <span style=\"font-size:13px;color:var(--text-2)\">Safety & Compliance Level<\/span>\r\n <span style=\"font-family:var(--font-h);font-size:16px;font-weight:800;color:var(--p)\">\u2191 60%<\/span>\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=\"industries section\" id=\"industries\">\r\n <div class=\"s-inner\">\r\n <div class=\"s-hdr fade-up\" style=\"text-align:center\">\r\n <div class=\"divider\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"s-label\" style=\"text-align:center\">Industries We Serve<\/div>\r\n <h2 class=\"s-title\" style=\"text-align:center\">One Platform,<br>Every Sector<\/h2>\r\n <p class=\"s-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\">\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg 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>\r\n <div class=\"ind-name\">Retail & Stores<\/div>\r\n <div class=\"ind-desc\">Turn every camera into a merchandising, staffing, and conversion intelligence tool.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Visitor counting & employee separation<\/li>\r\n <li>Retail conversion analytics<\/li>\r\n <li>Heat mapping & product placement<\/li>\r\n <li>VIP recognition at counter<\/li>\r\n <li>Campaign effectiveness measurement<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg 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>\r\n <div class=\"ind-name\">Shopping Malls<\/div>\r\n <div class=\"ind-desc\">Unify operations, tenant performance, and visitor experience across every floor.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Crowd surge forecasting<\/li>\r\n <li>Tenant benchmarking & comparison<\/li>\r\n <li>Multi-zone occupancy analytics<\/li>\r\n <li>Queue detection across outlets<\/li>\r\n <li>Executive operations dashboard<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg 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>\r\n <div class=\"ind-name\">F&B & Drive-Thru<\/div>\r\n <div class=\"ind-desc\">Increase throughput, personalize service, and measure every campaign \u2014 from arrival to checkout.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Vehicle recognition & returning customer profiling<\/li>\r\n <li>Drive-thru service time analytics<\/li>\r\n <li>Queue & throughput optimization<\/li>\r\n <li>Order history & basket intelligence<\/li>\r\n <li>Promotional campaign measurement<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg 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>\r\n <div class=\"ind-name\">Airports & Transport<\/div>\r\n <div class=\"ind-desc\">Improve passenger flow, reduce bottlenecks, and optimize gate and terminal operations.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Passenger flow & dwell analysis<\/li>\r\n <li>Congestion prediction by terminal zone<\/li>\r\n <li>Queue analytics at check-in & security<\/li>\r\n <li>Real-time occupancy management<\/li>\r\n <li>Staff deployment optimization<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\r\n <div class=\"ind-name\">Hospitals & Healthcare<\/div>\r\n <div class=\"ind-desc\">Optimize patient flow, staff utilization, and service point performance across every department.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Patient journey & wait time analytics<\/li>\r\n <li>Registration queue detection<\/li>\r\n <li>Staff presence at service points<\/li>\r\n <li>Asset & facility utilization tracking<\/li>\r\n <li>Compliance monitoring in critical zones<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n <div class=\"ind-name\">Government Entities<\/div>\r\n <div class=\"ind-desc\">Deliver measurable public service efficiency with full data sovereignty and local processing.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Facility utilization analytics<\/li>\r\n <li>Public service performance measurement<\/li>\r\n <li>Visitor journey & service time tracking<\/li>\r\n <li>Multi-branch benchmarking<\/li>\r\n <li>100% on-premise \u2014 data sovereignty compliant<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"clients\" id=\"clients\">\r\n <div class=\"s-inner\">\r\n <div class=\"s-hdr fade-up\" style=\"text-align:center\">\r\n <div class=\"divider\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"s-label\" style=\"text-align:center\">Our Clients<\/div>\r\n <h2 class=\"s-title\" style=\"text-align:center\">Trusted by Leaders<\/h2>\r\n <p class=\"s-sub\" style=\"margin:0 auto;text-align:center\">From global brands to government entities \u2014 HexaVision has delivered intelligence at the region's most prestigious projects and events.<\/p>\r\n <\/div>\r\n <div class=\"client-grid\">\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/NEOM-01-1.png\" alt=\"NEOM\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-02_41_35-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-02_48_43-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-02_52_34-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-03_09_51-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-03_16_34-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/CBOJ-Casestudy-logo.png\" alt=\"CBOJ\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-03_22_08-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-03_26_49-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-03_38_06-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/Buffalo-Wild-Wings-Logo-500x281-1.png\" alt=\"Buffalo Wild Wings\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/olayan_food_division_logo.jpeg\" alt=\"Olayan Food Division\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/download.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/images-1.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/ibraq_logo.webp\" alt=\"Ibraq\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/Alromanisiah-logo.svg_-scaled.png\" alt=\"Al Romanisiah\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-wrap\" id=\"contact\">\r\n <div class=\"cta-inner fade-up\">\r\n <h2>Turn Every AI Platform for <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\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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>\r\n Email Us\r\n <\/a>\r\n <a href=\"tel:0579862821\" class=\"btn-ghost\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.13.81.36 1.6.68 2.35a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.75.32 1.54.55 2.35.68A2 2 0 0122 16.92z\"\/><\/svg>\r\n 0579862821\r\n <\/a>\r\n <\/div>\r\n <div class=\"cta-contact\">\r\n <div class=\"cta-contact-item\"><svg 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-contact-item\"><svg 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 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg><strong>hexavision.ai<\/strong><\/div>\r\n <div class=\"cta-contact-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 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\/* \u2550\u2550 DASHBOARD ENGINE \u2550\u2550 *\/\r\nvar dashbooted=false;\r\nfunction animCount(el,target,suffix,dur){var start=0;var timer=setInterval(function(){start+=target\/(dur\/16);if(start>=target){start=target;clearInterval(timer);}el.textContent=Math.round(start).toLocaleString()+(suffix||'');},16);}\r\nfunction buildPath(pts,w,h,pad){var xs=pts.map(function(_,i){return pad+i*(w-pad*2)\/(pts.length-1);});var min=Math.min.apply(null,pts),max=Math.max.apply(null,pts);var ys=pts.map(function(v){return pad+(1-(v-min)\/(max-min||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\nvar hmColors=['rgba(168,85,247,0.08)','rgba(168,85,247,0.16)','rgba(168,85,247,0.28)','rgba(168,85,247,0.44)','rgba(168,85,247,0.62)','rgba(168,85,247,0.8)','rgba(232,0,61,0.5)','rgba(232,0,61,0.85)'];\r\nfunction hmColor(v){return hmColors[Math.min(7,Math.floor(v\/13))];}\r\nvar hmData=[[15,40,72,55,20],[8,60,95,80,35],[5,45,88,70,28],[12,35,65,50,18]];\r\nfunction buildHeatmap(){var el=document.getElementById('heatmap');if(!el)return;el.innerHTML='';for(var r=0;r<4;r++){for(var c=0;c<5;c++){var cell=document.createElement('div');cell.className='dash-hm-cell';cell.style.background='rgba(168,85,247,0.05)';cell.setAttribute('data-v',hmData[r][c]);el.appendChild(cell);}}}\r\nfunction animateHeatmap(){var cells=document.querySelectorAll('.dash-hm-cell');cells.forEach(function(c,i){var target=parseInt(c.getAttribute('data-v'));setTimeout(function(){c.style.background=hmColor(target);},i*30);});}\r\nfunction pulseHeatmap(){var cells=document.querySelectorAll('.dash-hm-cell');cells.forEach(function(c){var v=parseInt(c.getAttribute('data-v'));var jitter=v+(Math.random()*20-10);jitter=Math.max(5,Math.min(100,jitter));c.setAttribute('data-v',Math.round(jitter));c.style.background=hmColor(jitter);});}\r\nvar barVals=[42,65,78,95,88,72,60,48];\r\nvar barColors=barVals.map(function(v){if(v>=90)return'linear-gradient(180deg,#E8003D,#A855F7)';if(v>=70)return'linear-gradient(180deg,#A855F7,#7C3AED)';return'linear-gradient(180deg,#7C3AED,rgba(124,58,237,.4))';});\r\nfunction buildBars(){var el=document.getElementById('barChart');if(!el)return;el.innerHTML='';barVals.forEach(function(v,i){var b=document.createElement('div');b.className='dash-bar-anim';b.style.background=barColors[i];b.style.height='0px';b.setAttribute('data-val',v+'%');el.appendChild(b);});}\r\nfunction animateBars(){var bars=document.querySelectorAll('.dash-bar-anim');bars.forEach(function(b,i){var v=barVals[i];setTimeout(function(){b.style.height=v+'%';},i*80);});}\r\nvar circ=2*Math.PI*28;\r\nfunction animateDonut(){var d1=circ*.45,d2=circ*.20,d3=circ*.35;var el1=document.getElementById('donut1'),el2=document.getElementById('donut2'),el3=document.getElementById('donut3');if(!el1)return;el1.style.strokeDasharray=d1+' '+(circ-d1);el1.style.strokeDashoffset='0';el1.setAttribute('transform','rotate(-90 40 40)');setTimeout(function(){el2.style.strokeDasharray=d2+' '+(circ-d2);el2.style.strokeDashoffset=-(d1\/circ*176);el2.setAttribute('transform','rotate(-90 40 40)');},200);setTimeout(function(){el3.style.strokeDasharray=d3+' '+(circ-d3);el3.style.strokeDashoffset=-((d1+d2)\/circ*176);el3.setAttribute('transform','rotate(-90 40 40)');},400);}\r\nvar todayPts=[28,35,55,80,72,90,85,75,60,45,50,40],yestPts=[22,28,42,65,58,75,70,62,50,38,42,32];\r\nfunction animateLineChart(){var svg=document.getElementById('lineChart');if(!svg)return;var W=420,H=90,pad=6;var tp=buildPath(todayPts,W,H,pad),yp=buildPath(yestPts,W,H,pad);var tFillD=tp.d+' L'+tp.xs[tp.xs.length-1]+','+(H-pad)+' L'+tp.xs[0]+','+(H-pad)+' Z';var yFillD=yp.d+' L'+yp.xs[yp.xs.length-1]+','+(H-pad)+' L'+yp.xs[0]+','+(H-pad)+' Z';var tLine=document.getElementById('tLine'),tFill=document.getElementById('tFill'),yLine=document.getElementById('yLine'),yFill=document.getElementById('yFill'),moveDot=document.getElementById('moveDot'),tooltip=document.getElementById('tooltip'),ttBg=document.getElementById('ttBg'),ttText=document.getElementById('ttText');if(!tLine)return;yLine.setAttribute('d',yp.d);yFill.setAttribute('d',yFillD);setTimeout(function(){yFill.style.opacity='1';},300);tLine.setAttribute('d',tp.d);tFill.setAttribute('d',tFillD);var totalLen=tLine.getTotalLength?tLine.getTotalLength():600;tLine.style.strokeDasharray=totalLen;tLine.style.strokeDashoffset=totalLen;tLine.style.transition='stroke-dashoffset 2s cubic-bezier(.16,1,.3,1)';setTimeout(function(){tLine.style.strokeDashoffset=0;setTimeout(function(){tFill.style.opacity='1';},800);},200);var peakIdx=todayPts.indexOf(Math.max.apply(null,todayPts));setTimeout(function(){moveDot.setAttribute('cx',tp.xs[peakIdx]);moveDot.setAttribute('cy',tp.ys[peakIdx]);moveDot.style.opacity='1';ttBg.setAttribute('x',tp.xs[peakIdx]-36);ttBg.setAttribute('y',tp.ys[peakIdx]-26);ttText.setAttribute('x',tp.xs[peakIdx]);ttText.setAttribute('y',tp.ys[peakIdx]-14);ttText.textContent='Peak +24%';tooltip.style.opacity='1';},2400);}\r\nvar alertData=[\r\n {color:'#22C55E',text:'<strong>Zone B<\/strong> \u2014 Conversion rate up 12% this hour'},\r\n {color:'#F59E0B',text:'<strong>Zone A<\/strong> \u2014 High dwell time detected (8m+)'},\r\n {color:'#A855F7',text:'<strong>Entrance 3<\/strong> \u2014 VIP visitor detected \u00b7 Visit 9'},\r\n {color:'#22D3EE',text:'<strong>All branches<\/strong> \u2014 Peak hour forecast: 13:00\u201314:00'},\r\n];\r\nvar alertIdx=0;\r\nfunction buildAlerts(){var el=document.getElementById('alertFeed');if(!el)return;el.innerHTML='';alertData.slice(0,3).forEach(function(a,i){var div=document.createElement('div');div.className='dash-alert-item';div.style.animationDelay=(i*150)+'ms';div.innerHTML='<span class=\"dash-alert-dot\" style=\"background:'+a.color+'\"><\/span><span class=\"dash-alert-text\">'+a.text+'<\/span><span class=\"dash-alert-time\">'+(i===0?'now':i===1?'2m ago':'5m ago')+'<\/span>';el.appendChild(div);});}\r\nfunction rotateAlert(){var el=document.getElementById('alertFeed');if(!el)return;alertIdx=(alertIdx+1)%alertData.length;var newAlert=alertData[alertIdx];var div=document.createElement('div');div.className='dash-alert-item';div.innerHTML='<span class=\"dash-alert-dot\" style=\"background:'+newAlert.color+'\"><\/span><span class=\"dash-alert-text\">'+newAlert.text+'<\/span><span class=\"dash-alert-time\">now<\/span>';el.insertBefore(div,el.firstChild);if(el.children.length>3)el.removeChild(el.lastChild);Array.from(el.querySelectorAll('.dash-alert-time')).forEach(function(t,i){t.textContent=i===0?'now':i===1?'2m ago':'5m ago';});}\r\nfunction bootDashboard(){if(dashbooted)return;dashbooted=true;buildHeatmap();buildBars();buildAlerts();setTimeout(function(){var v=document.getElementById('kpi-visitors'),o=document.getElementById('kpi-occ'),d=document.getElementById('kpi-dwell'),a=document.getElementById('kpi-alerts');if(v)animCount(v,4821,'',1800);if(a)animCount(a,47,'',1400);setTimeout(function(){if(o){var t=0;var ti=setInterval(function(){t+=2;if(t>=73){t=73;clearInterval(ti);}o.textContent=t+'%';},25);}if(d){var m=0;var ti2=setInterval(function(){m+=1;if(m>=14){m=14;clearInterval(ti2);}d.textContent=m+'m';},60);}},200);},100);setTimeout(animateHeatmap,300);setTimeout(animateBars,500);setTimeout(animateDonut,700);setTimeout(animateLineChart,400);setInterval(pulseHeatmap,4000);setInterval(rotateAlert,5000);setInterval(function(){var bars=document.querySelectorAll('.dash-bar-anim');var idx=Math.floor(Math.random()*bars.length);bars[idx].style.height=(30+Math.random()*65)+'%';},2500);}\r\nnew IntersectionObserver(function(entries){if(entries[0].isIntersecting)bootDashboard();},{threshold:0.2}).observe(document.getElementById('liveDash'));\r\nvar obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting)e.target.classList.add('visible');});},{threshold:.1});\r\ndocument.querySelectorAll('.fade-up').forEach(function(el){obs.observe(el);});\r\n\r\n\/* Journey steps animate in *\/\r\nvar journeyObs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){var steps=document.querySelectorAll('#hxJourneyTrack .hx-journey-step');steps.forEach(function(s,i){setTimeout(function(){s.classList.add('visible');},i*160);});journeyObs.disconnect();}});},{threshold:.25});\r\nvar jt=document.getElementById('hxJourneyTrack');if(jt)journeyObs.observe(jt);\r\n\r\nvar clientObs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){document.querySelectorAll('.client-item').forEach(function(el,i){setTimeout(function(){el.style.transition='all .5s cubic-bezier(.16,1,.3,1)';el.style.opacity='1';el.style.transform='translateY(0)';},55*i);});}});},{threshold:.1});\r\nvar cg=document.querySelector('.client-grid');\r\nif(cg){document.querySelectorAll('.client-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(18px)';});clientObs.observe(cg);}\r\nvar prog=document.getElementById('scrollProg');\r\nwindow.addEventListener('scroll',function(){prog.style.width=(window.scrollY\/(document.documentElement.scrollHeight-window.innerHeight)*100)+'%';});\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\ndocument.querySelectorAll('.cap-card,.ind-card').forEach(function(card){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(-5px) rotateY('+x*5+'deg) rotateX('+(-y*5)+'deg)';});card.addEventListener('mouseleave',function(){card.style.transform='';});});\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 HexaVision \u00b7 AI Business Intelligence Platform Visual DataTransformed IntoBusiness Decisions. HexaVision is an AI platform that turns raw visual data from your existing cameras into operational intelligence \u2014 helping organizations understand customers, optimize performance, and make smarter decisions in real time. Explore Platform Request a Demo Scroll One Platform […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/6","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":92,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":697,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/6\/revisions\/697"}],"wp:attachment":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/media?parent=6"}],"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<\/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\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --p:#A855F7;--p-dark:#7C3AED;--p-deep:#6D28D9;--p-deepest:#4C1D95;\r\n --p-light:#C084FC;--p-pale:#F3EFFE;\r\n --dark:#08090F;--dark2:#0F0B1E;--dark3:#160D2E;\r\n --text:#1A1036;--text-2:#5B4B8A;\r\n --bg:#FAFBFE;--card:#FFFFFF;\r\n --border:rgba(124,58,237,0.1);\r\n --grad:linear-gradient(135deg,#A855F7 0%,#7C3AED 50%,#4C1D95 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-prog{position:fixed;top:0;left:0;height:3px;background:var(--grad);z-index:10000;transition:width .1s linear;width:0}\r\n\r\n\/* \u2500\u2500 BTNS \u2500\u2500 *\/\r\n.btn-p{background:var(--p);color:#fff;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;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:var(--p-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(168,85,247,.35)}\r\n.btn-ghost-w{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,.35);transition:all .3s;display:inline-flex;align-items:center;gap:8px}\r\n.btn-ghost-w:hover{border-color:#fff;background:rgba(255,255,255,.08);transform:translateY(-2px)}\r\n.btn-ghost{background:transparent;color:var(--text);padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;border:1.5px solid var(--border);transition:all .3s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}\r\n.btn-ghost:hover{border-color:var(--p);color:var(--p);background:rgba(168,85,247,.04)}\r\n\r\n\/* \u2500\u2500 HERO VIDEO \u2500\u2500 *\/\r\n.hero{min-height:100vh;position:relative;overflow:hidden;background:var(--dark);display:flex;align-items:center}\r\n.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}\r\n.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,15,.97) 0%,rgba(8,9,15,.85) 42%,rgba(8,9,15,.18) 100%);z-index:1}\r\n.hero-overlay::after{content:'';position:absolute;inset:0;background:rgba(76,29,149,.15)}\r\n.hero-grid-ov{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(168,85,247,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.03) 1px,transparent 1px);background-size:56px 56px}\r\n.hero-content{position:relative;z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:clamp(7rem,12vh,10rem) 5% clamp(5rem,9vh,7rem);color:#fff}\r\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);border-radius:100px;padding:6px 18px;font-size:11px;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:2rem;letter-spacing:1.5px;text-transform:uppercase;backdrop-filter:blur(8px);opacity:0;animation:revealUp .8s cubic-bezier(.16,1,.3,1) forwards .1s}\r\n.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#22C55E;display:inline-block;animation:pulseDot 2s infinite}\r\n@keyframes pulseDot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(34,197,94,0)}}\r\n.hero h1{font-family:var(--font-h);font-size:clamp(44px,5.8vw,80px);font-weight:800;line-height:1.03;letter-spacing:-2.5px;margin-bottom:1.5rem;color:#fff;opacity:0;animation:revealUp 1s cubic-bezier(.16,1,.3,1) forwards .25s}\r\n.hero h1 .accent{background:linear-gradient(90deg,#A855F7,#C084FC,#7C3AED,#A855F7);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradShift 6s ease infinite}\r\n.hero h1 .dim{color:rgba(255,255,255,.45)}\r\n@keyframes gradShift{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;margin-bottom:2.5rem;line-height:1.8;font-weight:400;opacity:0;animation:revealUp 1s cubic-bezier(.16,1,.3,1) forwards .45s}\r\n.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:revealUp 1s cubic-bezier(.16,1,.3,1) forwards .65s}\r\n.hero-scroll{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;animation:revealUp .8s cubic-bezier(.16,1,.3,1) forwards 1s}\r\n.hero-scroll-label{font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.3)}\r\n.hero-scroll-line{width:1px;height:40px;background:linear-gradient(180deg,rgba(168,85,247,.6),transparent);animation:scrollPulse 2s ease-in-out infinite}\r\n@keyframes scrollPulse{0%,100%{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}\r\n@keyframes revealUp{from{opacity:0;transform:translateY(22px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}\r\n\r\n\/* \u2500\u2500 OFFER STRIP \u2500\u2500 *\/\r\n.offer-strip{background:linear-gradient(180deg,#0A0518 0%,#0F0B1E 100%);padding:4rem 5%;position:relative;overflow:hidden}\r\n.offer-strip::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(168,85,247,.04) 1px,transparent 1px);background-size:30px 30px}\r\n.offer-strip-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.offer-strip-label{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(168,85,247,.6);margin-bottom:.75rem;text-align:center}\r\n.offer-strip-title{font-family:var(--font-h);font-size:clamp(18px,2.5vw,26px);font-weight:700;color:rgba(255,255,255,.9);text-align:center;margin-bottom:2.5rem;letter-spacing:-.5px}\r\n.offer-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}\r\n.offer-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(168,85,247,.18);font-size:13px;font-weight:600;color:rgba(255,255,255,.8);transition:all .3s;letter-spacing:.2px}\r\n.offer-pill:hover{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.45);color:#fff}\r\n.offer-pill-check{width:18px;height:18px;border-radius:5px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.offer-pill-check svg{width:10px;height:10px;stroke:#22C55E;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n\/* \u2500\u2500 SHARED SECTION \u2500\u2500 *\/\r\n.section{padding:7rem 5%}\r\n.s-inner{max-width:1320px;margin:0 auto}\r\n.s-label{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--p);margin-bottom:1rem}\r\n.s-title{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.s-sub{font-size:16px;color:var(--text-2);max-width:600px;line-height:1.8}\r\n.s-hdr{margin-bottom:4rem}\r\n.divider{width:40px;height:2px;background:var(--grad);border-radius:2px;margin-bottom:1.5rem}\r\n\r\n\/* \u2500\u2500 FADE UP \u2500\u2500 *\/\r\n.fade-up{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}\r\n.fade-up.visible{opacity:1;transform:translateY(0)}\r\n\r\n\/* \u2500\u2500 PLATFORM INTRO \u2500\u2500 *\/\r\n.platform-intro{background:linear-gradient(180deg,#F0EBFF 0%,#FAFBFE 60%,#fff 100%);padding:6rem 5%}\r\n.platform-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);gap:3rem;align-items:center}\r\n.platform-intro-text{padding:1rem 0}\r\n.kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:8px;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.2);font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--p-dark);margin-bottom:1.5rem}\r\n.kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--p);box-shadow:0 0 0 5px rgba(168,85,247,.15)}\r\n.platform-title{font-family:var(--font-h);font-size:clamp(32px,4.5vw,54px);font-weight:800;letter-spacing:-2px;line-height:1.02;margin-bottom:1.1rem;color:var(--text)}\r\n.platform-title .accent{color:var(--p-dark)}\r\n.platform-copy{font-size:16px;color:var(--text-2);line-height:1.85;margin-bottom:1.75rem}\r\n.platform-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none}\r\n.platform-points li{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.9);border:1px solid rgba(124,58,237,.1);font-size:13px;color:var(--text-2);line-height:1.6}\r\n.platform-points li strong{display:block;font-family:var(--font-h);font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}\r\n\r\n\/* \u2500\u2500 DASHBOARD VISUAL \u2500\u2500 *\/\r\n.dashboard-wrap{border-radius:20px;overflow:hidden;background:#07050F;border:1px solid rgba(168,85,247,.18);box-shadow:0 32px 80px rgba(76,29,149,.2)}\r\n.dashboard-topbar{background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.06);padding:10px 16px;display:flex;align-items:center;gap:8px}\r\n.dash-dot{width:10px;height:10px;border-radius:50%}\r\n.dash-dot.r{background:#FF5F57}.dash-dot.y{background:#FEBC2E}.dash-dot.g{background:#28C840}\r\n.dash-title{font-size:11px;color:rgba(255,255,255,.28);font-weight:500;margin-left:6px;letter-spacing:.4px;flex:1}\r\n.dash-live-pill{display:flex;align-items:center;gap:5px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.22);border-radius:6px;padding:3px 9px;font-size:10px;font-weight:700;color:#22C55E;letter-spacing:.5px}\r\n.dash-live-dot{width:5px;height:5px;border-radius:50%;background:#22C55E;animation:ldPulse 1.5s infinite}\r\n@keyframes ldPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(34,197,94,0)}}\r\n.dashboard-body{padding:14px;display:flex;flex-direction:column;gap:12px}\r\n.dash-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}\r\n.dash-kpi{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px}\r\n.dash-kpi-label{font-size:10px;color:rgba(255,255,255,.38);font-weight:600;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}\r\n.dash-kpi-val{font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:800;color:#fff;line-height:1;margin-bottom:5px}\r\n.dash-kpi-delta{font-size:10px;font-weight:600}\r\n.dash-kpi-delta.up{color:#22C55E}.dash-kpi-delta.neutral{color:#F59E0B}\r\n.dash-row-2col{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}\r\n.dash-row-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}\r\n.dash-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);border-radius:12px;padding:14px}\r\n.dash-panel-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}\r\n.dash-panel-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.55);letter-spacing:.5px;text-transform:uppercase}\r\n.dash-panel-tag{font-size:10px;color:rgba(168,85,247,.7);font-weight:600;letter-spacing:.3px}\r\n.dash-tag-live{display:flex;align-items:center;gap:5px;color:#22C55E}\r\n.dash-linechart-wrap{position:relative}\r\n.dash-chart-legend{display:flex;gap:14px;margin-top:6px}\r\n.dash-chart-legend span{display:flex;align-items:center;gap:5px;font-size:10px;color:rgba(255,255,255,.4);font-weight:500}\r\n.dash-legend-line{display:inline-block;width:18px;height:2px;border-radius:1px}\r\n.dash-heatmap{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:3px;height:90px}\r\n.dash-hm-cell{border-radius:4px;transition:background .8s ease,transform .3s ease}\r\n.dash-hm-cell:hover{transform:scale(1.08)}\r\n.dash-heatmap-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:5px}\r\n.dash-heatmap-labels span{font-size:9px;color:rgba(255,255,255,.25);text-align:center}\r\n.dash-bars-wrap{display:flex;flex-direction:column;gap:6px;flex:1}\r\n.dash-bar-group{display:flex;align-items:flex-end;gap:5px;height:80px}\r\n.dash-bar-anim{flex:1;border-radius:4px 4px 0 0;height:0;transition:height 1.2s cubic-bezier(.16,1,.3,1);position:relative}\r\n.dash-bar-anim::after{content:attr(data-val);position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:8px;color:rgba(255,255,255,.3);white-space:nowrap;opacity:0;transition:opacity .3s}\r\n.dash-bar-anim:hover::after{opacity:1}\r\n.dash-bar-xlabels{display:flex;gap:5px}\r\n.dash-bar-xlabels span{flex:1;text-align:center;font-size:9px;color:rgba(255,255,255,.2)}\r\n.dash-donut-wrap{display:flex;align-items:center;gap:14px}\r\n.dash-donut-legend{display:flex;flex-direction:column;gap:10px;flex:1}\r\n.dash-legend-row{display:flex;align-items:center;gap:7px}\r\n.dlr-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}\r\n.dlr-label{font-size:11px;color:rgba(255,255,255,.45);flex:1}\r\n.dlr-val{font-size:12px;font-weight:700;color:rgba(255,255,255,.75)}\r\n.dash-alerts{display:flex;flex-direction:column;gap:7px;max-height:110px;overflow:hidden}\r\n.dash-alert-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);animation:alertSlide .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(-8px)}\r\n@keyframes alertSlide{to{opacity:1;transform:translateY(0)}}\r\n.dash-alert-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:3px}\r\n.dash-alert-text{font-size:10px;color:rgba(255,255,255,.55);line-height:1.5}\r\n.dash-alert-text strong{color:rgba(255,255,255,.8);font-weight:600}\r\n.dash-alert-time{font-size:9px;color:rgba(255,255,255,.22);margin-left:auto;flex-shrink:0;margin-top:2px}\r\n\r\n\/* \u2500\u2500 CAPABILITIES \u2500\u2500 *\/\r\n.capabilities{background:linear-gradient(180deg,#fff 0%,#F8F6FF 60%,#F0EBFF 100%)}\r\n.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}\r\n.cap-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.75rem;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(76,29,149,.04);transition:all .4s cubic-bezier(.16,1,.3,1)}\r\n.cap-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad);opacity:0;transition:opacity .3s}\r\n.cap-card:hover{border-color:rgba(168,85,247,.22);transform:translateY(-5px);box-shadow:0 16px 40px rgba(76,29,149,.1)}\r\n.cap-card:hover::after{opacity:1}\r\n.cap-icon{width:44px;height:44px;border-radius:12px;background:rgba(168,85,247,.07);border:1px solid rgba(168,85,247,.14);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s}\r\n.cap-icon svg{width:22px;height:22px;stroke:var(--p);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}\r\n.cap-card:hover .cap-icon{background:var(--p);border-color:var(--p)}\r\n.cap-card:hover .cap-icon svg{stroke:#fff}\r\n.cap-title{font-family:var(--font-h);font-size:14px;font-weight:700;margin-bottom:6px;color:var(--text)}\r\n.cap-desc{font-size:12.5px;color:var(--text-2);line-height:1.65}\r\n\r\n\/* \u2500\u2500 WHY US \u2500\u2500 *\/\r\n.why{background:linear-gradient(160deg,#F0EBFF 0%,#F8F6FF 50%,#EDE8FC 100%)}\r\n.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}\r\n.why-list{display:flex;flex-direction:column;gap:1.75rem;margin-top:2rem}\r\n.why-item{display:flex;gap:1.25rem;align-items:flex-start}\r\n.why-num{font-family:var(--font-h);font-size:11px;font-weight:800;color:var(--p);background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.18);border-radius:6px;padding:3px 9px;flex-shrink:0;margin-top:3px;letter-spacing:.5px}\r\n.why-text h4{font-family:var(--font-h);font-size:15px;font-weight:700;margin-bottom:4px;color:var(--text)}\r\n.why-text p{font-size:13px;color:var(--text-2);line-height:1.7}\r\n.stat-box{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;box-shadow:0 4px 20px rgba(76,29,149,.06)}\r\n.big-stat{text-align:center}\r\n.big-num{font-family:var(--font-h);font-size:42px;font-weight:800;line-height:1;margin-bottom:6px}\r\n.big-num.p{color:var(--p)}.big-num.pd{color:var(--p-dark)}.big-num.pp{color:var(--p-light)}.big-num.dk{color:var(--text)}\r\n.big-label{font-size:12px;color:var(--text-2);font-weight:500}\r\n\r\n\/* \u2500\u2500 INDUSTRIES \u2500\u2500 *\/\r\n.industries{background:linear-gradient(160deg,#F8F6FF 0%,#F0EBFF 50%,#EDE8FC 100%)}\r\n.ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:3rem}\r\n.ind-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.75rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(76,29,149,.04)}\r\n.ind-card:hover{border-color:rgba(168,85,247,.22);transform:translateY(-5px);box-shadow:0 16px 32px rgba(76,29,149,.1)}\r\n.ind-icon-wrap{width:48px;height:48px;border-radius:13px;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.1rem}\r\n.ind-icon-wrap svg{width:22px;height:22px;stroke:var(--p);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\r\n.ind-name{font-family:var(--font-h);font-size:15px;font-weight:700;margin-bottom:8px;color:var(--text)}\r\n.ind-desc{font-size:12px;color:var(--text-2);line-height:1.6;margin-bottom:12px}\r\n.ind-use-cases{list-style:none;display:flex;flex-direction:column;gap:5px}\r\n.ind-use-cases li{font-size:11px;color:var(--text-2);padding:5px 8px;background:rgba(168,85,247,.04);border-radius:6px;border-left:2px solid rgba(168,85,247,.3);line-height:1.4}\r\n\r\n\/* \u2500\u2500 CLIENTS \u2500\u2500 *\/\r\n.clients{background:linear-gradient(180deg,#fff 0%,#F8F6FF 100%);padding:5rem 5%}\r\n.client-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;max-width:1200px;margin:3rem auto 0}\r\n.client-item{display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid rgba(124,58,237,.08);border-radius:14px;min-width:160px;min-height:90px;padding:20px 28px;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(76,29,149,.03)}\r\n.client-item:hover{border-color:rgba(168,85,247,.22);transform:translateY(-4px);box-shadow:0 12px 28px rgba(76,29,149,.08)}\r\n.client-item img{height:48px!important;max-width:130px!important;width:auto!important;object-fit:contain!important;filter:grayscale(100%);opacity:.65;transition:all .35s}\r\n.client-item:hover img{filter:grayscale(0%);opacity:1}\r\n\r\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n.cta-wrap{background:linear-gradient(180deg,#FAFBFE 0%,#F0EBFF 100%);padding:6rem 5%}\r\n.cta-inner{max-width:1320px;margin:0 auto;background:linear-gradient(135deg,#160D2E 0%,#2D1B4E 50%,#1E0A4C 100%);border-radius:24px;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,.16) 0%,transparent 60%);pointer-events:none}\r\n.cta-inner::after{content:'';position:absolute;width:100%;height:100%;top:0;left: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-inner h2{font-family:var(--font-h);font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:1.25rem;position:relative;z-index:1}\r\n.cta-inner h2 span{color:var(--p-light)}\r\n.cta-inner p{font-size:16px;color:rgba(255,255,255,.65);max-width:560px;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-btns .btn-ghost{color:#fff;border-color:rgba(255,255,255,.22)}\r\n.cta-btns .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}\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-contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.55)}\r\n.cta-contact-item strong{color:#fff}\r\n.cta-contact-item svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}\r\n\r\n\/* \u2500\u2500 VALUE JOURNEY \u2014 animated \u2500\u2500 *\/\r\n@keyframes jFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}\r\n@keyframes jFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\r\n@keyframes jFloat3{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\r\n@keyframes jFloat4{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}\r\n@keyframes jFloat5{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}\r\n@keyframes jScan{0%{top:14px;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:66px;opacity:0}}\r\n@keyframes jSpinCW{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\r\n@keyframes jSpinCCW{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}\r\n@keyframes jZoomPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}\r\n@keyframes jBoltFlash{0%,100%{opacity:1}45%{opacity:.4}55%{opacity:1}}\r\n@keyframes jScreenBlink{0%,100%{opacity:1}48%{opacity:1}50%{opacity:.3}52%{opacity:1}}\r\n@keyframes jHeartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(1)}42%{transform:scale(1.12)}56%{transform:scale(1)}}\r\n@keyframes jFlowDash{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}\r\n@keyframes jGlowPulse{0%,100%{opacity:.4}50%{opacity:.9}}\r\n@keyframes jNumPop{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}\r\n@keyframes jFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}\r\n.hx-journey-section{background:linear-gradient(180deg,#0F0B1E 0%,#08050F 100%);padding:6rem 5%;position:relative;overflow:hidden;font-family:'Inter',sans-serif}\r\n.hx-journey-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:30px 30px}\r\n.hx-journey-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}\r\n.hx-journey-hdr{text-align:center;margin-bottom:4rem}\r\n.hx-journey-lbl{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(168,85,247,.85);margin-bottom:1rem}\r\n.hx-journey-ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.5px;line-height:1.15;color:#fff;margin-bottom:1rem}\r\n.hx-journey-sub{font-size:15px;color:rgba(255,255,255,.5);max-width:520px;margin:0 auto;line-height:1.8}\r\n\/* track: flex with connectors between steps *\/\r\n.hx-journey-track{display:flex;align-items:center;justify-content:center;gap:0;position:relative}\r\n\/* connector line *\/\r\n.hx-jconn{flex:1;height:2px;position:relative;min-width:0;overflow:visible}\r\n.hx-jconn-base{position:absolute;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.1)}\r\n.hx-jconn-flow{position:absolute;top:0;left:0;right:0;height:2px}\r\n.hx-jconn-flow svg{width:100%;height:2px;display:block;overflow:visible}\r\n.hx-jconn-flow path{stroke:rgba(255,255,255,.3);stroke-width:1.5;fill:none;stroke-dasharray:5 4;animation:jFlowDash 1.2s linear infinite}\r\n.hx-jconn:nth-of-type(2) .hx-jconn-flow path{animation-delay:.3s}\r\n.hx-jconn:nth-of-type(4) .hx-jconn-flow path{animation-delay:.6s}\r\n.hx-jconn:nth-of-type(6) .hx-jconn-flow path{animation-delay:.9s}\r\n\/* step *\/\r\n.hx-journey-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;flex-shrink:0;opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}\r\n.hx-journey-step.visible{opacity:1;transform:translateY(0)}\r\n\/* float per step *\/\r\n.hx-journey-step.visible.step-collect .hx-jorb-wrap{animation:jFloat1 3.0s ease-in-out infinite}\r\n.hx-journey-step.visible.step-analyze .hx-jorb-wrap{animation:jFloat2 3.6s ease-in-out infinite .4s}\r\n.hx-journey-step.visible.step-predict .hx-jorb-wrap{animation:jFloat3 2.8s ease-in-out infinite .8s}\r\n.hx-journey-step.visible.step-visualize .hx-jorb-wrap{animation:jFloat4 3.3s ease-in-out infinite 1.2s}\r\n.hx-journey-step.visible.step-decide .hx-jorb-wrap{animation:jFloat5 3.1s ease-in-out infinite .2s}\r\n.hx-jorb-wrap{position:relative;width:96px;height:96px;flex-shrink:0}\r\n\/* glow ring behind orb *\/\r\n.hx-jorb-glow{position:absolute;inset:-8px;border-radius:50%;animation:jGlowPulse 2.5s ease-in-out infinite}\r\n.step-collect .hx-jorb-glow{background:radial-gradient(circle,rgba(59,108,248,.3) 0%,transparent 70%)}\r\n.step-analyze .hx-jorb-glow{background:radial-gradient(circle,rgba(168,85,247,.3) 0%,transparent 70%);animation-delay:.5s}\r\n.step-predict .hx-jorb-glow{background:radial-gradient(circle,rgba(107,36,200,.3) 0%,transparent 70%);animation-delay:1s}\r\n.step-visualize .hx-jorb-glow{background:radial-gradient(circle,rgba(12,184,200,.3) 0%,transparent 70%);animation-delay:1.5s}\r\n.step-decide .hx-jorb-glow{background:radial-gradient(circle,rgba(28,184,90,.3) 0%,transparent 70%);animation-delay:2s}\r\n\/* orb circle *\/\r\n.hx-jorb{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}\r\n.step-collect .hx-jorb{background:linear-gradient(135deg,#3B6CF8,#5B8BFF);box-shadow:0 8px 28px rgba(59,108,248,.45)}\r\n.step-analyze .hx-jorb{background:linear-gradient(135deg,#8B3FD8,#A855F7);box-shadow:0 8px 28px rgba(139,63,216,.45)}\r\n.step-predict .hx-jorb{background:linear-gradient(135deg,#6B24C8,#7C3AED);box-shadow:0 8px 28px rgba(107,36,200,.45)}\r\n.step-visualize .hx-jorb{background:linear-gradient(135deg,#0CB8C8,#14D8E8);box-shadow:0 8px 28px rgba(12,184,200,.45)}\r\n.step-decide .hx-jorb{background:linear-gradient(135deg,#1CB85A,#22D46A);box-shadow:0 8px 28px rgba(28,184,90,.45)}\r\n\/* badge number *\/\r\n.hx-jorb-num{position:absolute;top:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:#A855F7;border:2.5px solid #08050F;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;line-height:1}\r\n.step-collect .hx-jorb-num{animation:jNumPop 3.0s ease-in-out infinite}\r\n.step-analyze .hx-jorb-num{animation:jNumPop 3.0s ease-in-out infinite .6s}\r\n.step-predict .hx-jorb-num{animation:jNumPop 3.0s ease-in-out infinite 1.2s}\r\n.step-visualize .hx-jorb-num{animation:jNumPop 3.0s ease-in-out infinite 1.8s}\r\n.step-decide .hx-jorb-num{animation:jNumPop 3.0s ease-in-out infinite 2.4s}\r\n\/* icon inside orb *\/\r\n.hx-jorb-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px}\r\n.hx-jorb-icon svg{width:36px;height:36px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\r\n\/* scan overlay for step 1 *\/\r\n.hx-jscan-clip{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none;z-index:3}\r\n.hx-jscan-beam{position:absolute;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);border-radius:1px;animation:jScan 2s ease-in-out infinite;top:14px}\r\n\/* spinning ring for step 2 *\/\r\n.hx-jspin-ring{position:absolute;inset:10px;border-radius:50%;border:2px dashed rgba(255,255,255,.4);animation:jSpinCW 3s linear infinite;pointer-events:none;z-index:3}\r\n\/* step 2 icon zoom *\/\r\n.step-analyze .hx-jorb-icon svg{animation:jZoomPulse 2.4s ease-in-out infinite}\r\n\/* bolt flash step 3 *\/\r\n.step-predict .hx-jorb-icon svg{fill:#fff;animation:jBoltFlash 1.4s ease-in-out infinite}\r\n\/* screen blink step 4 *\/\r\n.step-visualize .hx-jorb-icon svg{animation:jScreenBlink 3s ease-in-out infinite}\r\n\/* heartbeat step 5 *\/\r\n.step-decide .hx-jorb-icon svg{animation:jHeartbeat 1.6s ease-in-out infinite}\r\n\/* text below *\/\r\n.hx-journey-word{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:800;color:#fff;margin-top:14px;margin-bottom:5px;letter-spacing:-.2px}\r\n.hx-journey-desc{font-size:12px;color:rgba(255,255,255,.45);line-height:1.6;max-width:140px}\r\n.hx-journey-tag{font-size:10px;font-weight:700;color:rgba(168,85,247,.75);letter-spacing:.5px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);border-radius:6px;padding:3px 9px;margin-top:8px;display:inline-block}\r\n@media(max-width:800px){\r\n .hx-journey-track{flex-wrap:wrap;gap:2rem;justify-content:center}\r\n .hx-jconn{display:none}\r\n .hx-journey-step{width:140px}\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:1100px){.platform-layout{grid-template-columns:1fr}}\r\n@media(max-width:900px){\r\n .hero h1{font-size:clamp(34px,8vw,48px)}\r\n .why-grid{grid-template-columns:1fr}\r\n .platform-points{grid-template-columns:1fr}\r\n .dashboard-body{flex-direction:column}\r\n}\r\n@media(max-width:600px){\r\n .cta-inner{padding:3rem 1.5rem}\r\n .hero-btns{flex-direction:column;gap:10px}\r\n .btn-p,.btn-ghost-w{justify-content:center}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"scroll-prog\" id=\"scrollProg\"><\/div>\r\n\r\n\r\n<section class=\"hero\">\r\n <video class=\"hero-video\" autoplay muted loop playsinline preload=\"auto\">\r\n <source src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/0621.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-grid-ov\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\"><span class=\"hero-badge-dot\"><\/span>HexaVision \u00b7 AI Business Intelligence Platform<\/div>\r\n <h1>Visual Data<br><span class=\"accent\">Transformed Into<\/span><br><span class=\"dim\">Business Decisions.<\/span><\/h1>\r\n <p class=\"hero-sub\">HexaVision is an AI platform that turns raw visual data from your existing cameras into operational intelligence \u2014 helping organizations understand customers, optimize performance, and make smarter decisions in real time.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#platform\" class=\"btn-p\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 Explore Platform\r\n <\/a>\r\n <a href=\"#contact\" class=\"btn-ghost-w\">Request a Demo<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-scroll\">\r\n <span class=\"hero-scroll-label\">Scroll<\/span>\r\n <div class=\"hero-scroll-line\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"offer-strip\">\r\n <div class=\"offer-strip-inner\">\r\n <div class=\"offer-strip-label\">One Platform \u2014 Full Intelligence<\/div>\r\n <div class=\"offer-strip-title\">Everything you need in a single AI Business Intelligence platform<\/div>\r\n <div class=\"offer-pills\">\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Visitor Behavior Analytics<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Customer Journey Intelligence<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Operational Analytics<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Heat Mapping<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Predictive Insights<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Executive Dashboards<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Multi-Branch Benchmarking<\/span>\r\n <span class=\"offer-pill\"><span class=\"offer-pill-check\"><svg viewBox=\"0 0 12 12\"><polyline points=\"2,6 5,9 10,3\"\/><\/svg><\/span>Campaign Effectiveness<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"platform-intro\" id=\"platform\">\r\n <div class=\"platform-layout\">\r\n <div class=\"platform-intro-text fade-up\">\r\n <div class=\"kicker\"><span class=\"kicker-dot\"><\/span>HexaVision AI Platform<\/div>\r\n <h2 class=\"platform-title\">Your Data.<br><span class=\"accent\">Your Decisions. Your Growth.<\/span><\/h2>\r\n <p class=\"platform-copy\">Organizations run thousands of cameras \u2014 yet most only record. HexaVision transforms that raw visual data into business intelligence that directly improves revenue, operational performance, and customer experience. One platform. Every camera. Real decisions.<\/p>\r\n <ul class=\"platform-points\">\r\n <li><strong>Visitor & Behavioral Analytics<\/strong>Understand visitor volume, dwell time, movement flow, and zone activity \u2014 real-time and historical \u2014 to drive smarter operational decisions.<\/li>\r\n <li><strong>Customer Journey Intelligence<\/strong>Follow the full journey: entrance \u2192 display \u2192 counter \u2192 purchase. See exactly where customers drop off and what drives conversion.<\/li>\r\n <li><strong>Heat Mapping & Movement Flow<\/strong>Visualize high-activity zones, popular paths, and underused spaces to optimize layout, staffing, and product placement.<\/li>\r\n <li><strong>Campaign & Performance Impact<\/strong>Measure how promotions, signage, and campaigns actually affect foot traffic, dwell time, and sales performance \u2014 with real data.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"dashboard-wrap fade-up\" id=\"liveDash\">\r\n <div class=\"dashboard-topbar\">\r\n <span class=\"dash-dot r\"><\/span><span class=\"dash-dot y\"><\/span><span class=\"dash-dot g\"><\/span>\r\n <span class=\"dash-title\">HexaVision AI Platform \u2014 Business Intelligence<\/span>\r\n <span class=\"dash-live-pill\"><span class=\"dash-live-dot\"><\/span>LIVE<\/span>\r\n <\/div>\r\n <div class=\"dashboard-body\">\r\n\r\n <div class=\"dash-row\">\r\n <div class=\"dash-kpi\" style=\"border-top:2px solid #A855F7\">\r\n <div class=\"dash-kpi-label\">Visitors Today<\/div>\r\n <div class=\"dash-kpi-val\" id=\"kpi-visitors\">0<\/div>\r\n <div class=\"dash-kpi-delta up\">\u2191 +18% vs yesterday<\/div>\r\n <\/div>\r\n <div class=\"dash-kpi\" style=\"border-top:2px solid #22D3EE\">\r\n <div class=\"dash-kpi-label\">Conversion Rate<\/div>\r\n <div class=\"dash-kpi-val\" id=\"kpi-occ\">0%<\/div>\r\n <div class=\"dash-kpi-delta up\">\u2191 Counter Zone A<\/div>\r\n <\/div>\r\n <div class=\"dash-kpi\" style=\"border-top:2px solid #22C55E\">\r\n <div class=\"dash-kpi-label\">Avg Dwell Time<\/div>\r\n <div class=\"dash-kpi-val\" id=\"kpi-dwell\">0m<\/div>\r\n <div class=\"dash-kpi-delta up\">\u2191 +3m this hour<\/div>\r\n <\/div>\r\n <div class=\"dash-kpi\" style=\"border-top:2px solid #F59E0B\">\r\n <div class=\"dash-kpi-label\">Insights Generated<\/div>\r\n <div class=\"dash-kpi-val\" id=\"kpi-alerts\">0<\/div>\r\n <div class=\"dash-kpi-delta neutral\">\u2192 2 pending action<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-row-2col\">\r\n <div class=\"dash-panel\">\r\n <div class=\"dash-panel-hdr\">\r\n <span class=\"dash-panel-title\">Visitor Flow \u2014 Hourly<\/span>\r\n <span class=\"dash-panel-tag\">Today vs Yesterday<\/span>\r\n <\/div>\r\n <div class=\"dash-linechart-wrap\">\r\n <svg id=\"lineChart\" viewBox=\"0 0 420 110\" preserveAspectRatio=\"none\" style=\"width:100%;height:110px\">\r\n <defs>\r\n <linearGradient id=\"lg1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#A855F7\" stop-opacity=\".35\"\/>\r\n <stop offset=\"100%\" stop-color=\"#A855F7\" stop-opacity=\"0\"\/>\r\n <\/linearGradient>\r\n <linearGradient id=\"lg2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#22D3EE\" stop-opacity=\".18\"\/>\r\n <stop offset=\"100%\" stop-color=\"#22D3EE\" stop-opacity=\"0\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <line x1=\"0\" y1=\"25\" x2=\"420\" y2=\"25\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"55\" x2=\"420\" y2=\"55\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"85\" x2=\"420\" y2=\"85\" stroke=\"rgba(255,255,255,.04)\" stroke-width=\"1\"\/>\r\n <path id=\"yFill\" d=\"M0,85 L420,85 Z\" fill=\"url(#lg2)\" opacity=\"0\"\/>\r\n <path id=\"yLine\" d=\"\" fill=\"none\" stroke=\"#22D3EE\" stroke-width=\"1.5\" stroke-dasharray=\"5,3\" opacity=\".5\"\/>\r\n <path id=\"tFill\" d=\"M0,85 L420,85 Z\" fill=\"url(#lg1)\" opacity=\"0\"\/>\r\n <path id=\"tLine\" d=\"\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2.5\"\/>\r\n <circle id=\"moveDot\" cx=\"0\" cy=\"85\" r=\"5\" fill=\"#A855F7\" opacity=\"0\">\r\n <animate attributeName=\"opacity\" values=\"0;1;0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\r\n <\/circle>\r\n <g id=\"tooltip\" opacity=\"0\">\r\n <rect id=\"ttBg\" x=\"0\" y=\"0\" width=\"72\" height=\"22\" rx=\"5\" fill=\"rgba(168,85,247,.3)\"\/>\r\n <text id=\"ttText\" x=\"0\" y=\"0\" fill=\"#C084FC\" font-size=\"9\" font-weight=\"700\" text-anchor=\"middle\"\/>\r\n <\/g>\r\n <text x=\"0\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">6am<\/text>\r\n <text x=\"52\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">8am<\/text>\r\n <text x=\"105\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">10am<\/text>\r\n <text x=\"157\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">12pm<\/text>\r\n <text x=\"210\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">2pm<\/text>\r\n <text x=\"262\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">4pm<\/text>\r\n <text x=\"315\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">6pm<\/text>\r\n <text x=\"367\" y=\"108\" fill=\"rgba(255,255,255,.25)\" font-size=\"8\">8pm<\/text>\r\n <\/svg>\r\n <div class=\"dash-chart-legend\">\r\n <span><span class=\"dash-legend-line\" style=\"background:#A855F7\"><\/span>Today<\/span>\r\n <span><span class=\"dash-legend-line\" style=\"background:#22D3EE;opacity:.6\"><\/span>Yesterday<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-panel\">\r\n <div class=\"dash-panel-hdr\">\r\n <span class=\"dash-panel-title\">Zone Heat Map<\/span>\r\n <span class=\"dash-panel-tag\">Density \u2014 Real Time<\/span>\r\n <\/div>\r\n <div class=\"dash-heatmap\" id=\"heatmap\"><\/div>\r\n <div class=\"dash-heatmap-labels\">\r\n <span>Zone A<\/span><span>Zone B<\/span><span>Zone C<\/span><span>Zone D<\/span><span>Zone E<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-row-3col\">\r\n <div class=\"dash-panel\">\r\n <div class=\"dash-panel-hdr\">\r\n <span class=\"dash-panel-title\">Hourly Traffic<\/span>\r\n <\/div>\r\n <div class=\"dash-bars-wrap\">\r\n <div class=\"dash-bar-group\" id=\"barChart\"><\/div>\r\n <div class=\"dash-bar-xlabels\">\r\n <span>9<\/span><span>10<\/span><span>11<\/span><span>12<\/span><span>13<\/span><span>14<\/span><span>15<\/span><span>16<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-panel\">\r\n <div class=\"dash-panel-hdr\">\r\n <span class=\"dash-panel-title\">Visit Types<\/span>\r\n <\/div>\r\n <div class=\"dash-donut-wrap\">\r\n <svg viewBox=\"0 0 80 80\" style=\"width:80px;height:80px;flex-shrink:0\">\r\n <circle cx=\"40\" cy=\"40\" r=\"28\" fill=\"none\" stroke=\"rgba(255,255,255,.05)\" stroke-width=\"12\"\/>\r\n <circle id=\"donut1\" cx=\"40\" cy=\"40\" r=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"12\" stroke-dasharray=\"0 176\" stroke-dashoffset=\"-44\" transform=\"rotate(-90 40 40)\" style=\"transition:stroke-dasharray 1.5s cubic-bezier(.16,1,.3,1)\"\/>\r\n <circle id=\"donut2\" cx=\"40\" cy=\"40\" r=\"28\" fill=\"none\" stroke=\"#22D3EE\" stroke-width=\"12\" stroke-dasharray=\"0 176\" stroke-dashoffset=\"-44\" transform=\"rotate(-90 40 40)\" style=\"transition:stroke-dasharray 1.5s cubic-bezier(.16,1,.3,1) .2s\"\/>\r\n <circle id=\"donut3\" cx=\"40\" cy=\"40\" r=\"28\" fill=\"none\" stroke=\"#F59E0B\" stroke-width=\"12\" stroke-dasharray=\"0 176\" stroke-dashoffset=\"-44\" transform=\"rotate(-90 40 40)\" style=\"transition:stroke-dasharray 1.5s cubic-bezier(.16,1,.3,1) .4s\"\/>\r\n <\/svg>\r\n <div class=\"dash-donut-legend\">\r\n <div class=\"dash-legend-row\"><span class=\"dlr-dot\" style=\"background:#7C3AED\"><\/span><span class=\"dlr-label\">New Visitors<\/span><span class=\"dlr-val\">45%<\/span><\/div>\r\n <div class=\"dash-legend-row\"><span class=\"dlr-dot\" style=\"background:#22D3EE\"><\/span><span class=\"dlr-label\">Returning<\/span><span class=\"dlr-val\">20%<\/span><\/div>\r\n <div class=\"dash-legend-row\"><span class=\"dlr-dot\" style=\"background:#F59E0B\"><\/span><span class=\"dlr-label\">Staff<\/span><span class=\"dlr-val\">35%<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dash-panel\">\r\n <div class=\"dash-panel-hdr\">\r\n <span class=\"dash-panel-title\">Smart Insights<\/span>\r\n <span class=\"dash-panel-tag dash-tag-live\"><span class=\"dash-live-dot\"><\/span>LIVE<\/span>\r\n <\/div>\r\n <div class=\"dash-alerts\" id=\"alertFeed\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"capabilities section\" id=\"capabilities\">\r\n <div class=\"s-inner\">\r\n <div class=\"s-hdr fade-up\">\r\n <div class=\"divider\"><\/div>\r\n <div class=\"s-label\">What HexaVision Delivers<\/div>\r\n <h2 class=\"s-title\">Platform Capabilities<\/h2>\r\n <p class=\"s-sub\">Fourteen intelligence layers \u2014 from behavioral analysis to executive dashboards \u2014 built into a single deployable platform that works with your existing cameras.<\/p>\r\n <\/div>\r\n <div class=\"cap-grid\">\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg 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>\r\n <div class=\"cap-title\">Visitor Behavior Analysis<\/div>\r\n <div class=\"cap-desc\">Real-time and historical visitor counts by zone. Distinguishes employees from customers \u2014 giving accurate footfall data, not estimates, to act on.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Customer Journey Analytics<\/div>\r\n <div class=\"cap-desc\">Track the full visitor journey: entrance \u2192 display \u2192 counter \u2192 purchase. Pinpoint exactly where customers drop off and what drives them to convert.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Heat Mapping & Movement Flow<\/div>\r\n <div class=\"cap-desc\">Interactive activity heatmaps showing high-traffic zones, customer movement paths, dwell hotspots, and underutilized spaces.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Dwell Time Analysis<\/div>\r\n <div class=\"cap-desc\">Measure how long visitors spend in each zone and at each display. Compare dwell distributions across periods to identify engagement patterns.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Queue Analytics<\/div>\r\n <div class=\"cap-desc\">Forecast queue congestion before it forms. Monitor wait times, track throughput, and alert staff to open a new lane before customers feel the wait.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Occupancy Analytics<\/div>\r\n <div class=\"cap-desc\">Real-time occupancy counts by zone, floor, and facility. Track peak periods, manage capacity thresholds, and optimize space utilization.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Predictive Analytics<\/div>\r\n <div class=\"cap-desc\">Predict congestion, visitor surges, and churn before they happen \u2014 giving teams time to act rather than react to situations that have already escalated.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg 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\"\/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Employee Performance<\/div>\r\n <div class=\"cap-desc\">Monitor staff presence at service points, detect unattended counters, track patrol routes, and optimize workforce deployment based on live demand data.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg 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>\r\n <div class=\"cap-title\">Executive Dashboards<\/div>\r\n <div class=\"cap-desc\">A unified view of KPIs across all locations \u2014 visitors, conversion, dwell, performance, and campaign impact \u2014 built for decision makers, not analysts.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"22\" x2=\"21\" y2=\"22\"\/><path d=\"M5 22V8.5l7-5 7 5V22\"\/><path d=\"M9 22V14h6v8\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Multi-Branch Benchmarking<\/div>\r\n <div class=\"cap-desc\">Compare performance across all your locations in a single view. Identify top-performing branches, replicate what works, and diagnose underperformance.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Retail Conversion Analytics<\/div>\r\n <div class=\"cap-desc\">Measure how visitor traffic converts to sales activity at every stage of the journey \u2014 and identify the specific layout, staff, or timing factors that move the needle.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Asset Utilization<\/div>\r\n <div class=\"cap-desc\">Understand how displays, counters, seating, and service points are actually being used \u2014 and reallocate resources to where they generate the most return.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 3l18 18M10.5 10.5A3 3 0 0013 13M6.5 6.5A9 9 0 0117.5 17.5\"\/><circle cx=\"12\" cy=\"12\" r=\"10\" opacity=\".3\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Campaign Effectiveness<\/div>\r\n <div class=\"cap-desc\">Measure how promotions, signage, and advertising campaigns affect visitor behavior \u2014 traffic lift, dwell change, basket size, and conversion rate, all in one report.<\/div>\r\n <\/div>\r\n\r\n <div class=\"cap-card fade-up\">\r\n <div class=\"cap-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\r\n <div class=\"cap-title\">Facility Operations<\/div>\r\n <div class=\"cap-desc\">From access control intelligence to crowd flow management \u2014 keep operations running safely and efficiently with behavioral data that supports every department.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"hx-uc-section\" id=\"usecases\">\r\n<style>\r\n.hx-uc-section{background:linear-gradient(180deg,#08050F 0%,#0F0B1E 100%);padding:7rem 5%;position:relative;overflow:hidden;font-family:'Inter',sans-serif}\r\n.hx-uc-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.hx-uc-section::after{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.08) 0%,transparent 70%);top:-260px;left:-150px;pointer-events:none}\r\n.hx-uc-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.hx-uc-hdr{text-align:center;margin-bottom:3.5rem}\r\n.hx-uc-divider{width:40px;height:2px;background:linear-gradient(135deg,#A855F7,#7C3AED);border-radius:2px;margin:0 auto 1.25rem}\r\n.hx-uc-label{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(168,85,247,.85);margin-bottom:1rem}\r\n.hx-uc-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;color:#fff;margin-bottom:1rem}\r\n.hx-uc-sub{font-size:15px;color:rgba(255,255,255,.52);max-width:580px;margin:0 auto;line-height:1.8}\r\n.hx-uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}\r\n.hx-uc-card{position:relative;border-radius:18px;overflow:hidden;height:360px;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.hx-uc-card.visible{opacity:1;transform:translateY(0)}\r\n.hx-uc-card:hover{border-color:rgba(168,85,247,.42);box-shadow:0 24px 60px rgba(76,29,149,.3)}\r\n.hx-uc-img{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(.82) saturate(.85)}\r\n.hx-uc-card:hover .hx-uc-img{transform:scale(1.13);filter:brightness(.7) saturate(.75)}\r\n.hx-uc-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.hx-uc-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.hx-uc-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:hxScanMove 4s ease-in-out infinite;opacity:0}\r\n.hx-uc-card.visible .hx-uc-scan{opacity:1}\r\n@keyframes hxScanMove{0%{top:0%;opacity:0}6%{opacity:1}94%{opacity:1}100%{top:100%;opacity:0}}\r\n.hx-uc-card:nth-child(1) .hx-uc-scan{animation-delay:0s}\r\n.hx-uc-card:nth-child(2) .hx-uc-scan{animation-delay:1.35s}\r\n.hx-uc-card:nth-child(3) .hx-uc-scan{animation-delay:2.7s}\r\n.hx-uc-card:nth-child(4) .hx-uc-scan{animation-delay:.65s}\r\n.hx-uc-card:nth-child(5) .hx-uc-scan{animation-delay:2s}\r\n.hx-uc-card:nth-child(6) .hx-uc-scan{animation-delay:3.35s}\r\n.hx-uc-corners,.hx-uc-corners-b{position:absolute;inset:10px;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s .4s}\r\n.hx-uc-card.visible .hx-uc-corners,.hx-uc-card.visible .hx-uc-corners-b{opacity:1}\r\n.hx-uc-corners::before,.hx-uc-corners::after,.hx-uc-corners-b::before,.hx-uc-corners-b::after{content:'';position:absolute;width:16px;height:16px}\r\n.hx-uc-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);border-radius:2px 0 0 0}\r\n.hx-uc-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);border-radius:0 2px 0 0}\r\n.hx-uc-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);border-radius:0 0 0 2px}\r\n.hx-uc-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);border-radius:0 0 2px 0}\r\n.hx-uc-status{position:absolute;top:14px;right:14px;z-index:6;display:inline-flex;align-items:center;gap:5px;background:rgba(8,5,15,.62);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,.85)}\r\n.hx-uc-sdot{width:5px;height:5px;border-radius:50%;background:#22C55E;animation:hxLiveD 1.6s infinite}\r\n@keyframes hxLiveD{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.hx-uc-box{position:absolute;z-index:5;border-radius:3px;opacity:0;transition:opacity .5s .7s}\r\n.hx-uc-card.visible .hx-uc-box{opacity:1}\r\n.hx-uc-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.hx-uc-box .bc{position:absolute;width:7px;height:7px}\r\n.bc.tl{top:0;left:0;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;border-radius:2px 0 0 0}\r\n.bc.tr{top:0;right:0;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;border-radius:0 2px 0 0}\r\n.bc.bl{bottom:0;left:0;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor;border-radius:0 0 0 2px}\r\n.bc.br{bottom:0;right:0;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;border-radius:0 0 2px 0}\r\n.hx-uc-box.vgreen{border:1.5px solid #22C55E;color:#22C55E}.hx-uc-box.vgreen .hx-uc-box-tag{background:#22C55E;color:#000}\r\n.hx-uc-box.vcyan{border:1.5px solid #22D3EE;color:#22D3EE}.hx-uc-box.vcyan .hx-uc-box-tag{background:#22D3EE;color:#000}\r\n.hx-uc-box.vpurple{border:1.5px solid #A855F7;color:#A855F7}.hx-uc-box.vpurple .hx-uc-box-tag{background:#A855F7;color:#fff}\r\n.hx-uc-box.vgold{border:1.5px solid #F59E0B;color:#F59E0B;box-shadow:0 0 14px rgba(245,158,11,.35)}.hx-uc-box.vgold .hx-uc-box-tag{background:#F59E0B;color:#000}\r\n.hx-uc-box.vred{border:1.5px solid #EF4444;color:#EF4444;animation:hxRedB 1.2s ease-in-out infinite}.hx-uc-box.vred .hx-uc-box-tag{background:#EF4444;color:#fff}\r\n@keyframes hxRedB{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.hx-uc-body{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:1.4rem 1.4rem 1.5rem}\r\n.hx-uc-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.hx-uc-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.hx-uc-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.hx-uc-card:hover .hx-uc-desc{max-height:90px;opacity:1}\r\n@media(max-width:980px){.hx-uc-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(max-width:620px){.hx-uc-grid{grid-template-columns:1fr}.hx-uc-card{height:300px}}\r\n<\/style>\r\n\r\n<div class=\"hx-uc-inner\">\r\n <div class=\"hx-uc-hdr\">\r\n <div class=\"hx-uc-divider\"><\/div>\r\n <div class=\"hx-uc-label\">Use Cases<\/div>\r\n <h2 class=\"hx-uc-title\">Six ways HexaVision Turns<br>\tTransform Data into Business Decisions<\/h2>\r\n <p class=\"hx-uc-sub\">Not generic detection \u2014 purpose-built intelligence for the moments that actually move revenue, customer loyalty, and operational performance.<\/p>\r\n <\/div>\r\n <div class=\"hx-uc-grid\" id=\"hxUcGrid\">\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=900&q=72\" alt=\"Retail checkout queue\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#1E0A4C,#2D1B4E)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Queue Intelligence<\/span>\r\n <div class=\"hx-uc-box vcyan\" style=\"top:28%;left:32%;width:30%;height:44%\">\r\n <span class=\"hx-uc-box-tag\">Queue 6 \u00b7 ETA 4m<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-box vgreen\" style=\"top:30%;left:16%;width:14%;height:38%\">\r\n <span class=\"hx-uc-box-tag\">Visitor<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">Retail & Commerce<\/span>\r\n <div class=\"hx-uc-name\">Queue Surge Prediction<\/div>\r\n <p class=\"hx-uc-desc\">Forecasts checkout congestion before it forms and alerts staff to open a new lane \u2014 before a single customer feels the wait. Reduces abandonment and increases throughput.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-21-2026-02_34_44-PM.webp\" alt=\"Drive-thru restaurant\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#160D2E,#1E0A4C)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Drive-Thru Intelligence<\/span>\r\n <div class=\"hx-uc-box vcyan\" style=\"top:38%;left:16%;width:54%;height:30%\">\r\n <span class=\"hx-uc-box-tag\">Returning \u00b7 Visit 12 \u00b7 Avg SAR 68<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">F&B & Drive-Thru<\/span>\r\n <div class=\"hx-uc-name\">Drive-Thru Memory<\/div>\r\n <p class=\"hx-uc-desc\">Recognizes a returning vehicle the instant it pulls in \u2014 surfacing full order history, basket trends, and campaign response before the speaker even activates.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-21-2026-02_29_15-PM-2-1.png\" alt=\"Retail store aisle customers\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#4C1D95,#1E0A4C)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Behavior Intelligence<\/span>\r\n <div class=\"hx-uc-box vpurple\" style=\"top:18%;left:10%;width:36%;height:28%\">\r\n <span class=\"hx-uc-box-tag\">Zone A \u00b7 HIGH DWELL 8m+<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-box vgreen\" style=\"top:52%;left:54%;width:30%;height:22%\">\r\n <span class=\"hx-uc-box-tag\">Zone C \u00b7 Low Traffic<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">Retail & Merchandising<\/span>\r\n <div class=\"hx-uc-name\">Store Heatmap Intelligence<\/div>\r\n <p class=\"hx-uc-desc\">Reveals which displays pull attention and which aisles lose customers. Redesign layouts and measure the exact impact of every product placement change with real data.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-210-2026-02_45_41-PM.jpg\" alt=\"Luxury fragrance retail boutique\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#581c87,#7C3AED)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Customer Intelligence<\/span>\r\n <div class=\"hx-uc-box vgold\" style=\"top:16%;left:30%;width:26%;height:44%\">\r\n <span class=\"hx-uc-box-tag\">⭐ VIP Match · 96% · Visit 9<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">Hospitality & VIP<\/span>\r\n <div class=\"hx-uc-name\">Silent VIP Recognition<\/div>\r\n <p class=\"hx-uc-desc\">Greets high-value customers by name the moment they walk in. Cashier receives an instant alert with visit history and preferred category for a perfectly personalized experience.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-21-2026-03_01_04-PM.webp\" alt=\"Busy shopping mall crowd\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#6D28D9,#160D2E)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Flow Intelligence<\/span>\r\n <div class=\"hx-uc-box vred\" style=\"top:18%;left:14%;width:64%;height:50%\">\r\n <span class=\"hx-uc-box-tag\">⚠ Zone C · Surge Predicted +6m<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">Malls & Large Facilities<\/span>\r\n <div class=\"hx-uc-name\">Crowd Surge Forecasting<\/div>\r\n <p class=\"hx-uc-desc\">Predicts where foot traffic will spike next \u2014 giving operations teams time to redirect staff and open lanes before bottlenecks form and visitor experience drops.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hx-uc-card\">\r\n <img decoding=\"async\" class=\"hx-uc-img\" src=\"https:\/\/images.unsplash.com\/photo-1553062407-98eeb64c6a62?auto=format&fit=crop&w=900&q=72\" alt=\"Campaign performance analytics\" onerror=\"this.style.display='none';this.parentElement.style.background='linear-gradient(135deg,#160D2E,#4C1D95)'\">\r\n <div class=\"hx-uc-shade\"><\/div><div class=\"hx-uc-crt\"><\/div><div class=\"hx-uc-scan\"><\/div>\r\n <div class=\"hx-uc-corners\"><\/div><div class=\"hx-uc-corners-b\"><\/div>\r\n <span class=\"hx-uc-status\"><span class=\"hx-uc-sdot\"><\/span>Campaign Intelligence<\/span>\r\n <div class=\"hx-uc-box vpurple\" style=\"top:34%;left:20%;width:56%;height:28%\">\r\n <span class=\"hx-uc-box-tag\">Campaign Lift \u00b7 +22% Traffic \u00b7 +SAR 11 Basket<\/span>\r\n <span class=\"bc tl\"><\/span><span class=\"bc tr\"><\/span><span class=\"bc bl\"><\/span><span class=\"bc br\"><\/span>\r\n <\/div>\r\n <div class=\"hx-uc-body\">\r\n <span class=\"hx-uc-cat\">Marketing & Performance<\/span>\r\n <div class=\"hx-uc-name\">Campaign Effectiveness<\/div>\r\n <p class=\"hx-uc-desc\">Captures pre-campaign baselines and tracks traffic lift, dwell change, and basket size in real time \u2014 so every marketing decision is grounded in behavioral evidence, not gut feeling.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<script>\r\n(function(){\r\n var cards=document.querySelectorAll('#hxUcGrid .hx-uc-card');\r\n var obs=new IntersectionObserver(function(entries){\r\n entries.forEach(function(e,i){\r\n if(e.isIntersecting){\r\n setTimeout(function(){e.target.classList.add('visible');},i*90);\r\n obs.unobserve(e.target);\r\n }\r\n });\r\n },{threshold:.14});\r\n cards.forEach(function(c){obs.observe(c);});\r\n})();\r\n<\/script>\r\n<\/section>\r\n\r\n\r\n<section class=\"hx-journey-section\" id=\"hx-pipeline\">\r\n<div class=\"hx-journey-inner\">\r\n <div class=\"hx-journey-hdr\">\r\n <div class=\"hx-journey-lbl\">How HexaVision Creates Value<\/div>\r\n <h2 class=\"hx-journey-ttl\">From raw data<br>to business impact<\/h2>\r\n <p class=\"hx-journey-sub\">Five stages \u2014 running continuously, on every camera, in real time \u2014 transforming visual data into decisions that move your business forward.<\/p>\r\n <\/div>\r\n <div class=\"hx-journey-track\" id=\"hxJourneyTrack\">\r\n\r\n \r\n <div class=\"hx-journey-step step-collect\">\r\n <div class=\"hx-jorb-wrap\">\r\n <div class=\"hx-jorb-glow\"><\/div>\r\n <div class=\"hx-jorb\">\r\n \r\n <div class=\"hx-jscan-clip\"><div class=\"hx-jscan-beam\"><\/div><\/div>\r\n <div class=\"hx-jorb-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 10l4.553-2.069A1 1 0 0121 8.87v6.26a1 1 0 01-1.447.894L15 14\"\/><rect x=\"1\" y=\"7\" width=\"14\" height=\"10\" rx=\"2\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <span class=\"hx-jorb-num\">1<\/span>\r\n <\/div>\r\n <div class=\"hx-journey-word\">Collect<\/div>\r\n <div class=\"hx-journey-desc\">Visual data from your existing cameras, captured at the edge.<\/div>\r\n <span class=\"hx-journey-tag\">Any existing camera<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hx-jconn\"><div class=\"hx-jconn-base\"><\/div><div class=\"hx-jconn-flow\"><svg viewBox=\"0 0 100 2\" preserveAspectRatio=\"none\"><path d=\"M0 1 L100 1\"\/><\/svg><\/div><\/div>\r\n\r\n \r\n <div class=\"hx-journey-step step-analyze\">\r\n <div class=\"hx-jorb-wrap\">\r\n <div class=\"hx-jorb-glow\"><\/div>\r\n <div class=\"hx-jorb\">\r\n <div class=\"hx-jspin-ring\"><\/div>\r\n <div class=\"hx-jorb-icon\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <span class=\"hx-jorb-num\">2<\/span>\r\n <\/div>\r\n <div class=\"hx-journey-word\">Analyze<\/div>\r\n <div class=\"hx-journey-desc\">AI detects people, zones, and behaviors in milliseconds.<\/div>\r\n <span class=\"hx-journey-tag\">Edge AI \u00b7 <4ms<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hx-jconn\"><div class=\"hx-jconn-base\"><\/div><div class=\"hx-jconn-flow\"><svg viewBox=\"0 0 100 2\" preserveAspectRatio=\"none\"><path d=\"M0 1 L100 1\"\/><\/svg><\/div><\/div>\r\n\r\n \r\n <div class=\"hx-journey-step step-predict\">\r\n <div class=\"hx-jorb-wrap\">\r\n <div class=\"hx-jorb-glow\"><\/div>\r\n <div class=\"hx-jorb\">\r\n <div class=\"hx-jorb-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"#fff\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <span class=\"hx-jorb-num\">3<\/span>\r\n <\/div>\r\n <div class=\"hx-journey-word\">Predict<\/div>\r\n <div class=\"hx-journey-desc\">Behavioral models forecast surges and outcomes before they happen.<\/div>\r\n <span class=\"hx-journey-tag\">Predictive models<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hx-jconn\"><div class=\"hx-jconn-base\"><\/div><div class=\"hx-jconn-flow\"><svg viewBox=\"0 0 100 2\" preserveAspectRatio=\"none\"><path d=\"M0 1 L100 1\"\/><\/svg><\/div><\/div>\r\n\r\n \r\n <div class=\"hx-journey-step step-visualize\">\r\n <div class=\"hx-jorb-wrap\">\r\n <div class=\"hx-jorb-glow\"><\/div>\r\n <div class=\"hx-jorb\">\r\n <div class=\"hx-jorb-icon\">\r\n <svg 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>\r\n <\/div>\r\n <\/div>\r\n <span class=\"hx-jorb-num\">4<\/span>\r\n <\/div>\r\n <div class=\"hx-journey-word\">Visualize<\/div>\r\n <div class=\"hx-journey-desc\">Live dashboards and heatmaps for every role, in real time.<\/div>\r\n <span class=\"hx-journey-tag\">Real-time dashboards<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hx-jconn\"><div class=\"hx-jconn-base\"><\/div><div class=\"hx-jconn-flow\"><svg viewBox=\"0 0 100 2\" preserveAspectRatio=\"none\"><path d=\"M0 1 L100 1\"\/><\/svg><\/div><\/div>\r\n\r\n \r\n <div class=\"hx-journey-step step-decide\">\r\n <div class=\"hx-jorb-wrap\">\r\n <div class=\"hx-jorb-glow\"><\/div>\r\n <div class=\"hx-jorb\">\r\n <div class=\"hx-jorb-icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <span class=\"hx-jorb-num\">5<\/span>\r\n <\/div>\r\n <div class=\"hx-journey-word\">Decide<\/div>\r\n <div class=\"hx-journey-desc\">Actionable insights reach the right person at the right moment.<\/div>\r\n <span class=\"hx-journey-tag\"><1s total latency<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"hx-scenarios\">\r\n<style>\r\n#hx-scenarios{background:linear-gradient(180deg,#F8F6FF 0%,#F0EBFF 100%);padding:7rem 5%;position:relative;overflow:hidden;font-family:'Inter',sans-serif}\r\n#hx-scenarios::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(124,58,237,.06) 1px,transparent 1px);background-size:32px 32px}\r\n.hxsc-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.hxsc-hdr{text-align:center;margin-bottom:3.5rem}\r\n.hxsc-divider{width:40px;height:2px;background:linear-gradient(90deg,#7C3AED,#A855F7);border-radius:2px;margin:0 auto 1.25rem}\r\n.hxsc-lbl{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(124,58,237,.85);margin-bottom:1rem}\r\n.hxsc-ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.08;color:#1A1036;margin-bottom:1rem}\r\n.hxsc-sub{font-size:15px;color:rgba(90,75,138,.75);max-width:560px;margin:0 auto;line-height:1.8}\r\n.hxsc-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}\r\n.hxsc-pill{padding:8px 18px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.3px;border:1px solid rgba(124,58,237,.2);background:rgba(124,58,237,.06);color:rgba(90,75,138,.7);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}\r\n.hxsc-pill:hover{border-color:rgba(124,58,237,.4);color:#4C1D95;background:rgba(124,58,237,.1)}\r\n.hxsc-pill.active{background:linear-gradient(135deg,#7C3AED,#A855F7);border-color:#7C3AED;color:#fff;box-shadow:0 4px 14px rgba(124,58,237,.25)}\r\n.hxsc-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:0;border:1px solid rgba(124,58,237,.16);border-radius:24px;overflow:hidden;min-height:420px;position:relative;box-shadow:0 8px 40px rgba(124,58,237,.08)}\r\n.hxsc-without{background:#FFF9F9;border-right:1px solid rgba(124,58,237,.1);padding:2.5rem;position:relative;overflow:hidden;transition:opacity .5s cubic-bezier(.16,1,.3,1)}\r\n.hxsc-without::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(239,68,68,.7),rgba(239,68,68,.1))}\r\n.hxsc-without-tag{font-size:9.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgba(220,38,38,.7);display:flex;align-items:center;gap:7px;margin-bottom:1.5rem}\r\n.hxsc-without-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#EF4444;flex-shrink:0}\r\n.hxsc-timeline{display:flex;flex-direction:column;gap:12px}\r\n.hxsc-event{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.12);border-radius:10px;opacity:0;transform:translateX(-12px);transition:all .5s cubic-bezier(.16,1,.3,1)}\r\n.hxsc-event.show{opacity:1;transform:translateX(0)}\r\n.hxsc-event-time{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:800;color:rgba(185,28,28,.7);flex-shrink:0;min-width:44px;padding-top:1px}\r\n.hxsc-event-title{font-size:12px;font-weight:700;color:#1A1036;margin-bottom:2px}\r\n.hxsc-event-desc{font-size:11px;color:rgba(90,75,138,.65);line-height:1.55}\r\n.hxsc-center{width:80px;background:rgba(124,58,237,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;padding:1rem 0}\r\n.hxsc-center::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:1px;background:linear-gradient(180deg,transparent,rgba(124,58,237,.25) 20%,rgba(124,58,237,.25) 80%,transparent)}\r\n.hxsc-vs-label{font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgba(124,58,237,.5);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}\r\n.hxsc-center-orb{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#A855F7);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;animation:hxOrbPulse 3s ease-in-out infinite}\r\n@keyframes hxOrbPulse{0%,100%{box-shadow:0 0 0 4px rgba(168,85,247,.12)}50%{box-shadow:0 0 0 10px rgba(168,85,247,.05)}}\r\n.hxsc-center-orb svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.hxsc-with{background:#F5F0FF;padding:2.5rem;position:relative;overflow:hidden;transition:opacity .5s cubic-bezier(.16,1,.3,1)}\r\n.hxsc-with::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(124,58,237,.7),rgba(124,58,237,.1))}\r\n.hxsc-with-tag{font-size:9.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgba(109,40,217,.8);display:flex;align-items:center;gap:7px;margin-bottom:1.5rem}\r\n.hxsc-with-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#7C3AED;animation:hxLiveD2 1.8s infinite;flex-shrink:0}\r\n@keyframes hxLiveD2{0%,100%{box-shadow:0 0 0 0 rgba(168,85,247,.4)}50%{box-shadow:0 0 0 5px rgba(168,85,247,0)}}\r\n.hxsc-resolution{display:flex;flex-direction:column;gap:10px}\r\n.hxsc-resolve-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.14);border-radius:10px;opacity:0;transform:translateX(12px);transition:all .5s cubic-bezier(.16,1,.3,1)}\r\n.hxsc-resolve-item.show{opacity:1;transform:translateX(0)}\r\n.hxsc-resolve-check{width:22px;height:22px;border-radius:50%;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}\r\n.hxsc-resolve-check svg{width:11px;height:11px;stroke:#7C3AED;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}\r\n.hxsc-resolve-title{font-size:12px;font-weight:700;color:#1A1036;margin-bottom:3px}\r\n.hxsc-resolve-desc{font-size:11px;color:rgba(90,75,138,.7);line-height:1.55}\r\n.hxsc-outcome{margin-top:auto;padding:12px 14px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:10px;display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(8px);transition:all .6s cubic-bezier(.16,1,.3,1) .5s}\r\n.hxsc-outcome.show{opacity:1;transform:translateY(0)}\r\n.hxsc-outcome-label{font-size:10px;color:rgba(90,75,138,.65);font-weight:600}\r\n.hxsc-outcome-val{font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;color:#15803D;line-height:1}\r\n.hxsc-outcome-sub{font-size:9px;color:rgba(21,128,61,.65);margin-top:2px}\r\n.hxsc-progress{height:2px;background:rgba(124,58,237,.12);border-radius:1px;margin-top:2rem;position:relative;overflow:hidden}\r\n.hxsc-progress-fill{height:100%;background:linear-gradient(90deg,#7C3AED,#A855F7,#C084FC);border-radius:1px;width:0%;transition:width linear}\r\n@media(max-width:900px){\r\n .hxsc-stage{grid-template-columns:1fr;grid-template-rows:auto auto auto}\r\n .hxsc-without{border-right:none;border-bottom:1px solid rgba(168,85,247,.1)}\r\n .hxsc-center{width:100%;height:60px;flex-direction:row;padding:0 1.5rem}\r\n .hxsc-vs-label{writing-mode:horizontal-tb;transform:none}\r\n .hxsc-center::before{top:50%;bottom:auto;left:0;right:0;transform:translateY(-50%);height:1px;width:100%}\r\n}\r\n<\/style>\r\n\r\n<div class=\"hxsc-inner\">\r\n <div class=\"hxsc-hdr\">\r\n <div class=\"hxsc-divider\"><\/div>\r\n <div class=\"hxsc-lbl\">Real Scenarios<\/div>\r\n <h2 class=\"hxsc-ttl\">A day without HexaVision.<br>A day with it.<\/h2>\r\n <p class=\"hxsc-sub\">Pick a scenario and watch the same moment play out twice \u2014 once blind, once intelligent.<\/p>\r\n <\/div>\r\n\r\n <div class=\"hxsc-nav\" id=\"hxscNav\">\r\n <button class=\"hxsc-pill active\" data-sc=\"0\">Drive-Thru<\/button>\r\n <button class=\"hxsc-pill\" data-sc=\"1\">VIP Walks In<\/button>\r\n <button class=\"hxsc-pill\" data-sc=\"2\">Mall Operations<\/button>\r\n <button class=\"hxsc-pill\" data-sc=\"3\">Campaign Launch<\/button>\r\n <button class=\"hxsc-pill\" data-sc=\"4\">Lost Customer<\/button>\r\n <\/div>\r\n\r\n <div class=\"hxsc-stage\" id=\"hxscStage\">\r\n <div class=\"hxsc-without\" id=\"hxscWithout\">\r\n <div class=\"hxsc-without-tag\" id=\"hxscWTag\">Without HexaVision<\/div>\r\n <div class=\"hxsc-timeline\" id=\"hxscTimeline\"><\/div>\r\n <\/div>\r\n <div class=\"hxsc-center\">\r\n <div class=\"hxsc-vs-label\">vs<\/div>\r\n <div class=\"hxsc-center-orb\">\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 <div class=\"hxsc-vs-label\">AI<\/div>\r\n <\/div>\r\n <div class=\"hxsc-with\" id=\"hxscWith\">\r\n <div class=\"hxsc-with-tag\" id=\"hxscATag\">HexaVision Active<\/div>\r\n <div class=\"hxsc-resolution\" id=\"hxscResolution\"><\/div>\r\n <div class=\"hxsc-outcome\" id=\"hxscOutcome\">\r\n <div><div class=\"hxsc-outcome-label\" id=\"hxscOLabel\"><\/div><div class=\"hxsc-outcome-sub\" id=\"hxscOSub\"><\/div><\/div>\r\n <div class=\"hxsc-outcome-val\" id=\"hxscOVal\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hxsc-progress\"><div class=\"hxsc-progress-fill\" id=\"hxscBar\"><\/div><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\nvar SCENARIOS=[\r\n {pill:'Drive-Thru',without:[\r\n {time:'11:42',title:'Car pulls in \u2014 7th visit',desc:'No system knows this. Staff treat them like a first-time customer. No recall of past orders or preferences.'},\r\n {time:'11:44',title:'Queue building undetected',desc:'Queue is 6 cars deep. No alert sent. Manager unaware. Three customers leave the lane in frustration.'},\r\n {time:'11:52',title:'Campaign data missing',desc:'Did the new promotion increase traffic? Nobody knows. Budget decision will be based on gut feeling.'}\r\n ],with:[\r\n {title:'Vehicle recognized on entry',desc:'7th visit identified instantly. Previous order (Meal C, SAR 68) surfaced at the window before they speak.'},\r\n {title:'Queue surge detected at 5 cars',desc:'Alert sent to manager 90 seconds before it became a problem. Staff redirected. Average wait reduced by 34%.'},\r\n {title:'Campaign impact calculated in real time',desc:'Traffic up 22% vs same day last week. Basket size up SAR 11. Peak hour shifted to 11:30. All automatic.'}\r\n ],outcome:{label:'Business impact this hour',val:'\u2191 34% faster',sub:'Service time \u00b7 Campaign ROI tracked \u00b7 Loyalty built'}},\r\n {pill:'VIP Walks In',without:[\r\n {time:'14:05',title:'VIP enters \u2014 9th visit',desc:'No one at the counter knows. Customer waits in line, gets standard service. SAR 4,200 in lifetime spend, treated like a stranger.'},\r\n {time:'14:08',title:'Generic greeting',desc:'Cashier says \"Welcome.\" Customer mentions they were here last week. Staff has no record. Opportunity missed.'},\r\n {time:'14:15',title:'Customer leaves below usual spend',desc:'Spent SAR 120 vs usual SAR 380. No flag raised. Team never knows the experience fell short.'}\r\n ],with:[\r\n {title:'VIP identified at entrance \u2014 96% match',desc:'Alert fires at the counter instantly: \"9th visit \u00b7 Prefers Fragrances \u00b7 Last: SAR 380 \u00b7 Greet by name.\"'},\r\n {title:'Staff prepared before contact',desc:'Cashier greets customer by name before they reach the counter. Customer visibly surprised. Loyalty moment created.'},\r\n {title:'Behavior tracked across visit',desc:'Dwell time in fragrance zone: 8m 22s. Triggered restock recommendation for preferred SKU before next visit.'}\r\n ],outcome:{label:'Customer lifetime value',val:'SAR 4,200',sub:'Recognized \u00b7 Greeted by name \u00b7 Experience personalized'}},\r\n {pill:'Mall Operations',without:[\r\n {time:'16:20',title:'Congestion building at food court',desc:'Cameras are recording. But 14 minutes pass before operations notices. No alert was ever sent.'},\r\n {time:'16:22',title:'Underperforming zone undetected',desc:'A display zone has had 12% of expected dwell time for 3 days. No one is looking at that data.'},\r\n {time:'16:34',title:'Crowd density hits critical level',desc:'Operations scrambles reactively. Response takes 6 minutes. Visitor experience damaged.'}\r\n ],with:[\r\n {title:'Crowd surge predicted 6 minutes early',desc:'Density model predicted food court spike. Staff redirected at 16:28. No visible congestion formed.'},\r\n {title:'Underperforming zone flagged on day 1',desc:'Zone D heatmap showed 70% below average dwell. Layout recommendation generated. Change made day 2.'},\r\n {title:'Proactive capacity management',desc:'Occupancy thresholds triggered automated alerts. Operations controlled the flow before visitors felt it.'}\r\n ],outcome:{label:'Visitor satisfaction improvement',val:'\u2191 35%',sub:'Crowd managed proactively \u00b7 Layout optimized \u00b7 Data-driven ops'}},\r\n {pill:'Campaign Launch',without:[\r\n {time:'Day 1',title:'Campaign goes live',desc:'New creative launched. Team excited. No measurement plan. No baseline captured.'},\r\n {time:'Day 3',title:'Traffic feels busier \u2014 maybe',desc:'Manager estimates footfall increased. Could be weekend effect. No way to isolate the campaign impact.'},\r\n {time:'Day 7',title:'Budget meeting',desc:'CFO asks for ROI. Marketing can\\'t answer. Next campaign budget gets cut by 20%.'}\r\n ],with:[\r\n {title:'Baseline captured before launch',desc:'HexaVision records exact visitor counts, dwell times, and basket sizes 7 days pre-campaign for clean comparison.'},\r\n {title:'Real-time lift tracked hour by hour',desc:'Day 1: +18% traffic. Basket size up SAR 11. Dwell at display zones up 3m 40s. Isolated from day-of-week effect.'},\r\n {title:'Creative performance ranked',desc:'Drive-Thru screen outperformed outdoor by 2.4x. Peak hour shifted to 13:00. Next campaign briefed on data.'}\r\n ],outcome:{label:'Campaign traffic lift',val:'+22%',sub:'Measured in real-time \u00b7 Creative ranked \u00b7 Hour by hour'}},\r\n {pill:'Lost Customer',without:[\r\n {time:'Week 1',title:'Regular customer \u2014 visits 3x\/week',desc:'Always orders Meal B. Arrives between 12:00\u201313:00. High lifetime value. Nobody tracks this.'},\r\n {time:'Week 3',title:'Customer stops coming',desc:'Gone for 12 days. No flag raised. No recovery attempt made.'},\r\n {time:'Month 2',title:'Pattern repeated across 40 customers',desc:'Revenue quietly eroded. No one connected the dots.'}\r\n ],with:[\r\n {title:'Behavioral baseline built silently',desc:'HexaVision maps every regular\\'s visit pattern \u2014 frequency, timing, zone behavior, average basket \u2014 without any input required.'},\r\n {title:'Churn signal detected on day 5',desc:'Alert raised: \"Regular visitor #A-192 not seen since 3 days ago. Avg frequency: 3x\/week.\"'},\r\n {title:'Recovery recommendation generated',desc:'Platform suggests: \"Last order: Meal B. Consider loyalty offer timed to peak visit hour (12:30). Campaign triggered automatically.\"'}\r\n ],outcome:{label:'Churn detected',val:'Day 5',sub:'vs discovered Day 40+ without HexaVision \u00b7 Recovery triggered'}}\r\n];\r\nvar current=0,autoTimer=null,DURATION=8000;\r\nfunction renderScenario(idx,animate){\r\n var sc=SCENARIOS[idx];\r\n var tl=document.getElementById('hxscTimeline');\r\n var res=document.getElementById('hxscResolution');\r\n var out=document.getElementById('hxscOutcome');\r\n var bar=document.getElementById('hxscBar');\r\n if(!tl)return;\r\n tl.innerHTML='';res.innerHTML='';\r\n out.classList.remove('show');\r\n bar.style.transition='none';bar.style.width='0%';\r\n sc.without.forEach(function(ev,i){\r\n var d=document.createElement('div');\r\n d.className='hxsc-event';\r\n d.innerHTML='<div class=\"hxsc-event-time\">'+ev.time+'<\/div><div class=\"hxsc-event-body\"><div class=\"hxsc-event-title\">'+ev.title+'<\/div><div class=\"hxsc-event-desc\">'+ev.desc+'<\/div><\/div>';\r\n tl.appendChild(d);\r\n if(animate)setTimeout(function(){d.classList.add('show');},i*200+100);\r\n else d.classList.add('show');\r\n });\r\n var ol=document.getElementById('hxscOLabel'),ov=document.getElementById('hxscOVal'),os=document.getElementById('hxscOSub');\r\n if(ol)ol.textContent=sc.outcome.label;\r\n if(ov)ov.textContent=sc.outcome.val;\r\n if(os)os.textContent=sc.outcome.sub;\r\n sc.with.forEach(function(item,i){\r\n var d=document.createElement('div');\r\n d.className='hxsc-resolve-item';\r\n d.innerHTML='<div class=\"hxsc-resolve-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><div><div class=\"hxsc-resolve-title\">'+item.title+'<\/div><div class=\"hxsc-resolve-desc\">'+item.desc+'<\/div><\/div>';\r\n res.appendChild(d);\r\n if(animate)setTimeout(function(){d.classList.add('show');},i*220+200);\r\n else d.classList.add('show');\r\n });\r\n if(animate)setTimeout(function(){out.classList.add('show');},900);\r\n else out.classList.add('show');\r\n void bar.offsetWidth;\r\n bar.style.transition='width '+DURATION+'ms linear';\r\n bar.style.width='100%';\r\n document.querySelectorAll('.hxsc-pill').forEach(function(p,i){p.classList.toggle('active',i===idx);});\r\n current=idx;\r\n}\r\nfunction startAuto(){\r\n clearTimeout(autoTimer);\r\n autoTimer=setTimeout(function(){renderScenario((current+1)%SCENARIOS.length,true);startAuto();},DURATION);\r\n}\r\ndocument.querySelectorAll('.hxsc-pill').forEach(function(p,i){\r\n p.addEventListener('click',function(){clearTimeout(autoTimer);renderScenario(i,true);startAuto();});\r\n});\r\nvar booted=false;\r\nnew IntersectionObserver(function(e){if(e[0].isIntersecting&&!booted){booted=true;renderScenario(0,true);startAuto();}},{threshold:.2}).observe(document.getElementById('hx-scenarios'));\r\n})();\r\n<\/script>\r\n<\/section>\r\n\r\n\r\n<section class=\"why section\" id=\"why\">\r\n <div class=\"s-inner\">\r\n <div class=\"why-grid\">\r\n <div class=\"fade-up\">\r\n <div class=\"divider\"><\/div>\r\n <div class=\"s-label\">Why HexaVision<\/div>\r\n <h2 class=\"s-title\">Intelligence with a<br>Business Purpose<\/h2>\r\n <p class=\"s-sub\">Every organization cares about two things: improving revenue and improving performance. HexaVision delivers both \u2014 by understanding visitor behavior and translating it into decisions that directly move business results.<\/p>\r\n <div class=\"why-list\">\r\n <div class=\"why-item\">\r\n <span class=\"why-num\">01<\/span>\r\n <div class=\"why-text\"><h4>Revenue Impact, Not Just Reporting<\/h4><p>Better understanding of visitor behavior leads directly to improved sales \u2014 through smarter layouts, campaign timing, staff deployment, and customer experience design.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <span class=\"why-num\">02<\/span>\r\n <div class=\"why-text\"><h4>Decisions From Real Behavioral Data<\/h4><p>The platform understands patterns, predicts outcomes, and surfaces actionable insights across every department \u2014 replacing guesswork with clarity.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <span class=\"why-num\">03<\/span>\r\n <div class=\"why-text\"><h4>Works With Your Existing Cameras<\/h4><p>No hardware replacement. HexaVision layers intelligence over your current infrastructure \u2014 no downtime, no capital expenditure, deployed in days.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <span class=\"why-num\">04<\/span>\r\n <div class=\"why-text\"><h4>Saudi Made \u00b7 Edge AI \u00b7 Privacy First<\/h4><p>100% local processing. Data never leaves your facility. Fully aligned with Vision 2030 and Saudi data sovereignty requirements.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"fade-up\">\r\n <div class=\"stat-box\">\r\n <div class=\"big-stat\"><div class=\"big-num p\">+1K<\/div><div class=\"big-label\">Clients Served<\/div><\/div>\r\n <div class=\"big-stat\"><div class=\"big-num pd\">98.2%<\/div><div class=\"big-label\">Detection Accuracy<\/div><\/div>\r\n <div class=\"big-stat\"><div class=\"big-num pp\">24\/7<\/div><div class=\"big-label\">Real-Time Intelligence<\/div><\/div>\r\n <div class=\"big-stat\"><div class=\"big-num dk\">4ms<\/div><div class=\"big-label\">Edge AI Response<\/div><\/div>\r\n <\/div>\r\n\r\n <div style=\"margin-top:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px rgba(76,29,149,.05)\">\r\n <div style=\"font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--p);margin-bottom:1rem\">KEY BUSINESS OUTCOMES<\/div>\r\n <div style=\"display:flex;flex-direction:column;gap:10px\">\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(168,85,247,.04);border-radius:10px;border:1px solid rgba(168,85,247,.08)\">\r\n <span style=\"font-size:13px;color:var(--text-2)\">Average Sales Uplift<\/span>\r\n <span style=\"font-family:var(--font-h);font-size:16px;font-weight:800;color:#22C55E\">\u2191 20%<\/span>\r\n <\/div>\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(168,85,247,.04);border-radius:10px;border:1px solid rgba(168,85,247,.08)\">\r\n <span style=\"font-size:13px;color:var(--text-2)\">Visitor Satisfaction<\/span>\r\n <span style=\"font-family:var(--font-h);font-size:16px;font-weight:800;color:var(--p)\">\u2191 35%<\/span>\r\n <\/div>\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(168,85,247,.04);border-radius:10px;border:1px solid rgba(168,85,247,.08)\">\r\n <span style=\"font-size:13px;color:var(--text-2)\">Operational Efficiency<\/span>\r\n <span style=\"font-family:var(--font-h);font-size:16px;font-weight:800;color:var(--p)\">\u2191 30%<\/span>\r\n <\/div>\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(168,85,247,.04);border-radius:10px;border:1px solid rgba(168,85,247,.08)\">\r\n <span style=\"font-size:13px;color:var(--text-2)\">Reduction in Revenue Losses<\/span>\r\n <span style=\"font-family:var(--font-h);font-size:16px;font-weight:800;color:#22C55E\">\u2193 37%<\/span>\r\n <\/div>\r\n <div style=\"display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(168,85,247,.04);border-radius:10px;border:1px solid rgba(168,85,247,.08)\">\r\n <span style=\"font-size:13px;color:var(--text-2)\">Safety & Compliance Level<\/span>\r\n <span style=\"font-family:var(--font-h);font-size:16px;font-weight:800;color:var(--p)\">\u2191 60%<\/span>\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=\"industries section\" id=\"industries\">\r\n <div class=\"s-inner\">\r\n <div class=\"s-hdr fade-up\" style=\"text-align:center\">\r\n <div class=\"divider\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"s-label\" style=\"text-align:center\">Industries We Serve<\/div>\r\n <h2 class=\"s-title\" style=\"text-align:center\">One Platform,<br>Every Sector<\/h2>\r\n <p class=\"s-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\">\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg 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>\r\n <div class=\"ind-name\">Retail & Stores<\/div>\r\n <div class=\"ind-desc\">Turn every camera into a merchandising, staffing, and conversion intelligence tool.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Visitor counting & employee separation<\/li>\r\n <li>Retail conversion analytics<\/li>\r\n <li>Heat mapping & product placement<\/li>\r\n <li>VIP recognition at counter<\/li>\r\n <li>Campaign effectiveness measurement<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg 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>\r\n <div class=\"ind-name\">Shopping Malls<\/div>\r\n <div class=\"ind-desc\">Unify operations, tenant performance, and visitor experience across every floor.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Crowd surge forecasting<\/li>\r\n <li>Tenant benchmarking & comparison<\/li>\r\n <li>Multi-zone occupancy analytics<\/li>\r\n <li>Queue detection across outlets<\/li>\r\n <li>Executive operations dashboard<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg 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>\r\n <div class=\"ind-name\">F&B & Drive-Thru<\/div>\r\n <div class=\"ind-desc\">Increase throughput, personalize service, and measure every campaign \u2014 from arrival to checkout.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Vehicle recognition & returning customer profiling<\/li>\r\n <li>Drive-thru service time analytics<\/li>\r\n <li>Queue & throughput optimization<\/li>\r\n <li>Order history & basket intelligence<\/li>\r\n <li>Promotional campaign measurement<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg 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>\r\n <div class=\"ind-name\">Airports & Transport<\/div>\r\n <div class=\"ind-desc\">Improve passenger flow, reduce bottlenecks, and optimize gate and terminal operations.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Passenger flow & dwell analysis<\/li>\r\n <li>Congestion prediction by terminal zone<\/li>\r\n <li>Queue analytics at check-in & security<\/li>\r\n <li>Real-time occupancy management<\/li>\r\n <li>Staff deployment optimization<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/div>\r\n <div class=\"ind-name\">Hospitals & Healthcare<\/div>\r\n <div class=\"ind-desc\">Optimize patient flow, staff utilization, and service point performance across every department.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Patient journey & wait time analytics<\/li>\r\n <li>Registration queue detection<\/li>\r\n <li>Staff presence at service points<\/li>\r\n <li>Asset & facility utilization tracking<\/li>\r\n <li>Compliance monitoring in critical zones<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"ind-card fade-up\">\r\n <div class=\"ind-icon-wrap\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n <div class=\"ind-name\">Government Entities<\/div>\r\n <div class=\"ind-desc\">Deliver measurable public service efficiency with full data sovereignty and local processing.<\/div>\r\n <ul class=\"ind-use-cases\">\r\n <li>Facility utilization analytics<\/li>\r\n <li>Public service performance measurement<\/li>\r\n <li>Visitor journey & service time tracking<\/li>\r\n <li>Multi-branch benchmarking<\/li>\r\n <li>100% on-premise \u2014 data sovereignty compliant<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"clients\" id=\"clients\">\r\n <div class=\"s-inner\">\r\n <div class=\"s-hdr fade-up\" style=\"text-align:center\">\r\n <div class=\"divider\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"s-label\" style=\"text-align:center\">Our Clients<\/div>\r\n <h2 class=\"s-title\" style=\"text-align:center\">Trusted by Leaders<\/h2>\r\n <p class=\"s-sub\" style=\"margin:0 auto;text-align:center\">From global brands to government entities \u2014 HexaVision has delivered intelligence at the region's most prestigious projects and events.<\/p>\r\n <\/div>\r\n <div class=\"client-grid\">\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/NEOM-01-1.png\" alt=\"NEOM\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-02_41_35-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-02_48_43-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-02_52_34-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-03_09_51-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-03_16_34-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/CBOJ-Casestudy-logo.png\" alt=\"CBOJ\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-03_22_08-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-03_26_49-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-03_38_06-PM.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/Buffalo-Wild-Wings-Logo-500x281-1.png\" alt=\"Buffalo Wild Wings\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/olayan_food_division_logo.jpeg\" alt=\"Olayan Food Division\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/download.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/images-1.png\" alt=\"Client\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/ibraq_logo.webp\" alt=\"Ibraq\"><\/div>\r\n <div class=\"client-item fade-up\"><img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/06\/Alromanisiah-logo.svg_-scaled.png\" alt=\"Al Romanisiah\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-wrap\" id=\"contact\">\r\n <div class=\"cta-inner fade-up\">\r\n <h2>Turn Every AI Platform for <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\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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>\r\n Email Us\r\n <\/a>\r\n <a href=\"tel:0579862821\" class=\"btn-ghost\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.13.81.36 1.6.68 2.35a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.75.32 1.54.55 2.35.68A2 2 0 0122 16.92z\"\/><\/svg>\r\n 0579862821\r\n <\/a>\r\n <\/div>\r\n <div class=\"cta-contact\">\r\n <div class=\"cta-contact-item\"><svg 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-contact-item\"><svg 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 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg><strong>hexavision.ai<\/strong><\/div>\r\n <div class=\"cta-contact-item\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 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\/* \u2550\u2550 DASHBOARD ENGINE \u2550\u2550 *\/\r\nvar dashbooted=false;\r\nfunction animCount(el,target,suffix,dur){var start=0;var timer=setInterval(function(){start+=target\/(dur\/16);if(start>=target){start=target;clearInterval(timer);}el.textContent=Math.round(start).toLocaleString()+(suffix||'');},16);}\r\nfunction buildPath(pts,w,h,pad){var xs=pts.map(function(_,i){return pad+i*(w-pad*2)\/(pts.length-1);});var min=Math.min.apply(null,pts),max=Math.max.apply(null,pts);var ys=pts.map(function(v){return pad+(1-(v-min)\/(max-min||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\nvar hmColors=['rgba(168,85,247,0.08)','rgba(168,85,247,0.16)','rgba(168,85,247,0.28)','rgba(168,85,247,0.44)','rgba(168,85,247,0.62)','rgba(168,85,247,0.8)','rgba(232,0,61,0.5)','rgba(232,0,61,0.85)'];\r\nfunction hmColor(v){return hmColors[Math.min(7,Math.floor(v\/13))];}\r\nvar hmData=[[15,40,72,55,20],[8,60,95,80,35],[5,45,88,70,28],[12,35,65,50,18]];\r\nfunction buildHeatmap(){var el=document.getElementById('heatmap');if(!el)return;el.innerHTML='';for(var r=0;r<4;r++){for(var c=0;c<5;c++){var cell=document.createElement('div');cell.className='dash-hm-cell';cell.style.background='rgba(168,85,247,0.05)';cell.setAttribute('data-v',hmData[r][c]);el.appendChild(cell);}}}\r\nfunction animateHeatmap(){var cells=document.querySelectorAll('.dash-hm-cell');cells.forEach(function(c,i){var target=parseInt(c.getAttribute('data-v'));setTimeout(function(){c.style.background=hmColor(target);},i*30);});}\r\nfunction pulseHeatmap(){var cells=document.querySelectorAll('.dash-hm-cell');cells.forEach(function(c){var v=parseInt(c.getAttribute('data-v'));var jitter=v+(Math.random()*20-10);jitter=Math.max(5,Math.min(100,jitter));c.setAttribute('data-v',Math.round(jitter));c.style.background=hmColor(jitter);});}\r\nvar barVals=[42,65,78,95,88,72,60,48];\r\nvar barColors=barVals.map(function(v){if(v>=90)return'linear-gradient(180deg,#E8003D,#A855F7)';if(v>=70)return'linear-gradient(180deg,#A855F7,#7C3AED)';return'linear-gradient(180deg,#7C3AED,rgba(124,58,237,.4))';});\r\nfunction buildBars(){var el=document.getElementById('barChart');if(!el)return;el.innerHTML='';barVals.forEach(function(v,i){var b=document.createElement('div');b.className='dash-bar-anim';b.style.background=barColors[i];b.style.height='0px';b.setAttribute('data-val',v+'%');el.appendChild(b);});}\r\nfunction animateBars(){var bars=document.querySelectorAll('.dash-bar-anim');bars.forEach(function(b,i){var v=barVals[i];setTimeout(function(){b.style.height=v+'%';},i*80);});}\r\nvar circ=2*Math.PI*28;\r\nfunction animateDonut(){var d1=circ*.45,d2=circ*.20,d3=circ*.35;var el1=document.getElementById('donut1'),el2=document.getElementById('donut2'),el3=document.getElementById('donut3');if(!el1)return;el1.style.strokeDasharray=d1+' '+(circ-d1);el1.style.strokeDashoffset='0';el1.setAttribute('transform','rotate(-90 40 40)');setTimeout(function(){el2.style.strokeDasharray=d2+' '+(circ-d2);el2.style.strokeDashoffset=-(d1\/circ*176);el2.setAttribute('transform','rotate(-90 40 40)');},200);setTimeout(function(){el3.style.strokeDasharray=d3+' '+(circ-d3);el3.style.strokeDashoffset=-((d1+d2)\/circ*176);el3.setAttribute('transform','rotate(-90 40 40)');},400);}\r\nvar todayPts=[28,35,55,80,72,90,85,75,60,45,50,40],yestPts=[22,28,42,65,58,75,70,62,50,38,42,32];\r\nfunction animateLineChart(){var svg=document.getElementById('lineChart');if(!svg)return;var W=420,H=90,pad=6;var tp=buildPath(todayPts,W,H,pad),yp=buildPath(yestPts,W,H,pad);var tFillD=tp.d+' L'+tp.xs[tp.xs.length-1]+','+(H-pad)+' L'+tp.xs[0]+','+(H-pad)+' Z';var yFillD=yp.d+' L'+yp.xs[yp.xs.length-1]+','+(H-pad)+' L'+yp.xs[0]+','+(H-pad)+' Z';var tLine=document.getElementById('tLine'),tFill=document.getElementById('tFill'),yLine=document.getElementById('yLine'),yFill=document.getElementById('yFill'),moveDot=document.getElementById('moveDot'),tooltip=document.getElementById('tooltip'),ttBg=document.getElementById('ttBg'),ttText=document.getElementById('ttText');if(!tLine)return;yLine.setAttribute('d',yp.d);yFill.setAttribute('d',yFillD);setTimeout(function(){yFill.style.opacity='1';},300);tLine.setAttribute('d',tp.d);tFill.setAttribute('d',tFillD);var totalLen=tLine.getTotalLength?tLine.getTotalLength():600;tLine.style.strokeDasharray=totalLen;tLine.style.strokeDashoffset=totalLen;tLine.style.transition='stroke-dashoffset 2s cubic-bezier(.16,1,.3,1)';setTimeout(function(){tLine.style.strokeDashoffset=0;setTimeout(function(){tFill.style.opacity='1';},800);},200);var peakIdx=todayPts.indexOf(Math.max.apply(null,todayPts));setTimeout(function(){moveDot.setAttribute('cx',tp.xs[peakIdx]);moveDot.setAttribute('cy',tp.ys[peakIdx]);moveDot.style.opacity='1';ttBg.setAttribute('x',tp.xs[peakIdx]-36);ttBg.setAttribute('y',tp.ys[peakIdx]-26);ttText.setAttribute('x',tp.xs[peakIdx]);ttText.setAttribute('y',tp.ys[peakIdx]-14);ttText.textContent='Peak +24%';tooltip.style.opacity='1';},2400);}\r\nvar alertData=[\r\n {color:'#22C55E',text:'<strong>Zone B<\/strong> \u2014 Conversion rate up 12% this hour'},\r\n {color:'#F59E0B',text:'<strong>Zone A<\/strong> \u2014 High dwell time detected (8m+)'},\r\n {color:'#A855F7',text:'<strong>Entrance 3<\/strong> \u2014 VIP visitor detected \u00b7 Visit 9'},\r\n {color:'#22D3EE',text:'<strong>All branches<\/strong> \u2014 Peak hour forecast: 13:00\u201314:00'},\r\n];\r\nvar alertIdx=0;\r\nfunction buildAlerts(){var el=document.getElementById('alertFeed');if(!el)return;el.innerHTML='';alertData.slice(0,3).forEach(function(a,i){var div=document.createElement('div');div.className='dash-alert-item';div.style.animationDelay=(i*150)+'ms';div.innerHTML='<span class=\"dash-alert-dot\" style=\"background:'+a.color+'\"><\/span><span class=\"dash-alert-text\">'+a.text+'<\/span><span class=\"dash-alert-time\">'+(i===0?'now':i===1?'2m ago':'5m ago')+'<\/span>';el.appendChild(div);});}\r\nfunction rotateAlert(){var el=document.getElementById('alertFeed');if(!el)return;alertIdx=(alertIdx+1)%alertData.length;var newAlert=alertData[alertIdx];var div=document.createElement('div');div.className='dash-alert-item';div.innerHTML='<span class=\"dash-alert-dot\" style=\"background:'+newAlert.color+'\"><\/span><span class=\"dash-alert-text\">'+newAlert.text+'<\/span><span class=\"dash-alert-time\">now<\/span>';el.insertBefore(div,el.firstChild);if(el.children.length>3)el.removeChild(el.lastChild);Array.from(el.querySelectorAll('.dash-alert-time')).forEach(function(t,i){t.textContent=i===0?'now':i===1?'2m ago':'5m ago';});}\r\nfunction bootDashboard(){if(dashbooted)return;dashbooted=true;buildHeatmap();buildBars();buildAlerts();setTimeout(function(){var v=document.getElementById('kpi-visitors'),o=document.getElementById('kpi-occ'),d=document.getElementById('kpi-dwell'),a=document.getElementById('kpi-alerts');if(v)animCount(v,4821,'',1800);if(a)animCount(a,47,'',1400);setTimeout(function(){if(o){var t=0;var ti=setInterval(function(){t+=2;if(t>=73){t=73;clearInterval(ti);}o.textContent=t+'%';},25);}if(d){var m=0;var ti2=setInterval(function(){m+=1;if(m>=14){m=14;clearInterval(ti2);}d.textContent=m+'m';},60);}},200);},100);setTimeout(animateHeatmap,300);setTimeout(animateBars,500);setTimeout(animateDonut,700);setTimeout(animateLineChart,400);setInterval(pulseHeatmap,4000);setInterval(rotateAlert,5000);setInterval(function(){var bars=document.querySelectorAll('.dash-bar-anim');var idx=Math.floor(Math.random()*bars.length);bars[idx].style.height=(30+Math.random()*65)+'%';},2500);}\r\nnew IntersectionObserver(function(entries){if(entries[0].isIntersecting)bootDashboard();},{threshold:0.2}).observe(document.getElementById('liveDash'));\r\nvar obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting)e.target.classList.add('visible');});},{threshold:.1});\r\ndocument.querySelectorAll('.fade-up').forEach(function(el){obs.observe(el);});\r\n\r\n\/* Journey steps animate in *\/\r\nvar journeyObs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){var steps=document.querySelectorAll('#hxJourneyTrack .hx-journey-step');steps.forEach(function(s,i){setTimeout(function(){s.classList.add('visible');},i*160);});journeyObs.disconnect();}});},{threshold:.25});\r\nvar jt=document.getElementById('hxJourneyTrack');if(jt)journeyObs.observe(jt);\r\n\r\nvar clientObs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){document.querySelectorAll('.client-item').forEach(function(el,i){setTimeout(function(){el.style.transition='all .5s cubic-bezier(.16,1,.3,1)';el.style.opacity='1';el.style.transform='translateY(0)';},55*i);});}});},{threshold:.1});\r\nvar cg=document.querySelector('.client-grid');\r\nif(cg){document.querySelectorAll('.client-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(18px)';});clientObs.observe(cg);}\r\nvar prog=document.getElementById('scrollProg');\r\nwindow.addEventListener('scroll',function(){prog.style.width=(window.scrollY\/(document.documentElement.scrollHeight-window.innerHeight)*100)+'%';});\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\ndocument.querySelectorAll('.cap-card,.ind-card').forEach(function(card){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(-5px) rotateY('+x*5+'deg) rotateX('+(-y*5)+'deg)';});card.addEventListener('mouseleave',function(){card.style.transform='';});});\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 HexaVision \u00b7 AI Business Intelligence Platform Visual DataTransformed IntoBusiness Decisions. HexaVision is an AI platform that turns raw visual data from your existing cameras into operational intelligence \u2014 helping organizations understand customers, optimize performance, and make smarter decisions in real time. Explore Platform Request a Demo Scroll One Platform […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/6","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":92,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":697,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/6\/revisions\/697"}],"wp:attachment":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}