{"id":41,"date":"2026-04-24T13:48:12","date_gmt":"2026-04-24T13:48:12","guid":{"rendered":"https:\/\/hexavision.ai\/?page_id=41"},"modified":"2026-06-28T10:39:15","modified_gmt":"2026-06-28T10:39:15","slug":"about-us","status":"publish","type":"page","link":"https:\/\/hexavision.ai\/ar\/about-us\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nAbout Us \u2014 HexaVision | 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<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 --p-grad:linear-gradient(135deg,#A855F7 0%,#7C3AED 50%,#4C1D95 100%);\r\n --dark:#0A0E1A;--text:#1A1F36;--text-2:#4A5078;\r\n --bg:#FAFBFE;--card:#FFFFFF;--border:rgba(124,58,237,0.09);\r\n --gray:#6B7294;\r\n --font-h:'Plus Jakarta Sans',sans-serif;--font-b:'Inter',sans-serif;\r\n}\r\nhtml,body{overflow-x:hidden}\r\nbody{font-family:var(--font-b);color:var(--text);background:var(--bg);line-height:1.7}\r\n.scroll-prog{position:fixed;top:0;left:0;height:3px;background:var(--p-grad);z-index:10000;transition:width .1s linear;width:0}\r\n.icon{width:24px;height:24px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.icon-sm{width:18px;height:18px}\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\/* HERO *\/\r\n.hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:var(--dark);padding:0 5%}\r\n.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;transform:scale(1.05)}\r\n.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,9,15,.93) 0%,rgba(76,29,149,.55) 50%,rgba(168,85,247,.22) 100%)}\r\n.hero-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}\r\n.hero-glow{position:absolute;width:min(600px,120vw);height:min(600px,120vw);border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none;animation:glowFloat 8s ease-in-out infinite}\r\n@keyframes glowFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-20px,20px) scale(1.08)}}\r\n.hero-content{position:relative;z-index:2;max-width:1320px;margin:0 auto;width:100%;padding:clamp(5rem,10vh,8rem) 0 clamp(4rem,8vh,6rem)}\r\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.3);border-radius:100px;padding:6px 16px;font-size:12px;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:1.5rem;letter-spacing:1px;text-transform:uppercase;backdrop-filter:blur(8px)}\r\n.hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--p);display:inline-block;animation:pulse 2s infinite}\r\n@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}\r\n.hero-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem;font-size:13px;color:rgba(255,255,255,.4);opacity:0;animation:reveal .8s cubic-bezier(.16,1,.3,1) forwards .1s}\r\n.hero-breadcrumb a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}\r\n.hero-breadcrumb a:hover{color:var(--p)}\r\n.hero-breadcrumb span{color:var(--p)}\r\n.hero h1{font-family:var(--font-h);font-size:clamp(40px,5.2vw,76px);font-weight:800;line-height:1.06;letter-spacing:-2.5px;color:#fff;margin-bottom:1.5rem;opacity:0;animation:reveal 1s cubic-bezier(.16,1,.3,1) forwards .2s}\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@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:640px;line-height:1.8;opacity:0;animation:reveal 1s cubic-bezier(.16,1,.3,1) forwards .5s}\r\n@keyframes reveal{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}\r\n\r\n\/* SHARED *\/\r\n.section{padding:7rem 5%}\r\n.s-inner{max-width:1320px;margin:0 auto}\r\n.s-label{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--p);margin-bottom:1rem}\r\n.s-title{font-family:var(--font-h);font-size:clamp(30px,4vw,46px);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:620px;line-height:1.8}\r\n.s-hdr{margin-bottom:4rem}\r\n.divider{width:48px;height:3px;background:var(--p-grad);border-radius:2px;margin-bottom:1.5rem;position:relative;overflow:hidden}\r\n.divider::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.4),transparent);animation:shimmer 3s infinite}\r\n@keyframes shimmer{0%{left:-100%}100%{left:200%}}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n OVERVIEW \u2014 Who We Are\r\n (All responsive logic lives here)\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.overview{\r\n background:linear-gradient(180deg,#F0EBFF 0%,#F7F8FC 50%,#FAFBFE 100%);\r\n padding:6rem 5%;\r\n overflow:hidden;\r\n}\r\n.overview-grid{\r\n display:grid;\r\n grid-template-columns:55% 1fr;\r\n gap:4rem;\r\n align-items:center;\r\n max-width:1320px;\r\n margin:0 auto;\r\n}\r\n\r\n\/* Visual column \u2014 extra bottom padding holds space for the floating badge *\/\r\n.overview-visual{\r\n position:relative;\r\n padding-bottom:76px;\r\n min-width:0;\r\n width:100%;\r\n}\r\n\r\n\/* BI Dashboard mock *\/\r\n.bi-dashboard-mock{\r\n width:100%;\r\n max-width:100%;\r\n border-radius:24px;\r\n background:linear-gradient(135deg,#0A0E1A 0%,#160D2E 100%);\r\n box-shadow:0 24px 60px rgba(76,29,149,.22);\r\n overflow:hidden;\r\n position:relative;\r\n display:flex;\r\n flex-direction:column;\r\n padding:1.25rem;\r\n min-height:280px;\r\n box-sizing:border-box;\r\n}\r\n.bi-dash-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:6px}\r\n.bi-dash-title{font-family:var(--font-h);font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}\r\n.bi-dash-time{font-size:11px;color:rgba(168,85,247,.8);background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);border-radius:100px;padding:3px 10px;white-space:nowrap;flex-shrink:0}\r\n.bi-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.85rem}\r\n.bi-kpi{background:rgba(255,255,255,.04);border:1px solid rgba(168,85,247,.15);border-radius:10px;padding:.6rem .5rem;text-align:center;min-width:0;overflow:hidden}\r\n.bi-kpi-val{font-family:var(--font-h);font-size:clamp(13px,3.5vw,18px);font-weight:800;color:var(--p-light);line-height:1}\r\n.bi-kpi-lbl{font-size:8px;color:rgba(255,255,255,.4);margin-top:3px;text-transform:uppercase;letter-spacing:.3px}\r\n.bi-chart-row{display:grid;grid-template-columns:1fr;gap:.75rem;flex:1;min-height:0}\r\n.bi-chart-main{background:rgba(255,255,255,.03);border:1px solid rgba(168,85,247,.1);border-radius:10px;padding:.85rem;overflow:hidden;min-width:0}\r\n.bi-chart-label{font-size:10px;color:rgba(255,255,255,.35);margin-bottom:.6rem;letter-spacing:1px;text-transform:uppercase}\r\n.bi-bars{display:flex;align-items:flex-end;gap:4px;height:60px}\r\n.bi-bar{border-radius:3px 3px 0 0;flex:1;opacity:.85;min-width:0}\r\n.bi-heatmap{display:none}\r\n.bi-heatmap-label{font-size:10px;color:rgba(255,255,255,.35);margin-bottom:.6rem;letter-spacing:1px;text-transform:uppercase}\r\n.heatmap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}\r\n.hm-cell{aspect-ratio:1;border-radius:2px}\r\n.bi-alert-ticker{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(168,85,247,.1);display:flex;align-items:center;gap:8px;overflow:hidden}\r\n.bi-alert-dot{width:6px;height:6px;border-radius:50%;background:#22C55E;flex-shrink:0;animation:pulse 2s infinite}\r\n.bi-alert-text{font-size:9px;color:rgba(255,255,255,.55);white-space:nowrap;animation:tickerScroll 18s linear infinite}\r\n@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-60%)}}\r\n\r\n\/* Badge \u2014 absolutely positioned at the bottom of the visual column *\/\r\n.overview-badge{\r\n position:absolute;\r\n bottom:0;\r\n left:12px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:.9rem 1.2rem;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n box-shadow:0 8px 32px rgba(76,29,149,.12);\r\n z-index:2;\r\n max-width:calc(100% - 24px);\r\n}\r\n.overview-badge-icon{width:44px;height:44px;border-radius:12px;background:var(--p-grad);display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.overview-badge-num{font-family:var(--font-h);font-size:22px;font-weight:800;color:var(--text);line-height:1}\r\n.overview-badge-label{font-size:12px;color:var(--gray);font-weight:500;margin-top:2px}\r\n\r\n\/* Text column *\/\r\n.overview-text{padding-right:1rem}\r\n.overview-text .s-title{font-size:clamp(26px,3.2vw,46px)}\r\n.overview-text .s-sub{font-size:clamp(14px,1.1vw,16px);max-width:100%}\r\n\r\n\/* STATS *\/\r\n.stats-strip{background:#fff;padding:3rem 5%;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}\r\n.stats-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}\r\n.stat-item{text-align:center;padding:1.5rem;border-radius:16px;transition:all .3s ease}\r\n.stat-item:hover{background:rgba(168,85,247,.04);transform:translateY(-4px)}\r\n.stat-num{font-family:var(--font-h);font-size:42px;font-weight:800;line-height:1;margin-bottom:6px;color:var(--p)}\r\n.stat-label{font-size:13px;color:var(--gray);font-weight:500}\r\n\r\n\/* DATA FLOW *\/\r\n.flow{background:#fff;padding:7rem 5%}\r\n.flow-inner{max-width:1320px;margin:0 auto}\r\n.flow-pipeline{display:flex;align-items:center;gap:0;margin-top:4rem;overflow-x:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch}\r\n.flow-node{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}\r\n.flow-node-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;z-index:1}\r\n.flow-node-lbl{font-family:var(--font-h);font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}\r\n.flow-node-sub{font-size:11.5px;color:var(--text-2);max-width:110px;line-height:1.5}\r\n.flow-arrow{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--p);opacity:.4;margin-bottom:3.2rem}\r\n.flow-arrow svg{width:22px;height:22px}\r\n\r\n\/* SPOTLIGHT *\/\r\n.spotlight{background:linear-gradient(160deg,#0A0E1A 0%,#160D2E 55%,#1E0A4C 100%);padding:7rem 5%;color:#fff;position:relative;overflow:hidden}\r\n.spotlight::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}\r\n.spotlight-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.spotlight-hdr{max-width:640px;margin-bottom:3.5rem}\r\n.spotlight-hdr .s-title{color:#fff}\r\n.spotlight-hdr .s-sub{color:rgba(255,255,255,.6)}\r\n.spot-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem}\r\n.spot-card{background:rgba(255,255,255,.04);border:1px solid rgba(168,85,247,.18);border-radius:24px;padding:2.5rem;backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.16,1,.3,1)}\r\n.spot-card:hover{border-color:rgba(168,85,247,.4);transform:translateY(-4px);background:rgba(255,255,255,.06)}\r\n.spot-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(168,85,247,.16);border:1px solid rgba(168,85,247,.38);border-radius:100px;padding:6px 16px;font-size:11.5px;font-weight:700;letter-spacing:.3px;color:#C084FC;margin-bottom:1.25rem}\r\n.spot-kicker{font-size:10.5px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:.6rem;font-weight:700}\r\n.spot-card h3{font-family:var(--font-h);font-size:23px;font-weight:800;margin-bottom:1rem;letter-spacing:-.4px;line-height:1.2}\r\n.spot-card p{font-size:14.5px;color:rgba(255,255,255,.65);line-height:1.85;margin-bottom:1.5rem}\r\n.spot-why{background:rgba(168,85,247,.09);border-left:3px solid var(--p);border-radius:0 12px 12px 0;padding:1rem 1.25rem;font-size:13px;color:rgba(255,255,255,.7);line-height:1.7}\r\n.spot-why strong{color:#C084FC}\r\n\r\n\/* ALERTS *\/\r\n.alerts-section{background:linear-gradient(180deg,#0A0E1A 0%,#0D1120 100%);padding:7rem 5%;position:relative;overflow:hidden}\r\n.alerts-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}\r\n.alerts-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.alerts-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}\r\n.alerts-list{display:flex;flex-direction:column;gap:.85rem}\r\n.alert-item{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.04);border:1px solid rgba(168,85,247,.15);border-radius:14px;padding:1rem 1.25rem;transition:all .3s}\r\n.alert-item:hover{border-color:rgba(168,85,247,.35);background:rgba(168,85,247,.06);transform:translateX(4px)}\r\n.alert-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}\r\n.alert-dot.green{background:#22C55E;box-shadow:0 0 8px rgba(34,197,94,.5)}\r\n.alert-dot.amber{background:#F59E0B;box-shadow:0 0 8px rgba(245,158,11,.5)}\r\n.alert-dot.purple{background:var(--p);box-shadow:0 0 8px rgba(168,85,247,.5)}\r\n.alert-item-text{font-size:13.5px;color:rgba(255,255,255,.75);line-height:1.5;word-break:break-word;overflow-wrap:anywhere}\r\n.alert-item-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:2px}\r\n.alerts-hdr .s-title{color:#fff}\r\n.alerts-hdr .s-sub{color:rgba(255,255,255,.6)}\r\n\r\n\/* RECOMMENDATIONS *\/\r\n.recs-section{background:linear-gradient(180deg,#0D1120 0%,#0A0E1A 100%);padding:4rem 5% 7rem;position:relative;overflow:hidden}\r\n.recs-inner{max-width:1320px;margin:0 auto;position:relative;z-index:1}\r\n.recs-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}\r\n.recs-hdr .s-title{color:#fff}\r\n.recs-hdr .s-sub{color:rgba(255,255,255,.6)}\r\n.recs-flow{display:flex;flex-direction:column;gap:1.5rem}\r\n.recs-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}\r\n.recs-box{background:rgba(255,255,255,.04);border:1px solid rgba(168,85,247,.15);border-radius:16px;padding:1.25rem 1.5rem;min-width:0;overflow:hidden}\r\n.recs-box-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(168,85,247,.7);margin-bottom:.75rem}\r\n.recs-box-items{display:flex;flex-direction:column;gap:.5rem}\r\n.recs-item{font-size:13px;color:rgba(255,255,255,.65);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}\r\n.recs-item:last-child{border-bottom:none}\r\n.recs-arrow{color:var(--p);opacity:.5;display:flex;align-items:center;justify-content:center}\r\n.recs-arrow svg{width:20px;height:20px}\r\n.recs-recommends{background:rgba(168,85,247,.06);border:1px solid rgba(168,85,247,.25);border-radius:16px;padding:1.25rem 1.5rem;min-width:0;overflow:hidden}\r\n.recs-recommends-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--p-light);margin-bottom:.75rem}\r\n.rec-pill{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.75);padding:7px 0;border-bottom:1px solid rgba(168,85,247,.1);word-break:break-word;overflow-wrap:anywhere}\r\n.rec-pill:last-child{border-bottom:none}\r\n.rec-pill svg{width:14px;height:14px;stroke:var(--p-light);fill:none;stroke-width:2;flex-shrink:0}\r\n\r\n\/* DASHBOARD VISUALS *\/\r\n.dashboards{background:#fff;padding:7rem 5%}\r\n.dashboards-inner{max-width:1320px;margin:0 auto}\r\n.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem}\r\n.dash-card{background:linear-gradient(135deg,#0A0E1A 0%,#160D2E 100%);border:1px solid rgba(168,85,247,.18);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}\r\n.dash-card:hover{transform:translateY(-6px);border-color:rgba(168,85,247,.4);box-shadow:0 20px 50px rgba(76,29,149,.2)}\r\n.dash-card-visual{padding:1.5rem 1.5rem .75rem;min-height:150px;display:flex;flex-direction:column;justify-content:center}\r\n.dash-card-label{padding:.75rem 1.5rem 1.25rem;border-top:1px solid rgba(168,85,247,.1)}\r\n.dash-card-title{font-family:var(--font-h);font-size:13.5px;font-weight:700;color:#fff;margin-bottom:3px}\r\n.dash-card-sub{font-size:11.5px;color:rgba(255,255,255,.4)}\r\n\r\n\/* BREAKDOWN *\/\r\n.breakdown{background:linear-gradient(180deg,#FAFBFE 0%,#F0EBFF 100%);padding:7rem 5%}\r\n.bd-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1320px;margin:0 auto}\r\n.bd-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:2.5rem;box-shadow:0 16px 50px rgba(76,29,149,.08)}\r\n.bd-card-hdr{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--p);margin-bottom:1.5rem}\r\n.bd-bars{display:flex;flex-direction:column;gap:1.4rem}\r\n.bd-bar-row{display:grid;grid-template-columns:108px 1fr 64px;align-items:center;gap:1rem}\r\n.bd-bar-label{font-size:13px;font-weight:600;color:var(--text)}\r\n.bd-bar-track{height:14px;background:rgba(124,58,237,.08);border-radius:8px;overflow:hidden}\r\n.bd-bar-fill{height:100%;border-radius:8px;width:0;transition:width 1.5s cubic-bezier(.16,1,.3,1)}\r\n.bd-bar-val{font-family:var(--font-h);font-size:13px;font-weight:800;color:var(--text);text-align:right}\r\n.bd-flag{margin-top:1.75rem;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.22);border-radius:14px;padding:1.1rem 1.25rem;display:flex;gap:12px;align-items:flex-start}\r\n.bd-flag svg{width:20px;height:20px;stroke:#EF4444;fill:none;stroke-width:2;flex-shrink:0;margin-top:2px}\r\n.bd-flag p{font-size:13px;color:var(--text-2);line-height:1.65}\r\n.bd-flag strong{color:#DC2626}\r\n.bd-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}\r\n.bd-out{background:rgba(168,85,247,.04);border:1px solid rgba(168,85,247,.1);border-radius:14px;padding:1.1rem 1.25rem}\r\n.bd-out-val{font-family:var(--font-h);font-size:25px;font-weight:800;color:var(--p)}\r\n.bd-out-label{font-size:11.5px;color:var(--text-2);margin-top:4px}\r\n\r\n\/* IMPACT *\/\r\n.impact{background:#fff;padding:7rem 5%}\r\n.impact-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1320px;margin:0 auto}\r\n.impact-cat{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:0 2px 8px rgba(76,29,149,.04);transition:all .4s cubic-bezier(.16,1,.3,1)}\r\n.impact-cat:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(76,29,149,.1);border-color:rgba(168,85,247,.2)}\r\n.impact-cat-icon{width:44px;height:44px;border-radius:12px;background:rgba(168,85,247,.08);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}\r\n.impact-cat-icon svg{width:22px;height:22px;stroke:var(--p);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.impact-cat h4{font-family:var(--font-h);font-size:15px;font-weight:700;margin-bottom:1.1rem;color:var(--text)}\r\n.impact-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--border)}\r\n.impact-row:first-of-type{border-top:none;padding-top:0}\r\n.impact-row span{font-size:12px;color:var(--text-2);line-height:1.4}\r\n.impact-row b{font-family:var(--font-h);font-size:15px;font-weight:800;white-space:nowrap}\r\n.impact-note{text-align:center;font-size:12px;color:var(--gray);margin-top:2.5rem}\r\n\r\n\/* WHY *\/\r\n.why{background:linear-gradient(160deg,#F0EBFF 0%,#F8F6FF 50%,#EDE8FC 100%);padding:7rem 5%}\r\n.why-inner{max-width:1320px;margin:0 auto}\r\n.why-header{text-align:center;max-width:640px;margin:0 auto 4rem}\r\n.why-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}\r\n.why-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(76,29,149,.04);position:relative;overflow:hidden}\r\n.why-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--p-grad);opacity:0;transition:opacity .3s}\r\n.why-card:hover{border-color:rgba(168,85,247,.18);transform:translateY(-6px);box-shadow:0 16px 40px rgba(76,29,149,.1)}\r\n.why-card:hover::before{opacity:1}\r\n.why-card-num{font-family:var(--font-h);font-size:60px;font-weight:800;opacity:.05;line-height:1;margin-bottom:-8px;color:var(--text)}\r\n.why-card-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(168,85,247,.05));border:1px solid rgba(168,85,247,.12);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}\r\n.why-card h4{font-family:var(--font-h);font-size:18px;font-weight:700;margin-bottom:10px;color:var(--text);letter-spacing:-.3px}\r\n.why-card p{font-size:14px;color:var(--text-2);line-height:1.75}\r\n\r\n\/* INDUSTRY STRIP *\/\r\n.ind-strip{background:linear-gradient(160deg,#F8F6FF,#F0EBFF);padding:5rem 5%}\r\n.ind-strip-hdr{text-align:center;max-width:600px;margin:0 auto}\r\n.ind-strip-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:1100px;margin:2.5rem auto 0;padding:0 1rem}\r\n.ind-pill{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 18px;font-size:13.5px;font-weight:600;color:var(--text);transition:all .3s;min-width:0;word-break:break-word}\r\n.ind-pill:hover{border-color:rgba(168,85,247,.3);transform:translateY(-3px)}\r\n.ind-pill svg{width:18px;height:18px;stroke:var(--p);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n\/* CTA *\/\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:28px;padding:5rem;text-align:center;position:relative;overflow:hidden;color:#fff}\r\n.cta-inner::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.18) 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,.06) 1px,transparent 1px);background-size:30px 30px;animation:drift 20s linear infinite;pointer-events:none}\r\n@keyframes drift{from{transform:translateY(0)}to{transform:translateY(-30px)}}\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;color:#fff}\r\n.cta-inner h2 span{color:var(--p-light)}\r\n.cta-inner p{font-size:17px;color:rgba(255,255,255,.7);max-width:550px;margin:0 auto 2.5rem;line-height:1.75;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.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:6px;transition:all .3s}\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{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,.25);transition:all .3s;display:inline-flex;align-items:center;gap:6px}\r\n.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1);transform:translateY(-2px)}\r\n.contact-row{display:flex;gap:2rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap;position:relative;z-index:1}\r\n.contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.7)}\r\n.contact-item strong{color:#fff}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE \u2014 same breakpoints as home page\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n\/* \u2500\u2500 1100px: overview stacks \u2500\u2500 *\/\r\n@media(max-width:1100px){\r\n .overview-grid{grid-template-columns:1fr}\r\n .overview-visual{max-width:100%;width:100%;padding-bottom:80px}\r\n .overview-text{padding-right:0}\r\n \/* Dashboard internals tighten *\/\r\n .bi-dashboard-mock{padding:1.25rem;min-height:260px}\r\n .bi-kpi-val{font-size:16px}\r\n .bi-bars{height:68px}\r\n \/* Other 2-col \u2192 1-col *\/\r\n .bd-layout{grid-template-columns:1fr}\r\n .alerts-layout{grid-template-columns:1fr}\r\n .recs-layout{grid-template-columns:1fr}\r\n .recs-row{grid-template-columns:1fr}\r\n .recs-arrow{display:none}\r\n .dash-grid{grid-template-columns:1fr 1fr}\r\n .why-cards{grid-template-columns:1fr 1fr}\r\n .impact-cats{grid-template-columns:1fr 1fr}\r\n .stats-inner{grid-template-columns:repeat(2,1fr)}\r\n .flow-pipeline{flex-wrap:wrap;justify-content:center}\r\n .flow-arrow{display:none}\r\n .spot-grid{grid-template-columns:1fr}\r\n}\r\n\r\n\/* \u2500\u2500 900px: further collapse, dashboard simplified \u2500\u2500 *\/\r\n@media(max-width:900px){\r\n \/* Dashboard: collapse chart row, hide heatmap *\/\r\n .bi-chart-row{grid-template-columns:1fr}\r\n .bi-heatmap{display:none}\r\n .bi-bars{height:52px;gap:3px}\r\n .bi-kpi{padding:.55rem .4rem}\r\n .bi-kpi-val{font-size:14px}\r\n .bi-kpi-lbl{font-size:8px}\r\n .bi-alert-text{font-size:9px}\r\n \/* Badge: center horizontally, never overflow *\/\r\n .overview-badge{\r\n position:absolute;\r\n left:50%;\r\n right:auto;\r\n transform:translateX(-50%);\r\n white-space:nowrap;\r\n max-width:calc(100% - 2rem);\r\n padding:.75rem 1rem;\r\n }\r\n .overview-badge-icon{width:36px;height:36px;border-radius:10px}\r\n .overview-badge-num{font-size:18px}\r\n .overview-badge-label{font-size:11px}\r\n \/* bd-bar label shrinks *\/\r\n .bd-bar-row{grid-template-columns:80px 1fr 50px}\r\n \/* Why + impact full-width *\/\r\n .why-cards{grid-template-columns:1fr}\r\n .impact-cats{grid-template-columns:1fr 1fr}\r\n}\r\n\r\n\/* \u2500\u2500 600px: mobile \u2014 same as home page \u2500\u2500 *\/\r\n@media(max-width:600px){\r\n .hero{min-height:100svh}\r\n .cta-inner{padding:3rem 1.5rem}\r\n .hero-btns{flex-direction:column;gap:10px}\r\n \/* Overview *\/\r\n .overview{padding:3rem 4%}\r\n .overview-grid{gap:1.75rem}\r\n .overview-visual{padding-bottom:86px}\r\n .overview-text{padding:0}\r\n \/* Stats *\/\r\n .stats-inner{grid-template-columns:repeat(2,1fr);gap:.75rem}\r\n .stat-num{font-size:32px}\r\n \/* Cards all single col *\/\r\n .why-cards{grid-template-columns:1fr}\r\n .impact-cats{grid-template-columns:1fr}\r\n .dash-grid{grid-template-columns:1fr}\r\n \/* bd-bar tighter *\/\r\n .bd-bar-row{grid-template-columns:76px 1fr 44px}\r\n \/* CTA contact wrap *\/\r\n .contact-row{gap:1rem}\r\n \/* Dashboard: tighten everything on small phones *\/\r\n .bi-dashboard-mock{padding:1rem}\r\n .bi-kpis{gap:.35rem}\r\n .bi-kpi{padding:.5rem .3rem}\r\n .bi-kpi-val{font-size:13px}\r\n .bi-kpi-lbl{font-size:7px;letter-spacing:0}\r\n .bi-bars{height:48px}\r\n .bi-dash-title{font-size:11px}\r\n}\r\n\r\n\/* \u2500\u2500 480px: extra small phones \u2014 dashboard nuclear option \u2500\u2500 *\/\r\n@media(max-width:480px){\r\n .bi-kpis{grid-template-columns:1fr 1fr 1fr}\r\n .bi-kpi-val{font-size:12px}\r\n .bi-kpi-lbl{display:none}\r\n .bi-dash-time{display:none}\r\n .bi-bars{height:44px}\r\n}\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<!-- HERO -->\r\n<section class=\"hero\">\r\n<img decoding=\"async\" src=\"https:\/\/hexavision.ai\/wp-content\/uploads\/2026\/04\/freepik_enhance-4k-and-regenerate_2859685025.png\" alt=\"HexaVision Business Intelligence Platform\" class=\"hero-bg\">\r\n<div class=\"hero-overlay\"><\/div>\r\n<div class=\"hero-dots\"><\/div>\r\n<div class=\"hero-glow\"><\/div>\r\n<div class=\"hero-content\">\r\n<div class=\"hero-breadcrumb\">\r\n<a href=\"https:\/\/hexavision.ai\/\">Home<\/a>\r\n<svg class=\"icon icon-sm\" viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n<span>About Us<\/span>\r\n<\/div>\r\n<div class=\"hero-badge\">\r\n<svg class=\"icon icon-sm\" viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\nSaudi Made  \u00b7  Business Intelligence Platform\r\n<\/div>\r\n<h1>Transform Video &<br><span class=\"accent\">Operational Data<\/span><br>Into Business Intelligence.<\/h1>\r\n<p class=\"hero-sub\">HexaVision is a Saudi-made Decision Intelligence platform \u2014 giving malls, retailers, and F&B operators a live understanding of every visitor, every operation, and every business decision that actually moves the needle.<\/p>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- OVERVIEW (Who We Are) -->\r\n<section class=\"overview\">\r\n<div class=\"overview-grid\">\r\n<div class=\"overview-visual fade-up\">\r\n<div class=\"bi-dashboard-mock\">\r\n <div class=\"bi-dash-topbar\">\r\n <span class=\"bi-dash-title\">Executive Dashboard \u00b7 Live<\/span>\r\n <span class=\"bi-dash-time\">Updated 2s ago<\/span>\r\n <\/div>\r\n <div class=\"bi-kpis\">\r\n <div class=\"bi-kpi\"><div class=\"bi-kpi-val\">98.2%<\/div><div class=\"bi-kpi-lbl\">Detection Accuracy<\/div><\/div>\r\n <div class=\"bi-kpi\"><div class=\"bi-kpi-val\">4ms<\/div><div class=\"bi-kpi-lbl\">AI Response<\/div><\/div>\r\n <div class=\"bi-kpi\"><div class=\"bi-kpi-val\">\u219120%<\/div><div class=\"bi-kpi-lbl\">Revenue Uplift<\/div><\/div>\r\n <\/div>\r\n <div class=\"bi-chart-row\">\r\n <div class=\"bi-chart-main\">\r\n <div class=\"bi-chart-label\">Visitor Flow \u00b7 Today<\/div>\r\n <div class=\"bi-bars\">\r\n <div class=\"bi-bar\" style=\"height:45%;background:linear-gradient(180deg,#A855F7,#6D28D9)\"><\/div>\r\n <div class=\"bi-bar\" style=\"height:62%;background:linear-gradient(180deg,#A855F7,#6D28D9)\"><\/div>\r\n <div class=\"bi-bar\" style=\"height:38%;background:linear-gradient(180deg,#A855F7,#6D28D9)\"><\/div>\r\n <div class=\"bi-bar\" style=\"height:78%;background:linear-gradient(180deg,#C084FC,#A855F7)\"><\/div>\r\n <div class=\"bi-bar\" style=\"height:91%;background:linear-gradient(180deg,#C084FC,#A855F7)\"><\/div>\r\n <div class=\"bi-bar\" style=\"height:65%;background:linear-gradient(180deg,#A855F7,#6D28D9)\"><\/div>\r\n <div class=\"bi-bar\" style=\"height:55%;background:linear-gradient(180deg,#A855F7,#6D28D9)\"><\/div>\r\n <div class=\"bi-bar\" style=\"height:43%;background:linear-gradient(180deg,rgba(168,85,247,.4),rgba(109,40,217,.4))\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bi-heatmap\">\r\n <div class=\"bi-heatmap-label\">Zone Heatmap<\/div>\r\n <div class=\"heatmap-grid\">\r\n <div class=\"hm-cell\" style=\"background:rgba(168,85,247,.15)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.45)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(245,158,11,.6)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.3)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.1)\"><\/div>\r\n <div class=\"hm-cell\" style=\"background:rgba(168,85,247,.5)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(239,68,68,.7)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(239,68,68,.85)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(245,158,11,.5)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.2)\"><\/div>\r\n <div class=\"hm-cell\" style=\"background:rgba(168,85,247,.25)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(245,158,11,.4)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.6)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.35)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.1)\"><\/div>\r\n <div class=\"hm-cell\" style=\"background:rgba(168,85,247,.1)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.2)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.35)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.15)\"><\/div><div class=\"hm-cell\" style=\"background:rgba(168,85,247,.08)\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bi-alert-ticker\">\r\n <div class=\"bi-alert-dot\"><\/div>\r\n <div class=\"bi-alert-text\">High-value customer entered \u00b7 Zone C     Customer waiting time exceeded KPI \u00b7 Lane 2     Store performance dropped 12% \u00b7 Branch 4     AI predicts congestion \u00b7 East Entrance     Staff productivity declined \u00b7 Floor 2    <\/div>\r\n <\/div>\r\n<\/div>\r\n<div class=\"overview-badge\">\r\n<div class=\"overview-badge-icon\">\r\n<svg class=\"icon\" viewBox=\"0 0 24 24\" style=\"color:#fff\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n<\/div>\r\n<div>\r\n<div class=\"overview-badge-num\">+1,000<\/div>\r\n<div class=\"overview-badge-label\">Clients Served<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"fade-up overview-text\">\r\n<div class=\"divider\"><\/div>\r\n<div class=\"s-label\">About HexaVision<\/div>\r\n<h2 class=\"s-title\">Who We Are<\/h2>\r\n<p class=\"s-sub\">HexaVision is a Saudi-made Business Intelligence platform built around one idea: every camera and operational data point already inside your business is an untapped source of intelligence. Our engine reads that video and data at the edge \u2014 on-site, in real time \u2014 and turns it into visitor insights, behavior patterns, business alerts, and AI-powered decisions, without a single frame ever leaving your facility.<\/p>\r\n<p class=\"s-sub\" style=\"margin-top:1.25rem;font-size:15px\">From a single Drive-Thru lane to a multi-floor shopping mall, HexaVision works on the infrastructure operators already own. No new hardware, no cloud dependency, no compromise on privacy \u2014 just a continuous, accurate picture of what is actually happening on the ground, translated directly into business action.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- STATS -->\r\n<div class=\"stats-strip\">\r\n<div class=\"stats-inner\">\r\n<div class=\"stat-item fade-up\"><div class=\"stat-num\">+1K<\/div><div class=\"stat-label\">Clients Served<\/div><\/div>\r\n<div class=\"stat-item fade-up\"><div class=\"stat-num\">98.2%<\/div><div class=\"stat-label\">Detection Accuracy<\/div><\/div>\r\n<div class=\"stat-item fade-up\"><div class=\"stat-num\">4ms<\/div><div class=\"stat-label\">Edge AI Response<\/div><\/div>\r\n<div class=\"stat-item fade-up\"><div class=\"stat-num\">24\/7<\/div><div class=\"stat-label\">Real-Time Monitoring<\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- DATA FLOW \u2014 ANIMATED AUTO PIPELINE -->\r\n<section class=\"flow\">\r\n<style>\r\n.pipeline-wrap{padding:0}\r\n.pipe-track{position:relative;display:flex;align-items:flex-start;gap:0;justify-content:center;margin-top:3rem}\r\n.pipe-connector{flex:1;max-width:52px;display:flex;align-items:center;justify-content:center;margin-top:26px;position:relative;z-index:1}\r\n.pipe-conn-line{height:2px;width:100%;background:rgba(168,85,247,.15);position:relative;overflow:hidden;border-radius:1px}\r\n.pipe-conn-fill{height:100%;width:0%;background:linear-gradient(90deg,#A855F7,#C084FC);border-radius:1px;transition:width .35s cubic-bezier(.16,1,.3,1)}\r\n.pipe-node{flex:1;max-width:90px;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(22px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}\r\n.pipe-node.pvis{opacity:1;transform:translateY(0)}\r\n.pipe-icon-ring{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:.7rem;border:1.5px solid rgba(168,85,247,.18);background:rgba(168,85,247,.04);position:relative;transition:border-color .4s,background .4s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}\r\n.pipe-node.pactive .pipe-icon-ring{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.55);transform:translateY(-5px) scale(1.08);box-shadow:0 8px 24px rgba(168,85,247,.22)}\r\n.pipe-node.pfinal .pipe-icon-ring{background:var(--p-grad);border-color:#A855F7;transform:translateY(-5px) scale(1.1);box-shadow:0 10px 28px rgba(168,85,247,.38)}\r\n.pipe-ping{position:absolute;inset:0;border-radius:18px;border:2px solid #A855F7;opacity:0;animation:none}\r\n.pipe-node.pactive .pipe-ping,.pipe-node.pfinal .pipe-ping{animation:pipeRing 1s ease-out infinite}\r\n@keyframes pipeRing{0%{opacity:.55;transform:scale(1)}100%{opacity:0;transform:scale(1.6)}}\r\n.pipe-node-lbl{font-family:var(--font-h);font-size:12px;font-weight:700;color:var(--text);margin-bottom:.2rem;transition:color .3s;letter-spacing:-.2px}\r\n.pipe-node.pactive .pipe-node-lbl{color:var(--p)}\r\n.pipe-node.pfinal .pipe-node-lbl{color:var(--p);font-weight:800}\r\n.pipe-node-sub{font-size:10px;color:var(--text-2);line-height:1.45;padding:0 3px}\r\n\/* Detail panel *\/\r\n.pipe-detail{margin-top:2.5rem;border:1px solid rgba(168,85,247,.15);border-radius:20px;padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(168,85,247,.04),rgba(109,40,217,.02));min-height:88px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}\r\n.pipe-detail::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--p-grad);border-radius:2px 2px 0 0}\r\n.pipe-detail-inner{display:flex;align-items:center;gap:1.25rem}\r\n.pipe-detail-icon{width:48px;height:48px;border-radius:14px;background:var(--p-grad);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px rgba(168,85,247,.28)}\r\n.pipe-detail-body{flex:1;min-width:0}\r\n.pipe-detail-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(168,85,247,.7);margin-bottom:.3rem}\r\n.pipe-detail-title{font-family:var(--font-h);font-size:16px;font-weight:800;color:var(--text);margin-bottom:.35rem;letter-spacing:-.3px}\r\n.pipe-detail-desc{font-size:13px;color:var(--text-2);line-height:1.6}\r\n.pipe-detail-badge{display:inline-flex;align-items:center;gap:5px;margin-top:.6rem;padding:4px 12px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.3px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);color:var(--p)}\r\n\/* Progress bar *\/\r\n.pipe-progress-wrap{margin-top:1.5rem;display:flex;align-items:center;gap:12px}\r\n.pipe-progress-dots{display:flex;gap:7px}\r\n.pipe-pdot{width:7px;height:7px;border-radius:50%;background:rgba(168,85,247,.18);transition:all .3s}\r\n.pipe-pdot.on{background:var(--p);transform:scale(1.35)}\r\n.pipe-progress-bar-wrap{flex:1;height:2px;background:rgba(168,85,247,.12);border-radius:1px;overflow:hidden}\r\n.pipe-progress-bar{height:100%;width:0%;background:var(--p-grad);border-radius:1px;transition:width linear}\r\n\/* Canvas particle *\/\r\n#pipeCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}\r\n<\/style>\r\n<div class=\"flow-inner\">\r\n <div class=\"s-hdr fade-up\" style=\"text-align:center;max-width:680px;margin:0 auto 0\">\r\n <div class=\"divider\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n <div class=\"s-label\" style=\"text-align:center\">What We Do<\/div>\r\n <h2 class=\"s-title\" style=\"text-align:center\">From Raw Data to Business Decisions<\/h2>\r\n <p class=\"s-sub\" style=\"text-align:center;margin:0 auto\">Every data point HexaVision captures flows through a single intelligent pipeline \u2014 locally, in real time \u2014 converting operational data into decisions that improve revenue and performance.<\/p>\r\n <\/div>\r\n\r\n <div style=\"position:relative\">\r\n <canvas id=\"pipeCanvas\"><\/canvas>\r\n <div class=\"pipe-track\" id=\"pipeTrack\">\r\n\r\n <div class=\"pipe-node\" id=\"pn0\">\r\n <div class=\"pipe-icon-ring\">\r\n <div class=\"pipe-ping\"><\/div>\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pipe-node-lbl\">Data<\/div>\r\n <div class=\"pipe-node-sub\">Video + operational inputs<\/div>\r\n <\/div>\r\n\r\n <div class=\"pipe-connector\"><div class=\"pipe-conn-line\"><div class=\"pipe-conn-fill\" id=\"pc0\"><\/div><\/div><\/div>\r\n\r\n <div class=\"pipe-node\" id=\"pn1\">\r\n <div class=\"pipe-icon-ring\">\r\n <div class=\"pipe-ping\"><\/div>\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\"\/><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pipe-node-lbl\">AI<\/div>\r\n <div class=\"pipe-node-sub\">Edge inference 4ms<\/div>\r\n <\/div>\r\n\r\n <div class=\"pipe-connector\"><div class=\"pipe-conn-line\"><div class=\"pipe-conn-fill\" id=\"pc1\"><\/div><\/div><\/div>\r\n\r\n <div class=\"pipe-node\" id=\"pn2\">\r\n <div class=\"pipe-icon-ring\">\r\n <div class=\"pipe-ping\"><\/div>\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pipe-node-lbl\">Insights<\/div>\r\n <div class=\"pipe-node-sub\">Patterns & anomalies<\/div>\r\n <\/div>\r\n\r\n <div class=\"pipe-connector\"><div class=\"pipe-conn-line\"><div class=\"pipe-conn-fill\" id=\"pc2\"><\/div><\/div><\/div>\r\n\r\n <div class=\"pipe-node\" id=\"pn3\">\r\n <div class=\"pipe-icon-ring\">\r\n <div class=\"pipe-ping\"><\/div>\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pipe-node-lbl\">Dashboard<\/div>\r\n <div class=\"pipe-node-sub\">Live KPIs & heatmaps<\/div>\r\n <\/div>\r\n\r\n <div class=\"pipe-connector\"><div class=\"pipe-conn-line\"><div class=\"pipe-conn-fill\" id=\"pc3\"><\/div><\/div><\/div>\r\n\r\n <div class=\"pipe-node\" id=\"pn4\">\r\n <div class=\"pipe-icon-ring\">\r\n <div class=\"pipe-ping\"><\/div>\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pipe-node-lbl\">Alerts<\/div>\r\n <div class=\"pipe-node-sub\">Business signals only<\/div>\r\n <\/div>\r\n\r\n <div class=\"pipe-connector\"><div class=\"pipe-conn-line\"><div class=\"pipe-conn-fill\" id=\"pc4\"><\/div><\/div><\/div>\r\n\r\n <div class=\"pipe-node\" id=\"pn5\">\r\n <div class=\"pipe-icon-ring\">\r\n <div class=\"pipe-ping\"><\/div>\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pipe-node-lbl\">Recs<\/div>\r\n <div class=\"pipe-node-sub\">Exact action to take<\/div>\r\n <\/div>\r\n\r\n <div class=\"pipe-connector\"><div class=\"pipe-conn-line\"><div class=\"pipe-conn-fill\" id=\"pc5\"><\/div><\/div><\/div>\r\n\r\n <div class=\"pipe-node\" id=\"pn6\">\r\n <div class=\"pipe-icon-ring\">\r\n <div class=\"pipe-ping\"><\/div>\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pipe-node-lbl\">Decisions<\/div>\r\n <div class=\"pipe-node-sub\">Revenue protected<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Detail panel -->\r\n <div class=\"pipe-detail\" id=\"pipeDetail\">\r\n <div class=\"pipe-detail-inner\">\r\n <div class=\"pipe-detail-icon\" id=\"pdIcon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><\/svg>\r\n <\/div>\r\n <div class=\"pipe-detail-body\">\r\n <div class=\"pipe-detail-step\" id=\"pdStep\">Step 1 of 7<\/div>\r\n <div class=\"pipe-detail-title\" id=\"pdTitle\">Camera & Operational Data<\/div>\r\n <div class=\"pipe-detail-desc\" id=\"pdDesc\">Every connected camera streams live frames alongside operational data \u2014 POS systems, queue sensors, drive-thru lanes. All captured on-site with zero cloud dependency.<\/div>\r\n <div class=\"pipe-detail-badge\" id=\"pdBadge\">\u2726 Edge only \u2014 no cloud<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Progress -->\r\n <div class=\"pipe-progress-wrap\">\r\n <div class=\"pipe-progress-dots\" id=\"pipeDots\"><\/div>\r\n <div class=\"pipe-progress-bar-wrap\"><div class=\"pipe-progress-bar\" id=\"pipeBar\"><\/div><\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\nvar STAGES=[\r\n {\r\n svg:'<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><\/svg>',\r\n step:'Step 1 of 7',title:'Camera & Operational Data',\r\n desc:'Every connected camera streams live frames alongside operational data \u2014 POS systems, queue sensors, drive-thru lanes. All captured on-site with zero cloud dependency.',\r\n badge:'\u2726 Edge only \u2014 no cloud'\r\n },\r\n {\r\n svg:'<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\"\/><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/><\/svg>',\r\n step:'Step 2 of 7',title:'Edge AI Processing \u2014 4ms',\r\n desc:'HexaVision\\'s AI engine runs fully on your local hardware. Every frame is analysed in under 4ms \u2014 detecting people, vehicles, and behaviours without a single packet leaving your site.',\r\n badge:'\u2726 98.2% detection accuracy'\r\n },\r\n {\r\n svg:'<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>',\r\n step:'Step 3 of 7',title:'Behavioural Insights Surfaced',\r\n desc:'Detections assemble into patterns over time: dwell duration, conversion funnels, movement flows, zone density, VIP recognition, churn signals. Raw frames become business meaning.',\r\n badge:'\u2726 Real-time & historical'\r\n },\r\n {\r\n svg:'<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>',\r\n step:'Step 4 of 7',title:'Live Executive Dashboard',\r\n desc:'KPIs, heatmaps, trend lines, and conversion funnels surface on a single screen \u2014 updated every 2 seconds. Leadership sees the truth of operations without waiting for reports.',\r\n badge:'\u2726 Updates every 2 seconds'\r\n },\r\n {\r\n svg:'<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>',\r\n step:'Step 5 of 7',title:'Business-Language Alerts',\r\n desc:'\"VIP entered \u2014 9th visit, SAR 4,200 lifetime value.\" Not \"person detected.\" Every alert is a business signal routed to the right person on the right screen in under a second.',\r\n badge:'\u2726 <1s alert delivery'\r\n },\r\n {\r\n svg:'<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>',\r\n step:'Step 6 of 7',title:'AI Recommendations',\r\n desc:'Every alert pairs with a specific action. \"Open checkout lane 3.\" \"Reallocate staff to East wing.\" \"Send loyalty offer before this customer churns.\" The platform tells you exactly what to do.',\r\n badge:'\u2726 Context-aware actions'\r\n },\r\n {\r\n svg:'<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg>',\r\n step:'Step 7 of 7',title:'Revenue-Protecting Decisions',\r\n desc:'Faster service times. Recognised VIPs. Optimised layouts. Measured campaigns. Each output ties directly to a commercial outcome \u2014 intelligence that earns its place every single day.',\r\n badge:'\u2726 Avg \u219120% revenue uplift'\r\n }\r\n];\r\n\r\nvar DURATION=1800;\r\nvar current=0;\r\nvar autoTimer=null;\r\nvar barTimer=null;\r\nvar booted=false;\r\n\r\n\/* Build dots *\/\r\nvar dotsEl=document.getElementById('pipeDots');\r\nfor(var i=0;i<7;i++){\r\n var d=document.createElement('div');\r\n d.className='pipe-pdot';\r\n dotsEl.appendChild(d);\r\n}\r\n\r\nfunction setStage(i,animate){\r\n current=i;\r\n \/* nodes *\/\r\n for(var j=0;j<7;j++){\r\n var n=document.getElementById('pn'+j);\r\n n.classList.remove('pactive','pfinal');\r\n if(j<i) n.classList.add('pactive');\r\n if(j===i) n.classList.add(i===6?'pfinal':'pactive');\r\n }\r\n \/* connectors *\/\r\n for(var j=0;j<6;j++){\r\n var c=document.getElementById('pc'+j);\r\n if(!c)continue;\r\n c.style.transition=animate?'width .35s cubic-bezier(.16,1,.3,1)':'none';\r\n c.style.width=j<i?'100%':(j===i?'55%':'0%');\r\n }\r\n \/* dots *\/\r\n var dots=dotsEl.querySelectorAll('.pipe-pdot');\r\n dots.forEach(function(d,j){d.classList.toggle('on',j===i);});\r\n \/* detail *\/\r\n var s=STAGES[i];\r\n document.getElementById('pdIcon').innerHTML=s.svg;\r\n document.getElementById('pdStep').textContent=s.step;\r\n document.getElementById('pdTitle').innerHTML=s.title;\r\n document.getElementById('pdDesc').textContent=s.desc;\r\n document.getElementById('pdBadge').innerHTML=s.badge;\r\n \/* particles *\/\r\n spawnParticles(i);\r\n \/* progress bar *\/\r\n var bar=document.getElementById('pipeBar');\r\n bar.style.transition='none';\r\n bar.style.width='0%';\r\n void bar.offsetWidth;\r\n bar.style.transition='width '+DURATION+'ms linear';\r\n bar.style.width='100%';\r\n}\r\n\r\nfunction advance(){\r\n var next=(current+1)%7;\r\n setStage(next,true);\r\n autoTimer=setTimeout(advance,DURATION);\r\n}\r\n\r\nfunction boot(){\r\n if(booted)return; booted=true;\r\n \/* stagger reveal *\/\r\n for(var i=0;i<7;i++){\r\n (function(idx){\r\n setTimeout(function(){\r\n document.getElementById('pn'+idx).classList.add('pvis');\r\n },idx*50+60);\r\n })(i);\r\n }\r\n setTimeout(function(){\r\n setStage(0,false);\r\n autoTimer=setTimeout(advance,DURATION);\r\n },450);\r\n}\r\n\r\n\/* Intersection observer \u2014 start when visible *\/\r\nvar obs=new IntersectionObserver(function(entries){\r\n if(entries[0].isIntersecting) boot();\r\n},{threshold:.25});\r\nvar track=document.getElementById('pipeTrack');\r\nif(track) obs.observe(track);\r\n\/* fallback *\/\r\nsetTimeout(boot,2600);\r\n\r\n\/* \u2500\u2500 Particle canvas \u2500\u2500 *\/\r\nvar canvas=document.getElementById('pipeCanvas');\r\nvar ctx2=canvas.getContext('2d');\r\nvar particles=[];\r\nvar raf2;\r\n\r\nfunction resizePipeCanvas(){\r\n var t=document.getElementById('pipeTrack');\r\n if(!t)return;\r\n var r=t.getBoundingClientRect();\r\n canvas.width=r.width;\r\n canvas.height=r.height+10;\r\n canvas.style.width=r.width+'px';\r\n canvas.style.height=(r.height+10)+'px';\r\n}\r\n\r\nfunction spawnParticles(nodeIdx){\r\n var t=document.getElementById('pipeTrack');\r\n var n=document.getElementById('pn'+nodeIdx);\r\n if(!t||!n)return;\r\n var tr=t.getBoundingClientRect();\r\n var nr=n.getBoundingClientRect();\r\n var cx=nr.left-tr.left+nr.width\/2;\r\n var cy=nr.top-tr.top+nr.height\/2;\r\n for(var i=0;i<14;i++){\r\n var angle=Math.random()*Math.PI*2;\r\n var speed=1.4+Math.random()*2.4;\r\n particles.push({\r\n x:cx,y:cy,\r\n vx:Math.cos(angle)*speed,\r\n vy:Math.sin(angle)*speed-1.2,\r\n life:1,\r\n decay:.022+Math.random()*.018,\r\n r:2+Math.random()*2.5,\r\n color:nodeIdx===6?'#C084FC':'#A855F7'\r\n });\r\n }\r\n}\r\n\r\nfunction drawPipeParticles(){\r\n ctx2.clearRect(0,0,canvas.width,canvas.height);\r\n particles=particles.filter(function(p){return p.life>0;});\r\n for(var i=0;i<particles.length;i++){\r\n var p=particles[i];\r\n ctx2.globalAlpha=p.life*.65;\r\n ctx2.fillStyle=p.color;\r\n ctx2.beginPath();\r\n ctx2.arc(p.x,p.y,p.r*p.life,0,Math.PI*2);\r\n ctx2.fill();\r\n p.x+=p.vx; p.y+=p.vy;\r\n p.vy+=.08;\r\n p.life-=p.decay;\r\n }\r\n ctx2.globalAlpha=1;\r\n raf2=requestAnimationFrame(drawPipeParticles);\r\n}\r\n\r\nwindow.addEventListener('resize',resizePipeCanvas);\r\nresizePipeCanvas();\r\ndrawPipeParticles();\r\n})();\r\n<\/script>\r\n<\/section>\r\n\r\n<!-- AI ALERTS -->\r\n<section class=\"alerts-section\">\r\n<div class=\"alerts-inner\">\r\n<div class=\"alerts-layout\">\r\n<div class=\"alerts-hdr fade-up\">\r\n<div class=\"divider\"><\/div>\r\n<div class=\"s-label\" style=\"color:rgba(168,85,247,.85)\">AI-Powered Alerts<\/div>\r\n<h2 class=\"s-title\">Business Language,<br>Not Camera Language<\/h2>\r\n<p class=\"s-sub\">Other platforms alert you when a person is detected or motion is sensed. HexaVision speaks in the language your managers already use \u2014 flagging what matters to the business, not to the camera.<\/p>\r\n<p class=\"s-sub\" style=\"margin-top:1.25rem;font-size:15px;color:rgba(255,255,255,.5)\">Every alert is a business signal \u2014 actionable, contextualized, and routed to the right person on the right screen, in under a second.<\/p>\r\n<\/div>\r\n<div class=\"alerts-list fade-up\">\r\n <div class=\"alert-item\"><div class=\"alert-dot purple\"><\/div><div><div class=\"alert-item-tag\">Revenue<\/div><div class=\"alert-item-text\">High-value customer entered \u2014 recognized from 9 prior visits, lifetime spend SAR 4,200<\/div><\/div><\/div>\r\n <div class=\"alert-item\"><div class=\"alert-dot amber\"><\/div><div><div class=\"alert-item-tag\">Operations<\/div><div class=\"alert-item-text\">Customer waiting time exceeded KPI \u2014 Drive-Thru Lane 2, avg wait now 3:40 vs target 2:00<\/div><\/div><\/div>\r\n <div class=\"alert-item\"><div class=\"alert-dot amber\"><\/div><div><div class=\"alert-item-tag\">Performance<\/div><div class=\"alert-item-text\">Store performance dropped 12% this hour \u2014 Branch 4, conversion rate below weekly average<\/div><\/div><\/div>\r\n <div class=\"alert-item\"><div class=\"alert-dot purple\"><\/div><div><div class=\"alert-item-tag\">Prediction<\/div><div class=\"alert-item-text\">AI predicts congestion in 8 minutes \u2014 East Entrance, current flow trending toward capacity<\/div><\/div><\/div>\r\n <div class=\"alert-item\"><div class=\"alert-dot green\"><\/div><div><div class=\"alert-item-tag\">Visitor Behavior<\/div><div class=\"alert-item-text\">Abnormal visitor behavior detected \u2014 Zone C, dwell time 4\u00d7 above average without purchase<\/div><\/div><\/div>\r\n <div class=\"alert-item\"><div class=\"alert-dot amber\"><\/div><div><div class=\"alert-item-tag\">Workforce<\/div><div class=\"alert-item-text\">Staff productivity declined \u2014 Floor 2 team, task completion rate dropped 18% vs last hour<\/div><\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- RECOMMENDATIONS -->\r\n<section class=\"recs-section\">\r\n<div class=\"recs-inner\">\r\n<div class=\"recs-layout\">\r\n<div class=\"recs-hdr fade-up\">\r\n<div class=\"divider\"><\/div>\r\n<div class=\"s-label\" style=\"color:rgba(168,85,247,.85)\">AI Recommendations<\/div>\r\n<h2 class=\"s-title\">Platform Detects.<br>Platform Recommends.<\/h2>\r\n<p class=\"s-sub\">HexaVision doesn't just surface what's happening \u2014 it tells you what to do about it. Every detection triggers a context-aware recommendation, so your team acts in seconds instead of deliberating in meetings.<\/p>\r\n<\/div>\r\n<div class=\"recs-flow fade-up\">\r\n <div class=\"recs-row\">\r\n <div class=\"recs-box\"><div class=\"recs-box-label\">Platform Detects<\/div><div class=\"recs-box-items\"><div class=\"recs-item\" style=\"color:rgba(255,255,255,.65)\">Queue forming at checkout \u2014 7 people, wait >4min<\/div><div class=\"recs-item\" style=\"color:rgba(255,255,255,.65)\">Machine utilization decreased \u2014 Station 3 idle 22min<\/div><div class=\"recs-item\" style=\"color:rgba(255,255,255,.65)\">Customer flow spike \u2014 East wing up 40% vs baseline<\/div><\/div><\/div>\r\n <div class=\"recs-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/div>\r\n <div class=\"recs-recommends\"><div class=\"recs-recommends-label\">Platform Recommends<\/div><div class=\"rec-pill\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Open another checkout lane<\/div><div class=\"rec-pill\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Inspect machine \u00b7 Schedule maintenance<\/div><div class=\"rec-pill\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Reallocate staff to East wing now<\/div><\/div>\r\n <\/div>\r\n <div class=\"recs-row\">\r\n <div class=\"recs-box\"><div class=\"recs-box-label\">Platform Detects<\/div><div class=\"recs-box-items\"><div class=\"recs-item\" style=\"color:rgba(255,255,255,.65)\">Regular visitor not seen in 5 days \u2014 avg frequency 3\u00d7\/week<\/div><div class=\"recs-item\" style=\"color:rgba(255,255,255,.65)\">Low dwell time in new product zone \u2014 85% walk-through<\/div><\/div><\/div>\r\n <div class=\"recs-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/div>\r\n <div class=\"recs-recommends\"><div class=\"recs-recommends-label\">Platform Recommends<\/div><div class=\"rec-pill\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Send loyalty offer before relationship is lost<\/div><div class=\"rec-pill\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Review customer flow \u00b7 Adjust product placement<\/div><\/div>\r\n <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- DASHBOARD VISUALS \u2014 ANIMATED -->\r\n<section class=\"dashboards\">\r\n<style>\r\n\/* \u2500\u2500 KPI Card animations \u2500\u2500 *\/\r\n.dkpi-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(168,85,247,.08)}\r\n.dkpi-row:last-child{border-bottom:none}\r\n.dkpi-label{font-size:12px;color:rgba(255,255,255,.48)}\r\n.dkpi-val{font-family:var(--font-h);font-size:15px;font-weight:800;transition:color .4s}\r\n.dkpi-bar-wrap{height:2px;background:rgba(168,85,247,.12);border-radius:1px;margin-top:4px;overflow:hidden}\r\n.dkpi-bar{height:100%;width:0;border-radius:1px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}\r\n\/* live dot *\/\r\n.live-dot-wrap{display:flex;align-items:center;gap:6px;margin-bottom:.75rem}\r\n.live-dot{width:6px;height:6px;border-radius:50%;background:#22C55E;animation:livePulse 1.4s infinite}\r\n@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}\r\n.live-txt{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.35)}\r\n\/* \u2500\u2500 Heatmap animations \u2500\u2500 *\/\r\n.hm-cell-anim{aspect-ratio:1;border-radius:3px;transition:background .6s ease,transform .3s ease}\r\n.hm-cell-anim:hover{transform:scale(1.15)}\r\n\/* \u2500\u2500 Line chart animation \u2500\u2500 *\/\r\n#animLine{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 2s cubic-bezier(.16,1,.3,1)}\r\n#animLine.drawn{stroke-dashoffset:0}\r\n#animFill{opacity:0;transition:opacity 1s ease .8s}\r\n#animFill.drawn{opacity:1}\r\n#animDot{opacity:0;transition:opacity .4s ease 1.8s,transform .4s ease 1.8s;transform:scale(0)}\r\n#animDot.drawn{opacity:1;transform:scale(1)}\r\n\/* scan line on chart *\/\r\n.chart-scan{position:absolute;top:0;left:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,rgba(168,85,247,.5),transparent);animation:chartScan 3s ease-in-out infinite;opacity:0}\r\n.chart-scan.active{opacity:1}\r\n@keyframes chartScan{0%{left:0%;opacity:0}5%{opacity:1}95%{opacity:.8}100%{left:100%;opacity:0}}\r\n\/* counter flicker *\/\r\n@keyframes countFlicker{0%,100%{opacity:1}50%{opacity:.7}}\r\n<\/style>\r\n<div class=\"dashboards-inner\">\r\n<div class=\"s-hdr fade-up\" style=\"text-align:center;max-width:680px;margin:0 auto 0\">\r\n<div class=\"divider\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n<div class=\"s-label\" style=\"text-align:center\">Platform Outputs<\/div>\r\n<h2 class=\"s-title\" style=\"text-align:center\">Executive Dashboards & Operational Metrics<\/h2>\r\n<p class=\"s-sub\" style=\"text-align:center;margin:0 auto\">HexaVision delivers intelligence in the formats your leadership team actually uses \u2014 not camera feeds, not raw footage, not alert logs.<\/p>\r\n<\/div>\r\n\r\n<div class=\"dash-grid\" id=\"dashGrid\">\r\n\r\n <!-- CARD 1: LIVE KPI -->\r\n <div class=\"dash-card\" id=\"kpiCard\">\r\n <div class=\"dash-card-visual\">\r\n <div class=\"live-dot-wrap\">\r\n <div class=\"live-dot\"><\/div>\r\n <span class=\"live-txt\">Live \u00b7 This Week<\/span>\r\n <\/div>\r\n <div style=\"display:flex;flex-direction:column;gap:0\">\r\n\r\n <div class=\"dkpi-row\">\r\n <span class=\"dkpi-label\">Avg Service Time<\/span>\r\n <span class=\"dkpi-val\" style=\"color:#22C55E\" id=\"kv1\">\u21930%<\/span>\r\n <\/div>\r\n <div class=\"dkpi-bar-wrap\"><div class=\"dkpi-bar\" id=\"kb1\" style=\"background:linear-gradient(90deg,#22C55E,#4ADE80)\"><\/div><\/div>\r\n\r\n <div class=\"dkpi-row\">\r\n <span class=\"dkpi-label\">Revenue per Visitor<\/span>\r\n <span class=\"dkpi-val\" style=\"color:#A855F7\" id=\"kv2\">\u21910%<\/span>\r\n <\/div>\r\n <div class=\"dkpi-bar-wrap\"><div class=\"dkpi-bar\" id=\"kb2\" style=\"background:linear-gradient(90deg,#A855F7,#C084FC)\"><\/div><\/div>\r\n\r\n <div class=\"dkpi-row\">\r\n <span class=\"dkpi-label\">Queue Abandonment<\/span>\r\n <span class=\"dkpi-val\" style=\"color:#22C55E\" id=\"kv3\">\u21930%<\/span>\r\n <\/div>\r\n <div class=\"dkpi-bar-wrap\"><div class=\"dkpi-bar\" id=\"kb3\" style=\"background:linear-gradient(90deg,#22C55E,#4ADE80)\"><\/div><\/div>\r\n\r\n <div class=\"dkpi-row\">\r\n <span class=\"dkpi-label\">Staff Efficiency<\/span>\r\n <span class=\"dkpi-val\" style=\"color:#A855F7\" id=\"kv4\">\u21910%<\/span>\r\n <\/div>\r\n <div class=\"dkpi-bar-wrap\"><div class=\"dkpi-bar\" id=\"kb4\" style=\"background:linear-gradient(90deg,#A855F7,#C084FC)\"><\/div><\/div>\r\n\r\n <div class=\"dkpi-row\">\r\n <span class=\"dkpi-label\">Storefront Conversion<\/span>\r\n <span class=\"dkpi-val\" style=\"color:#C084FC\" id=\"kv5\">0%<\/span>\r\n <\/div>\r\n <div class=\"dkpi-bar-wrap\"><div class=\"dkpi-bar\" id=\"kb5\" style=\"background:linear-gradient(90deg,#C084FC,#A855F7)\"><\/div><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <div class=\"dash-card-label\"><div class=\"dash-card-title\">Business KPI Summary<\/div><div class=\"dash-card-sub\">Revenue, operations & service metrics in one view<\/div><\/div>\r\n <\/div>\r\n\r\n <!-- CARD 2: ANIMATED HEATMAP -->\r\n <div class=\"dash-card\" id=\"hmCard\">\r\n <div class=\"dash-card-visual\">\r\n <div class=\"live-dot-wrap\">\r\n <div class=\"live-dot\"><\/div>\r\n <span class=\"live-txt\">Zone Heatmap \u00b7 Floor 1<\/span>\r\n <\/div>\r\n <div id=\"hmGrid\" style=\"display:grid;grid-template-columns:repeat(8,1fr);gap:3px\"><\/div>\r\n <div style=\"display:flex;align-items:center;gap:10px;margin-top:.6rem\">\r\n <div style=\"display:flex;align-items:center;gap:4px\"><div style=\"width:9px;height:9px;border-radius:2px;background:rgba(168,85,247,.25)\"><\/div><span style=\"font-size:9px;color:rgba(255,255,255,.3)\">Low<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:4px\"><div style=\"width:9px;height:9px;border-radius:2px;background:rgba(245,158,11,.6)\"><\/div><span style=\"font-size:9px;color:rgba(255,255,255,.3)\">Med<\/span><\/div>\r\n <div style=\"display:flex;align-items:center;gap:4px\"><div style=\"width:9px;height:9px;border-radius:2px;background:rgba(239,68,68,.85)\"><\/div><span style=\"font-size:9px;color:rgba(255,255,255,.3)\">High<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dash-card-label\"><div class=\"dash-card-title\">Visitor Heatmap<\/div><div class=\"dash-card-sub\">Spatial intelligence for layout & staffing decisions<\/div><\/div>\r\n <\/div>\r\n\r\n <!-- CARD 3: ANIMATED LINE CHART -->\r\n <div class=\"dash-card\" id=\"chartCard\">\r\n <div class=\"dash-card-visual\">\r\n <div class=\"live-dot-wrap\">\r\n <div class=\"live-dot\"><\/div>\r\n <span class=\"live-txt\">Revenue Uplift \u00b7 30 Days<\/span>\r\n <\/div>\r\n <div style=\"position:relative;height:110px\">\r\n <div class=\"chart-scan\" id=\"chartScan\"><\/div>\r\n <svg id=\"chartSvg\" viewBox=\"0 0 200 85\" preserveAspectRatio=\"none\" style=\"width:100%;height:100%\">\r\n <defs>\r\n <linearGradient id=\"lineGrad2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"rgba(168,85,247,0.4)\"\/>\r\n <stop offset=\"100%\" stop-color=\"rgba(168,85,247,0)\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <!-- grid lines -->\r\n <line x1=\"0\" y1=\"20\" x2=\"200\" y2=\"20\" stroke=\"rgba(168,85,247,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"40\" x2=\"200\" y2=\"40\" stroke=\"rgba(168,85,247,.06)\" stroke-width=\"1\"\/>\r\n <line x1=\"0\" y1=\"60\" x2=\"200\" y2=\"60\" stroke=\"rgba(168,85,247,.06)\" stroke-width=\"1\"\/>\r\n <!-- fill area -->\r\n <path id=\"animFill\" d=\"M0,68 L22,62 L44,55 L66,48 L88,40 L110,32 L132,24 L154,16 L176,11 L200,6 L200,85 L0,85 Z\" fill=\"url(#lineGrad2)\"\/>\r\n <!-- trend line -->\r\n <path id=\"animLine\" d=\"M0,68 L22,62 L44,55 L66,48 L88,40 L110,32 L132,24 L154,16 L176,11 L200,6\" fill=\"none\" stroke=\"#A855F7\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <!-- moving dot -->\r\n <circle id=\"animDot\" cx=\"200\" cy=\"6\" r=\"4.5\" fill=\"#A855F7\"\/>\r\n <circle id=\"animDotOuter\" cx=\"200\" cy=\"6\" r=\"8\" fill=\"none\" stroke=\"rgba(168,85,247,.3)\" stroke-width=\"1.5\" opacity=\"0\">\r\n <animate attributeName=\"r\" values=\"4.5;10;4.5\" dur=\"2s\" repeatCount=\"indefinite\"\/>\r\n <animate attributeName=\"opacity\" values=\"0.5;0;0.5\" dur=\"2s\" repeatCount=\"indefinite\"\/>\r\n <\/circle>\r\n <!-- value label -->\r\n <text id=\"animLabel\" x=\"185\" y=\"4\" font-size=\"9\" fill=\"#C084FC\" font-family=\"Plus Jakarta Sans\" font-weight=\"800\" opacity=\"0\">+20%<\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"dash-card-label\"><div class=\"dash-card-title\">Business Performance Graph<\/div><div class=\"dash-card-sub\">Revenue trends, conversion & operational uplift over time<\/div><\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n var booted=false;\r\n\r\n \/* \u2500\u2500 heatmap data \u2500\u2500 *\/\r\n var hmBase=[\r\n .08,.15,.35,.5,.7,.85,.4,.2,\r\n .12,.25,.45,.75,.9,.65,.35,.15,\r\n .18,.3,.5,.6,.7,.5,.3,.1,\r\n .08,.12,.22,.35,.4,.28,.15,.06\r\n ];\r\n var hmCells=[];\r\n\r\n function hmColor(v){\r\n if(v>=.65) return 'rgba(239,68,68,'+Math.min(.95,v)+')';\r\n if(v>=.38) return 'rgba(245,158,11,'+Math.min(.9,v*1.1)+')';\r\n return 'rgba(168,85,247,'+Math.max(.08,v)+')';\r\n }\r\n\r\n function buildHeatmap(){\r\n var grid=document.getElementById('hmGrid');\r\n if(!grid||hmCells.length) return;\r\n hmBase.forEach(function(v,i){\r\n var c=document.createElement('div');\r\n c.className='hm-cell-anim';\r\n c.style.background='rgba(168,85,247,.04)';\r\n grid.appendChild(c);\r\n hmCells.push({el:c,base:v,cur:v});\r\n });\r\n }\r\n\r\n function animateHeatmap(){\r\n hmCells.forEach(function(c,i){\r\n setTimeout(function(){\r\n c.el.style.background=hmColor(c.base);\r\n },i*18);\r\n });\r\n }\r\n\r\n function pulseHeatmap(){\r\n hmCells.forEach(function(c){\r\n var jitter=c.base+(Math.random()*.22-.11);\r\n jitter=Math.max(.04,Math.min(.96,jitter));\r\n c.cur=jitter;\r\n c.el.style.background=hmColor(jitter);\r\n });\r\n }\r\n\r\n \/* \u2500\u2500 KPI counters \u2500\u2500 *\/\r\n var kpis=[\r\n {id:'kv1',barId:'kb1',target:18,prefix:'\u2193',suffix:'%',barPct:72,color:'#22C55E'},\r\n {id:'kv2',barId:'kb2',target:20,prefix:'\u2191',suffix:'%',barPct:80,color:'#A855F7'},\r\n {id:'kv3',barId:'kb3',target:12,prefix:'\u2193',suffix:'%',barPct:48,color:'#22C55E'},\r\n {id:'kv4',barId:'kb4',target:30,prefix:'\u2191',suffix:'%',barPct:90,color:'#A855F7'},\r\n {id:'kv5',barId:'kb5',target:19.4,prefix:'',suffix:'%',barPct:64,color:'#C084FC',decimal:1}\r\n ];\r\n\r\n function animateKPIs(){\r\n kpis.forEach(function(k,idx){\r\n var el=document.getElementById(k.id);\r\n var bar=document.getElementById(k.barId);\r\n if(!el||!bar)return;\r\n setTimeout(function(){\r\n \/* bar *\/\r\n bar.style.width=k.barPct+'%';\r\n \/* counter *\/\r\n var start=0;\r\n var step=k.target\/40;\r\n var t=setInterval(function(){\r\n start+=step;\r\n if(start>=k.target){start=k.target;clearInterval(t);}\r\n var disp=k.decimal?start.toFixed(1):Math.round(start);\r\n el.textContent=k.prefix+disp+k.suffix;\r\n },30);\r\n },idx*120);\r\n });\r\n\r\n \/* live flicker every 3.5s *\/\r\n setInterval(function(){\r\n var k=kpis[Math.floor(Math.random()*kpis.length)];\r\n var el=document.getElementById(k.id);\r\n if(!el)return;\r\n el.style.animation='countFlicker .4s ease';\r\n setTimeout(function(){el.style.animation='';},450);\r\n },3500);\r\n }\r\n\r\n \/* \u2500\u2500 line chart draw \u2500\u2500 *\/\r\n function animateChart(){\r\n var line=document.getElementById('animLine');\r\n var fill=document.getElementById('animFill');\r\n var dot=document.getElementById('animDot');\r\n var label=document.getElementById('animLabel');\r\n var scan=document.getElementById('chartScan');\r\n if(!line)return;\r\n setTimeout(function(){\r\n line.classList.add('drawn');\r\n fill.classList.add('drawn');\r\n },200);\r\n setTimeout(function(){\r\n dot.classList.add('drawn');\r\n if(label)label.style.opacity='1';\r\n if(scan)scan.classList.add('active');\r\n },2000);\r\n }\r\n\r\n \/* \u2500\u2500 boot when visible \u2500\u2500 *\/\r\n function boot(){\r\n if(booted)return; booted=true;\r\n buildHeatmap();\r\n setTimeout(animateKPIs,200);\r\n setTimeout(animateHeatmap,400);\r\n setTimeout(animateChart,300);\r\n \/* heatmap pulse loop *\/\r\n setInterval(pulseHeatmap,2200);\r\n }\r\n\r\n var obs=new IntersectionObserver(function(entries){\r\n if(entries[0].isIntersecting) boot();\r\n },{threshold:.2});\r\n var grid=document.getElementById('dashGrid');\r\n if(grid) obs.observe(grid);\r\n setTimeout(boot,3000);\r\n})();\r\n<\/script>\r\n<\/section>\r\n\r\n<!-- SPOTLIGHT -->\r\n<section class=\"spotlight\">\r\n<div class=\"spotlight-inner\">\r\n<div class=\"spotlight-hdr fade-up\">\r\n<div class=\"divider\"><\/div>\r\n<div class=\"s-label\" style=\"color:rgba(168,85,247,.85)\">Real Intelligence Moments<\/div>\r\n<h2 class=\"s-title\">Decision Intelligence That Feels Like Memory<\/h2>\r\n<p class=\"s-sub\">HexaVision's value isn't a dashboard full of numbers \u2014 it's the moment a business decision reaches the right person before they've even thought to ask.<\/p>\r\n<\/div>\r\n<div class=\"spot-grid\">\r\n<div class=\"spot-card fade-up\">\r\n<span class=\"spot-badge\"><svg viewBox=\"0 0 24 24\" style=\"width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>VIP Match \u00b7 96%<\/span>\r\n<div class=\"spot-kicker\">Hospitality & VIP Recognition<\/div>\r\n<h3>A Familiar Face, Instantly Known<\/h3>\r\n<p>When a long-standing client \u2014 a senior merchant, a hotel guest, a frequent VIP \u2014 walks back in, HexaVision recognizes them at the entrance before they ever reach the counter. The cashier sees one simple line: \"9th visit \u00b7 Lifetime value SAR 4,200 \u00b7 Greet by name.\" No badge, no app \u2014 just a personal welcome that makes a high-value relationship feel seen.<\/p>\r\n<div class=\"spot-why\"><strong>Why it matters:<\/strong> Recognition turns a transaction into a relationship \u2014 and relationships are what keep a VIP's spend with you instead of a competitor down the street.<\/div>\r\n<\/div>\r\n<div class=\"spot-card fade-up\">\r\n<span class=\"spot-badge\"><svg viewBox=\"0 0 24 24\" style=\"width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5\"><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>Visit 12 \u00b7 Avg SAR 68<\/span>\r\n<div class=\"spot-kicker\">F&B & Drive-Thru Intelligence<\/div>\r\n<h3>Every Driver Has a Pattern<\/h3>\r\n<p>A car pulls into the lane. HexaVision already knows this is the driver's 12th visit this month, their usual order, and roughly how much they spend \u2014 surfaced at the window before the speaker even activates. If that same regular goes quiet for longer than their normal rhythm, the system raises a churn signal and recommends a timely loyalty offer before the relationship is lost.<\/p>\r\n<div class=\"spot-why\"><strong>Why it matters:<\/strong> Most businesses discover a lost customer weeks later, if at all. HexaVision flags it on day five \u2014 while there is still time to win them back.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- BREAKDOWN -->\r\n<section class=\"breakdown\">\r\n<div class=\"bd-layout\">\r\n<div class=\"fade-up\">\r\n<div class=\"divider\"><\/div>\r\n<div class=\"s-label\">Operational Analysis<\/div>\r\n<h2 class=\"s-title\">Where the Time Actually Goes<\/h2>\r\n<p class=\"s-sub\">A typical Drive-Thru visit looks simple from the outside \u2014 order, pay, collect. HexaVision breaks that single journey into its real stages, and consistently finds the delay hiding in the same place.<\/p>\r\n<p class=\"s-sub\" style=\"margin-top:1.25rem;font-size:15px\">Across monitored lanes, the order and payment stages stay fast and predictable. It is the final handoff \u2014 getting the order into the customer's hands \u2014 that quietly absorbs most of the wait.<\/p>\r\n<\/div>\r\n<div class=\"bd-card fade-up\">\r\n<div class=\"bd-card-hdr\">Average Service Stage Duration<\/div>\r\n<div class=\"bd-bars\">\r\n<div class=\"bd-bar-row\"><span class=\"bd-bar-label\">Order<\/span><div class=\"bd-bar-track\"><div class=\"bd-bar-fill\" data-pct=\"21\" style=\"background:linear-gradient(90deg,#7C3AED,#A855F7)\"><\/div><\/div><span class=\"bd-bar-val\">0:45<\/span><\/div>\r\n<div class=\"bd-bar-row\"><span class=\"bd-bar-label\">Payment<\/span><div class=\"bd-bar-track\"><div class=\"bd-bar-fill\" data-pct=\"16\" style=\"background:linear-gradient(90deg,#7C3AED,#A855F7)\"><\/div><\/div><span class=\"bd-bar-val\">0:35<\/span><\/div>\r\n<div class=\"bd-bar-row\"><span class=\"bd-bar-label\">Delivery<\/span><div class=\"bd-bar-track\"><div class=\"bd-bar-fill\" data-pct=\"100\" style=\"background:linear-gradient(90deg,#EF4444,#F59E0B)\"><\/div><\/div><span class=\"bd-bar-val\">2:10<\/span><\/div>\r\n<\/div>\r\n<div class=\"bd-flag\">\r\n<svg viewBox=\"0 0 24 24\"><path d=\"M12 9v2m0 4h.01M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><\/svg>\r\n<p><strong>Bottleneck identified:<\/strong> the delivery stage accounts for roughly 42% of total delay \u2014 more than order and payment combined.<\/p>\r\n<\/div>\r\n<div class=\"bd-outcomes\">\r\n<div class=\"bd-out\"><div class=\"bd-out-val\">\u219318%<\/div><div class=\"bd-out-label\">Average service time, once the delay is addressed<\/div><\/div>\r\n<div class=\"bd-out\"><div class=\"bd-out-val\">\u219312%<\/div><div class=\"bd-out-label\">Queue abandonment rate<\/div><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- BUSINESS IMPACT -->\r\n<section class=\"impact\">\r\n<div class=\"s-inner\">\r\n<div class=\"s-hdr fade-up\" style=\"text-align:center;max-width:680px;margin:0 auto 4rem\">\r\n<div class=\"divider\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n<div class=\"s-label\" style=\"text-align:center\">Business Impact<\/div>\r\n<h2 class=\"s-title\" style=\"text-align:center\">What Better Intelligence Actually Buys You<\/h2>\r\n<p class=\"s-sub\" style=\"text-align:center;margin:0 auto\">Outcomes observed across mall, retail, and Drive-Thru deployments \u2014 grouped by what they protect or grow.<\/p>\r\n<\/div>\r\n<div class=\"impact-cats\">\r\n<div class=\"impact-cat fade-up\"><div class=\"impact-cat-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><h4>Operational Intelligence<\/h4><div class=\"impact-row\"><span>Theft & losses<\/span><b style=\"color:#22C55E\">\u2193 37%<\/b><\/div><div class=\"impact-row\"><span>Safety incidents prevented<\/span><b style=\"color:var(--p)\">\u2191 60%<\/b><\/div><div class=\"impact-row\"><span>Edge AI response time<\/span><b style=\"color:var(--p)\">4ms<\/b><\/div><\/div>\r\n<div class=\"impact-cat fade-up\"><div class=\"impact-cat-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.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><h4>Workforce Performance<\/h4><div class=\"impact-row\"><span>Staff efficiency<\/span><b style=\"color:var(--p)\">\u2191 30%<\/b><\/div><div class=\"impact-row\"><span>Staff distribution accuracy<\/span><b style=\"color:var(--p)\">\u2191 23%<\/b><\/div><div class=\"impact-row\"><span>Operational capacity<\/span><b style=\"color:var(--p)\">\u2191 18%<\/b><\/div><\/div>\r\n<div class=\"impact-cat fade-up\"><div class=\"impact-cat-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg><\/div><h4>Customer Experience<\/h4><div class=\"impact-row\"><span>Visitor satisfaction<\/span><b style=\"color:#22C55E\">\u2191 35%<\/b><\/div><div class=\"impact-row\"><span>Tenant satisfaction<\/span><b style=\"color:#22C55E\">\u2191 25%<\/b><\/div><div class=\"impact-row\"><span>Service quality score<\/span><b style=\"color:#22C55E\">\u2191 13%<\/b><\/div><\/div>\r\n<div class=\"impact-cat fade-up\"><div class=\"impact-cat-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><h4>Revenue & Conversion<\/h4><div class=\"impact-row\"><span>Average sales uplift<\/span><b style=\"color:#22C55E\">\u2191 20%<\/b><\/div><div class=\"impact-row\"><span>Storefront conversion rate<\/span><b style=\"color:var(--p)\">19.4%<\/b><\/div><div class=\"impact-row\"><span>Queue abandonment<\/span><b style=\"color:#22C55E\">\u2193 12%<\/b><\/div><\/div>\r\n<\/div>\r\n<p class=\"impact-note fade-up\">Figures reflect outcomes observed across HexaVision-monitored malls, retail stores, and Drive-Thru lanes \u2014 results vary by site and deployment scope.<\/p>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- WHY -->\r\n<section class=\"why\">\r\n<div class=\"why-inner\">\r\n<div class=\"why-header fade-up\">\r\n<div class=\"divider\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n<div class=\"s-label\" style=\"text-align:center\">Why HexaVision<\/div>\r\n<h2 class=\"s-title\" style=\"text-align:center\">Decision Intelligence With a Business Purpose<\/h2>\r\n<p class=\"s-sub\" style=\"text-align:center;margin:0 auto\">Every operator cares about two things: revenue and performance. HexaVision earns its place by turning visitor behavior and operational data into decisions that move both.<\/p>\r\n<\/div>\r\n<div class=\"why-cards\">\r\n<div class=\"why-card fade-up\"><div class=\"why-card-num\">01<\/div><div class=\"why-card-icon\"><svg class=\"icon\" viewBox=\"0 0 24 24\" style=\"color:var(--p)\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div><h4>Decisions, Not Just Data<\/h4><p>Understanding how visitors actually behave \u2014 where they linger, when they leave, who keeps coming back \u2014 converts directly into smarter layouts, staffing, and campaign timing.<\/p><\/div>\r\n<div class=\"why-card fade-up\"><div class=\"why-card-num\">02<\/div><div class=\"why-card-icon\"><svg class=\"icon\" viewBox=\"0 0 24 24\" style=\"color:var(--p)\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div><h4>Privacy by Design<\/h4><p>All AI processing happens locally on your infrastructure. No video, no metadata, nothing ever leaves your facility \u2014 full compliance and data sovereignty guaranteed.<\/p><\/div>\r\n<div class=\"why-card fade-up\"><div class=\"why-card-num\">03<\/div><div class=\"why-card-icon\"><svg class=\"icon\" viewBox=\"0 0 24 24\" style=\"color:var(--p)\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div><h4>Built for Revenue<\/h4><p>Every insight ties back to a commercial outcome \u2014 a faster lane, a recognized VIP, a campaign that's measurably working \u2014 rather than abstract analytics for their own sake.<\/p><\/div>\r\n<div class=\"why-card fade-up\"><div class=\"why-card-num\">04<\/div><div class=\"why-card-icon\"><svg class=\"icon\" viewBox=\"0 0 24 24\" style=\"color:var(--p)\"><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><h4>Saudi Made & Locally Supported<\/h4><p>HexaVision is proudly Saudi Made \u2014 with local edge deployment, local support teams, and full alignment with Vision 2030's goals for AI and data sovereignty.<\/p><\/div>\r\n<div class=\"why-card fade-up\"><div class=\"why-card-num\">05<\/div><div class=\"why-card-icon\"><svg class=\"icon\" viewBox=\"0 0 24 24\" style=\"color:var(--p)\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg><\/div><h4>Works With What You Already Have<\/h4><p>HexaVision integrates directly with your existing cameras and operational systems \u2014 no hardware replacement, no downtime, no additional capital expenditure.<\/p><\/div>\r\n<div class=\"why-card fade-up\"><div class=\"why-card-num\">06<\/div><div class=\"why-card-icon\"><svg class=\"icon\" viewBox=\"0 0 24 24\" style=\"color:var(--p)\"><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.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div><h4>Intelligence, Not Alert Fatigue<\/h4><p>Business-grade detection without the noise: teams act on confirmed, context-aware business signals instead of drowning in generic camera triggers.<\/p><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- INDUSTRIES -->\r\n<section class=\"ind-strip\">\r\n<div class=\"s-inner\">\r\n<div class=\"ind-strip-hdr fade-up\">\r\n<div class=\"divider\" style=\"margin:0 auto 1.5rem\"><\/div>\r\n<div class=\"s-label\" style=\"text-align:center\">Where HexaVision Runs<\/div>\r\n<h2 class=\"s-title\" style=\"text-align:center\">One Intelligence Engine, Every Storefront<\/h2>\r\n<p class=\"s-sub\" style=\"text-align:center;margin:0 auto\">From a single counter to a multi-site network \u2014 HexaVision adapts to the operational reality of every environment we serve.<\/p>\r\n<\/div>\r\n<div class=\"ind-strip-row fade-up\">\r\n<div class=\"ind-pill\"><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>Retail & Stores<\/div>\r\n<div class=\"ind-pill\"><svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 2 8 2 11 22 11 22 8 12 2\"\/><\/svg>Shopping Malls<\/div>\r\n<div class=\"ind-pill\"><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>F&B & Drive-Thru<\/div>\r\n<div class=\"ind-pill\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>Hospitals & Healthcare<\/div>\r\n<div class=\"ind-pill\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>Government Entities<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"cta-wrap\" id=\"contact\">\r\n<div class=\"cta-inner fade-up\">\r\n<h2>Ready to See Your Business<br><span>Through 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 turns your existing infrastructure into a Business Intelligence platform that protects revenue, sharpens operations, and recognizes the people who matter most.<\/p>\r\n<div class=\"cta-btns\">\r\n<a href=\"mailto:INFO@HEXAVISION.AI\" class=\"btn-p\"><svg class=\"icon icon-sm\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M8 10h8M8 14h5\"\/><\/svg>Book Business Intelligence Demo<\/a>\r\n<a href=\"tel:0579862821\" class=\"btn-ghost\"><svg class=\"icon icon-sm\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.81.36 1.6.68 2.35a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.75.32 1.54.55 2.35.68A2 2 0 0 1 22 16.92z\"\/><\/svg>Schedule Executive Demo<\/a>\r\n<\/div>\r\n<div class=\"contact-row\">\r\n<div class=\"contact-item\"><svg class=\"icon icon-sm\" 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=\"contact-item\"><svg class=\"icon icon-sm\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><strong>hexavision.ai<\/strong><\/div>\r\n<div class=\"contact-item\"><svg class=\"icon icon-sm\" viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><strong>Saudi Arabia<\/strong><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\nvar obs=new IntersectionObserver(function(e){e.forEach(function(e){if(e.isIntersecting)e.target.classList.add('visible')})},{threshold:.08});\r\ndocument.querySelectorAll('.fade-up').forEach(function(el){obs.observe(el)});\r\nsetTimeout(function(){document.querySelectorAll('.fade-up').forEach(function(el){el.classList.add('visible')})},2500);\r\nvar bdObs=new IntersectionObserver(function(e){e.forEach(function(e){if(e.isIntersecting){document.querySelectorAll('.bd-bar-fill').forEach(function(f){f.style.width=f.getAttribute('data-pct')+'%'});bdObs.disconnect()}})},{threshold:.3});\r\nvar bdCard=document.querySelector('.bd-card');if(bdCard)bdObs.observe(bdCard);\r\nsetTimeout(function(){document.querySelectorAll('.bd-bar-fill').forEach(function(f){if(!f.style.width||f.style.width==='0%')f.style.width=f.getAttribute('data-pct')+'%'})},2800);\r\nvar prog=document.getElementById('scrollProg');\r\nwindow.addEventListener('scroll',function(){var h=document.documentElement.scrollHeight-window.innerHeight;if(prog&&h>0)prog.style.width=(window.scrollY\/h*100)+'%'},{passive:true});\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('.why-card,.spot-card,.impact-cat,.dash-card').forEach(function(c){c.addEventListener('mousemove',function(e){var r=c.getBoundingClientRect(),x=(e.clientX-r.left)\/r.width-.5,y=(e.clientY-r.top)\/r.height-.5;c.style.transform='translateY(-6px) rotateY('+(x*5)+'deg) rotateX('+(-y*5)+'deg)'});c.addEventListener('mouseleave',function(){c.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>About Us \u2014 HexaVision | Business Intelligence Platform Home About Us Saudi Made  \u00b7  Business Intelligence Platform Transform Video &Operational DataInto Business Intelligence. HexaVision is a Saudi-made Decision Intelligence platform \u2014 giving malls, retailers, and F&B operators a live understanding of every visitor, every operation, and every business decision that actually moves the needle. Executive […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":61,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":657,"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/pages\/41\/revisions\/657"}],"wp:attachment":[{"href":"https:\/\/hexavision.ai\/ar\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}