{"id":20799,"date":"2026-07-21T14:34:26","date_gmt":"2026-07-21T14:34:26","guid":{"rendered":"https:\/\/indigitall.com\/?post_type=channel&#038;p=20799"},"modified":"2026-07-22T14:16:29","modified_gmt":"2026-07-22T14:16:29","slug":"datatalk","status":"publish","type":"channel","link":"https:\/\/indigitall.com\/en\/datatalk\/","title":{"rendered":"Datatalk"},"author":3,"template":"","class_list":["post-20799","channel","type-channel","status-publish","hentry"],"acf":{"icon":null,"card_title":"","card_text":"","card_text_mobile":"","card_image":null,"card_image_mobile":null,"flexible_content":[{"acf_fc_layout":"custom_html","code":"<!-- indigitall DataTalk Hero \u2014 WordPress\/ACF Custom HTML block -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&display=swap');\r\n\r\n#indi-dt-hero {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  background: linear-gradient(145deg, #0F3B7A 0%, #1565E0 60%, #0072EF 100%) !important;\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  box-sizing: border-box !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n#indi-dt-hero *, #indi-dt-hero *::before, #indi-dt-hero *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 BG \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .iah-texture {\r\n  position: absolute; inset: 0;\r\n  background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n  background-size: 28px 28px; pointer-events: none; z-index: 0;\r\n}\r\n#indi-dt-hero .iah-glow {\r\n  position: absolute; top: -100px; right: -60px; width: 520px; height: 520px;\r\n  background: radial-gradient(circle, rgba(138,218,63,0.12) 0%, transparent 70%);\r\n  pointer-events: none; z-index: 0;\r\n}\r\n#indi-dt-hero .iah-glow2 {\r\n  position: absolute; bottom: -80px; left: -40px; width: 400px; height: 400px;\r\n  background: radial-gradient(circle, rgba(0,114,239,0.10) 0%, transparent 70%);\r\n  pointer-events: none; z-index: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 GRID \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .iah-inner {\r\n  position: relative; z-index: 2;\r\n  max-width: 1280px; margin: 0 auto;\r\n  padding: 140px 48px 90px;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);\r\n  gap: 40px; align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 LEFT \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .iah-left {\r\n  display: flex; flex-direction: column; gap: 26px;\r\n  opacity: 0; transform: translateY(20px);\r\n  animation: iahSlideUp 0.8s cubic-bezier(0.22,1,0.36,1) 0.15s both;\r\n}\r\n\r\n#indi-dt-hero .iah-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  align-self: flex-start;\r\n  background: rgba(138,218,63,0.14); border: 1px solid rgba(138,218,63,0.4);\r\n  padding: 6px 14px; border-radius: 50px;\r\n  font-size: 11px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.08em !important; text-transform: uppercase; color: #8ADA3F !important;\r\n}\r\n#indi-dt-hero .iah-eyebrow svg { flex-shrink: 0; }\r\n\r\n#indi-dt-hero .iah-headline {\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: clamp(32px, 3.8vw, 54px) !important; font-weight: 500 !important;\r\n  line-height: 1.06 !important; letter-spacing: -0.022em !important;\r\n  color: #FFFFFF !important; margin: 0 !important;\r\n}\r\n#indi-dt-hero .iah-accent { color: #8ADA3F !important; }\r\n\r\n#indi-dt-hero .iah-sub {\r\n  font-size: 16px !important; font-weight: 400 !important;\r\n  line-height: 1.65 !important; color: rgba(255,255,255,0.78) !important; max-width: 520px;\r\n}\r\n\r\n\/* Badges *\/\r\n#indi-dt-hero .iah-badges { display: flex; flex-wrap: wrap; gap: 8px; }\r\n#indi-dt-hero .iah-badge {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.20);\r\n  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\r\n  padding: 7px 13px; border-radius: 50px;\r\n  font-size: 11px !important; font-weight: 600 !important;\r\n  color: #FFFFFF !important; letter-spacing: 0.02em; white-space: nowrap;\r\n  opacity: 0; animation: iahBadgePop 0.5s cubic-bezier(0.22,1,0.36,1) both;\r\n}\r\n#indi-dt-hero .iah-badge:nth-child(1) { animation-delay: 0.30s; }\r\n#indi-dt-hero .iah-badge:nth-child(2) { animation-delay: 0.40s; }\r\n#indi-dt-hero .iah-badge:nth-child(3) { animation-delay: 0.50s; }\r\n#indi-dt-hero .iah-badge:nth-child(4) { animation-delay: 0.60s; }\r\n#indi-dt-hero .iah-badge:nth-child(5) { animation-delay: 0.70s; }\r\n#indi-dt-hero .iah-badge:nth-child(6) { animation-delay: 0.80s; }\r\n#indi-dt-hero .iah-badge svg { flex-shrink: 0; }\r\n\r\n\/* CTAs *\/\r\n#indi-dt-hero .iah-ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 4px; }\r\n#indi-dt-hero .id-btn {\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: 14px !important; font-weight: 700 !important;\r\n  line-height: 1 !important; letter-spacing: 0.98px !important;\r\n  text-transform: uppercase !important; padding: 15px 24px !important;\r\n  min-width: 200px !important; min-height: 60px !important;\r\n  display: inline-flex !important; justify-content: center !important; align-items: center !important;\r\n  border-radius: 5px !important; transition: all 0.3s ease-in-out;\r\n  border: 1px solid transparent !important; cursor: pointer;\r\n  text-decoration: none !important; white-space: nowrap;\r\n}\r\n#indi-dt-hero .id-btn.green {\r\n  background-color: #8ADA3F !important; border-color: #8ADA3F !important;\r\n  color: #0F0F0F !important; box-shadow: 0 4px 30px rgba(138,218,63,0.35);\r\n}\r\n#indi-dt-hero .id-btn.green:hover {\r\n  background-color: #9EE84F !important; border-color: #9EE84F !important;\r\n  transform: translateY(-2px); box-shadow: 0 8px 40px rgba(138,218,63,0.45);\r\n}\r\n#indi-dt-hero .id-btn.light {\r\n  background-color: #FFFFFF !important; border-color: #FFFFFF !important;\r\n  box-shadow: 0 4px 60px 0 rgba(0,0,0,0.07); color: #0F0F0F !important;\r\n  gap: 12px; padding: 8px 24px 8px 10px !important;\r\n}\r\n#indi-dt-hero .id-btn.light:hover {\r\n  background-color: #F5F7FA !important; border-color: #F5F7FA !important;\r\n  transform: translateY(-2px);\r\n}\r\n#indi-dt-hero .id-btn.light .iah-btn-ic {\r\n  width: 38px; height: 38px; border-radius: 50%; background: #EEF3FF;\r\n  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RIGHT: DataTalk desktop browser window \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .iah-right {\r\n  position: relative; display: flex;\r\n  justify-content: center; align-items: center;\r\n  opacity: 0; animation: iahFadeIn 0.8s ease 0.3s both; z-index: 1;\r\n  perspective: 1600px; perspective-origin: 50% 42%;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 3D SCENE (mouse-parallax tilt) \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .dtb-scene {\r\n  position: relative; transform-style: preserve-3d;\r\n  will-change: transform;\r\n}\r\n#indi-dt-hero .dtb-scene .dtb-win { position: relative; z-index: 2; }\r\n\r\n\/* Floating depth chips *\/\r\n#indi-dt-hero .iah-float {\r\n  position: absolute; z-index: 3; pointer-events: none;\r\n  transform: translateZ(var(--z, 80px));\r\n  transform-style: preserve-3d;\r\n  opacity: 0; animation: iahFadeIn 0.7s ease both;\r\n}\r\n#indi-dt-hero .iah-float-in {\r\n  display: flex; align-items: center; gap: 9px;\r\n  background: rgba(13,42,99,0.82);\r\n  border: 1px solid rgba(255,255,255,0.22);\r\n  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\r\n  border-radius: 14px; padding: 8px 14px 8px 8px;\r\n  box-shadow: 0 20px 44px -14px rgba(4,12,32,0.6), inset 0 1px 0 rgba(255,255,255,0.18);\r\n  animation: iahFloatY 6s ease-in-out infinite;\r\n}\r\n#indi-dt-hero .fchip {\r\n  width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0;\r\n  display: inline-flex; align-items: center; justify-content: center;\r\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);\r\n}\r\n#indi-dt-hero .ftxt b {\r\n  display: block; font-size: 12.5px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; line-height: 1.15; letter-spacing: -0.01em;\r\n}\r\n#indi-dt-hero .ftxt span {\r\n  display: block; font-size: 9.5px !important; font-weight: 600 !important;\r\n  color: rgba(255,255,255,0.7) !important; letter-spacing: 0.02em; margin-top: 1px;\r\n}\r\n#indi-dt-hero .f-wa   { top: -30px; left: -46px;  --z: 130px; animation-delay: 0.9s; }\r\n#indi-dt-hero .f-kpi  { bottom: 40px; left: -66px; --z: 80px;  animation-delay: 1.15s; }\r\n#indi-dt-hero .f-seg  { top: 96px; right: -58px;   --z: 155px; animation-delay: 1.35s; }\r\n#indi-dt-hero .f-wa  .iah-float-in { animation-delay: 0s; }\r\n#indi-dt-hero .f-kpi .iah-float-in { animation-delay: 1.6s; }\r\n#indi-dt-hero .f-seg .iah-float-in { animation-delay: 0.8s; }\r\n\r\n\/* Browser window shell *\/\r\n#indi-dt-hero .dtb-win {\r\n  width: 500px; max-width: 100%; background: #FFFFFF;\r\n  border-radius: 14px; overflow: hidden;\r\n  box-shadow: 0 32px 64px -16px rgba(4,12,32,0.75),\r\n              0 0 0 1px rgba(255,255,255,0.06),\r\n              inset 0 1px 0 rgba(255,255,255,0.12);\r\n}\r\n\r\n\/* Browser chrome bar *\/\r\n#indi-dt-hero .dtb-bar {\r\n  height: 38px; background: #E7ECF2; border-bottom: 1px solid #D3DCE6;\r\n  display: flex; align-items: center; gap: 12px; padding: 0 13px;\r\n}\r\n#indi-dt-hero .dtb-dots { display: flex; gap: 6px; flex-shrink: 0; }\r\n#indi-dt-hero .dtb-dot { width: 11px; height: 11px; border-radius: 50%; }\r\n#indi-dt-hero .dtb-dot.r { background: #FF5F57; }\r\n#indi-dt-hero .dtb-dot.y { background: #FEBC2E; }\r\n#indi-dt-hero .dtb-dot.g { background: #28C840; }\r\n#indi-dt-hero .dtb-addr {\r\n  flex: 1; height: 23px; background: #FFFFFF; border: 1px solid #D3DCE6;\r\n  border-radius: 6px; display: flex; align-items: center; gap: 6px; padding: 0 10px;\r\n  font-size: 10px !important; font-weight: 500 !important; color: #7C8BA1 !important;\r\n}\r\n#indi-dt-hero .dtb-addr svg { flex-shrink: 0; }\r\n\r\n\/* DataTalk app nav *\/\r\n#indi-dt-hero .dt-nav {\r\n  background: linear-gradient(90deg, #0A2956 0%, #0F3B7A 55%, #0E52C1 100%);\r\n  padding: 9px 13px; display: flex; align-items: center; gap: 10px;\r\n  position: relative; overflow: hidden;\r\n}\r\n#indi-dt-hero .dt-nav::after {\r\n  content: ''; position: absolute; top: 0; bottom: 0; left: -70%; width: 45%;\r\n  background: linear-gradient(90deg, transparent, rgba(138,218,63,0.13), transparent);\r\n  animation: iahScan 5s ease-in-out infinite; pointer-events: none;\r\n}\r\n#indi-dt-hero .dt-logo { display: flex; align-items: center; gap: 9px; }\r\n#indi-dt-hero .dt-logo-ig { height: 19px; width: auto; display: block; flex-shrink: 0; }\r\n#indi-dt-hero .dt-logo-div { width: 1px; height: 15px; background: rgba(255,255,255,0.28); flex-shrink: 0; }\r\n#indi-dt-hero .dt-logo-prod {\r\n  font-size: 12.5px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; letter-spacing: -0.01em; line-height: 1;\r\n}\r\n#indi-dt-hero .dt-nav-sp { flex: 1; }\r\n#indi-dt-hero .dt-console {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.20);\r\n  border-radius: 6px; padding: 5px 9px;\r\n  font-size: 9.5px !important; font-weight: 600 !important; color: #FFFFFF !important; white-space: nowrap;\r\n}\r\n#indi-dt-hero .dt-acct { display: flex; align-items: center; gap: 6px; }\r\n#indi-dt-hero .dt-acct-av {\r\n  width: 22px; height: 22px; border-radius: 50%;\r\n  background: linear-gradient(135deg, #0072EF, #8ADA3F);\r\n  border: 1.5px solid rgba(255,255,255,0.25); flex-shrink: 0;\r\n}\r\n#indi-dt-hero .dt-acct-nm {\r\n  font-size: 9.5px !important; font-weight: 600 !important; color: rgba(255,255,255,0.9) !important; white-space: nowrap;\r\n}\r\n\r\n\/* App header row *\/\r\n#indi-dt-hero .dt-head {\r\n  background: #FFFFFF; padding: 11px 15px;\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  border-bottom: 1px solid #EEF1F5;\r\n}\r\n#indi-dt-hero .dt-title {\r\n  font-size: 14px !important; font-weight: 600 !important; color: #0F3B7A !important;\r\n}\r\n#indi-dt-hero .dt-newq {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  background: #0072EF; border-radius: 6px; padding: 6px 11px;\r\n  font-size: 10px !important; font-weight: 700 !important; color: #FFFFFF !important; white-space: nowrap;\r\n}\r\n\r\n\/* Conversation area *\/\r\n#indi-dt-hero .dt-conv {\r\n  background: #F4F6F9; padding: 15px 15px 6px;\r\n  display: flex; flex-direction: column; gap: 11px;\r\n  min-height: 452px;\r\n}\r\n#indi-dt-hero .dt-conv > * {\r\n  animation: iahMsgIn 0.45s cubic-bezier(0.22,1,0.36,1) both;\r\n}\r\n#indi-dt-hero .dt-conv > *:nth-child(1) { animation-delay: 0.5s; }\r\n#indi-dt-hero .dt-conv > *:nth-child(2) { animation-delay: 1.0s; }\r\n#indi-dt-hero .dt-conv > *:nth-child(3) { animation-delay: 1.8s; }\r\n#indi-dt-hero .dt-conv > *:nth-child(4) { animation-delay: 3.0s; }\r\n\r\n#indi-dt-hero .dt-today {\r\n  align-self: center; background: #FFFFFF; border: 1px solid #E4EAF2;\r\n  border-radius: 50px; padding: 3px 12px;\r\n  font-size: 9px !important; font-weight: 600 !important; color: #7C8BA1 !important;\r\n}\r\n\r\n\/* User query bubble *\/\r\n#indi-dt-hero .dt-umsg {\r\n  align-self: flex-end; max-width: 84%;\r\n  background: #DCEBFF; color: #0F3B7A !important;\r\n  border-radius: 12px 12px 4px 12px; padding: 10px 13px;\r\n  font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.5 !important;\r\n  box-shadow: 0 1px 3px rgba(0,114,239,0.12);\r\n}\r\n#indi-dt-hero .dt-umsg .dt-ts {\r\n  display: block; text-align: right; margin-top: 4px;\r\n  font-size: 8.5px !important; color: #6F92C4 !important;\r\n}\r\n\r\n\/* Assistant reasoning checklist *\/\r\n#indi-dt-hero .dt-think {\r\n  align-self: flex-start; max-width: 92%;\r\n  display: flex; gap: 8px;\r\n}\r\n#indi-dt-hero .dt-think-spark { flex-shrink: 0; margin-top: 1px; }\r\n#indi-dt-hero .dt-think-rows { display: flex; flex-direction: column; gap: 6px; }\r\n#indi-dt-hero .dt-trow {\r\n  display: flex; align-items: center; gap: 7px;\r\n  font-size: 11px !important; font-weight: 500 !important; color: #5A6B85 !important;\r\n}\r\n#indi-dt-hero .dt-trow svg { flex-shrink: 0; }\r\n#indi-dt-hero .dt-spin {\r\n  width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0;\r\n  border: 2px solid #CBD8E8; border-top-color: #0072EF;\r\n  animation: iahSpin 0.8s linear infinite;\r\n}\r\n\r\n\/* Assistant answer card *\/\r\n#indi-dt-hero .dt-answer {\r\n  align-self: flex-start; max-width: 92%;\r\n  background: #FFFFFF; border: 1px solid #E4EAF2;\r\n  border-radius: 4px 12px 12px 12px; padding: 12px 13px;\r\n  font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.55 !important;\r\n  color: #1A2433 !important; box-shadow: 0 2px 8px rgba(15,59,122,0.08);\r\n}\r\n#indi-dt-hero .dt-answer b { font-weight: 700 !important; color: #0F3B7A !important; }\r\n#indi-dt-hero .dt-code {\r\n  font-family: 'SFMono-Regular', Consolas, monospace !important;\r\n  font-size: 10px !important; background: #EEF3FF; color: #0055BB !important;\r\n  padding: 1px 5px; border-radius: 4px;\r\n}\r\n#indi-dt-hero .dt-flist { list-style: none; margin: 9px 0 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }\r\n#indi-dt-hero .dt-fitem {\r\n  display: flex; align-items: center; gap: 8px;\r\n  font-size: 11px !important; color: #3A4A61 !important;\r\n}\r\n#indi-dt-hero .dt-fdot { width: 5px; height: 5px; border-radius: 50%; background: #0072EF; flex-shrink: 0; }\r\n#indi-dt-hero .dt-fitem b { color: #0F3B7A !important; font-weight: 700 !important; }\r\n#indi-dt-hero .dt-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }\r\n#indi-dt-hero .dt-pill {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  border-radius: 50px; padding: 3px 10px;\r\n  font-size: 9.5px !important; font-weight: 700 !important;\r\n}\r\n#indi-dt-hero .dt-pill.ok {\r\n  background: rgba(48,192,84,0.12); border: 1px solid rgba(48,192,84,0.4); color: #1A7A33 !important;\r\n}\r\n#indi-dt-hero .dt-pill.nosql {\r\n  background: rgba(0,114,239,0.10); border: 1px solid rgba(0,114,239,0.28); color: #0055BB !important;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 Reveal gating (interactive demo) \u2500\u2500\u2500 *\/\r\n#indi-dt-hero .dt-think,\r\n#indi-dt-hero .dt-answer.dt-report { display: none; animation: none !important; }\r\n#indi-dt-hero .dt-think.show { display: flex; animation: iahMsgIn 0.45s cubic-bezier(0.22,1,0.36,1) both !important; }\r\n#indi-dt-hero .dt-answer.dt-report.show { display: block; animation: iahMsgIn 0.45s cubic-bezier(0.22,1,0.36,1) both !important; }\r\n#indi-dt-hero .dt-check-last { display: none; }\r\n#indi-dt-hero .dt-think.done .dt-spin { display: none; }\r\n#indi-dt-hero .dt-think.done .dt-check-last { display: inline; }\r\n\r\n\/* Report \/ KPI chart card *\/\r\n#indi-dt-hero .dt-rep-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }\r\n#indi-dt-hero .dt-rep-eyebrow {\r\n  font-size: 8.5px !important; font-weight: 700 !important; letter-spacing: 0.07em;\r\n  text-transform: uppercase; color: #7C8BA1 !important; display: block;\r\n}\r\n#indi-dt-hero .dt-rep-total {\r\n  font-size: 20px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n  letter-spacing: -0.02em; margin-top: 3px; display: flex; align-items: baseline; gap: 7px;\r\n}\r\n#indi-dt-hero .dt-rep-delta {\r\n  font-size: 10.5px !important; font-weight: 700 !important; color: #1A7A33 !important;\r\n  display: inline-flex; align-items: center; gap: 2px;\r\n}\r\n#indi-dt-hero .dt-rep-badge {\r\n  display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0;\r\n  background: rgba(48,192,84,0.12); border: 1px solid rgba(48,192,84,0.35);\r\n  border-radius: 50px; padding: 3px 10px;\r\n  font-size: 9px !important; font-weight: 700 !important; color: #1A7A33 !important;\r\n}\r\n#indi-dt-hero .dt-rep-badge::before {\r\n  content: ''; width: 5px; height: 5px; border-radius: 50%; background: #30C054;\r\n  animation: iahPulse 2s ease-in-out infinite;\r\n}\r\n#indi-dt-hero .dt-chart {\r\n  display: flex; align-items: stretch; gap: 9px; height: 132px; margin-top: 14px;\r\n}\r\n#indi-dt-hero .dt-bar { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; }\r\n#indi-dt-hero .dt-bar-val {\r\n  font-size: 9.5px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n  margin-bottom: 5px; opacity: 0; transition: opacity 0.5s ease 0.55s;\r\n}\r\n#indi-dt-hero .dt-bar-col { flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center; }\r\n#indi-dt-hero .dt-bar-fill {\r\n  width: 72%; max-width: 32px; height: 0; border-radius: 6px 6px 0 0;\r\n  background: var(--c, #0072EF); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);\r\n  transition: height 0.9s cubic-bezier(0.65,0,0.35,1);\r\n}\r\n#indi-dt-hero .dt-bar-lbl {\r\n  font-size: 9px !important; font-weight: 600 !important; color: #5A6B85 !important; margin-top: 7px;\r\n}\r\n#indi-dt-hero .dt-report.dt-play .dt-bar-val { opacity: 1; }\r\n#indi-dt-hero .dt-report.dt-play .dt-bar-fill { height: var(--h, 50%); }\r\n#indi-dt-hero .dt-report.dt-play .dt-bar:nth-child(1) .dt-bar-fill { transition-delay: 0.05s; }\r\n#indi-dt-hero .dt-report.dt-play .dt-bar:nth-child(2) .dt-bar-fill { transition-delay: 0.14s; }\r\n#indi-dt-hero .dt-report.dt-play .dt-bar:nth-child(3) .dt-bar-fill { transition-delay: 0.23s; }\r\n#indi-dt-hero .dt-report.dt-play .dt-bar:nth-child(4) .dt-bar-fill { transition-delay: 0.32s; }\r\n\r\n\/* \"See how it works\" tooltip *\/\r\n#indi-dt-hero .dt-tip {\r\n  position: absolute; bottom: calc(100% + 11px); right: 10px; z-index: 5;\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: #0F3B7A; color: #FFFFFF !important;\r\n  font-size: 10.5px !important; font-weight: 700 !important; white-space: nowrap;\r\n  padding: 7px 12px; border-radius: 9px;\r\n  box-shadow: 0 10px 26px -8px rgba(4,12,32,0.55);\r\n  opacity: 0; pointer-events: none; transition: opacity 0.35s ease;\r\n}\r\n#indi-dt-hero .dt-tip.show { opacity: 1; animation: iahTipBob 1.9s ease-in-out infinite; }\r\n#indi-dt-hero .dt-tip::after {\r\n  content: ''; position: absolute; top: 100%; right: 24px;\r\n  border: 6px solid transparent; border-top-color: #0F3B7A;\r\n}\r\n#indi-dt-hero .dt-send.pulse { animation: iahSendPulse 1.9s ease-in-out infinite; }\r\n@keyframes iahTipBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }\r\n@keyframes iahSendPulse {\r\n  0%, 100% { box-shadow: 0 0 0 0 rgba(0,114,239,0); }\r\n  50% { box-shadow: 0 0 0 5px rgba(0,114,239,0.18); }\r\n}\r\n\r\n\/* Query input bar *\/\r\n#indi-dt-hero .dt-input {\r\n  background: #FFFFFF; border-top: 1px solid #EEF1F5;\r\n  padding: 11px 13px; display: flex; align-items: center; gap: 9px;\r\n  position: relative;\r\n}\r\n#indi-dt-hero .dt-field {\r\n  flex: 1; height: 34px; background: #F4F6F9; border: 1px solid #DCE3EC;\r\n  border-radius: 8px; padding: 0 12px; display: flex; align-items: center;\r\n  font-size: 11px !important; font-weight: 400 !important; color: #9AA7B8 !important;\r\n}\r\n#indi-dt-hero .dt-send {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: #0072EF; border-radius: 8px; padding: 8px 14px;\r\n  font-size: 10.5px !important; font-weight: 700 !important; color: #FFFFFF !important; white-space: nowrap;\r\n  cursor: pointer; transition: background 0.2s ease, transform 0.2s ease;\r\n}\r\n#indi-dt-hero .dt-send:hover { background: #0055BB; transform: translateY(-1px); }\r\n\r\n\/* MCP data-source strip *\/\r\n#indi-dt-hero .dt-mcp {\r\n  background: #071428; padding: 9px 15px; display: flex; align-items: center; gap: 8px;\r\n}\r\n#indi-dt-hero .dt-mcp-pill {\r\n  font-size: 8.5px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.07em; text-transform: uppercase; color: #0072EF !important;\r\n  background: rgba(0,114,239,0.15); padding: 3px 8px; border-radius: 4px; white-space: nowrap;\r\n}\r\n#indi-dt-hero .dt-mcp-tags { display: flex; gap: 5px; }\r\n#indi-dt-hero .dt-mcp-tag {\r\n  display: inline-flex; align-items: center; gap: 4px;\r\n  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.09);\r\n  border-radius: 5px; padding: 3px 8px;\r\n  font-size: 9px !important; font-weight: 700 !important;\r\n  color: rgba(255,255,255,0.72) !important; white-space: nowrap;\r\n}\r\n#indi-dt-hero .dt-mdot {\r\n  width: 5px; height: 5px; border-radius: 50%; background: #8ADA3F;\r\n  animation: iahPulse 2s ease-in-out infinite;\r\n}\r\n#indi-dt-hero .dt-mcp-tag:nth-child(1) .dt-mdot { animation-delay: 0s; }\r\n#indi-dt-hero .dt-mcp-tag:nth-child(2) .dt-mdot { animation-delay: 0.5s; }\r\n#indi-dt-hero .dt-mcp-tag:nth-child(3) .dt-mdot { animation-delay: 1.0s; }\r\n#indi-dt-hero .dt-mcp-tag:nth-child(4) .dt-mdot { animation-delay: 1.5s; }\r\n\r\n\/* \u2500\u2500\u2500 KEYFRAMES \u2500\u2500\u2500 *\/\r\n@keyframes iahSlideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes iahFadeIn  { from { opacity: 0; } to { opacity: 1; } }\r\n@keyframes iahMsgIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes iahBadgePop { from { opacity: 0; transform: scale(0.85) translateY(-4px); } to { opacity: 1; transform: scale(1) translateY(0); } }\r\n@keyframes iahPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.30; } }\r\n@keyframes iahScan { 0% { left: -70%; } 100% { left: 130%; } }\r\n@keyframes iahFloatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }\r\n@keyframes iahSpin { to { transform: rotate(360deg); } }\r\n\r\n\/* \u2500\u2500\u2500 REDUCED MOTION \u2500\u2500\u2500 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-dt-hero .iah-left,\r\n  #indi-dt-hero .iah-right,\r\n  #indi-dt-hero .iah-badge,\r\n  #indi-dt-hero .dt-mdot,\r\n  #indi-dt-hero .dt-spin,\r\n  #indi-dt-hero .dt-conv > *,\r\n  #indi-dt-hero .iah-float,\r\n  #indi-dt-hero .iah-float-in {\r\n    opacity: 1 !important; transform: none !important; animation: none !important;\r\n  }\r\n  #indi-dt-hero .dt-nav::after { display: none; }\r\n  #indi-dt-hero .dtb-scene { transform: none !important; }\r\n  #indi-dt-hero .dt-think.show,\r\n  #indi-dt-hero .dt-answer.dt-report.show { animation: none !important; }\r\n  #indi-dt-hero .dt-bar-fill { transition: none !important; }\r\n  #indi-dt-hero .dt-tip { display: none; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  #indi-dt-hero .iah-inner { padding: 100px 32px 70px; gap: 32px; }\r\n}\r\n@media (max-width: 960px) {\r\n  #indi-dt-hero .iah-inner {\r\n    grid-template-columns: 1fr; padding: 118px 24px 60px; gap: 48px; justify-items: center;\r\n  }\r\n  #indi-dt-hero .iah-left { text-align: center; align-items: center; }\r\n  #indi-dt-hero .iah-right { perspective: none; }\r\n  #indi-dt-hero .dtb-scene { transform: none !important; }\r\n  #indi-dt-hero .iah-float { display: none; }\r\n  #indi-dt-hero .iah-eyebrow { align-self: center; }\r\n  #indi-dt-hero .iah-badges { justify-content: center; }\r\n  #indi-dt-hero .iah-ctas { justify-content: center; }\r\n  #indi-dt-hero .iah-sub { margin: 0 auto; }\r\n}\r\n@media (max-width: 600px) {\r\n  #indi-dt-hero .iah-inner { padding: 104px 16px 48px; }\r\n  #indi-dt-hero .id-btn { flex: 1 1 100%; min-width: 0 !important; }\r\n  #indi-dt-hero .dtb-win { width: 100%; }\r\n  #indi-dt-hero .dt-acct-nm { display: none; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"indi-dt-hero\" role=\"banner\" aria-label=\"indigitall DataTalk \u2014 ask your data, it answers and acts\">\r\n  <div class=\"iah-texture\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"iah-glow\"    aria-hidden=\"true\"><\/div>\r\n  <div class=\"iah-glow2\"   aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"iah-inner\">\r\n\r\n    <!-- \u2500\u2500 LEFT \u2500\u2500 -->\r\n    <div class=\"iah-left\">\r\n\r\n      <span class=\"iah-eyebrow\">\r\n        <!-- Lucide: sparkles -->\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3l1.9 4.6L18.5 9l-4.6 1.9L12 15l-1.9-4.1L5.5 9l4.6-1.4z\"\/><path d=\"M19 15l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z\"\/><\/svg>\r\n        DataTalk \u00b7 indigitall\r\n      <\/span>\r\n\r\n      <h1 class=\"iah-headline\">\r\n        Ask your data.<br><span class=\"iah-accent\">It answers \u2014 and acts.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"iah-sub\">\r\n        The AI assistant on top of your CDP. Charts, tables and KPI cards from plain-language questions \u2014 and agentic actions like building a segment from a single sentence. Live data, right in the platform. No SQL, no waiting on an analyst.\r\n      <\/p>\r\n\r\n      <div class=\"iah-badges\" role=\"list\" aria-label=\"Trust certifications and recognition\">\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2l2.4 4.8L20 8l-4 3.9.9 5.5L12 15l-4.9 2.4.9-5.5L4 8l5.6-1.2z\"\/><\/svg>\r\n          Meta Business Partner \u00b7 Tier 1\r\n        <\/span>\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\r\n          ISO 27001\r\n        <\/span>\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n          GDPR\r\n        <\/span>\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n          HIPAA\r\n        <\/span>\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.477 12.89L17 22l-5-3-5 3 1.523-9.11\"\/><\/svg>\r\n          ENS\r\n        <\/span>\r\n        <span class=\"iah-badge\" role=\"listitem\">\r\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n          #1 on G2\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"iah-ctas\">\r\n        <a href=\"https:\/\/indigitall.com\/en\/schedule-time\/\" class=\"id-btn green\" aria-label=\"Get a demo of indigitall DataTalk\">GET A DEMO<\/a>\r\n      <\/div>\r\n    <\/div><!-- \/left -->\r\n\r\n    <!-- \u2500\u2500 RIGHT: DataTalk desktop browser window \u2500\u2500 -->\r\n    <div class=\"iah-right\" role=\"img\" aria-label=\"The DataTalk desktop web app: a user asks in plain language to build a customer segment for Madrid contacts over 20 who spent more than 100 euros; DataTalk reasons through the request and creates the segment in the system \u2014 no SQL required.\">\r\n\r\n      <div class=\"dtb-scene\">\r\n\r\n      <!-- Floating depth chips (3D parallax) -->\r\n      <div class=\"iah-float f-wa\" aria-hidden=\"true\">\r\n        <div class=\"iah-float-in\">\r\n          <span class=\"fchip\" style=\"background:#25D366\">\r\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\r\n          <\/span>\r\n          <div class=\"ftxt\"><b>WhatsApp<\/b><span>channel synced<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"iah-float f-kpi\" aria-hidden=\"true\">\r\n        <div class=\"iah-float-in\">\r\n          <span class=\"fchip\" style=\"background:#0072EF\">\r\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 16.5 8.5 11.5 1 19\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n          <\/span>\r\n          <div class=\"ftxt\"><b>+38%<\/b><span>conversion<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"iah-float f-seg\" aria-hidden=\"true\">\r\n        <div class=\"iah-float-in\">\r\n          <span class=\"fchip\" style=\"background:#12872F\">\r\n            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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>\r\n          <\/span>\r\n          <div class=\"ftxt\"><b>12,480<\/b><span>in segment<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dtb-win\">\r\n\r\n        <!-- Browser chrome -->\r\n        <div class=\"dtb-bar\" aria-hidden=\"true\">\r\n          <div class=\"dtb-dots\"><span class=\"dtb-dot r\"><\/span><span class=\"dtb-dot y\"><\/span><span class=\"dtb-dot g\"><\/span><\/div>\r\n          <div class=\"dtb-addr\">\r\n            <!-- Lucide: lock -->\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n            datatalk.indigitall.com\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- DataTalk app nav -->\r\n        <div class=\"dt-nav\" aria-hidden=\"true\">\r\n          <div class=\"dt-logo\">\r\n            <svg class=\"dt-logo-ig\" viewBox=\"255 135 1220 290\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"indigitall\"><path fill=\"#8ADA3F\" d=\"M265.51,257.27a17.36,17.36,0,1,1,17.25,17.48A17.37,17.37,0,0,1,265.51,257.27Zm29.9,145.59v-115H270.34v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M437.09,333.63v69.23H412V335.7c0-17.48-10.35-29-27.6-29s-29,11.5-29,29v67.16h-25.3V317.07c0-6.21-.92-10.12-5.29-10.12a5.94,5.94,0,0,0-3.68,1.38l-1.61-.69-3.68-17,.92-1.61c3.22-2.3,8.28-3.91,14.26-3.91,10.58,0,17.71,5.29,20.7,14.49,9-9,22.08-14.49,37.49-14.49C418.46,285.1,437.09,304.88,437.09,333.63Z\"><\/path><path fill=\"#8ADA3F\" d=\"M593.49,400.1l-.92,1.61a24,24,0,0,1-13.8,3.91c-11,0-18.63-6.21-21.39-16.56-9.89,10.12-23.69,16.56-40.71,16.56-34.27,0-58-26.68-58-60.26,0-33.81,23.92-60.26,57.73-60.26a57.36,57.36,0,0,1,37.95,14V249.45L577.62,246l1.61,1.15v126.5c0,6.21,1.15,10.12,5.29,10.12a5.93,5.93,0,0,0,3.68-1.38l1.61.69Zm-37-54.74c0-25.3-16.33-38.41-35.88-38.41-22.31,0-36.34,17.25-36.34,38.41s14,38.41,36.34,38.41C540.36,383.77,556.46,370.43,556.46,345.36Z\"><\/path><path fill=\"#8ADA3F\" d=\"M609.13,257.27a17.37,17.37,0,1,1,17.25,17.48A17.37,17.37,0,0,1,609.13,257.27ZM639,402.86v-115H614v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M795.43,290.62l-3.68,17-1.61.69a5.93,5.93,0,0,0-3.68-1.38c-4.37,0-5.29,3.91-5.29,10.12v65.78c0,37.95-27.83,55-60.26,55-23.46,0-42.09-9.2-53.36-23.46v-1.61l11.5-13.8h1.61C689.4,410.22,703.43,418,721.14,418c19.78,0,35.88-10.12,35.88-32.2v-5.29c-9.66,8-22.77,12.88-37.49,12.88-32.66,0-56.58-23.46-56.58-54.28,0-30.59,23.92-54,56.81-54,16.1,0,29.67,5.75,39.79,15,2.76-9.43,10.12-15,20.93-15,6,0,10.81,1.61,14,3.91Zm-37.95,48.76c0-20-14.26-34.5-34.73-34.5s-34.5,14.49-34.5,34.27c0,20,13.8,34.27,34.73,34.27C743.45,373.42,757.48,359.16,757.48,339.38Z\"><\/path><path fill=\"#8ADA3F\" d=\"M810.84,257.27a17.37,17.37,0,1,1,17.25,17.48A17.37,17.37,0,0,1,810.84,257.27Zm29.9,145.59v-115H815.67v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M940.55,397.57l-.69,1.84c-6.21,4.37-13.8,6.21-21.39,6.21-22.08,0-38.87-15.18-38.87-41.17v-57H860.05V287.86H879.6V254.05l23.23-3.45,1.84,1.15v36.11h35v19.55h-35v55.2c0,13.57,6.21,21.39,17.25,21.39,3.68,0,6.44-1.15,9.66-3.22l1.61.92Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1072.11,400.1l-.92,1.61a24,24,0,0,1-13.8,3.91c-10.35,0-17.94-5.52-20.93-14.95-9.89,9.43-24.15,14.95-39.33,14.95-23.69,0-45.54-13.11-45.54-37.95,0-25.53,23-37.26,51.29-37.26a86.65,86.65,0,0,1,30.36,5.29v-6.44c0-16.56-15-24.61-30.82-24.61-13.11,0-23.23,5.52-31.28,13.34H969.3l-12.65-12v-1.84c12.42-12,28.29-19.09,48.07-19.09,24.84,0,53.13,11,53.13,44.16v44.39c0,6.21,1.15,10.12,5.29,10.12a5.93,5.93,0,0,0,3.68-1.38l1.61.69Zm-38.87-47.38a77.27,77.27,0,0,0-27.14-5.29c-18.17,0-29.44,7.82-29.44,20.24,0,13.11,12.42,19.55,25.53,19.55,15.87,0,31-9.89,31-26Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1091.43,249.45l23.23-3.45,1.84,1.15v126.5c0,6.21.92,10.12,5.06,10.12a6.09,6.09,0,0,0,3.91-1.38l1.61.69,3.68,17-.92,1.61c-3.22,2.3-8.28,3.91-14.49,3.91-15.87,0-23.92-10.58-23.92-26.45Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1151,249.45l23.23-3.45,1.84,1.15v126.5c0,6.21.92,10.12,5.06,10.12a6.09,6.09,0,0,0,3.91-1.38l1.61.69,3.68,17-.92,1.61c-3.22,2.3-8.28,3.91-14.49,3.91C1159,405.62,1151,395,1151,379.17Z\"><\/path><path fill=\"#8ADA3F\" d=\"M265.51,257.05a17.36,17.36,0,1,1,17.25,17.48A17.37,17.37,0,0,1,265.51,257.05Zm29.9,145.59v-115H270.34v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M437.09,333.41v69.23H412V335.48c0-17.48-10.35-29-27.6-29s-29,11.5-29,29v67.16h-25.3V316.85c0-6.21-.92-10.12-5.29-10.12a5.94,5.94,0,0,0-3.68,1.38l-1.61-.69-3.68-17,.92-1.61c3.22-2.3,8.28-3.91,14.26-3.91,10.58,0,17.71,5.29,20.7,14.49,9-9,22.08-14.49,37.49-14.49C418.46,284.88,437.09,304.66,437.09,333.41Z\"><\/path><path fill=\"#8ADA3F\" d=\"M593.49,399.88l-.92,1.61a24,24,0,0,1-13.8,3.91c-11,0-18.63-6.21-21.39-16.56-9.89,10.12-23.69,16.56-40.71,16.56-34.27,0-58-26.68-58-60.26,0-33.81,23.92-60.26,57.73-60.26a57.36,57.36,0,0,1,37.95,14V249.23l23.23-3.45,1.61,1.15v126.5c0,6.21,1.15,10.12,5.29,10.12a5.93,5.93,0,0,0,3.68-1.38l1.61.69Zm-37-54.74c0-25.3-16.33-38.41-35.88-38.41-22.31,0-36.34,17.25-36.34,38.41s14,38.41,36.34,38.41C540.36,383.55,556.46,370.21,556.46,345.14Z\"><\/path><path fill=\"#8ADA3F\" d=\"M609.13,257.05a17.37,17.37,0,1,1,17.25,17.48A17.37,17.37,0,0,1,609.13,257.05ZM639,402.64v-115H614v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M795.43,290.4l-3.68,17-1.61.69a5.93,5.93,0,0,0-3.68-1.38c-4.37,0-5.29,3.91-5.29,10.12v65.78c0,37.95-27.83,55-60.26,55-23.46,0-42.09-9.2-53.36-23.46v-1.61l11.5-13.8h1.61c8.74,11.27,22.77,19.09,40.48,19.09,19.78,0,35.88-10.12,35.88-32.2v-5.29c-9.66,8-22.77,12.88-37.49,12.88-32.66,0-56.58-23.46-56.58-54.28,0-30.59,23.92-54,56.81-54,16.1,0,29.67,5.75,39.79,15,2.76-9.43,10.12-15,20.93-15,6,0,10.81,1.61,14,3.91Zm-37.95,48.76c0-20-14.26-34.5-34.73-34.5s-34.5,14.49-34.5,34.27c0,20,13.8,34.27,34.73,34.27C743.45,373.2,757.48,358.94,757.48,339.16Z\"><\/path><path fill=\"#8ADA3F\" d=\"M810.84,257.05a17.37,17.37,0,1,1,17.25,17.48A17.37,17.37,0,0,1,810.84,257.05Zm29.9,145.59v-115H815.67v115Z\"><\/path><path fill=\"#8ADA3F\" d=\"M940.55,397.35l-.69,1.84c-6.21,4.37-13.8,6.21-21.39,6.21-22.08,0-38.87-15.18-38.87-41.17v-57H860.05V287.64H879.6V253.83l23.23-3.45,1.84,1.15v36.11h35v19.55h-35v55.2c0,13.57,6.21,21.39,17.25,21.39,3.68,0,6.44-1.15,9.66-3.22l1.61.92Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1072.11,399.88l-.92,1.61a24,24,0,0,1-13.8,3.91c-10.35,0-17.94-5.52-20.93-14.95-9.89,9.43-24.15,14.95-39.33,14.95-23.69,0-45.54-13.11-45.54-37.95,0-25.53,23-37.26,51.29-37.26a86.65,86.65,0,0,1,30.36,5.29V329c0-16.56-15-24.61-30.82-24.61-13.11,0-23.23,5.52-31.28,13.34H969.3l-12.65-12V304c12.42-12,28.29-19.09,48.07-19.09,24.84,0,53.13,11,53.13,44.16v44.39c0,6.21,1.15,10.12,5.29,10.12a5.93,5.93,0,0,0,3.68-1.38l1.61.69Zm-38.87-47.38a77.27,77.27,0,0,0-27.14-5.29c-18.17,0-29.44,7.82-29.44,20.24,0,13.11,12.42,19.55,25.53,19.55,15.87,0,31-9.89,31-26Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1091.43,249.23l23.23-3.45,1.84,1.15v126.5c0,6.21.92,10.12,5.06,10.12a6.09,6.09,0,0,0,3.91-1.38l1.61.69,3.68,17-.92,1.61c-3.22,2.3-8.28,3.91-14.49,3.91-15.87,0-23.92-10.58-23.92-26.45Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1151,249.23l23.23-3.45,1.84,1.15v126.5c0,6.21.92,10.12,5.06,10.12a6.09,6.09,0,0,0,3.91-1.38l1.61.69,3.68,17-.92,1.61c-3.22,2.3-8.28,3.91-14.49,3.91-15.87,0-23.92-10.58-23.92-26.45Z\"><\/path><path fill=\"#8ADA3F\" d=\"M1429.53,144a35.94,35.94,0,1,0,35.92,36A36,36,0,0,0,1429.53,144Z\"><\/path><path fill=\"#FFFFFF\" d=\"M1375.95,359.56h-50.14a76.28,76.28,0,0,1-76.2-76.2V233.22a76.28,76.28,0,0,1,76.2-76.2h40.56a12,12,0,1,1,0,24h-40.56a52.29,52.29,0,0,0-52.24,52.24v50.14a52.29,52.29,0,0,0,52.24,52.24h50.14a52.29,52.29,0,0,0,52.24-52.24V242.8a12,12,0,0,1,24,0v40.56A76.28,76.28,0,0,1,1375.95,359.56Z\"><\/path><\/svg>\r\n            <span class=\"dt-logo-div\"><\/span>\r\n            <span class=\"dt-logo-prod\">DataTalk<\/span>\r\n          <\/div>\r\n          <div class=\"dt-nav-sp\"><\/div>\r\n          <span class=\"dt-console\">\r\n            Go to console\r\n            <!-- Lucide: arrow-up-right -->\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\r\n          <\/span>\r\n          <div class=\"dt-acct\">\r\n            <span class=\"dt-acct-av\"><\/span>\r\n            <span class=\"dt-acct-nm\">Juan Carlos<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- App header -->\r\n        <div class=\"dt-head\" aria-hidden=\"true\">\r\n          <span class=\"dt-title\">Campaign performance<\/span>\r\n          <span class=\"dt-newq\">\r\n            <!-- Lucide: send -->\r\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n            New query\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <!-- Conversation -->\r\n        <div class=\"dt-conv\" aria-hidden=\"true\">\r\n\r\n          <!-- 1. Today separator -->\r\n          <span class=\"dt-today\">Today<\/span>\r\n\r\n          <!-- 2. User query -->\r\n          <div class=\"dt-umsg\">\r\n            Show me opens by channel for the last 30 days \u2014 as a chart.\r\n            <span class=\"dt-ts\">10:57<\/span>\r\n          <\/div>\r\n\r\n          <!-- 3. Reasoning checklist (revealed on Send) -->\r\n          <div class=\"dt-think\">\r\n            <span class=\"dt-think-spark\">\r\n              <!-- Lucide: sparkles -->\r\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.9 4.6L18.5 9l-4.6 1.9L12 15l-1.9-4.1L5.5 9l4.6-1.4z\"\/><\/svg>\r\n            <\/span>\r\n            <div class=\"dt-think-rows\">\r\n              <div class=\"dt-trow\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#30C054\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                Understanding your question\r\n              <\/div>\r\n              <div class=\"dt-trow\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#30C054\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                Pulling opens from connected channels\r\n              <\/div>\r\n              <div class=\"dt-trow\">\r\n                <span class=\"dt-spin\"><\/span>\r\n                <svg class=\"dt-check-last\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#30C054\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                Building your chart\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 4. Answer: chart report (revealed on Send) -->\r\n          <div class=\"dt-answer dt-report\">\r\n            <div class=\"dt-rep-head\">\r\n              <div>\r\n                <span class=\"dt-rep-eyebrow\">Opens by channel \u00b7 last 30 days<\/span>\r\n                <span class=\"dt-rep-total\">182,400\r\n                  <span class=\"dt-rep-delta\">\r\n                    <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1A7A33\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"\/><polyline points=\"5 12 12 5 19 12\"\/><\/svg>\r\n                    24%\r\n                  <\/span>\r\n                <\/span>\r\n              <\/div>\r\n              <span class=\"dt-rep-badge\">Live data<\/span>\r\n            <\/div>\r\n            <div class=\"dt-chart\">\r\n              <div class=\"dt-bar\" style=\"--h:90%;--c:#25D366\">\r\n                <span class=\"dt-bar-val\">62.1k<\/span>\r\n                <div class=\"dt-bar-col\"><span class=\"dt-bar-fill\"><\/span><\/div>\r\n                <span class=\"dt-bar-lbl\">WhatsApp<\/span>\r\n              <\/div>\r\n              <div class=\"dt-bar\" style=\"--h:70%;--c:#0072EF\">\r\n                <span class=\"dt-bar-val\">48.3k<\/span>\r\n                <div class=\"dt-bar-col\"><span class=\"dt-bar-fill\"><\/span><\/div>\r\n                <span class=\"dt-bar-lbl\">Push<\/span>\r\n              <\/div>\r\n              <div class=\"dt-bar\" style=\"--h:60%;--c:#F5923D\">\r\n                <span class=\"dt-bar-val\">41.0k<\/span>\r\n                <div class=\"dt-bar-col\"><span class=\"dt-bar-fill\"><\/span><\/div>\r\n                <span class=\"dt-bar-lbl\">Email<\/span>\r\n              <\/div>\r\n              <div class=\"dt-bar\" style=\"--h:45%;--c:#F07000\">\r\n                <span class=\"dt-bar-val\">31.0k<\/span>\r\n                <div class=\"dt-bar-col\"><span class=\"dt-bar-fill\"><\/span><\/div>\r\n                <span class=\"dt-bar-lbl\">SMS<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"dt-pills\">\r\n              <span class=\"dt-pill ok\">\r\n                <svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1A7A33\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                Report ready\r\n              <\/span>\r\n              <span class=\"dt-pill nosql\">No SQL \u00b7 No analyst<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div><!-- \/conv -->\r\n\r\n        <!-- Query input -->\r\n        <div class=\"dt-input\">\r\n          <span class=\"dt-field\">Type your query here\u2026<\/span>\r\n          <span class=\"dt-send\" role=\"button\" tabindex=\"0\" aria-label=\"Send query \u2014 see how DataTalk builds a chart\">\r\n            Send\r\n            <!-- Lucide: send -->\r\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"dt-tip\" aria-hidden=\"true\">\r\n            <!-- Lucide: sparkles -->\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l1.9 4.6L18.5 9l-4.6 1.9L12 15l-1.9-4.1L5.5 9l4.6-1.4z\"\/><\/svg>\r\n            See how it works\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <!-- MCP data-source strip -->\r\n        <div class=\"dt-mcp\" aria-hidden=\"true\">\r\n          <span class=\"dt-mcp-pill\">MCP<\/span>\r\n          <div class=\"dt-mcp-tags\">\r\n            <span class=\"dt-mcp-tag\"><span class=\"dt-mdot\"><\/span>CDP<\/span>\r\n            <span class=\"dt-mcp-tag\"><span class=\"dt-mdot\"><\/span>Campaigns<\/span>\r\n            <span class=\"dt-mcp-tag\"><span class=\"dt-mdot\"><\/span>Segments<\/span>\r\n            <span class=\"dt-mcp-tag\"><span class=\"dt-mdot\"><\/span>Reports<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/browser window -->\r\n\r\n      <\/div><!-- \/scene -->\r\n\r\n    <\/div><!-- \/right -->\r\n  <\/div><!-- \/inner -->\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById('indi-dt-hero');\r\n    if (!root) return;\r\n    var scene = root.querySelector('.dtb-scene');\r\n    if (!scene) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\r\n\r\n    var MAX = 9;                 \/\/ max tilt in degrees\r\n    var tx = 0, ty = 0;          \/\/ target rotation\r\n    var cx = 0, cy = 0;          \/\/ current (eased) rotation\r\n    var raf = null;\r\n\r\n    function tick() {\r\n      cx += (tx - cx) * 0.08;\r\n      cy += (ty - cy) * 0.08;\r\n      scene.style.transform = 'rotateX(' + cx.toFixed(2) + 'deg) rotateY(' + cy.toFixed(2) + 'deg)';\r\n      if (Math.abs(tx - cx) > 0.01 || Math.abs(ty - cy) > 0.01) {\r\n        raf = requestAnimationFrame(tick);\r\n      } else {\r\n        scene.style.transform = 'rotateX(' + tx + 'deg) rotateY(' + ty + 'deg)';\r\n        raf = null;\r\n      }\r\n    }\r\n    function start() { if (!raf) raf = requestAnimationFrame(tick); }\r\n\r\n    root.addEventListener('mousemove', function (e) {\r\n      var r = root.getBoundingClientRect();\r\n      var px = (e.clientX - r.left) \/ r.width - 0.5;\r\n      var py = (e.clientY - r.top) \/ r.height - 0.5;\r\n      ty = px * MAX;             \/\/ rotateY follows horizontal\r\n      tx = -py * MAX;            \/\/ rotateX follows vertical (inverted)\r\n      start();\r\n    });\r\n    root.addEventListener('mouseleave', function () { tx = 0; ty = 0; start(); });\r\n  })();\r\n  <\/script>\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById('indi-dt-hero');\r\n    if (!root) return;\r\n    var send   = root.querySelector('.dt-send');\r\n    var tip    = root.querySelector('.dt-tip');\r\n    var think  = root.querySelector('.dt-think');\r\n    var report = root.querySelector('.dt-answer.dt-report');\r\n    var newq   = root.querySelector('.dt-newq');\r\n    if (!send || !think || !report) return;\r\n    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var running = false, done = false;\r\n\r\n    function showTip() { if (done) return; if (tip) tip.classList.add('show'); send.classList.add('pulse'); }\r\n    function hideTip() { if (tip) tip.classList.remove('show'); send.classList.remove('pulse'); }\r\n\r\n    function run() {\r\n      if (running || done) return;\r\n      running = true; done = true;\r\n      hideTip();\r\n      think.classList.add('show');\r\n      setTimeout(function () {\r\n        think.classList.add('done');\r\n        report.classList.add('show');\r\n        requestAnimationFrame(function () {\r\n          requestAnimationFrame(function () { report.classList.add('dt-play'); });\r\n        });\r\n        running = false;\r\n      }, reduce ? 0 : 1500);\r\n    }\r\n\r\n    function reset() {\r\n      done = false; running = false;\r\n      think.classList.remove('show', 'done');\r\n      report.classList.remove('show', 'dt-play');\r\n      if (!reduce) setTimeout(showTip, 500);\r\n    }\r\n\r\n    send.addEventListener('click', run);\r\n    send.addEventListener('keydown', function (e) {\r\n      if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); run(); }\r\n    });\r\n    if (newq) { newq.style.cursor = 'pointer'; newq.addEventListener('click', reset); }\r\n\r\n    if (reduce) {\r\n      think.classList.add('show', 'done');\r\n      report.classList.add('show', 'dt-play');\r\n      done = true;\r\n    } else {\r\n      setTimeout(showTip, 1900);\r\n    }\r\n  })();\r\n  <\/script>\r\n<\/section>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""},{"acf_fc_layout":"custom_html","code":"<!-- indigitall DataTalk \u2014 How It Works \u2014 WordPress\/ACF Custom HTML block -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n#indi-dt-how {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  background: #F5F7FA !important;\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  box-sizing: border-box !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n#indi-dt-how *, #indi-dt-how *::before, #indi-dt-how *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n#indi-dt-how .ihw-inner {\r\n  position: relative; z-index: 2;\r\n  max-width: 1280px; margin: 0 auto;\r\n  padding: 100px 48px 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\r\n#indi-dt-how .ihw-head { text-align: center; max-width: 640px; margin: 0 auto 56px; }\r\n\r\n#indi-dt-how .ihw-pill {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(138,218,63,0.16); border: 1px solid rgba(138,218,63,0.5);\r\n  padding: 7px 15px; border-radius: 50px;\r\n  font-size: 11px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.08em !important; text-transform: uppercase;\r\n  color: #4F8A1F !important; margin-bottom: 20px;\r\n}\r\n#indi-dt-how .ihw-pill svg { flex-shrink: 0; }\r\n\r\n#indi-dt-how .ihw-h2 {\r\n  font-size: clamp(28px, 3.5vw, 44px) !important;\r\n  font-weight: 500 !important; line-height: 1.1 !important;\r\n  letter-spacing: -0.02em !important; color: #0F3B7A !important;\r\n}\r\n#indi-dt-how .ihw-h2 em { color: #0072EF !important; font-style: normal; }\r\n\r\n\/* \u2500\u2500\u2500 STEPS ROW \u2500\u2500\u2500 *\/\r\n#indi-dt-how .ihw-steps {\r\n  display: grid;\r\n  grid-template-columns: 1fr 52px 1fr 52px 1fr;\r\n  align-items: start;\r\n  gap: 0;\r\n}\r\n\r\n\/* Connector arrow *\/\r\n#indi-dt-how .ihw-conn {\r\n  display: flex; align-items: flex-start; justify-content: center;\r\n  padding-top: 40px; \/* aligns arrow with step number area *\/\r\n}\r\n#indi-dt-how .ihw-conn-ic {\r\n  width: 36px; height: 36px; border-radius: 50%;\r\n  background: #FFFFFF;\r\n  box-shadow: 0 4px 14px -4px rgba(18,54,108,0.18);\r\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n}\r\n\r\n\/* Step card *\/\r\n#indi-dt-how .ihw-step {\r\n  background: #FFFFFF !important;\r\n  border-radius: 14px !important;\r\n  padding: 28px !important;\r\n  box-shadow: 0 12px 36px -8px rgba(18,54,108,0.14), 0 2px 8px rgba(0,0,0,0.04);\r\n  display: flex; flex-direction: column;\r\n  position: relative; overflow: hidden;\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n#indi-dt-how .ihw-step:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 22px 50px -10px rgba(18,54,108,0.22), 0 4px 12px rgba(138,218,63,0.12);\r\n}\r\n\r\n\/* Step number *\/\r\n#indi-dt-how .ihw-num {\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: 48px !important; font-weight: 700 !important;\r\n  line-height: 1 !important; letter-spacing: -0.03em !important;\r\n  color: #0072EF !important;\r\n  margin-bottom: 16px; display: block;\r\n}\r\n\r\n\/* Eyebrow *\/\r\n#indi-dt-how .ihw-eyebrow {\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.07em !important; text-transform: uppercase;\r\n  color: #0072EF !important; margin-bottom: 6px;\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n}\r\n\r\n\/* Title *\/\r\n#indi-dt-how .ihw-title {\r\n  font-size: 20px !important; font-weight: 600 !important;\r\n  letter-spacing: -0.01em !important; color: #0F3B7A !important;\r\n  line-height: 1.2; margin-bottom: 10px;\r\n}\r\n\r\n\/* Body *\/\r\n#indi-dt-how .ihw-body {\r\n  font-size: 14px !important; font-weight: 400 !important;\r\n  line-height: 1.65 !important; color: #5A6B85 !important;\r\n}\r\n\r\n\/* Viz area *\/\r\n#indi-dt-how .ihw-viz { margin-top: auto; padding-top: 24px; }\r\n\r\n\/* \u2550\u2550 VIZ 1 \u2014 Reason: intent parsing \u2550\u2550 *\/\r\n#indi-dt-how .ihw-input-wrap {\r\n  display: flex; flex-direction: column; gap: 10px;\r\n}\r\n#indi-dt-how .ihw-input-msg {\r\n  background: #EEF3FF; border-radius: 10px 10px 10px 3px;\r\n  padding: 10px 13px;\r\n  font-size: 12px !important; font-weight: 600 !important; color: #0F3B7A !important;\r\n  display: flex; align-items: center; gap: 8px;\r\n}\r\n#indi-dt-how .ihw-msg-ic {\r\n  width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0;\r\n  background: #0072EF; display: flex; align-items: center; justify-content: center;\r\n}\r\n#indi-dt-how .ihw-parse-arrow {\r\n  display: flex; align-items: center; gap: 6px;\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  color: #0072EF !important; letter-spacing: 0.04em; text-transform: uppercase;\r\n}\r\n#indi-dt-how .ihw-parse-chips { display: flex; flex-direction: column; gap: 5px; }\r\n#indi-dt-how .ihw-chip {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  background: #F5F7FA; border-radius: 7px; padding: 6px 10px;\r\n  border-left: 3px solid rgba(0,114,239,0.35);\r\n}\r\n#indi-dt-how .ihw-chip-label {\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  color: #5A6B85 !important; text-transform: uppercase; letter-spacing: 0.04em;\r\n}\r\n#indi-dt-how .ihw-chip-val {\r\n  font-size: 11px !important; font-weight: 600 !important; color: #0F3B7A !important;\r\n}\r\n\r\n\/* \u2550\u2550 VIZ 2 \u2014 Act via MCP: hub-and-spoke \u2550\u2550 *\/\r\n#indi-dt-how .ihw-hub-wrap {\r\n  position: relative; width: 180px; height: 160px; margin: 0 auto;\r\n}\r\n\/* Center agent node *\/\r\n#indi-dt-how .ihw-hub-center {\r\n  position: absolute; top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 52px; height: 52px; border-radius: 50%;\r\n  background: linear-gradient(135deg, #0F3B7A, #0072EF);\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n  box-shadow: 0 6px 20px -4px rgba(15,59,122,0.45);\r\n  z-index: 3;\r\n}\r\n#indi-dt-how .ihw-hub-lbl {\r\n  font-size: 9px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; letter-spacing: 0.03em; line-height: 1.1; text-align: center;\r\n}\r\n\/* Satellite nodes *\/\r\n#indi-dt-how .ihw-sat {\r\n  position: absolute; width: 40px; height: 40px; border-radius: 10px;\r\n  background: #EEF3FF; border: 1.5px solid rgba(0,114,239,0.15);\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;\r\n  z-index: 3;\r\n}\r\n#indi-dt-how .ihw-sat span {\r\n  font-size: 8.5px !important; font-weight: 700 !important;\r\n  color: #0F3B7A !important; letter-spacing: 0.02em; line-height: 1;\r\n}\r\n\/* Satellite positions *\/\r\n#indi-dt-how .ihw-sat.top    { top: 0;   left: 50%; transform: translateX(-50%); }\r\n#indi-dt-how .ihw-sat.right  { top: 50%; right: 0;  transform: translateY(-50%); }\r\n#indi-dt-how .ihw-sat.bottom { bottom: 0; left: 50%; transform: translateX(-50%); }\r\n#indi-dt-how .ihw-sat.left   { top: 50%; left: 0;   transform: translateY(-50%); }\r\n\r\n\/* Connection lines *\/\r\n#indi-dt-how .ihw-hub-lines {\r\n  position: absolute; inset: 0; z-index: 1;\r\n}\r\n#indi-dt-how .ihw-hub-lines line {\r\n  stroke: rgba(0,114,239,0.15); stroke-width: 1.5;\r\n  stroke-dasharray: 4 4;\r\n}\r\n\/* Animated packets *\/\r\n#indi-dt-how .ihw-pkt {\r\n  position: absolute; z-index: 2;\r\n  width: 8px; height: 8px; border-radius: 50%;\r\n  background: #0072EF;\r\n  box-shadow: 0 0 6px rgba(0,114,239,0.6);\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n#indi-dt-how .ihw-pkt.p1 { animation: ihwPktTop    1.8s ease-in-out 0.0s infinite; }\r\n#indi-dt-how .ihw-pkt.p2 { animation: ihwPktRight  1.8s ease-in-out 0.5s infinite; }\r\n#indi-dt-how .ihw-pkt.p3 { animation: ihwPktBottom 1.8s ease-in-out 1.0s infinite; }\r\n#indi-dt-how .ihw-pkt.p4 { animation: ihwPktLeft   1.8s ease-in-out 1.5s infinite; }\r\n\r\n\/* hub is 180\u00d7160, center at 90,80 *\/\r\n\/* Top sat center: 90,20 \u2192 offset from center: 0,-60 *\/\r\n@keyframes ihwPktTop    { 0%,10%{top:50%;left:50%;opacity:0} 20%{opacity:1} 50%{top:12%;left:50%;opacity:1} 60%{top:12%;left:50%;opacity:0} 100%{top:12%;left:50%;opacity:0} }\r\n\/* Right sat center: 160,80 \u2192 offset: +70,0 *\/\r\n@keyframes ihwPktRight  { 0%,10%{top:50%;left:50%;opacity:0} 20%{opacity:1} 50%{top:50%;left:87%;opacity:1} 60%{top:50%;left:87%;opacity:0} 100%{top:50%;left:87%;opacity:0} }\r\n\/* Bottom sat center: 90,140 \u2192 offset: 0,+60 *\/\r\n@keyframes ihwPktBottom { 0%,10%{top:50%;left:50%;opacity:0} 20%{opacity:1} 50%{top:87%;left:50%;opacity:1} 60%{top:87%;left:50%;opacity:0} 100%{top:87%;left:50%;opacity:0} }\r\n\/* Left sat center: 20,80 \u2192 offset: -70,0 *\/\r\n@keyframes ihwPktLeft   { 0%,10%{top:50%;left:50%;opacity:0} 20%{opacity:1} 50%{top:50%;left:12%;opacity:1} 60%{top:50%;left:12%;opacity:0} 100%{top:50%;left:12%;opacity:0} }\r\n\r\n\/* Only animate when card is visible *\/\r\n#indi-dt-how.ihw-js .ihw-pkt { animation: none; opacity: 0; }\r\n#indi-dt-how .s-act.ihw-vis .ihw-pkt.p1 { animation: ihwPktTop    1.8s ease-in-out 0.0s infinite; }\r\n#indi-dt-how .s-act.ihw-vis .ihw-pkt.p2 { animation: ihwPktRight  1.8s ease-in-out 0.5s infinite; }\r\n#indi-dt-how .s-act.ihw-vis .ihw-pkt.p3 { animation: ihwPktBottom 1.8s ease-in-out 1.0s infinite; }\r\n#indi-dt-how .s-act.ihw-vis .ihw-pkt.p4 { animation: ihwPktLeft   1.8s ease-in-out 1.5s infinite; }\r\n\r\n\/* \u2550\u2550 VIZ 3 \u2014 Optimize: before\/after bars \u2550\u2550 *\/\r\n#indi-dt-how .ihw-optim { display: flex; flex-direction: column; gap: 10px; }\r\n#indi-dt-how .ihw-orow { display: flex; flex-direction: column; gap: 5px; }\r\n#indi-dt-how .ihw-orow-head {\r\n  display: flex; justify-content: space-between; align-items: baseline;\r\n}\r\n#indi-dt-how .ihw-orow-label {\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  color: #5A6B85 !important; text-transform: uppercase; letter-spacing: 0.04em;\r\n}\r\n#indi-dt-how .ihw-orow-val {\r\n  font-size: 13px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n}\r\n#indi-dt-how .ihw-orow-val.green { color: #0072EF !important; }\r\n#indi-dt-how .ihw-bar-bg {\r\n  height: 8px; background: #EEF3FF; border-radius: 4px; overflow: hidden;\r\n}\r\n#indi-dt-how .ihw-bar-fill {\r\n  height: 100%; border-radius: 4px;\r\n  background: linear-gradient(90deg, #0072EF 0%, #0F3B7A 100%);\r\n  width: var(--w); \/* visible by default (no-JS) *\/\r\n  transition: width 1.0s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n\/* JS arm: reset to 0 *\/\r\n#indi-dt-how.ihw-js .ihw-bar-fill { width: 0; transition: width 0s; }\r\n\/* Animate on visible *\/\r\n#indi-dt-how .s-opt.ihw-vis .ihw-bar-fill { width: var(--w); transition: width 1.0s cubic-bezier(0.22,1,0.36,1); }\r\n#indi-dt-how .s-opt.ihw-vis .ihw-orow:nth-child(2) .ihw-bar-fill { transition-delay: 0.3s; }\r\n\r\n#indi-dt-how .ihw-optim-note {\r\n  display: flex; align-items: center; gap: 5px; margin-top: 4px;\r\n  font-size: 10px !important; font-weight: 700 !important; color: #0072EF !important;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 THE LOOP BAND \u2500\u2500\u2500 *\/\r\n#indi-dt-how .ihw-loop-wrap {\r\n  margin-top: 18px;\r\n}\r\n#indi-dt-how .ihw-loop {\r\n  background: linear-gradient(135deg, #0A2956 0%, #0F3B7A 60%, #0E52C1 100%);\r\n  border-radius: 14px;\r\n  padding: 36px 48px;\r\n  display: flex; align-items: center; gap: 48px;\r\n  position: relative; overflow: hidden;\r\n}\r\n#indi-dt-how .ihw-loop::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);\r\n  background-size: 24px 24px; pointer-events: none;\r\n}\r\n#indi-dt-how .ihw-loop-left { flex: 1; min-width: 0; position: relative; z-index: 1; }\r\n#indi-dt-how .ihw-loop-eyebrow {\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.08em; text-transform: uppercase;\r\n  color: #8ADA3F !important; margin-bottom: 10px;\r\n  display: flex; align-items: center; gap: 6px;\r\n}\r\n#indi-dt-how .ihw-loop-dot {\r\n  width: 7px; height: 7px; border-radius: 50%; background: #8ADA3F;\r\n  animation: ihwPulse 2s ease-in-out infinite;\r\n}\r\n@keyframes ihwPulse { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }\r\n\r\n#indi-dt-how .ihw-loop-claim {\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: clamp(16px, 1.6vw, 22px) !important;\r\n  font-weight: 500 !important; line-height: 1.4 !important;\r\n  letter-spacing: -0.01em !important; color: #FFFFFF !important;\r\n}\r\n\r\n#indi-dt-how .ihw-loop-right {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 10px; flex-shrink: 0; position: relative; z-index: 1;\r\n}\r\n#indi-dt-how .ihw-loop-chip {\r\n  display: flex; align-items: center; gap: 7px;\r\n  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12);\r\n  border-radius: 8px; padding: 10px 13px;\r\n}\r\n#indi-dt-how .ihw-lc-ic {\r\n  width: 28px; height: 28px; border-radius: 8px;\r\n  background: rgba(138,218,63,0.18);\r\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n}\r\n#indi-dt-how .ihw-lc-txt {\r\n  font-size: 12px !important; font-weight: 700 !important;\r\n  color: rgba(255,255,255,0.88) !important; line-height: 1.25;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\u2500 *\/\r\n#indi-dt-how .ihw-animate {\r\n  transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1),\r\n              transform 0.7s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-dt-how.ihw-js .ihw-animate          { opacity: 0; transform: translateY(20px); }\r\n#indi-dt-how.ihw-js .ihw-animate.ihw-vis  { opacity: 1; transform: translateY(0); }\r\n#indi-dt-how .s-act.ihw-animate { transition-delay: 0.10s; }\r\n#indi-dt-how .s-opt.ihw-animate { transition-delay: 0.20s; }\r\n#indi-dt-how .ihw-loop-wrap.ihw-animate   { transition-delay: 0.10s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-dt-how .ihw-animate { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n  #indi-dt-how .ihw-bar-fill { width: var(--w) !important; }\r\n  #indi-dt-how .ihw-pkt { display: none !important; }\r\n  #indi-dt-how .ihw-loop-dot { animation: none !important; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  #indi-dt-how .ihw-inner { padding: 80px 32px 0; }\r\n  #indi-dt-how .ihw-loop { padding: 28px 32px; gap: 32px; }\r\n}\r\n@media (max-width: 960px) {\r\n  #indi-dt-how .ihw-inner { padding: 70px 24px 0; }\r\n  #indi-dt-how .ihw-steps {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n  #indi-dt-how .ihw-conn {\r\n    padding: 0; justify-content: flex-start; padding-left: 28px; margin: 6px 0;\r\n  }\r\n  #indi-dt-how .ihw-conn-ic { transform: rotate(90deg); }\r\n  #indi-dt-how .ihw-loop { flex-direction: column; gap: 24px; }\r\n  #indi-dt-how .ihw-loop-right { width: 100%; }\r\n}\r\n@media (max-width: 600px) {\r\n  #indi-dt-how .ihw-inner { padding: 48px 16px 0; }\r\n  #indi-dt-how .ihw-loop { padding: 24px 20px; border-radius: 14px; }\r\n  #indi-dt-how .ihw-loop-right { grid-template-columns: 1fr; }\r\n  #indi-dt-how .ihw-step { padding: 22px !important; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 BOTTOM PADDING (loop is last element) \u2500\u2500\u2500 *\/\r\n#indi-dt-how .ihw-pb { padding-bottom: 80px; }\r\n@media (max-width: 1100px) { #indi-dt-how .ihw-pb { padding-bottom: 64px; } }\r\n@media (max-width: 600px)  { #indi-dt-how .ihw-pb { padding-bottom: 48px; } }\r\n<\/style>\r\n\r\n<section id=\"indi-dt-how\" role=\"region\" aria-label=\"How indigitall DataTalk works \u2014 Ask, Verify and query, Answer and act\">\r\n  <div class=\"ihw-inner ihw-pb\">\r\n\r\n    <!-- \u2500\u2500 HEADER \u2500\u2500 -->\r\n    <div class=\"ihw-head\">\r\n      <span class=\"ihw-pill\">\r\n        <!-- Lucide: cpu -->\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4F8A1F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><path d=\"M9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M20 9h3M1 15h3M20 15h3\"\/><\/svg>\r\n        How it works\r\n      <\/span>\r\n      <h2 class=\"ihw-h2\"><em>Ask.<\/em> Query live data. <em>Answer &amp; act.<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 THREE STEPS \u2500\u2500 -->\r\n    <div class=\"ihw-steps\">\r\n\r\n      <!-- Step 1: Reason -->\r\n      <article class=\"ihw-step s-rsn ihw-animate\">\r\n        <span class=\"ihw-num\" aria-hidden=\"true\">01<\/span>\r\n        <span class=\"ihw-eyebrow\">\r\n          <!-- Lucide: brain -->\r\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z\"\/><path d=\"M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z\"\/><path d=\"M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4\"\/><path d=\"M17.599 6.5a3 3 0 0 0 .399-1.375\"\/><path d=\"M6.003 5.125A3 3 0 0 0 6.401 6.5\"\/><path d=\"M3.477 10.896a4 4 0 0 1 .585-.396\"\/><path d=\"M19.938 10.5a4 4 0 0 1 .585.396\"\/><path d=\"M6 18a4 4 0 0 1-1.967-.516\"\/><path d=\"M19.967 17.484A4 4 0 0 1 18 18\"\/><\/svg>\r\n          Ask\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">Ask in plain language.<\/h3>\r\n        <p class=\"ihw-body\">Type a question the way you'd say it \u2014 no SQL, no query builder, no report backlog. DataTalk classifies the request, decides whether it's analytics or an action, and picks the best route before touching your data.<\/p>\r\n        <div class=\"ihw-viz\" aria-hidden=\"true\">\r\n          <div class=\"ihw-input-wrap\">\r\n            <div class=\"ihw-input-msg\">\r\n              <span class=\"ihw-msg-ic\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\r\n              <\/span>\r\n              &ldquo;Which channel converted best on Black Friday?&rdquo;\r\n            <\/div>\r\n            <div class=\"ihw-parse-arrow\">\r\n              <!-- Lucide: chevrons-down -->\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m7 6 5 5 5-5\"\/><path d=\"m7 13 5 5 5-5\"\/><\/svg>\r\n              DataTalk plans\r\n            <\/div>\r\n            <div class=\"ihw-parse-chips\">\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Type<\/span>\r\n                <span class=\"ihw-chip-val\">Analytics query<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Scope<\/span>\r\n                <span class=\"ihw-chip-val\">Black Friday \u00b7 channels<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Output<\/span>\r\n                <span class=\"ihw-chip-val\">Chart + KPI<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Connector 1 \u2192 2 -->\r\n      <div class=\"ihw-conn\" aria-hidden=\"true\">\r\n        <div class=\"ihw-conn-ic\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 2: Act via MCP -->\r\n      <article class=\"ihw-step s-act ihw-animate\">\r\n        <span class=\"ihw-num\" aria-hidden=\"true\">02<\/span>\r\n        <span class=\"ihw-eyebrow\">\r\n          <!-- Lucide: plug -->\r\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 22v-5\"\/><path d=\"M9 8V2\"\/><path d=\"M15 8V2\"\/><path d=\"M18 8H6a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2z\"\/><\/svg>\r\n          Verify &amp; query\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">It checks CDP, then queries live data.<\/h3>\r\n        <p class=\"ihw-body\">Before running anything, DataTalk verifies access and security\u2014 you stay in control. Then it queries your CDP and campaign data live via MCP: real numbers from the platform, never a stale export.<\/p>\r\n        <div class=\"ihw-viz\" role=\"img\" aria-label=\"A hub-and-spoke diagram showing DataTalk connected to the CDP, Campaigns, Segments and Reports via MCP\">\r\n          <div class=\"ihw-hub-wrap\">\r\n            <!-- SVG connection lines -->\r\n            <svg class=\"ihw-hub-lines\" viewBox=\"0 0 180 160\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n              <line x1=\"90\" y1=\"80\" x2=\"90\" y2=\"24\"\/>\r\n              <line x1=\"90\" y1=\"80\" x2=\"154\" y2=\"80\"\/>\r\n              <line x1=\"90\" y1=\"80\" x2=\"90\" y2=\"136\"\/>\r\n              <line x1=\"90\" y1=\"80\" x2=\"26\"  y2=\"80\"\/>\r\n            <\/svg>\r\n            <!-- Center: Agent -->\r\n            <div class=\"ihw-hub-center\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/><\/svg>\r\n              <span class=\"ihw-hub-lbl\">Data<br>Talk<\/span>\r\n            <\/div>\r\n            <!-- Satellites -->\r\n            <div class=\"ihw-sat top\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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>\r\n              <span>CDP<\/span>\r\n            <\/div>\r\n            <div class=\"ihw-sat right\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n              <span>Campaigns<\/span>\r\n            <\/div>\r\n            <div class=\"ihw-sat bottom\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n              <span>Segments<\/span>\r\n            <\/div>\r\n            <div class=\"ihw-sat left\" aria-hidden=\"true\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg>\r\n              <span>Reports<\/span>\r\n            <\/div>\r\n            <!-- Animated packets -->\r\n            <div class=\"ihw-pkt p1\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"ihw-pkt p2\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"ihw-pkt p3\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"ihw-pkt p4\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Connector 2 \u2192 3 -->\r\n      <div class=\"ihw-conn\" aria-hidden=\"true\">\r\n        <div class=\"ihw-conn-ic\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Step 3: Optimize -->\r\n      <article class=\"ihw-step s-opt ihw-animate\">\r\n        <span class=\"ihw-num\" aria-hidden=\"true\">03<\/span>\r\n        <span class=\"ihw-eyebrow\">\r\n          <!-- Lucide: trending-up -->\r\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n          Answer &amp; act\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">Answers you can act on \u2014 instantly.<\/h3>\r\n        <p class=\"ihw-body\">You get a chart, table or KPI card from live data in seconds \u2014 and DataTalk can execute the next step too, like creating the segment or audience, ready for the journey. Answers, not dashboards.<\/p>\r\n        <div class=\"ihw-viz\" aria-hidden=\"true\">\r\n          <div class=\"ihw-optim\">\r\n            <div class=\"ihw-orow\">\r\n              <div class=\"ihw-orow-head\">\r\n                <span class=\"ihw-orow-label\">WhatsApp<\/span>\r\n                <span class=\"ihw-orow-val\">41%<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-bar-bg\">\r\n                <div class=\"ihw-bar-fill\" style=\"--w: 82%\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"ihw-orow\">\r\n              <div class=\"ihw-orow-head\">\r\n                <span class=\"ihw-orow-label\">Push<\/span>\r\n                <span class=\"ihw-orow-val green\">27%<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-bar-bg\">\r\n                <div class=\"ihw-bar-fill\" style=\"--w: 54%\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"ihw-optim-note\">\r\n              <!-- Lucide: arrow-up -->\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4F8A1F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m5 12 7-7 7 7\"\/><path d=\"M12 19V5\"\/><\/svg>\r\n              Live answer in seconds \u00b7 no analyst\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div><!-- \/steps -->\r\n\r\n    <!-- \u2500\u2500 THE LOOP BAND \u2500\u2500 -->\r\n    <div class=\"ihw-loop-wrap ihw-animate\">\r\n      <div class=\"ihw-loop\">\r\n        <div class=\"ihw-loop-left\">\r\n          <div class=\"ihw-loop-eyebrow\">\r\n            <span class=\"ihw-loop-dot\" aria-hidden=\"true\"><\/span>\r\n            The loop\r\n          <\/div>\r\n          <p class=\"ihw-loop-claim\">Runs on live CDP data, inside the platform, with cost and security checks on every query. Ask, get the answer, execute \u2014 no SQL, no export, no waiting on an analyst.<\/p>\r\n        <\/div>\r\n        <div class=\"ihw-loop-right\">\r\n          <div class=\"ihw-loop-chip\">\r\n            <div class=\"ihw-lc-ic\" aria-hidden=\"true\">\r\n              <!-- Lucide: zap -->\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"ihw-lc-txt\">Live<br>CDP data<\/span>\r\n          <\/div>\r\n          <div class=\"ihw-loop-chip\">\r\n            <div class=\"ihw-lc-ic\" aria-hidden=\"true\">\r\n              <!-- Lucide: layers -->\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"\/><path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"\/><path d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"ihw-lc-txt\">Cost &amp; safety<br>checks<\/span>\r\n          <\/div>\r\n          <div class=\"ihw-loop-chip\">\r\n            <div class=\"ihw-lc-ic\" aria-hidden=\"true\">\r\n              <!-- Lucide: refresh-cw -->\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"\/><path d=\"M21 3v5h-5\"\/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"\/><path d=\"M3 21v-5h5\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"ihw-lc-txt\">Executes<br>actions<\/span>\r\n          <\/div>\r\n          <div class=\"ihw-loop-chip\">\r\n            <div class=\"ihw-lc-ic\" aria-hidden=\"true\">\r\n              <!-- Lucide: user-x -->\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"17\" y1=\"8\" x2=\"22\" y2=\"13\"\/><line x1=\"22\" y1=\"8\" x2=\"17\" y2=\"13\"\/><\/svg>\r\n            <\/div>\r\n            <span class=\"ihw-lc-txt\">No SQL<br>No analyst<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n  var root = document.getElementById('indi-dt-how');\r\n  if (!root) return;\r\n  root.classList.add('ihw-js');\r\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    root.querySelectorAll('.ihw-animate').forEach(function (el) { el.classList.add('ihw-vis'); });\r\n    return;\r\n  }\r\n  var obs = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (e) {\r\n      if (e.isIntersecting) { e.target.classList.add('ihw-vis'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  root.querySelectorAll('.ihw-animate').forEach(function (el) { obs.observe(el); });\r\n}());\r\n<\/script>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""},{"acf_fc_layout":"custom_html","code":"<!-- ============================================================\r\n     indigitall.com \u2014 AI Agents page\r\n     Section: \"Six capabilities that make the difference\"\r\n     Self-contained ACF Custom HTML block. Light background.\r\n     ============================================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n#indi-dt-capabilities {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  box-sizing: border-box !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  background: #F5F7FA !important;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n#indi-dt-capabilities *, #indi-dt-capabilities *::before, #indi-dt-capabilities *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* ---------- shell ---------- *\/\r\n#indi-dt-capabilities .iac-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1280px;\r\n  margin: 0 auto !important;\r\n  padding: 100px 48px !important;\r\n}\r\n\r\n\/* ---------- header ---------- *\/\r\n#indi-dt-capabilities .iac-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.12em !important;\r\n  text-transform: uppercase !important;\r\n  color: #0072EF !important;\r\n}\r\n#indi-dt-capabilities .iac-eyebrow::before {\r\n  content: \"\";\r\n  width: 22px; height: 2px;\r\n  background: #8ADA3F;\r\n  display: inline-block;\r\n  border-radius: 2px;\r\n}\r\n#indi-dt-capabilities .iac-h2 {\r\n  margin-top: 16px !important;\r\n  font-size: clamp(28px, 3.5vw, 48px) !important;\r\n  line-height: 1.08 !important;\r\n  font-weight: 500 !important;\r\n  letter-spacing: -0.02em !important;\r\n  color: #0F3B7A !important;\r\n  max-width: 18ch;\r\n}\r\n#indi-dt-capabilities .iac-intro {\r\n  margin-top: 20px !important;\r\n  font-size: 17px !important;\r\n  line-height: 1.6 !important;\r\n  font-weight: 400 !important;\r\n  color: #5A6B85 !important;\r\n  max-width: 64ch;\r\n}\r\n\r\n\/* ---------- grid ---------- *\/\r\n#indi-dt-capabilities .iac-grid {\r\n  margin-top: 56px !important;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  list-style: none;\r\n}\r\n\r\n\/* ---------- card ---------- *\/\r\n#indi-dt-capabilities .iac-card {\r\n  background: #FFFFFF !important;\r\n  border-radius: 14px !important;\r\n  box-shadow: 0 12px 36px -8px rgba(18,54,108,0.30), 0 2px 8px rgba(0,0,0,0.06);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-dt-capabilities .iac-card:hover {\r\n  transform: translateY(-4px) scale(1.02);\r\n  box-shadow: 0 24px 54px -12px rgba(18,54,108,0.36), 0 4px 12px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* ---------- viz stage ---------- *\/\r\n#indi-dt-capabilities .iac-stage {\r\n  position: relative;\r\n  height: 168px;\r\n  background:\r\n    radial-gradient(120% 90% at 50% 0%, #F1F6FF 0%, #EEF3FF 55%, #E7EEFB 100%);\r\n  border-bottom: 1px solid #EAF0FA;\r\n  overflow: hidden;\r\n}\r\n#indi-dt-capabilities .iac-stageinner {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  width: 280px; height: 160px;\r\n  transform: translate(-50%, -50%);\r\n}\r\n#indi-dt-capabilities .iac-stage svg.iac-lines {\r\n  position: absolute; inset: 0;\r\n  width: 100%; height: 100%;\r\n  overflow: visible;\r\n}\r\n#indi-dt-capabilities .iac-line {\r\n  stroke: #C9D6EC;\r\n  stroke-width: 2;\r\n  fill: none;\r\n}\r\n#indi-dt-capabilities .iac-line-dash {\r\n  stroke: #C9D6EC;\r\n  stroke-width: 2;\r\n  fill: none;\r\n  stroke-dasharray: 4 5;\r\n  stroke-linecap: round;\r\n}\r\n\r\n\/* nodes *\/\r\n#indi-dt-capabilities .iac-node {\r\n  position: absolute;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 5px;\r\n  background: #FFFFFF;\r\n  border: 1.5px solid #DCE6F7;\r\n  border-radius: 9px;\r\n  font-size: 10px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.01em;\r\n  color: #0F3B7A !important;\r\n  box-shadow: 0 4px 12px -4px rgba(18,54,108,0.18);\r\n}\r\n#indi-dt-capabilities .iac-node svg { width: 13px; height: 13px; flex: none; }\r\n#indi-dt-capabilities .iac-node.iac-primary {\r\n  background: #0F3B7A;\r\n  border-color: #0F3B7A;\r\n  color: #FFFFFF !important;\r\n  box-shadow: 0 6px 18px -4px rgba(15,59,122,0.45);\r\n}\r\n#indi-dt-capabilities .iac-node.iac-primary svg { stroke: #FFFFFF; }\r\n#indi-dt-capabilities .iac-node.iac-blue svg { stroke: #0072EF; }\r\n\r\n\/* moving packets *\/\r\n#indi-dt-capabilities .iac-packet {\r\n  position: absolute;\r\n  width: 9px; height: 9px;\r\n  border-radius: 50%;\r\n  background: #8ADA3F;\r\n  box-shadow: 0 0 0 3px rgba(138,218,63,0.25), 0 0 8px rgba(138,218,63,0.6);\r\n  opacity: 0;\r\n}\r\n#indi-dt-capabilities .iac-packet.iac-blue {\r\n  background: #0072EF;\r\n  box-shadow: 0 0 0 3px rgba(0,114,239,0.22), 0 0 8px rgba(0,114,239,0.5);\r\n}\r\n\r\n\/* ---------- card body ---------- *\/\r\n#indi-dt-capabilities .iac-body {\r\n  padding: 24px 24px 28px !important;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n#indi-dt-capabilities .iac-tag {\r\n  align-self: flex-start;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 5px 11px !important;\r\n  border-radius: 6px;\r\n  background: #EEF3FF;\r\n  font-size: 11px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.04em !important;\r\n  text-transform: uppercase !important;\r\n  color: #0F3B7A !important;\r\n}\r\n#indi-dt-capabilities .iac-tag::before {\r\n  content: \"\";\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: #8ADA3F;\r\n}\r\n#indi-dt-capabilities .iac-title {\r\n  margin-top: 14px !important;\r\n  font-size: 20px !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: -0.01em !important;\r\n  line-height: 1.2 !important;\r\n  color: #0F0F0F !important;\r\n}\r\n#indi-dt-capabilities .iac-desc {\r\n  margin-top: 10px !important;\r\n  font-size: 15px !important;\r\n  line-height: 1.6 !important;\r\n  font-weight: 400 !important;\r\n  color: #5A6B85 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   ANIMATIONS \u2014 each capability has its own looping diagram\r\n   ========================================================= *\/\r\n\r\n\/* CARD 1 \u2014 Supervisor feed + delegation to specialized sub-agents *\/\r\n#indi-dt-capabilities .iac-feed {\r\n  left: 52px; top: 76px;\r\n  animation: iac-feed 1.6s linear infinite;\r\n}\r\n@keyframes iac-feed {\r\n  0%   { transform: translate(0,0); opacity: 0; }\r\n  12%  { opacity: 1; }\r\n  88%  { opacity: 1; }\r\n  100% { transform: translate(52px,0); opacity: 0; }\r\n}\r\n#indi-dt-capabilities .iac-route { left: 168px; top: 76px; }\r\n#indi-dt-capabilities .iac-route.r1 { animation: iac-r1 3.6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-route.r2 { animation: iac-r2 3.6s ease-in-out infinite; animation-delay: 1.2s; }\r\n#indi-dt-capabilities .iac-route.r3 { animation: iac-r3 3.6s ease-in-out infinite; animation-delay: 2.4s; }\r\n@keyframes iac-r1 {\r\n  0% { transform: translate(0,0); opacity: 0; }\r\n  6% { opacity: 1; }\r\n  28%{ transform: translate(48px,-50px); opacity: 1; }\r\n  34%{ transform: translate(48px,-50px); opacity: 0; }\r\n  100%{ transform: translate(48px,-50px); opacity: 0; }\r\n}\r\n@keyframes iac-r2 {\r\n  0% { transform: translate(0,0); opacity: 0; }\r\n  6% { opacity: 1; }\r\n  28%{ transform: translate(48px,0); opacity: 1; }\r\n  34%{ transform: translate(48px,0); opacity: 0; }\r\n  100%{ transform: translate(48px,0); opacity: 0; }\r\n}\r\n@keyframes iac-r3 {\r\n  0% { transform: translate(0,0); opacity: 0; }\r\n  6% { opacity: 1; }\r\n  28%{ transform: translate(48px,50px); opacity: 1; }\r\n  34%{ transform: translate(48px,50px); opacity: 0; }\r\n  100%{ transform: translate(48px,50px); opacity: 0; }\r\n}\r\n\/* target highlight pulse synced to arrivals *\/\r\n#indi-dt-capabilities .iac-t1 { animation: iac-hl 3.6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-t2 { animation: iac-hl 3.6s ease-in-out infinite; animation-delay: 1.2s; }\r\n#indi-dt-capabilities .iac-t3 { animation: iac-hl 3.6s ease-in-out infinite; animation-delay: 2.4s; }\r\n@keyframes iac-hl {\r\n  0%,18% { border-color:#DCE6F7; box-shadow:0 4px 12px -4px rgba(18,54,108,0.18); }\r\n  30%    { border-color:#8ADA3F; box-shadow:0 0 0 3px rgba(138,218,63,0.25); }\r\n  46%,100%{ border-color:#DCE6F7; box-shadow:0 4px 12px -4px rgba(18,54,108,0.18); }\r\n}\r\n\r\n\/* CARD 2 \u2014 MCP bidirectional flow *\/\r\n#indi-dt-capabilities .iac-out { left: 74px; top: 76px; }\r\n#indi-dt-capabilities .iac-out.o1 { animation: iac-o1 2.6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-out.o2 { animation: iac-o2 2.6s ease-in-out infinite; animation-delay: .5s; }\r\n#indi-dt-capabilities .iac-out.o3 { animation: iac-o3 2.6s ease-in-out infinite; animation-delay: 1s; }\r\n@keyframes iac-o1 { 0%{transform:translate(0,0);opacity:0} 8%{opacity:1} 42%{transform:translate(122px,-44px);opacity:1} 50%,100%{transform:translate(122px,-44px);opacity:0} }\r\n@keyframes iac-o2 { 0%{transform:translate(0,0);opacity:0} 8%{opacity:1} 42%{transform:translate(122px,0);opacity:1} 50%,100%{transform:translate(122px,0);opacity:0} }\r\n@keyframes iac-o3 { 0%{transform:translate(0,0);opacity:0} 8%{opacity:1} 42%{transform:translate(122px,44px);opacity:1} 50%,100%{transform:translate(122px,44px);opacity:0} }\r\n#indi-dt-capabilities .iac-back.b1 { left: 196px; top: 32px; animation: iac-b1 2.6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-back.b2 { left: 196px; top: 76px; animation: iac-b2 2.6s ease-in-out infinite; animation-delay: .5s; }\r\n#indi-dt-capabilities .iac-back.b3 { left: 196px; top: 120px; animation: iac-b3 2.6s ease-in-out infinite; animation-delay: 1s; }\r\n@keyframes iac-b1 { 0%,52%{transform:translate(0,0);opacity:0} 58%{opacity:1} 92%{transform:translate(-122px,44px);opacity:1} 100%{transform:translate(-122px,44px);opacity:0} }\r\n@keyframes iac-b2 { 0%,52%{transform:translate(0,0);opacity:0} 58%{opacity:1} 92%{transform:translate(-122px,0);opacity:1} 100%{transform:translate(-122px,0);opacity:0} }\r\n@keyframes iac-b3 { 0%,52%{transform:translate(0,0);opacity:0} 58%{opacity:1} 92%{transform:translate(-122px,-44px);opacity:1} 100%{transform:translate(-122px,-44px);opacity:0} }\r\n\r\n\/* CARD 3 \u2014 Omnichannel context hop *\/\r\n#indi-dt-capabilities .iac-token {\r\n  position: absolute;\r\n  left: 22px; top: 110px;\r\n  width: 56px; height: 22px; border-radius: 999px;\r\n  background: #8ADA3F; opacity: 1;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-size: 8.5px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.05em; text-transform: uppercase;\r\n  color: #0F3B7A !important;\r\n  box-shadow: 0 4px 12px rgba(138,218,63,0.45);\r\n  animation: iac-hop 6s cubic-bezier(0.65,0,0.35,1) infinite;\r\n}\r\n@keyframes iac-hop {\r\n  0%,12%   { transform: translateX(0); }\r\n  20%,38%  { transform: translateX(90px); }\r\n  46%,64%  { transform: translateX(180px); }\r\n  72%      { transform: translateX(180px); }\r\n  100%     { transform: translateX(0); }\r\n}\r\n#indi-dt-capabilities .iac-up { top: 104px; }\r\n#indi-dt-capabilities .iac-up.u1 { left: 50px; animation: iac-up1 6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-up.u2 { left: 140px; animation: iac-up2 6s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-up.u3 { left: 230px; animation: iac-up3 6s ease-in-out infinite; }\r\n@keyframes iac-up1 { 0%{transform:translate(0,0);opacity:0} 6%{opacity:1} 14%{transform:translate(70px,-70px);opacity:1} 18%,100%{opacity:0} }\r\n@keyframes iac-up2 { 0%,24%{transform:translate(0,0);opacity:0} 30%{opacity:1} 38%{transform:translate(0,-70px);opacity:1} 42%,100%{opacity:0} }\r\n@keyframes iac-up3 { 0%,48%{transform:translate(0,0);opacity:0} 54%{opacity:1} 62%{transform:translate(-70px,-70px);opacity:1} 66%,100%{opacity:0} }\r\n#indi-dt-capabilities .iac-core { animation: iac-glow 6s ease-in-out infinite; }\r\n@keyframes iac-glow {\r\n  0%,8%{box-shadow:0 6px 18px -4px rgba(15,59,122,0.45)}\r\n  16%,40%,64%{box-shadow:0 0 0 5px rgba(138,218,63,0.22),0 6px 18px -4px rgba(15,59,122,0.45)}\r\n  74%,100%{box-shadow:0 6px 18px -4px rgba(15,59,122,0.45)}\r\n}\r\n\r\n\/* CARD 4 \u2014 Security filter *\/\r\n#indi-dt-capabilities .iac-shieldpulse {\r\n  position:absolute; left:114px; top:46px; width:52px; height:68px;\r\n  border-radius:12px; border:2px solid #8ADA3F; opacity:0;\r\n  animation: iac-spulse 2s ease-out infinite;\r\n}\r\n@keyframes iac-spulse { 0%{transform:scale(1);opacity:.5} 100%{transform:scale(1.35);opacity:0} }\r\n#indi-dt-capabilities .iac-resp { position: absolute; top: 75px; width: 11px; height: 11px; border-radius: 3px; }\r\n#indi-dt-capabilities .iac-resp.p1 { left: 4px; background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: iac-pass 3s linear infinite; }\r\n#indi-dt-capabilities .iac-resp.p2 { left: 4px; background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: iac-pass 3s linear infinite; animation-delay: 1.5s; }\r\n#indi-dt-capabilities .iac-resp.bk { left: 4px; background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: iac-block 3s ease-in-out infinite; animation-delay: .75s; }\r\n@keyframes iac-pass {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  8%{opacity:1}\r\n  42%{transform:translate(112px,0);background:#0072EF}\r\n  52%{transform:translate(140px,0);background:#8ADA3F}\r\n  92%{transform:translate(258px,0);opacity:1;background:#8ADA3F}\r\n  100%{transform:translate(258px,0);opacity:0;background:#8ADA3F}\r\n}\r\n@keyframes iac-block {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  8%{opacity:1}\r\n  40%{transform:translate(104px,0);background:#0072EF}\r\n  52%{transform:translate(112px,0);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  64%{transform:translate(86px,0);background:#E5484D}\r\n  78%{transform:translate(92px,0);opacity:1;background:#E5484D}\r\n  100%{transform:translate(92px,0);opacity:0;background:#E5484D}\r\n}\r\n\r\n\/* CARD 5 \u2014 Continuous learning *\/\r\n#indi-dt-capabilities .iac-orbit {\r\n  position:absolute; left:78px; top:80px; width:0; height:0;\r\n  animation: iac-spin 4s linear infinite;\r\n}\r\n@keyframes iac-spin { to { transform: rotate(360deg); } }\r\n#indi-dt-capabilities .iac-orbit .iac-orbdot {\r\n  position:absolute; left:-4.5px; top:-49px;\r\n  width:9px; height:9px; border-radius:50%;\r\n  background:#8ADA3F; box-shadow:0 0 0 3px rgba(138,218,63,0.25),0 0 8px rgba(138,218,63,0.6);\r\n}\r\n#indi-dt-capabilities .iac-bar {\r\n  position:absolute; bottom:34px; width:16px; border-radius:4px 4px 0 0;\r\n  background: linear-gradient(180deg,#8ADA3F,#5fb524);\r\n  transform-origin: bottom;\r\n}\r\n#indi-dt-capabilities .iac-bar.bar1 { left:178px; height:22px; animation: iac-grow 4s ease-in-out infinite; }\r\n#indi-dt-capabilities .iac-bar.bar2 { left:202px; height:38px; animation: iac-grow 4s ease-in-out infinite; animation-delay:.3s; }\r\n#indi-dt-capabilities .iac-bar.bar3 { left:226px; height:54px; animation: iac-grow 4s ease-in-out infinite; animation-delay:.6s; }\r\n#indi-dt-capabilities .iac-bar.bar4 { left:250px; height:72px; animation: iac-grow 4s ease-in-out infinite; animation-delay:.9s; }\r\n@keyframes iac-grow {\r\n  0%{transform:scaleY(0.18)} 45%{transform:scaleY(1)} 78%{transform:scaleY(1)} 100%{transform:scaleY(0.18)}\r\n}\r\n\r\n\/* CARD 6 \u2014 Human handoff with context *\/\r\n#indi-dt-capabilities .iac-cardpkt {\r\n  position:absolute; left:78px; top:64px;\r\n  width:42px; height:32px; border-radius:6px;\r\n  background:#FFFFFF; border:1.5px solid #8ADA3F;\r\n  box-shadow:0 4px 12px -3px rgba(18,54,108,0.25);\r\n  display:flex; flex-direction:column; gap:3px;\r\n  padding:7px 6px 0;\r\n  animation: iac-pass2 3.6s cubic-bezier(0.65,0,0.35,1) infinite;\r\n}\r\n#indi-dt-capabilities .iac-cardpkt span { height:2.5px; border-radius:2px; background:#C9D6EC; }\r\n#indi-dt-capabilities .iac-cardpkt span:nth-child(1){ width:100%; }\r\n#indi-dt-capabilities .iac-cardpkt span:nth-child(2){ width:70%; }\r\n#indi-dt-capabilities .iac-cardpkt span:nth-child(3){ width:85%; }\r\n@keyframes iac-pass2 {\r\n  0%,10%   { transform:translateX(0); opacity:0; }\r\n  18%      { opacity:1; }\r\n  70%      { transform:translateX(86px); opacity:1; }\r\n  82%,100% { transform:translateX(86px); opacity:0; }\r\n}\r\n#indi-dt-capabilities .iac-human { animation: iac-receive 3.6s ease-in-out infinite; }\r\n@keyframes iac-receive {\r\n  0%,66%  { background:#FFFFFF; border-color:#DCE6F7; color:#0F3B7A; }\r\n  74%     { background:#8ADA3F; border-color:#8ADA3F; color:#0F3B7A; box-shadow:0 0 0 4px rgba(138,218,63,0.22); }\r\n  92%,100%{ background:#FFFFFF; border-color:#DCE6F7; color:#0F3B7A; }\r\n}\r\n#indi-dt-capabilities .iac-human svg { stroke:#0072EF; }\r\n\r\n\/* ---------- scroll reveal ---------- *\/\r\n#indi-dt-capabilities .iac-animate {\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-dt-capabilities .iac-animate.iac-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(1) { transition-delay: .00s; }\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(2) { transition-delay: .08s; }\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(3) { transition-delay: .16s; }\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(4) { transition-delay: .08s; }\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(5) { transition-delay: .16s; }\r\n#indi-dt-capabilities .iac-grid .iac-card:nth-child(6) { transition-delay: .24s; }\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width: 1100px) {\r\n  #indi-dt-capabilities .iac-wrap { padding: 80px 32px !important; }\r\n  #indi-dt-capabilities .iac-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 700px) {\r\n  #indi-dt-capabilities .iac-wrap { padding: 60px 24px !important; }\r\n  #indi-dt-capabilities .iac-grid { grid-template-columns: 1fr; gap: 20px; }\r\n  #indi-dt-capabilities .iac-h2 { max-width: 100%; }\r\n}\r\n@media (max-width: 480px) {\r\n  #indi-dt-capabilities .iac-wrap { padding: 40px 16px !important; }\r\n}\r\n\r\n\/* ---------- reduced motion ---------- *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-dt-capabilities .iac-animate { opacity:1 !important; transform:none !important; transition:none !important; }\r\n  #indi-dt-capabilities .iac-packet,\r\n  #indi-dt-capabilities .iac-resp,\r\n  #indi-dt-capabilities .iac-up,\r\n  #indi-dt-capabilities .iac-shieldpulse { opacity:0 !important; animation:none !important; }\r\n  #indi-dt-capabilities .iac-feed,\r\n  #indi-dt-capabilities .iac-route,\r\n  #indi-dt-capabilities .iac-out,\r\n  #indi-dt-capabilities .iac-back,\r\n  #indi-dt-capabilities .iac-token,\r\n  #indi-dt-capabilities .iac-core,\r\n  #indi-dt-capabilities .iac-t1, #indi-dt-capabilities .iac-t2, #indi-dt-capabilities .iac-t3,\r\n  #indi-dt-capabilities .iac-orbit,\r\n  #indi-dt-capabilities .iac-bar,\r\n  #indi-dt-capabilities .iac-cardpkt,\r\n  #indi-dt-capabilities .iac-human { animation:none !important; }\r\n  #indi-dt-capabilities .iac-token { transform:translateX(0) !important; }\r\n  #indi-dt-capabilities .iac-cardpkt { opacity:1 !important; }\r\n  #indi-dt-capabilities .iac-bar.bar1 { transform:scaleY(1) !important; }\r\n  #indi-dt-capabilities .iac-bar.bar2 { transform:scaleY(1) !important; }\r\n  #indi-dt-capabilities .iac-bar.bar3 { transform:scaleY(1) !important; }\r\n  #indi-dt-capabilities .iac-bar.bar4 { transform:scaleY(1) !important; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"indi-dt-capabilities\" role=\"region\" aria-label=\"Six capabilities that make the indigitall AI agent different\">\r\n  <div class=\"iac-wrap\">\r\n\r\n    <span class=\"iac-eyebrow\">Built on the platform<\/span>\r\n    <h2 class=\"iac-h2\">The engine behind every answer.<\/h2>\r\n    <p class=\"iac-intro\">DataTalk runs on the same enterprise platform as every indigitall channel \u2014 the orchestration, security, unified data and live integrations that let it not just report, but act on what it finds.<\/p>\r\n\r\n    <ul class=\"iac-grid\">\r\n\r\n      <!-- ============ CARD 1 \u2014 Multi-Agent Supervision ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"iac-line\" d=\"M56,80 H108\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M172,80 C198,80 198,30 220,30\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M172,80 H220\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M172,80 C198,80 198,130 220,130\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-node iac-blue\" style=\"left:8px; top:64px; width:48px; height:32px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21a8 8 0 0 1 16 0\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"iac-node iac-primary\" style=\"left:108px; top:56px; width:64px; height:48px; flex-direction:column; gap:3px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"2.5\"\/><circle cx=\"6\" cy=\"12\" r=\"2.5\"\/><circle cx=\"18\" cy=\"19\" r=\"2.5\"\/><path d=\"M8.3 10.7 15.7 6.3M8.3 13.3 15.7 17.7\"\/><\/svg>\r\n              Supervisor\r\n            <\/div>\r\n            <div class=\"iac-node iac-t1 iac-blue\" style=\"left:220px; top:14px; width:56px; height:32px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:12px;height:12px;\"><rect x=\"4\" y=\"9\" width=\"16\" height=\"11\" rx=\"2\"\/><path d=\"M12 9V5\"\/><circle cx=\"9\" cy=\"14.5\" r=\"1\"\/><circle cx=\"15\" cy=\"14.5\" r=\"1\"\/><\/svg>\r\n              <span style=\"font-size:8.5px;\">Sales<\/span>\r\n            <\/div>\r\n            <div class=\"iac-node iac-t2 iac-blue\" style=\"left:220px; top:64px; width:56px; height:32px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:12px;height:12px;\"><rect x=\"4\" y=\"9\" width=\"16\" height=\"11\" rx=\"2\"\/><path d=\"M12 9V5\"\/><circle cx=\"9\" cy=\"14.5\" r=\"1\"\/><circle cx=\"15\" cy=\"14.5\" r=\"1\"\/><\/svg>\r\n              <span style=\"font-size:8.5px;\">Support<\/span>\r\n            <\/div>\r\n            <div class=\"iac-node iac-t3 iac-blue\" style=\"left:220px; top:114px; width:56px; height:32px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:12px;height:12px;\"><rect x=\"4\" y=\"9\" width=\"16\" height=\"11\" rx=\"2\"\/><path d=\"M12 9V5\"\/><circle cx=\"9\" cy=\"14.5\" r=\"1\"\/><circle cx=\"15\" cy=\"14.5\" r=\"1\"\/><\/svg>\r\n              <span style=\"font-size:8.5px;\">Billing<\/span>\r\n            <\/div>\r\n            <div class=\"iac-packet iac-feed\"><\/div>\r\n            <div class=\"iac-packet iac-route r1\"><\/div>\r\n            <div class=\"iac-packet iac-route r2\"><\/div>\r\n            <div class=\"iac-packet iac-route r3\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Orchestration<\/span>\r\n          <h3 class=\"iac-title\">Multi-Agent Supervision<\/h3>\r\n          <p class=\"iac-desc\">A Router Bot analyzes user intent in natural language and directs the query to the right specialized agent, human agent, or external system. Complex workflows that span multiple departments are handled without the customer knowing.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 2 \u2014 MCP Integration ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"iac-line\" d=\"M78,80 C140,80 150,37 200,37\"\/>\r\n              <path class=\"iac-line\" d=\"M78,80 H200\"\/>\r\n              <path class=\"iac-line\" d=\"M78,80 C140,80 150,123 200,123\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-node iac-primary\" style=\"left:22px; top:58px; width:56px; height:44px; flex-direction:column; gap:2px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"2\"\/><path d=\"M2 14h2M20 14h2M12 8V4M12 4a1.5 1.5 0 1 0 0-.01\"\/><circle cx=\"9\" cy=\"14\" r=\"1\"\/><circle cx=\"15\" cy=\"14\" r=\"1\"\/><\/svg>\r\n              Agent\r\n            <\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:200px; top:23px; width:56px; height:28px;\">CRM<\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:200px; top:66px; width:56px; height:28px;\">ERP<\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:200px; top:109px; width:56px; height:28px;\">API<\/div>\r\n            <div class=\"iac-packet iac-out o1\"><\/div>\r\n            <div class=\"iac-packet iac-out o2\"><\/div>\r\n            <div class=\"iac-packet iac-out o3\"><\/div>\r\n            <div class=\"iac-packet iac-blue iac-back b1\"><\/div>\r\n            <div class=\"iac-packet iac-blue iac-back b2\"><\/div>\r\n            <div class=\"iac-packet iac-blue iac-back b3\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Real-time integration<\/span>\r\n          <h3 class=\"iac-title\">MCP Integration<\/h3>\r\n          <p class=\"iac-desc\">The Model Context Protocol connects the agent to any external system in real time \u2014 CRM, ERP, inventory, payment, healthcare record, or proprietary API. The agent fetches data, calls functions, and writes results back. Real actions, not simulations.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 3 \u2014 Omnichannel Context ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"iac-line-dash\" d=\"M50,108 C50,80 120,72 130,52\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M140,108 V52\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M230,108 C230,80 160,72 150,52\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-node iac-core iac-primary\" style=\"left:96px; top:14px; width:88px; height:38px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 3 7v6c0 5 4 8 9 9 5-1 9-4 9-9V7z\"\/><circle cx=\"12\" cy=\"11\" r=\"2.5\"\/><\/svg>\r\n              <span style=\"font-size:9px;font-weight:700;\">Unified Profile<\/span>\r\n            <\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:14px; top:110px; width:72px; height:34px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.4 8.4 0 0 1-12 7.6L3 21l1.9-5.7A8.5 8.5 0 1 1 21 11.5z\"\/><\/svg>\r\n              <span style=\"font-size:8px;\">WhatsApp<\/span>\r\n            <\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:104px; top:110px; width:72px; height:34px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18z\"\/><\/svg>\r\n              <span style=\"font-size:8px;\">Web<\/span>\r\n            <\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:194px; top:110px; width:72px; height:34px; flex-direction:column; gap:1px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z\"\/><\/svg>\r\n              <span style=\"font-size:8px;\">Contact Center<\/span>\r\n            <\/div>\r\n            <div class=\"iac-packet iac-up u1\"><\/div>\r\n            <div class=\"iac-packet iac-up u2\"><\/div>\r\n            <div class=\"iac-packet iac-up u3\"><\/div>\r\n            <div class=\"iac-token\">Context<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Unified profile<\/span>\r\n          <h3 class=\"iac-title\">Omnichannel Context<\/h3>\r\n          <p class=\"iac-desc\">The CDP keeps conversation state active across every channel. A customer who starts on WhatsApp, continues on the web, and calls the contact center never has to repeat themselves. Full context, zero friction.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 4 \u2014 Response Security Filter ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"iac-line-dash\" d=\"M6,80 H114\"\/>\r\n              <path class=\"iac-line-dash\" d=\"M166,80 H274\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-shieldpulse\"><\/div>\r\n            <div class=\"iac-node iac-primary\" style=\"left:114px; top:46px; width:52px; height:68px; flex-direction:column; gap:3px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n              <span style=\"font-size:8px;\">Filter<\/span>\r\n            <\/div>\r\n            <div class=\"iac-resp p1\"><\/div>\r\n            <div class=\"iac-resp p2\"><\/div>\r\n            <div class=\"iac-resp bk\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Enterprise safety<\/span>\r\n          <h3 class=\"iac-title\">Response Security Filter<\/h3>\r\n          <p class=\"iac-desc\">Every response passes through a security filter before delivery \u2014 blacklists, brand-safety guardrails, and content moderation. RAG training on client-only data means the agent never hallucinates from public internet content.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 5 \u2014 Continuous Learning ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <circle cx=\"78\" cy=\"80\" r=\"49\" fill=\"none\" stroke=\"#C9D6EC\" stroke-width=\"2\" stroke-dasharray=\"4 6\"\/>\r\n              <line x1=\"170\" y1=\"114\" x2=\"274\" y2=\"114\" stroke=\"#C9D6EC\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-node iac-primary\" style=\"left:60px; top:62px; width:36px; height:36px; border-radius:50%;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:16px;height:16px;\"><path d=\"M21 12a9 9 0 1 1-3-6.7M21 3v5h-5\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:54px; top:24px; width:48px; height:20px; font-size:8.5px !important;\">Resolve<\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:8px; top:116px; width:54px; height:20px; font-size:8.5px !important;\">Escalate<\/div>\r\n            <div class=\"iac-node iac-blue\" style=\"left:96px; top:116px; width:54px; height:20px; font-size:8.5px !important;\">Drop-off<\/div>\r\n            <div class=\"iac-orbit\"><span class=\"iac-orbdot\"><\/span><\/div>\r\n            <div class=\"iac-bar bar1\"><\/div>\r\n            <div class=\"iac-bar bar2\"><\/div>\r\n            <div class=\"iac-bar bar3\"><\/div>\r\n            <div class=\"iac-bar bar4\"><\/div>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"position:absolute;left:248px;top:18px;width:18px;height:18px;\"><path d=\"M3 17l6-6 4 4 8-8M21 7v5\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Adaptive intelligence<\/span>\r\n          <h3 class=\"iac-title\">Continuous Learning<\/h3>\r\n          <p class=\"iac-desc\">Every resolved interaction, every escalation, and every drop-off feeds back into the model. Resolution accuracy improves over time without manual rule-writing.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 6 \u2014 Human Handoff with Full Context ============ -->\r\n      <li class=\"iac-card iac-animate\">\r\n        <div class=\"iac-stage\" aria-hidden=\"true\">\r\n          <div class=\"iac-stageinner\">\r\n            <svg class=\"iac-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"iac-line\" d=\"M74,80 H206\"\/>\r\n              <path class=\"iac-line\" d=\"M196,75 l10,5 -10,5\" stroke=\"#C9D6EC\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <div class=\"iac-node iac-primary\" style=\"left:14px; top:57px; width:60px; height:46px; flex-direction:column; gap:2px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"2\"\/><path d=\"M2 14h2M20 14h2M12 8V4\"\/><circle cx=\"9\" cy=\"14\" r=\"1\"\/><circle cx=\"15\" cy=\"14\" r=\"1\"\/><\/svg>\r\n              Agent\r\n            <\/div>\r\n            <div class=\"iac-node iac-human iac-blue\" style=\"left:206px; top:57px; width:60px; height:46px; flex-direction:column; gap:2px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 14v-2a8 8 0 0 1 16 0v2\"\/><path d=\"M4 14a2 2 0 0 0 2 2h1v-4H6a2 2 0 0 0-2 2zM20 14a2 2 0 0 1-2 2h-1v-4h1a2 2 0 0 1 2 2zM12 19a3 3 0 0 0 3-3\"\/><\/svg>\r\n              Human\r\n            <\/div>\r\n            <div class=\"iac-cardpkt\"><span><\/span><span><\/span><span><\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"iac-body\">\r\n          <span class=\"iac-tag\">Contact Center integration<\/span>\r\n          <h3 class=\"iac-title\">Human Handoff with Full Context<\/h3>\r\n          <p class=\"iac-desc\">When an interaction requires human judgment, the agent hands off to a live agent in the Contact Center \u2014 with the full conversation history, customer profile, and attempted resolution steps already loaded. No cold handoffs.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var root = document.getElementById('indi-dt-capabilities');\r\n  if (!root) return;\r\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    root.querySelectorAll('.iac-animate').forEach(function(el){ el.classList.add('iac-visible'); });\r\n    return;\r\n  }\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('iac-visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  root.querySelectorAll('.iac-animate').forEach(function(el) { obs.observe(el); });\r\n})();\r\n<\/script>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""},{"acf_fc_layout":"custom_html","code":"<!-- indigitall DataTalk \u2014 Use Cases \u2014 WordPress\/ACF Custom HTML block -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&display=swap');\r\n\r\n#indi-dt-uc {\r\n  all: initial; display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  background: #F5F7FA !important; position: relative; overflow: hidden;\r\n  box-sizing: border-box !important; -webkit-font-smoothing: antialiased;\r\n}\r\n#indi-dt-uc *, #indi-dt-uc *::before, #indi-dt-uc *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#indi-dt-uc .uc-wrap { position: relative; z-index: 2; max-width: 1280px; margin: 0 auto !important; padding: 100px 48px !important; }\r\n\r\n\/* Header *\/\r\n#indi-dt-uc .uc-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  font-size: 12px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #1565E0 !important;\r\n}\r\n#indi-dt-uc .uc-eyebrow::before { content: \"\"; width: 22px; height: 2px; background: #8ADA3F; display: inline-block; border-radius: 2px; }\r\n#indi-dt-uc .uc-head { text-align: center; max-width: 720px; margin: 0 auto 52px; }\r\n#indi-dt-uc .uc-head .uc-eyebrow { justify-content: center; }\r\n#indi-dt-uc .uc-h2 {\r\n  margin-top: 16px !important; font-size: clamp(28px, 3.5vw, 44px) !important;\r\n  font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; color: #0F3B7A !important;\r\n}\r\n#indi-dt-uc .uc-h2 em { font-style: normal; color: #0072EF !important; }\r\n#indi-dt-uc .uc-sub { margin-top: 18px !important; font-size: 17px !important; line-height: 1.6 !important; color: #5A6B85 !important; }\r\n\r\n\/* Grid *\/\r\n#indi-dt-uc .uc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n\r\n\/* Card *\/\r\n#indi-dt-uc .uc-card {\r\n  background: #FFFFFF !important; border-radius: 16px !important; padding: 28px !important;\r\n  box-shadow: 0 12px 36px -8px rgba(18,54,108,0.14), 0 2px 8px rgba(0,0,0,0.04);\r\n  display: flex; flex-direction: column;\r\n  transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-dt-uc .uc-card:hover { transform: translateY(-4px); box-shadow: 0 22px 50px -10px rgba(18,54,108,0.22), 0 4px 12px rgba(138,218,63,0.12); }\r\n\r\n#indi-dt-uc .uc-cardtop { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }\r\n#indi-dt-uc .uc-ic {\r\n  width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0;\r\n  background: linear-gradient(135deg, #0F3B7A 0%, #0072EF 100%);\r\n  display: flex; align-items: center; justify-content: center;\r\n  box-shadow: 0 6px 18px -4px rgba(15,59,122,0.4);\r\n}\r\n#indi-dt-uc .uc-tag {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  background: #EEF3FF; border-radius: 6px; padding: 5px 11px !important;\r\n  font-size: 11px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #0F3B7A !important;\r\n}\r\n#indi-dt-uc .uc-tag::before { content: \"\"; width: 6px; height: 6px; border-radius: 50%; background: #8ADA3F; }\r\n\r\n#indi-dt-uc .uc-title { font-size: 20px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; line-height: 1.25 !important; color: #0F0F0F !important; }\r\n#indi-dt-uc .uc-desc { margin-top: 10px !important; font-size: 14.5px !important; line-height: 1.6 !important; color: #5A6B85 !important; }\r\n\r\n\/* Mini flow *\/\r\n#indi-dt-uc .uc-flow {\r\n  margin-top: 20px; padding: 14px; background: #F5F7FA; border-radius: 10px;\r\n  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;\r\n}\r\n#indi-dt-uc .uc-step {\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n  background: #FFFFFF; border: 1px solid #DCE3EC; border-radius: 7px; padding: 5px 8px;\r\n  font-size: 10.5px !important; font-weight: 700 !important; color: #0F3B7A !important; white-space: nowrap;\r\n}\r\n#indi-dt-uc .uc-step svg { flex-shrink: 0; }\r\n#indi-dt-uc .uc-step.win { background: rgba(48,192,84,0.12); border-color: rgba(48,192,84,0.4); color: #1A7A33 !important; }\r\n#indi-dt-uc .uc-arrow { color: #B7C4D6; flex-shrink: 0; display: flex; }\r\n\r\n\/* Points *\/\r\n#indi-dt-uc .uc-points { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }\r\n#indi-dt-uc .uc-point { display: flex; align-items: flex-start; gap: 9px; font-size: 13.5px !important; font-weight: 500 !important; color: #3A4A61 !important; line-height: 1.4; }\r\n#indi-dt-uc .uc-check {\r\n  width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; margin-top: 1px;\r\n  background: rgba(138,218,63,0.18); display: flex; align-items: center; justify-content: center;\r\n}\r\n\r\n\/* Scroll reveal *\/\r\n#indi-dt-uc .uc-animate { opacity: 0; transform: translateY(20px); transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1); }\r\n#indi-dt-uc .uc-animate.uc-vis { opacity: 1; transform: translateY(0); }\r\n#indi-dt-uc .uc-grid .uc-card:nth-child(2) { transition-delay: 0.08s; }\r\n#indi-dt-uc .uc-grid .uc-card:nth-child(3) { transition-delay: 0.16s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-dt-uc .uc-animate { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px) { #indi-dt-uc .uc-wrap { padding: 80px 32px !important; } #indi-dt-uc .uc-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; } }\r\n@media (max-width: 600px) { #indi-dt-uc .uc-wrap { padding: 56px 16px !important; } #indi-dt-uc .uc-card { padding: 22px !important; } }\r\n<\/style>\r\n<section id=\"indi-dt-uc\" role=\"region\" aria-label=\"DataTalk use cases\">\r\n  <div class=\"uc-wrap\">\r\n\r\n    <div class=\"uc-head\">\r\n      <span class=\"uc-eyebrow\">Use cases<\/span>\r\n      <h2 class=\"uc-h2\">DataTalk, <em>from question to action.<\/em><\/h2>\r\n      <p class=\"uc-sub\">Real scenarios where a plain-language question becomes a chart, a segment, or a report \u2014 in seconds, on live data, with no SQL.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"uc-grid\">\r\n\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\">\r\n          <span class=\"uc-ic\" aria-hidden=\"true\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 3H2l8 9.46V19l4 2v-8.54L22 3z\"\/><\/svg><\/span>\r\n          <span class=\"uc-tag\">Segmentation<\/span>\r\n        <\/div>\r\n        <h3 class=\"uc-title\">A segment from a sentence<\/h3>\r\n        <p class=\"uc-desc\">Describe the audience in plain language and DataTalk builds the segment in the system, with the right filters \u2014 ready to drop into a journey.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\"><span class=\"uc-step\">Ask<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Verify<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Create<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step win\">Segment ready<\/span><\/div>\r\n        <ul class=\"uc-points\"><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>No SQL, no query builder<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Correct filters applied<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Ready to activate<\/li><\/ul>\r\n      <\/article>\r\n\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\">\r\n          <span class=\"uc-ic\" aria-hidden=\"true\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/span>\r\n          <span class=\"uc-tag\">Analytics<\/span>\r\n        <\/div>\r\n        <h3 class=\"uc-title\">Ask your KPIs<\/h3>\r\n        <p class=\"uc-desc\">Ask about performance and DataTalk answers with the chart or KPI card \u2014 live data from the CDP, no analyst, no dashboard hunting.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\"><span class=\"uc-step\">Ask<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Query CDP<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Chart<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step win\">Answer<\/span><\/div>\r\n        <ul class=\"uc-points\"><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Charts and KPI cards<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Live data from the CDP<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Suggests the next step<\/li><\/ul>\r\n      <\/article>\r\n\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\">\r\n          <span class=\"uc-ic\" aria-hidden=\"true\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" 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\"\/><path d=\"M14 2v6h6\"\/><path d=\"M8 13h8M8 17h8M8 9h2\"\/><\/svg><\/span>\r\n          <span class=\"uc-tag\">Reporting<\/span>\r\n        <\/div>\r\n        <h3 class=\"uc-title\">Reports on demand<\/h3>\r\n        <p class=\"uc-desc\">Turn a question into a table or report in seconds \u2014 pull it when you need it, not when the analyst backlog clears.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\"><span class=\"uc-step\">Ask<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Query<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step\">Table<\/span><span class=\"uc-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg><\/span><span class=\"uc-step win\">Ready<\/span><\/div>\r\n        <ul class=\"uc-points\"><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Plain-language request<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Live from the CDP<\/li><li class=\"uc-point\"><span class=\"uc-check\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Right inside the platform<\/li><\/ul>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById('indi-dt-uc');\r\n    if (!root) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      root.querySelectorAll('.uc-animate').forEach(function (el) { el.classList.add('uc-vis'); }); return;\r\n    }\r\n    var obs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('uc-vis'); obs.unobserve(e.target); } });\r\n    }, { threshold: 0.15 });\r\n    root.querySelectorAll('.uc-animate').forEach(function (el) { obs.observe(el); });\r\n  })();\r\n  <\/script>\r\n<\/section>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""},{"acf_fc_layout":"custom_html","code":"<!-- ============================================================\r\n     indigitall.com \u2014 AI Agents page\r\n     Section S6: \"Data Security Architecture\"\r\n     Self-contained ACF Custom HTML block. Dark gradient background.\r\n     ============================================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n#indi-data-security {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  box-sizing: border-box !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: linear-gradient(145deg, #0F3B7A 0%, #1565E0 60%, #0072EF 100%) !important;\r\n}\r\n#indi-data-security *, #indi-data-security *::before, #indi-data-security *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* ---------- dark-section texture + glow ---------- *\/\r\n#indi-data-security .ids-texture {\r\n  position: absolute; inset: 0;\r\n  background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n  background-size: 28px 28px;\r\n  pointer-events: none; z-index: 0;\r\n}\r\n#indi-data-security .ids-glow {\r\n  position: absolute; top: -120px; right: -80px;\r\n  width: 560px; height: 560px;\r\n  background: radial-gradient(circle, rgba(138,218,63,0.12) 0%, transparent 70%);\r\n  pointer-events: none; z-index: 0;\r\n}\r\n\r\n\/* ---------- shell ---------- *\/\r\n#indi-data-security .ids-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1280px;\r\n  margin: 0 auto !important;\r\n  padding: 100px 48px !important;\r\n}\r\n\r\n\/* ---------- header ---------- *\/\r\n#indi-data-security .ids-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.12em !important;\r\n  text-transform: uppercase !important;\r\n  color: #8ADA3F !important;\r\n}\r\n#indi-data-security .ids-eyebrow::before {\r\n  content: \"\";\r\n  width: 22px; height: 2px;\r\n  background: #8ADA3F;\r\n  display: inline-block;\r\n  border-radius: 2px;\r\n}\r\n#indi-data-security .ids-h2 {\r\n  margin-top: 16px !important;\r\n  font-size: clamp(28px, 3.5vw, 46px) !important;\r\n  line-height: 1.12 !important;\r\n  font-weight: 500 !important;\r\n  letter-spacing: -0.02em !important;\r\n  color: #FFFFFF !important;\r\n  max-width: 24ch;\r\n}\r\n#indi-data-security .ids-h2 .ids-accent { color: #8ADA3F !important; }\r\n#indi-data-security .ids-body {\r\n  margin-top: 22px !important;\r\n  font-size: 16px !important;\r\n  line-height: 1.7 !important;\r\n  font-weight: 400 !important;\r\n  color: rgba(255,255,255,0.80) !important;\r\n  max-width: 70ch;\r\n}\r\n\r\n\/* ---------- grid ---------- *\/\r\n#indi-data-security .ids-grid {\r\n  margin-top: 56px !important;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  list-style: none;\r\n}\r\n\r\n\/* ---------- tile ---------- *\/\r\n#indi-data-security .ids-tile {\r\n  background: #FFFFFF !important;\r\n  border-radius: 14px !important;\r\n  box-shadow: 0 18px 44px -10px rgba(7,26,58,0.55), 0 2px 8px rgba(0,0,0,0.10);\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.35s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-data-security .ids-tile:hover {\r\n  transform: translateY(-4px) scale(1.02);\r\n  box-shadow: 0 30px 60px -12px rgba(7,26,58,0.60), 0 4px 12px rgba(0,0,0,0.12);\r\n}\r\n\r\n\/* ---------- viz stage ---------- *\/\r\n#indi-data-security .ids-stage {\r\n  position: relative;\r\n  height: 168px;\r\n  background: radial-gradient(120% 90% at 50% 0%, #F1F6FF 0%, #EEF3FF 55%, #E7EEFB 100%);\r\n  border-bottom: 1px solid #EAF0FA;\r\n  overflow: hidden;\r\n}\r\n#indi-data-security .ids-stageinner {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  width: 280px; height: 160px;\r\n  transform: translate(-50%, -50%);\r\n}\r\n#indi-data-security .ids-stage svg.ids-lines {\r\n  position: absolute; inset: 0;\r\n  width: 100%; height: 100%;\r\n  overflow: visible;\r\n}\r\n#indi-data-security .ids-line { stroke: #C9D6EC; stroke-width: 2; fill: none; }\r\n#indi-data-security .ids-line-dash { stroke: #C9D6EC; stroke-width: 2; fill: none; stroke-dasharray: 4 5; stroke-linecap: round; }\r\n#indi-data-security .ids-line-block { stroke: #E9B7B9; stroke-width: 2; fill: none; stroke-dasharray: 4 5; stroke-linecap: round; }\r\n\r\n\/* nodes *\/\r\n#indi-data-security .ids-node {\r\n  position: absolute;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  background: #FFFFFF;\r\n  border: 1.5px solid #DCE6F7;\r\n  border-radius: 9px;\r\n  font-size: 9.5px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.01em;\r\n  color: #0F3B7A !important;\r\n  box-shadow: 0 4px 12px -4px rgba(18,54,108,0.18);\r\n  text-align: center;\r\n}\r\n#indi-data-security .ids-node svg { width: 12px; height: 12px; flex: none; stroke: #0072EF; }\r\n#indi-data-security .ids-node.ids-primary {\r\n  background: #0F3B7A; border-color: #0F3B7A; color: #FFFFFF !important;\r\n  box-shadow: 0 6px 18px -4px rgba(15,59,122,0.45);\r\n}\r\n#indi-data-security .ids-node.ids-primary svg { stroke: #FFFFFF; }\r\n#indi-data-security .ids-node.ids-dim { opacity: 0.45; filter: grayscale(0.4); }\r\n\r\n\/* perimeter box (tile 2) *\/\r\n#indi-data-security .ids-perimeter {\r\n  position: absolute;\r\n  border: 2px dashed #8ADA3F;\r\n  border-radius: 12px;\r\n  background: rgba(138,218,63,0.06);\r\n}\r\n#indi-data-security .ids-perimeter-label {\r\n  position: absolute;\r\n  font-size: 7.5px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.08em !important;\r\n  text-transform: uppercase;\r\n  color: #4E8A1E !important;\r\n}\r\n\r\n\/* guard \/ block markers *\/\r\n#indi-data-security .ids-guard { position: absolute; }\r\n#indi-data-security .ids-guard svg { width: 22px; height: 22px; stroke: #5fb524; }\r\n#indi-data-security .ids-block { position: absolute; }\r\n#indi-data-security .ids-block svg { width: 17px; height: 17px; stroke: #E5484D; }\r\n\r\n\/* moving packets *\/\r\n#indi-data-security .ids-packet {\r\n  position: absolute;\r\n  width: 9px; height: 9px; border-radius: 50%;\r\n  background: #8ADA3F;\r\n  box-shadow: 0 0 0 3px rgba(138,218,63,0.22), 0 0 8px rgba(138,218,63,0.55);\r\n  opacity: 0;\r\n}\r\n#indi-data-security .ids-packet.ids-doc { border-radius: 2px; }\r\n\r\n\/* check chips (tile 3) *\/\r\n#indi-data-security .ids-check {\r\n  position: absolute;\r\n  display: flex; align-items: center; justify-content: center; gap: 4px;\r\n  height: 20px; border-radius: 6px;\r\n  background: #EEF3FF; color: #5A6B85 !important;\r\n  font-size: 8.5px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.02em;\r\n}\r\n#indi-data-security .ids-check svg { width: 10px; height: 10px; stroke: #B9C6DD; }\r\n\r\n\/* ---------- tile body ---------- *\/\r\n#indi-data-security .ids-tbody {\r\n  padding: 24px 24px 28px !important;\r\n  display: flex; flex-direction: column; flex: 1;\r\n}\r\n#indi-data-security .ids-ttitle {\r\n  font-size: 19px !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: -0.01em !important;\r\n  line-height: 1.25 !important;\r\n  color: #0F0F0F !important;\r\n}\r\n#indi-data-security .ids-tdesc {\r\n  margin-top: 10px !important;\r\n  font-size: 14.5px !important;\r\n  line-height: 1.6 !important;\r\n  font-weight: 400 !important;\r\n  color: #5A6B85 !important;\r\n}\r\n\r\n\/* ---------- certification band (tile 4) ---------- *\/\r\n#indi-data-security .ids-band {\r\n  grid-column: 1 \/ -1;\r\n  margin-top: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 28px;\r\n  flex-wrap: wrap;\r\n  padding: 26px 32px !important;\r\n  border-radius: 14px;\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.14);\r\n  backdrop-filter: blur(2px);\r\n}\r\n#indi-data-security .ids-band-head { display: flex; align-items: center; gap: 16px; min-width: 220px; }\r\n#indi-data-security .ids-band-icon {\r\n  flex: none;\r\n  width: 46px; height: 46px; border-radius: 11px;\r\n  background: rgba(138,218,63,0.16);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n#indi-data-security .ids-band-icon svg { width: 23px; height: 23px; stroke: #8ADA3F; }\r\n#indi-data-security .ids-band-title { font-size: 18px !important; font-weight: 600 !important; color: #FFFFFF !important; letter-spacing: -0.01em; }\r\n#indi-data-security .ids-band-sub { margin-top: 3px !important; font-size: 12.5px !important; font-weight: 400 !important; color: rgba(255,255,255,0.62) !important; }\r\n#indi-data-security .ids-badges { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; }\r\n#indi-data-security .ids-badge {\r\n  display: inline-flex; align-items: center; gap: 7px;\r\n  padding: 9px 14px !important;\r\n  border-radius: 8px;\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  font-size: 13px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; letter-spacing: 0.01em;\r\n  white-space: nowrap;\r\n}\r\n#indi-data-security .ids-badge svg { width: 15px; height: 15px; stroke: #8ADA3F; flex: none; }\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n\/* ----- TILE 1: RAG-only training ----- *\/\r\n#indi-data-security .ids-ingest { top: 76px; }\r\n#indi-data-security .ids-ingest.g1 { left: 66px; animation: ids-g1 2.4s ease-in-out infinite; }\r\n#indi-data-security .ids-ingest.g2 { left: 66px; top: 76px; animation: ids-g2 2.4s ease-in-out infinite; animation-delay: .35s; }\r\n#indi-data-security .ids-ingest.g3 { left: 66px; animation: ids-g3 2.4s ease-in-out infinite; animation-delay: .7s; }\r\n@keyframes ids-g1 { 0%{transform:translate(0,-47px);opacity:0} 10%{opacity:1} 70%{transform:translate(80px,0);opacity:1} 80%,100%{transform:translate(80px,0);opacity:0} }\r\n@keyframes ids-g2 { 0%{transform:translate(0,0);opacity:0} 10%{opacity:1} 70%{transform:translate(80px,0);opacity:1} 80%,100%{transform:translate(80px,0);opacity:0} }\r\n@keyframes ids-g3 { 0%{transform:translate(0,47px);opacity:0} 10%{opacity:1} 70%{transform:translate(80px,0);opacity:1} 80%,100%{transform:translate(80px,0);opacity:0} }\r\n#indi-data-security .ids-kb { animation: ids-kbpulse 2.4s ease-in-out infinite; }\r\n@keyframes ids-kbpulse {\r\n  0%,55%{ box-shadow:0 6px 18px -4px rgba(15,59,122,0.45); }\r\n  72%{ box-shadow:0 0 0 4px rgba(138,218,63,0.22),0 6px 18px -4px rgba(15,59,122,0.45); }\r\n  90%,100%{ box-shadow:0 6px 18px -4px rgba(15,59,122,0.45); }\r\n}\r\n#indi-data-security .ids-reject { left: 230px; top: 30px; background:#8ADA3F; box-shadow:0 0 0 3px rgba(138,218,63,0.22); animation: ids-reject 2.8s ease-in-out infinite; }\r\n@keyframes ids-reject {\r\n  0%{transform:translate(0,0);opacity:0;background:#8ADA3F}\r\n  10%{opacity:1;background:#8ADA3F}\r\n  34%{transform:translate(-26px,12px);opacity:1;background:#8ADA3F}\r\n  46%{transform:translate(-26px,12px);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  74%{transform:translate(2px,-4px);background:#E5484D}\r\n  86%,100%{transform:translate(2px,-4px);opacity:0;background:#E5484D}\r\n}\r\n\r\n\/* ----- TILE 2: contained environment ----- *\/\r\n#indi-data-security .ids-reason { animation: ids-rpulse 2.6s ease-in-out infinite; }\r\n@keyframes ids-rpulse {\r\n  0%,100%{ box-shadow:0 6px 18px -4px rgba(15,59,122,0.45); }\r\n  50%{ box-shadow:0 0 0 5px rgba(138,218,63,0.18),0 6px 18px -4px rgba(15,59,122,0.45); }\r\n}\r\n#indi-data-security .ids-egress { left: 143px; top: 80px; background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); }\r\n#indi-data-security .ids-egress.x1 { animation: ids-x1 2.7s ease-in-out infinite; }\r\n#indi-data-security .ids-egress.x2 { animation: ids-x2 2.7s ease-in-out infinite; animation-delay: .9s; }\r\n#indi-data-security .ids-egress.x3 { animation: ids-x3 2.7s ease-in-out infinite; animation-delay: 1.8s; }\r\n@keyframes ids-x1 {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  12%{opacity:1;background:#0072EF}\r\n  40%{transform:translate(28px,-4px);background:#0072EF}\r\n  52%{transform:translate(30px,-4px);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  72%{transform:translate(6px,-2px);background:#E5484D}\r\n  86%,100%{transform:translate(6px,-2px);opacity:0;background:#E5484D}\r\n}\r\n@keyframes ids-x2 {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  12%{opacity:1;background:#0072EF}\r\n  40%{transform:translate(28px,0);background:#0072EF}\r\n  52%{transform:translate(30px,0);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  72%{transform:translate(6px,0);background:#E5484D}\r\n  86%,100%{transform:translate(6px,0);opacity:0;background:#E5484D}\r\n}\r\n@keyframes ids-x3 {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  12%{opacity:1;background:#0072EF}\r\n  40%{transform:translate(28px,4px);background:#0072EF}\r\n  52%{transform:translate(30px,4px);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  72%{transform:translate(6px,2px);background:#E5484D}\r\n  86%,100%{transform:translate(6px,2px);opacity:0;background:#E5484D}\r\n}\r\n#indi-data-security .ids-guard.g2guard { animation: ids-guardpulse 2.7s ease-in-out infinite; }\r\n@keyframes ids-guardpulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.12)} }\r\n\r\n\/* ----- TILE 3: response security filter ----- *\/\r\n#indi-data-security .ids-shieldpulse {\r\n  position:absolute; left:108px; top:48px; width:64px; height:64px;\r\n  border-radius:14px; border:2px solid #8ADA3F; opacity:0;\r\n  animation: ids-spulse 2.4s ease-out infinite;\r\n}\r\n@keyframes ids-spulse { 0%{transform:scale(1);opacity:.5} 100%{transform:scale(1.3);opacity:0} }\r\n#indi-data-security .ids-resp { top: 75px; left: 4px; width: 11px; height: 11px; border-radius: 3px; }\r\n#indi-data-security .ids-resp.r1 { background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: ids-pass 3.2s linear infinite; }\r\n#indi-data-security .ids-resp.r2 { background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: ids-pass 3.2s linear infinite; animation-delay: 1.6s; }\r\n#indi-data-security .ids-resp.rb { background:#0072EF; box-shadow:0 0 0 3px rgba(0,114,239,0.18); animation: ids-blk 3.2s ease-in-out infinite; animation-delay: .8s; }\r\n@keyframes ids-pass {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  8%{opacity:1}\r\n  40%{transform:translate(102px,0);background:#0072EF}\r\n  52%{transform:translate(140px,0);background:#8ADA3F}\r\n  92%{transform:translate(262px,0);opacity:1;background:#8ADA3F}\r\n  100%{transform:translate(262px,0);opacity:0;background:#8ADA3F}\r\n}\r\n@keyframes ids-blk {\r\n  0%{transform:translate(0,0);opacity:0;background:#0072EF}\r\n  8%{opacity:1}\r\n  38%{transform:translate(98px,0);background:#0072EF}\r\n  50%{transform:translate(106px,0);background:#E5484D;box-shadow:0 0 0 3px rgba(229,72,77,0.22)}\r\n  62%{transform:translate(80px,0);background:#E5484D}\r\n  78%{transform:translate(86px,0);opacity:1;background:#E5484D}\r\n  100%{transform:translate(86px,0);opacity:0;background:#E5484D}\r\n}\r\n#indi-data-security .ids-check.k1 { animation: ids-tick 3.2s ease-in-out infinite; }\r\n#indi-data-security .ids-check.k2 { animation: ids-tick 3.2s ease-in-out infinite; animation-delay: .12s; }\r\n#indi-data-security .ids-check.k3 { animation: ids-tick 3.2s ease-in-out infinite; animation-delay: .24s; }\r\n@keyframes ids-tick {\r\n  0%,38%{ background:#EEF3FF; color:#5A6B85; }\r\n  50%{ background:#EAF8DC; color:#4E8A1E; }\r\n  80%,100%{ background:#EEF3FF; color:#5A6B85; }\r\n}\r\n#indi-data-security .ids-check.k1.lit svg, #indi-data-security .ids-check.k2.lit svg, #indi-data-security .ids-check.k3.lit svg { stroke:#5fb524; }\r\n\r\n\/* ---------- scroll reveal ---------- *\/\r\n#indi-data-security .ids-animate {\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-data-security .ids-animate.ids-visible { opacity: 1; transform: translateY(0); }\r\n#indi-data-security .ids-grid .ids-tile:nth-child(1) { transition-delay: .00s; }\r\n#indi-data-security .ids-grid .ids-tile:nth-child(2) { transition-delay: .09s; }\r\n#indi-data-security .ids-grid .ids-tile:nth-child(3) { transition-delay: .18s; }\r\n#indi-data-security .ids-band.ids-animate { transition-delay: .12s; }\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width: 1100px) {\r\n  #indi-data-security .ids-wrap { padding: 80px 32px !important; }\r\n}\r\n@media (max-width: 860px) {\r\n  #indi-data-security .ids-grid { grid-template-columns: 1fr; }\r\n  #indi-data-security .ids-h2 { max-width: 100%; }\r\n}\r\n@media (max-width: 700px) {\r\n  #indi-data-security .ids-wrap { padding: 60px 24px !important; }\r\n  #indi-data-security .ids-grid { gap: 20px; }\r\n  #indi-data-security .ids-band { flex-direction: column; align-items: flex-start; padding: 24px !important; }\r\n}\r\n@media (max-width: 480px) {\r\n  #indi-data-security .ids-wrap { padding: 40px 16px !important; }\r\n}\r\n\r\n\/* ---------- reduced motion ---------- *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-data-security .ids-animate { opacity:1 !important; transform:none !important; transition:none !important; }\r\n  #indi-data-security .ids-packet { opacity:0 !important; animation:none !important; }\r\n  #indi-data-security .ids-shieldpulse { opacity:0 !important; animation:none !important; }\r\n  #indi-data-security .ids-kb,\r\n  #indi-data-security .ids-reason,\r\n  #indi-data-security .ids-guard,\r\n  #indi-data-security .ids-check { animation:none !important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"indi-data-security\" role=\"region\" aria-label=\"Data security architecture\">\r\n  <div class=\"ids-texture\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"ids-glow\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"ids-wrap\">\r\n\r\n    <span class=\"ids-eyebrow\">Your data stays yours<\/span>\r\n    <h2 class=\"ids-h2\">Trained on your data. Contained in your environment. <span class=\"ids-accent\">Never exposed to a public LLM.<\/span><\/h2>\r\n    <p class=\"ids-body\">Most AI deployments have a hidden cost that doesn't appear in the contract: every customer query sent to a public large language model is a data transfer to that provider's infrastructure. indigitall AI Agents use Retrieval-Augmented Generation trained exclusively on client-provided content. The agent knows your products, policies, and procedures. It knows nothing it wasn't taught. And everything it was taught stays inside your environment.<\/p>\r\n\r\n    <ul class=\"ids-grid\">\r\n\r\n      <!-- ===== TILE 1 \u2014 RAG-only training ===== -->\r\n      <li class=\"ids-tile ids-animate\">\r\n        <div class=\"ids-stage\" aria-hidden=\"true\">\r\n          <div class=\"ids-stageinner\">\r\n            <svg class=\"ids-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"ids-line\" d=\"M70,33 C108,33 120,80 150,80\"\/>\r\n              <path class=\"ids-line\" d=\"M70,80 H150\"\/>\r\n              <path class=\"ids-line\" d=\"M70,127 C108,127 120,80 150,80\"\/>\r\n              <path class=\"ids-line-block\" d=\"M218,34 C210,40 200,44 192,50\"\/>\r\n            <\/svg>\r\n            <div class=\"ids-node\" style=\"left:6px; top:20px; width:64px; height:26px; gap:4px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"\/><path d=\"M5 3h9l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z\"\/><\/svg>Catalog\r\n            <\/div>\r\n            <div class=\"ids-node\" style=\"left:6px; top:67px; width:64px; height:26px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.5 9a2.5 2.5 0 0 1 4 1.8c0 1.5-2 1.7-2 3M12 17h.01\"\/><\/svg>FAQs\r\n            <\/div>\r\n            <div class=\"ids-node\" style=\"left:6px; top:114px; width:64px; height:26px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"\/><path d=\"M5 3h9l5 5v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z\"\/><path d=\"M9 13h6M9 16h4\"\/><\/svg>Policies\r\n            <\/div>\r\n            <div class=\"ids-node ids-kb ids-primary\" style=\"left:150px; top:50px; width:80px; height:60px; flex-direction:column; gap:3px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"8\" ry=\"3\"\/><path d=\"M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6\"\/><\/svg>\r\n              <span style=\"font-size:8.5px; line-height:1.1;\">Knowledge<br>Base<\/span>\r\n            <\/div>\r\n            <div class=\"ids-node ids-dim\" style=\"left:198px; top:10px; width:78px; height:24px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18z\"\/><\/svg>Public internet\r\n            <\/div>\r\n            <div class=\"ids-block\" style=\"left:184px; top:34px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ids-packet ids-doc ids-ingest g1\"><\/div>\r\n            <div class=\"ids-packet ids-doc ids-ingest g2\"><\/div>\r\n            <div class=\"ids-packet ids-doc ids-ingest g3\"><\/div>\r\n            <div class=\"ids-packet ids-reject\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ids-tbody\">\r\n          <h3 class=\"ids-ttitle\">RAG-only training<\/h3>\r\n          <p class=\"ids-tdesc\">Trained on your content \u2014 product catalogs, FAQs, policy documents, service data. Nothing from the public internet. No hallucinations from Wikipedia or news content.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ===== TILE 2 \u2014 No data sent to third-party LLMs ===== -->\r\n      <li class=\"ids-tile ids-animate\">\r\n        <div class=\"ids-stage\" aria-hidden=\"true\">\r\n          <div class=\"ids-stageinner\">\r\n            <svg class=\"ids-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"ids-line\" d=\"M64,92 H76\"\/>\r\n              <path class=\"ids-line-block\" d=\"M148,84 C176,84 188,42 204,39\"\/>\r\n              <path class=\"ids-line-block\" d=\"M148,84 H204\"\/>\r\n              <path class=\"ids-line-block\" d=\"M148,84 C176,84 188,126 204,129\"\/>\r\n            <\/svg>\r\n            <div class=\"ids-perimeter\" style=\"left:6px; top:22px; width:168px; height:116px;\"><\/div>\r\n            <span class=\"ids-perimeter-label\" style=\"left:16px; top:28px;\">Your environment<\/span>\r\n            <div class=\"ids-node\" style=\"left:14px; top:80px; width:50px; height:24px;\">Query<\/div>\r\n            <div class=\"ids-node ids-reason ids-primary\" style=\"left:76px; top:64px; width:72px; height:40px; flex-direction:column; gap:2px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\"\/><path d=\"M9 2v2M15 2v2M9 20v2M15 20v2M2 9h2M2 15h2M20 9h2M20 15h2\"\/><\/svg>\r\n              <span style=\"font-size:8px;\">AI reasoning<\/span>\r\n            <\/div>\r\n            <div class=\"ids-guard g2guard\" style=\"left:163px; top:73px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><rect x=\"9\" y=\"11\" width=\"6\" height=\"5\" rx=\"1\"\/><path d=\"M10.5 11V9.5a1.5 1.5 0 0 1 3 0V11\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"ids-node ids-dim\" style=\"left:204px; top:26px; width:68px; height:26px;\">OpenAI<\/div>\r\n            <div class=\"ids-node ids-dim\" style=\"left:204px; top:71px; width:68px; height:26px;\">Anthropic<\/div>\r\n            <div class=\"ids-node ids-dim\" style=\"left:204px; top:116px; width:68px; height:26px;\">Google<\/div>\r\n            <div class=\"ids-packet ids-egress x1\"><\/div>\r\n            <div class=\"ids-packet ids-egress x2\"><\/div>\r\n            <div class=\"ids-packet ids-egress x3\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ids-tbody\">\r\n          <h3 class=\"ids-ttitle\">No data sent to OpenAI, Anthropic, or Google<\/h3>\r\n          <p class=\"ids-tdesc\">Customer queries do not leave your environment to be processed by a third-party LLM provider. The reasoning layer runs on indigitall's infrastructure with your data.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ===== TILE 3 \u2014 Response Security Filter ===== -->\r\n      <li class=\"ids-tile ids-animate\">\r\n        <div class=\"ids-stage\" aria-hidden=\"true\">\r\n          <div class=\"ids-stageinner\">\r\n            <svg class=\"ids-lines\" viewBox=\"0 0 280 160\" preserveAspectRatio=\"none\">\r\n              <path class=\"ids-line-dash\" d=\"M8,80 H108\"\/>\r\n              <path class=\"ids-line-dash\" d=\"M172,80 H272\"\/>\r\n            <\/svg>\r\n            <div class=\"ids-shieldpulse\"><\/div>\r\n            <div class=\"ids-node ids-primary\" style=\"left:108px; top:48px; width:64px; height:64px; flex-direction:column; gap:3px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n              <span style=\"font-size:8.5px;\">Filter<\/span>\r\n            <\/div>\r\n            <div class=\"ids-check k1\" style=\"left:2px; top:132px; width:84px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Brand-safe\r\n            <\/div>\r\n            <div class=\"ids-check k2\" style=\"left:98px; top:132px; width:84px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Legal\r\n            <\/div>\r\n            <div class=\"ids-check k3\" style=\"left:194px; top:132px; width:84px;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Moderation\r\n            <\/div>\r\n            <div class=\"ids-packet ids-resp r1\"><\/div>\r\n            <div class=\"ids-packet ids-resp r2\"><\/div>\r\n            <div class=\"ids-packet ids-resp rb\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ids-tbody\">\r\n          <h3 class=\"ids-ttitle\">Response Security Filter<\/h3>\r\n          <p class=\"ids-tdesc\">Every response is filtered for brand safety, legal compliance, and content moderation before delivery. Blacklists prevent specific terms, competitors, or off-limits topics from appearing in any response.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ===== TILE 4 \u2014 Certified infrastructure (band) ===== -->\r\n      <li class=\"ids-band ids-animate\">\r\n        <div class=\"ids-band-head\">\r\n          <div class=\"ids-band-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"ids-band-title\">Certified infrastructure<\/div>\r\n            <div class=\"ids-band-sub\">Independently audited to international security, privacy, and compliance standards.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <ul class=\"ids-badges\">\r\n          <li class=\"ids-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>ISO 27001<\/li>\r\n          <li class=\"ids-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>GDPR<\/li>\r\n          <li class=\"ids-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>HIPAA<\/li>\r\n          <li class=\"ids-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>ENS (Spain)<\/li>\r\n          <li class=\"ids-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2 4 5v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V5z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>SOC 2<\/li>\r\n        <\/ul>\r\n      <\/li>\r\n\r\n    <\/ul>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var root = document.getElementById('indi-data-security');\r\n  if (!root) return;\r\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    root.querySelectorAll('.ids-animate').forEach(function(el){ el.classList.add('ids-visible'); });\r\n    return;\r\n  }\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) { e.target.classList.add('ids-visible'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  root.querySelectorAll('.ids-animate').forEach(function(el) { obs.observe(el); });\r\n})();\r\n<\/script>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""},{"acf_fc_layout":"custom_html","code":"<!-- indigitall G2 Recognition \u2014 WordPress\/ACF Custom HTML block -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n#indi-g2 {\r\n  all: initial;\r\n  display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  background: #F5F7FA !important;\r\n  width: 100% !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  box-sizing: border-box !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n#indi-g2 *, #indi-g2 *::before, #indi-g2 *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n#indi-g2 .ig2-inner {\r\n  position: relative; z-index: 2;\r\n  max-width: 1280px; margin: 0 auto;\r\n  padding: 100px 48px 80px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\r\n#indi-g2 .ig2-head { text-align: center; max-width: 720px; margin: 0 auto 56px; }\r\n\r\n#indi-g2 .ig2-pill {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(138,218,63,0.16); border: 1px solid rgba(138,218,63,0.5);\r\n  padding: 7px 15px; border-radius: 50px;\r\n  font-size: 11px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.08em !important; text-transform: uppercase;\r\n  color: #4F8A1F !important; margin-bottom: 20px;\r\n}\r\n#indi-g2 .ig2-pill svg { flex-shrink: 0; }\r\n\r\n#indi-g2 .ig2-h2 {\r\n  font-size: clamp(28px, 3.5vw, 46px) !important;\r\n  font-weight: 500 !important; line-height: 1.12 !important;\r\n  letter-spacing: -0.02em !important; color: #0F3B7A !important;\r\n}\r\n#indi-g2 .ig2-h2 em { color: #0072EF !important; font-style: normal; }\r\n\r\n#indi-g2 .ig2-lede {\r\n  font-size: 17px !important; font-weight: 400 !important;\r\n  line-height: 1.6 !important; color: #5A6B85 !important; margin-top: 16px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 BENTO GRID \u2500\u2500\u2500 *\/\r\n#indi-g2 .ig2-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(12, 1fr);\r\n  grid-auto-rows: 1fr;\r\n  gap: 18px;\r\n}\r\n\r\n#indi-g2 .ig2-card {\r\n  background: #FFFFFF !important;\r\n  border-radius: 14px !important;\r\n  padding: 26px !important;\r\n  box-shadow: 0 12px 36px -8px rgba(18,54,108,0.14), 0 2px 8px rgba(0,0,0,0.04);\r\n  display: flex; flex-direction: column;\r\n  position: relative; overflow: hidden;\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n#indi-g2 .ig2-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 22px 50px -10px rgba(18,54,108,0.22), 0 4px 12px rgba(138,218,63,0.12);\r\n}\r\n\r\n\/* Grid placement \u2014 same column model as trust pillars *\/\r\n#indi-g2 .c-stat { grid-column: 1 \/ 6;  grid-row: 1 \/ 3; }\r\n#indi-g2 .c-ai   { grid-column: 6 \/ 9;  grid-row: 1; }\r\n#indi-g2 .c-mom  { grid-column: 9 \/ 13; grid-row: 1; }\r\n#indi-g2 .c-use  { grid-column: 6 \/ 9;  grid-row: 2; }\r\n#indi-g2 .c-geo  { grid-column: 9 \/ 13; grid-row: 2; }\r\n\r\n#indi-g2 .ig2-eyebrow {\r\n  font-size: 10px !important; font-weight: 700 !important;\r\n  letter-spacing: 0.06em !important; text-transform: uppercase;\r\n  color: #8ADA3F !important; margin-bottom: 8px;\r\n  display: inline-flex; align-items: center; gap: 5px;\r\n}\r\n#indi-g2 .ig2-card-title {\r\n  font-size: 19px !important; font-weight: 600 !important;\r\n  letter-spacing: -0.01em !important; color: #0F3B7A !important;\r\n  line-height: 1.2; margin-bottom: 8px;\r\n}\r\n#indi-g2 .c-stat .ig2-card-title { font-size: 24px !important; }\r\n\r\n#indi-g2 .ig2-card-desc {\r\n  font-size: 14px !important; font-weight: 400 !important;\r\n  line-height: 1.5 !important; color: #5A6B85 !important;\r\n}\r\n\r\n\/* Viz area *\/\r\n#indi-g2 .ig2-viz { margin-top: auto; padding-top: 22px; }\r\n#indi-g2 .c-stat .ig2-viz { margin-top: 18px; padding-top: 0; flex: 1; display: flex; }\r\n\r\n\/* \u2550\u2550 FEATURED VIZ \u2014 G2 badge panel \u2550\u2550 *\/\r\n#indi-g2 .ig2-panel {\r\n  background: linear-gradient(160deg, #1565E0 0%, #0F3B7A 100%);\r\n  border-radius: 14px; padding: 24px 20px;\r\n  position: relative; overflow: hidden; width: 100%; flex: 1;\r\n  display: flex; flex-direction: column; align-items: center;\r\n  justify-content: center; gap: 10px; text-align: center;\r\n}\r\n#indi-g2 .ig2-shimmer {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(115deg, transparent 30%, rgba(138,218,63,0.16) 50%, transparent 70%);\r\n  transform: translateX(-100%);\r\n}\r\n#indi-g2 .c-stat.ig2-vis .ig2-shimmer { animation: ig2Shimmer 3.4s ease-in-out infinite; }\r\n@keyframes ig2Shimmer { 0%,60% { transform: translateX(-100%); } 80%,100% { transform: translateX(100%); } }\r\n\r\n#indi-g2 .ig2-g2badge {\r\n  width: 52px; height: 52px; border-radius: 50%;\r\n  background: #FF492C;\r\n  display: flex; align-items: center; justify-content: center;\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: 21px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; letter-spacing: -0.03em;\r\n  box-shadow: 0 6px 20px rgba(255,73,44,0.45);\r\n  position: relative; z-index: 1;\r\n}\r\n#indi-g2 .ig2-bignum {\r\n  font-family: 'Manrope', sans-serif !important;\r\n  font-size: 62px !important; font-weight: 700 !important;\r\n  line-height: 1 !important; letter-spacing: -0.03em !important;\r\n  color: #8ADA3F !important; position: relative; z-index: 1;\r\n}\r\n#indi-g2 .ig2-panel-sub {\r\n  font-size: 13px !important; font-weight: 500 !important;\r\n  color: rgba(255,255,255,0.60) !important;\r\n  position: relative; z-index: 1;\r\n}\r\n#indi-g2 .ig2-stars {\r\n  display: flex; gap: 3px; position: relative; z-index: 1;\r\n  font-size: 17px !important; color: #F5A623 !important; line-height: 1;\r\n}\r\n#indi-g2 .ig2-score-pill {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18);\r\n  border-radius: 50px; padding: 7px 18px;\r\n  position: relative; z-index: 1;\r\n}\r\n#indi-g2 .ig2-score-big {\r\n  font-size: 22px !important; font-weight: 700 !important;\r\n  color: #FFFFFF !important; line-height: 1; letter-spacing: -0.01em;\r\n}\r\n#indi-g2 .ig2-score-lbl {\r\n  font-size: 10px !important; font-weight: 600 !important;\r\n  color: rgba(255,255,255,0.60) !important; line-height: 1.3; text-align: left;\r\n}\r\n#indi-g2 .ig2-review-count {\r\n  font-size: 11px !important; font-weight: 600 !important;\r\n  color: rgba(255,255,255,0.42) !important; position: relative; z-index: 1;\r\n}\r\n\r\n\/* \u2550\u2550 VIZ \u2014 AI Chatbots checklist \u2550\u2550 *\/\r\n#indi-g2 .ig2-checklist { display: flex; flex-direction: column; gap: 8px; }\r\n#indi-g2 .ig2-checkrow { display: flex; align-items: center; gap: 9px; }\r\n#indi-g2 .ig2-chkbox {\r\n  width: 20px; height: 20px; border-radius: 6px; flex-shrink: 0;\r\n  background: #8ADA3F; display: flex; align-items: center; justify-content: center;\r\n}\r\n#indi-g2 .ig2-chkbox svg path { stroke-dasharray: 24; stroke-dashoffset: 0; }\r\n#indi-g2.ig2-js .c-ai .ig2-chkbox svg path { stroke-dashoffset: 24; }\r\n#indi-g2 .c-ai.ig2-vis .ig2-chkbox svg path { animation: ig2Check 0.5s ease forwards; }\r\n#indi-g2 .c-ai.ig2-vis .ig2-checkrow:nth-child(1) .ig2-chkbox svg path { animation-delay: 0.35s; }\r\n#indi-g2 .c-ai.ig2-vis .ig2-checkrow:nth-child(2) .ig2-chkbox svg path { animation-delay: 0.65s; }\r\n#indi-g2 .c-ai.ig2-vis .ig2-checkrow:nth-child(3) .ig2-chkbox svg path { animation-delay: 0.95s; }\r\n@keyframes ig2Check { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } }\r\n#indi-g2 .ig2-chktxt { font-size: 12px !important; font-weight: 600 !important; color: #0F3B7A !important; }\r\n#indi-g2 .ig2-subchips { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 10px; }\r\n#indi-g2 .ig2-subchip {\r\n  font-size: 10px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n  background: #EEF3FF; border-radius: 6px; padding: 4px 9px;\r\n}\r\n\r\n\/* \u2550\u2550 VIZ \u2014 Momentum bar chart \u2550\u2550 *\/\r\n#indi-g2 .ig2-bars { display: flex; align-items: flex-end; gap: 5px; height: 58px; }\r\n#indi-g2 .ig2-bar { flex: 1; border-radius: 4px 4px 0 0; background: #EEF3FF; position: relative; }\r\n#indi-g2 .ig2-barfill {\r\n  position: absolute; bottom: 0; left: 0; right: 0; border-radius: 4px 4px 0 0;\r\n  background: linear-gradient(180deg, #8ADA3F 0%, #5FAF28 100%);\r\n  height: var(--h); \/* visible by default for no-JS *\/\r\n  transition: height 0.65s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-g2.ig2-js .c-mom .ig2-barfill { height: 0; }\r\n#indi-g2 .c-mom.ig2-vis .ig2-barfill { height: var(--h); }\r\n#indi-g2 .c-mom.ig2-vis .ig2-bar:nth-child(2) .ig2-barfill { transition-delay: 0.08s; }\r\n#indi-g2 .c-mom.ig2-vis .ig2-bar:nth-child(3) .ig2-barfill { transition-delay: 0.16s; }\r\n#indi-g2 .c-mom.ig2-vis .ig2-bar:nth-child(4) .ig2-barfill { transition-delay: 0.24s; }\r\n#indi-g2 .c-mom.ig2-vis .ig2-bar:nth-child(5) .ig2-barfill { transition-delay: 0.32s; }\r\n#indi-g2 .ig2-barlbl {\r\n  margin-top: 9px; display: flex; align-items: center; gap: 5px;\r\n  font-size: 11px !important; font-weight: 700 !important; color: #4F8A1F !important;\r\n}\r\n\r\n\/* \u2550\u2550 VIZ \u2014 Usability score bar \u2550\u2550 *\/\r\n#indi-g2 .ig2-scorecard { display: flex; flex-direction: column; gap: 5px; }\r\n#indi-g2 .ig2-scorerow { display: flex; align-items: baseline; gap: 3px; }\r\n#indi-g2 .ig2-scorenum {\r\n  font-size: 38px !important; font-weight: 700 !important;\r\n  color: #8ADA3F !important; line-height: 1; letter-spacing: -0.02em;\r\n}\r\n#indi-g2 .ig2-scorediv {\r\n  font-size: 15px !important; font-weight: 500 !important; color: #5A6B85 !important;\r\n}\r\n#indi-g2 .ig2-scorelabel {\r\n  font-size: 11px !important; font-weight: 600 !important; color: #0F3B7A !important;\r\n  margin-bottom: 6px;\r\n}\r\n#indi-g2 .ig2-scorebg {\r\n  height: 8px; background: #EEF3FF; border-radius: 4px; overflow: hidden;\r\n}\r\n#indi-g2 .ig2-scorefill {\r\n  height: 100%; border-radius: 4px;\r\n  background: linear-gradient(90deg, #8ADA3F 0%, #5FAF28 100%);\r\n  width: 92%; \/* no-JS default *\/\r\n  transition: width 1.0s cubic-bezier(0.22,1,0.36,1) 0.3s;\r\n}\r\n#indi-g2.ig2-js .c-use .ig2-scorefill { width: 0; transition: width 0s; }\r\n#indi-g2 .c-use.ig2-vis .ig2-scorefill { width: 92%; transition: width 1.0s cubic-bezier(0.22,1,0.36,1) 0.3s; }\r\n\r\n\/* \u2550\u2550 VIZ \u2014 Europe\/LATAM regions \u2550\u2550 *\/\r\n#indi-g2 .ig2-regions { display: flex; flex-direction: column; gap: 7px; }\r\n#indi-g2 .ig2-region {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  background: #EEF3FF; border-radius: 8px; padding: 9px 13px;\r\n}\r\n#indi-g2 .ig2-reg-name {\r\n  font-size: 12px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n}\r\n#indi-g2 .ig2-reg-rank {\r\n  font-size: 14px !important; font-weight: 700 !important; color: #8ADA3F !important;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 FOOTER STRIP \u2500\u2500\u2500 *\/\r\n#indi-g2 .ig2-footer {\r\n  text-align: center; margin-top: 40px;\r\n  border-top: 1px solid rgba(15,59,122,0.10); padding-top: 28px;\r\n  font-size: 13px !important; font-weight: 400 !important;\r\n  color: #9AABB8 !important; line-height: 1.7 !important;\r\n}\r\n#indi-g2 .ig2-footer strong { color: #5A6B85 !important; font-weight: 700 !important; }\r\n\r\n\/* \u2500\u2500\u2500 SCROLL ANIMATION \u2500\u2500\u2500 *\/\r\n#indi-g2 .ig2-animate {\r\n  transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1),\r\n              transform 0.7s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n#indi-g2.ig2-js .ig2-animate          { opacity: 0; transform: translateY(20px); }\r\n#indi-g2.ig2-js .ig2-animate.ig2-vis  { opacity: 1; transform: translateY(0); }\r\n#indi-g2 .c-ai.ig2-animate  { transition-delay: 0.08s; }\r\n#indi-g2 .c-mom.ig2-animate { transition-delay: 0.16s; }\r\n#indi-g2 .c-use.ig2-animate { transition-delay: 0.24s; }\r\n#indi-g2 .c-geo.ig2-animate { transition-delay: 0.32s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-g2 .ig2-animate { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n  #indi-g2 .ig2-shimmer { display: none !important; }\r\n  #indi-g2 .ig2-barfill { height: var(--h) !important; }\r\n  #indi-g2 .ig2-scorefill { width: 92% !important; }\r\n  #indi-g2 .ig2-chkbox { background: #8ADA3F !important; }\r\n  #indi-g2 .ig2-chkbox svg path { stroke-dashoffset: 0 !important; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1100px) {\r\n  #indi-g2 .ig2-inner { padding: 80px 32px 64px; }\r\n}\r\n@media (max-width: 960px) {\r\n  #indi-g2 .ig2-inner { padding: 70px 24px; }\r\n  #indi-g2 .ig2-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; }\r\n  #indi-g2 .c-stat { grid-column: 1 \/ 3; grid-row: auto; }\r\n  #indi-g2 .c-ai, #indi-g2 .c-mom, #indi-g2 .c-use, #indi-g2 .c-geo { grid-column: auto; grid-row: auto; }\r\n}\r\n@media (max-width: 600px) {\r\n  #indi-g2 .ig2-inner { padding: 48px 16px; }\r\n  #indi-g2 .ig2-grid { grid-template-columns: 1fr; }\r\n  #indi-g2 .c-stat { grid-column: 1; }\r\n  #indi-g2 .ig2-card { padding: 22px !important; }\r\n  #indi-g2 .ig2-bignum { font-size: 50px !important; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"indi-g2\" role=\"region\" aria-label=\"G2 Summer 2026 \u2014 76 badges, rated number one by customers in production\">\r\n  <div class=\"ig2-inner\">\r\n\r\n    <!-- \u2500\u2500 HEADER \u2500\u2500 -->\r\n    <div class=\"ig2-head\">\r\n      <span class=\"ig2-pill\">\r\n        <!-- Lucide: award -->\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4F8A1F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.477 12.89L17 22l-5-3-5 3 1.523-9.11\"\/><\/svg>\r\n        Validated by 430+ customers on G2\r\n      <\/span>\r\n      <h2 class=\"ig2-h2\">Rated <em>#1<\/em> by the teams that run it in production.<\/h2>\r\n      <p class=\"ig2-lede\">G2 is the world's largest B2B software review platform \u2014 90 million verified reviews. These 76 badges were earned from customers operating indigitall every day, validating the platform reliability and AI capabilities behind OmnIA Agents.<\/p>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 BENTO GRID \u2500\u2500 -->\r\n    <div class=\"ig2-grid\">\r\n\r\n      <!-- \u2500\u2500 FEATURED: 76 stat \u2500\u2500 -->\r\n      <article class=\"ig2-card c-stat ig2-animate\">\r\n        <span class=\"ig2-eyebrow\">Summer 2026<\/span>\r\n        <h3 class=\"ig2-card-title\">76 G2 Badges<\/h3>\r\n        <p class=\"ig2-card-desc\">430+ verified reviews across 8 categories \u2014 measuring delivery performance, AI capability, and platform reliability in production.<\/p>\r\n        <div class=\"ig2-viz\">\r\n          <div class=\"ig2-panel\" role=\"img\" aria-label=\"76 G2 badges, 9.20 out of 10 satisfaction score, 430 plus verified reviews\">\r\n            <div class=\"ig2-shimmer\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"ig2-g2badge\" aria-hidden=\"true\">G2<\/div>\r\n            <span class=\"ig2-bignum\">76<\/span>\r\n            <span class=\"ig2-panel-sub\">badges \u00b7 Summer 2026<\/span>\r\n            <div class=\"ig2-stars\" aria-label=\"5 star rating\" aria-hidden=\"true\">\r\n              <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n            <\/div>\r\n            <div class=\"ig2-score-pill\">\r\n              <span class=\"ig2-score-big\">9.20<\/span>\r\n              <span class=\"ig2-score-lbl\">Mid-Market<br>usability \/ 10<\/span>\r\n            <\/div>\r\n            <span class=\"ig2-review-count\">430+ verified reviews<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u2500\u2500 AI Chatbots \u2500\u2500 -->\r\n      <article class=\"ig2-card c-ai ig2-animate\">\r\n        <span class=\"ig2-eyebrow\">AI Chatbots<\/span>\r\n        <h3 class=\"ig2-card-title\">High Performer<\/h3>\r\n        <p class=\"ig2-card-desc\">Recognized for AI conversational capability across global, EMEA, and European markets.<\/p>\r\n        <div class=\"ig2-viz\">\r\n          <div class=\"ig2-checklist\">\r\n            <div class=\"ig2-checkrow\">\r\n              <span class=\"ig2-chkbox\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F0F0F\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n              <\/span>\r\n              <span class=\"ig2-chktxt\">Global<\/span>\r\n            <\/div>\r\n            <div class=\"ig2-checkrow\">\r\n              <span class=\"ig2-chkbox\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F0F0F\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n              <\/span>\r\n              <span class=\"ig2-chktxt\">EMEA<\/span>\r\n            <\/div>\r\n            <div class=\"ig2-checkrow\">\r\n              <span class=\"ig2-chkbox\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F0F0F\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n              <\/span>\r\n              <span class=\"ig2-chktxt\">Europe<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ig2-subchips\">\r\n            <span class=\"ig2-subchip\">#2 Usability<\/span>\r\n            <span class=\"ig2-subchip\">#2 Relationship<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u2500\u2500 Momentum \u2500\u2500 -->\r\n      <article class=\"ig2-card c-mom ig2-animate\">\r\n        <span class=\"ig2-eyebrow\">Global<\/span>\r\n        <h3 class=\"ig2-card-title\">#1 Momentum Leader<\/h3>\r\n        <p class=\"ig2-card-desc\">The fastest-growing platform in the category \u2014 ranked above all competitors on traction and growth trajectory.<\/p>\r\n        <div class=\"ig2-viz\">\r\n          <div class=\"ig2-bars\" role=\"img\" aria-label=\"Bar chart showing upward growth trend\">\r\n            <div class=\"ig2-bar\"><div class=\"ig2-barfill\" style=\"--h:28%\"><\/div><\/div>\r\n            <div class=\"ig2-bar\"><div class=\"ig2-barfill\" style=\"--h:42%\"><\/div><\/div>\r\n            <div class=\"ig2-bar\"><div class=\"ig2-barfill\" style=\"--h:60%\"><\/div><\/div>\r\n            <div class=\"ig2-bar\"><div class=\"ig2-barfill\" style=\"--h:78%\"><\/div><\/div>\r\n            <div class=\"ig2-bar\"><div class=\"ig2-barfill\" style=\"--h:100%\"><\/div><\/div>\r\n          <\/div>\r\n          <div class=\"ig2-barlbl\">\r\n            <!-- Lucide: trending-up -->\r\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4F8A1F\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\r\n            Fastest growing \u00b7 verified\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u2500\u2500 Usability \u2500\u2500 -->\r\n      <article class=\"ig2-card c-use ig2-animate\">\r\n        <span class=\"ig2-eyebrow\">Mid-Market<\/span>\r\n        <h3 class=\"ig2-card-title\">#1 Usability<\/h3>\r\n        <p class=\"ig2-card-desc\">Highest usability score in the category \u2014 teams configure and run OmnIA Agents without heavy IT overhead.<\/p>\r\n        <div class=\"ig2-viz\">\r\n          <div class=\"ig2-scorecard\">\r\n            <div class=\"ig2-scorerow\">\r\n              <span class=\"ig2-scorenum\">9.20<\/span>\r\n              <span class=\"ig2-scorediv\">&nbsp;\/ 10<\/span>\r\n            <\/div>\r\n            <div class=\"ig2-scorelabel\">Mid-Market usability score<\/div>\r\n            <div class=\"ig2-scorebg\">\r\n              <div class=\"ig2-scorefill\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u2500\u2500 Europe + LATAM \u2500\u2500 -->\r\n      <article class=\"ig2-card c-geo ig2-animate\">\r\n        <span class=\"ig2-eyebrow\">Regional<\/span>\r\n        <h3 class=\"ig2-card-title\">#1 in Two Regions<\/h3>\r\n        <p class=\"ig2-card-desc\">Top-rated platform in Europe and Latin America \u2014 by verified customer rating, two separate G2 Regional Grids.<\/p>\r\n        <div class=\"ig2-viz\">\r\n          <div class=\"ig2-regions\">\r\n            <div class=\"ig2-region\">\r\n              <span class=\"ig2-reg-name\">Europe<\/span>\r\n              <span class=\"ig2-reg-rank\">#1<\/span>\r\n            <\/div>\r\n            <div class=\"ig2-region\">\r\n              <span class=\"ig2-reg-name\">Latin America<\/span>\r\n              <span class=\"ig2-reg-rank\">#1<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div><!-- \/grid -->\r\n\r\n    <!-- \u2500\u2500 FOOTER STRIP \u2500\u2500 -->\r\n    <div class=\"ig2-footer\">\r\n      <strong>9.20 \/ 10<\/strong> Mid-Market usability &nbsp;\u00b7&nbsp;\r\n      <strong>430+<\/strong> verified reviews &nbsp;\u00b7&nbsp;\r\n      Recognized across <strong>8 categories<\/strong>: Push Notifications, AI Chatbots, WhatsApp Marketing, SMS Marketing, Mobile Marketing, Customer Journey Analytics, Marketing Automation, and Personalization.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n  var root = document.getElementById('indi-g2');\r\n  if (!root) return;\r\n  root.classList.add('ig2-js');\r\n  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    root.querySelectorAll('.ig2-animate').forEach(function (el) { el.classList.add('ig2-vis'); });\r\n    return;\r\n  }\r\n  var obs = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (e) {\r\n      if (e.isIntersecting) { e.target.classList.add('ig2-vis'); obs.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.18 });\r\n  root.querySelectorAll('.ig2-animate').forEach(function (el) { obs.observe(el); });\r\n}());\r\n<\/script>\r\n","code_extra_content":"code_ex_none","code_extitle_cards":"","code_ex_cards":null,"code_ex_brands_custom_background_color":false,"code_ex_custom_brands":false,"code_ex_custom_slider_title":"","code_ex_brands":null,"code_ex_brands_background_color":""}],"hide_slider_blog":false,"slider_blog_custom_tag":null,"hide_mobile_fixed_buttons":false,"mobile_fixed_button_1":null,"mobile_fixed_button_2":null,"icon_mobile_fixed_button_2":"","download_ebook":false,"ebook_title":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Datatalk - indigitall<\/title>\n<meta name=\"description\" content=\"Your data already has the answer. DataTalk is the AI assistant that lives on top of your CDP, so anyone on your team can ask a question in plain language and get it back as a chart, a table, or a KPI card in seconds.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/indigitall.com\/en\/datatalk\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Datatalk - indigitall\" \/>\n<meta property=\"og:description\" content=\"Your data already has the answer. DataTalk is the AI assistant that lives on top of your CDP, so anyone on your team can ask a question in plain language and get it back as a chart, a table, or a KPI card in seconds.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/indigitall.com\/en\/datatalk\/\" \/>\n<meta property=\"og:site_name\" content=\"indigitall\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-22T14:16:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/datatalk\\\/\",\"url\":\"https:\\\/\\\/indigitall.com\\\/en\\\/datatalk\\\/\",\"name\":\"Datatalk - indigitall\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/#website\"},\"datePublished\":\"2026-07-21T14:34:26+00:00\",\"dateModified\":\"2026-07-22T14:16:29+00:00\",\"description\":\"Your data already has the answer. DataTalk is the AI assistant that lives on top of your CDP, so anyone on your team can ask a question in plain language and get it back as a chart, a table, or a KPI card in seconds.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/datatalk\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/indigitall.com\\\/en\\\/datatalk\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/datatalk\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/indigitall.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Datatalk\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/indigitall.com\\\/en\\\/\",\"name\":\"indigitall\",\"description\":\"Because Every Interaction Matters\",\"publisher\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/indigitall.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/#organization\",\"name\":\"indigitall\",\"url\":\"https:\\\/\\\/indigitall.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/indigitall.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logo_indigitall_notificacion.png\",\"contentUrl\":\"https:\\\/\\\/indigitall.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logo_indigitall_notificacion.png\",\"width\":434,\"height\":434,\"caption\":\"indigitall\"},\"image\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Datatalk - indigitall","description":"Your data already has the answer. DataTalk is the AI assistant that lives on top of your CDP, so anyone on your team can ask a question in plain language and get it back as a chart, a table, or a KPI card in seconds.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/indigitall.com\/en\/datatalk\/","og_locale":"en_US","og_type":"article","og_title":"Datatalk - indigitall","og_description":"Your data already has the answer. DataTalk is the AI assistant that lives on top of your CDP, so anyone on your team can ask a question in plain language and get it back as a chart, a table, or a KPI card in seconds.","og_url":"https:\/\/indigitall.com\/en\/datatalk\/","og_site_name":"indigitall","article_modified_time":"2026-07-22T14:16:29+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/indigitall.com\/en\/datatalk\/","url":"https:\/\/indigitall.com\/en\/datatalk\/","name":"Datatalk - indigitall","isPartOf":{"@id":"https:\/\/indigitall.com\/en\/#website"},"datePublished":"2026-07-21T14:34:26+00:00","dateModified":"2026-07-22T14:16:29+00:00","description":"Your data already has the answer. DataTalk is the AI assistant that lives on top of your CDP, so anyone on your team can ask a question in plain language and get it back as a chart, a table, or a KPI card in seconds.","breadcrumb":{"@id":"https:\/\/indigitall.com\/en\/datatalk\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/indigitall.com\/en\/datatalk\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/indigitall.com\/en\/datatalk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/indigitall.com\/en\/"},{"@type":"ListItem","position":2,"name":"Datatalk"}]},{"@type":"WebSite","@id":"https:\/\/indigitall.com\/en\/#website","url":"https:\/\/indigitall.com\/en\/","name":"indigitall","description":"Because Every Interaction Matters","publisher":{"@id":"https:\/\/indigitall.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/indigitall.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/indigitall.com\/en\/#organization","name":"indigitall","url":"https:\/\/indigitall.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/indigitall.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/indigitall.com\/wp-content\/uploads\/2026\/06\/logo_indigitall_notificacion.png","contentUrl":"https:\/\/indigitall.com\/wp-content\/uploads\/2026\/06\/logo_indigitall_notificacion.png","width":434,"height":434,"caption":"indigitall"},"image":{"@id":"https:\/\/indigitall.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/indigitall.com\/en\/wp-json\/wp\/v2\/channel\/20799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indigitall.com\/en\/wp-json\/wp\/v2\/channel"}],"about":[{"href":"https:\/\/indigitall.com\/en\/wp-json\/wp\/v2\/types\/channel"}],"author":[{"embeddable":true,"href":"https:\/\/indigitall.com\/en\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":6,"href":"https:\/\/indigitall.com\/en\/wp-json\/wp\/v2\/channel\/20799\/revisions"}],"predecessor-version":[{"id":21311,"href":"https:\/\/indigitall.com\/en\/wp-json\/wp\/v2\/channel\/20799\/revisions\/21311"}],"wp:attachment":[{"href":"https:\/\/indigitall.com\/en\/wp-json\/wp\/v2\/media?parent=20799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}