{"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-10-30T14:01:36","modified_gmt":"2026-10-30T14:01:36","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 - 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: 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 and acts.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"iah-sub\">\r\n        The AI assistant on top of your campaign data. Charts, tables and KPI cards from plain-language questions, and 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, 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 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: 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 - How It Works - 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 - 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 - 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 - 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: 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: no SQL, no query builder, no report backlog. DataTalk interprets what you ask and translates it into a SQL query 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\">DataTalk queries your SMS, push and email campaign data in BigQuery, in real time: 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, instantly.<\/h3>\r\n        <p class=\"ihw-body\">You get a chart, table or KPI card from live data in seconds, and DataTalk can turn the result into a 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 data, inside the platform. Ask, get the answer and turn it into an audience, with no SQL, no export and 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 - 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 - each capability has its own looping diagram\r\n   ========================================================= *\/\r\n\r\n\/* CARD 1 - 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 - 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 - 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 - 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 - 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 - 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, with its orchestration, security and unified data.<\/p>\r\n\r\n    <ul class=\"iac-grid\">\r\n\r\n      <!-- ============ CARD 1 - 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 - 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, such as a CRM, an ERP, inventory, payments, a healthcare record or a 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 - 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 - 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: blacklists, brand-safety guardrails and content moderation. RAG on the client's validated content keeps answers limited to that content.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ============ CARD 5 - 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 - 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, with the full conversation history, the customer profile and the resolution steps already tried. 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 - Use Cases - 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 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 with the right filters, 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: live data, 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: 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 - 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 - 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: product catalogs, FAQs, policy documents, service data. Answers stay limited to that validated content.<\/p>\r\n        <\/div>\r\n      <\/li>\r\n\r\n      <!-- ===== TILE 2 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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: 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, with 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, 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: 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: 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 by verified customer rating, in 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":""},{"acf_fc_layout":"custom_html","code":"<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap');\r\n#indi-dtk-en-more { all: initial; display: block; background: #F5F7FA !important; font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; color: #3A4A61; -webkit-font-smoothing: antialiased; box-sizing: border-box !important; }\r\n#indi-dtk-en-more *, #indi-dtk-en-more *::before, #indi-dtk-en-more *::after { box-sizing: border-box; margin: 0; padding: 0; font-family: inherit; }\r\n#indi-dtk-en-more .d-wrap { max-width: 1120px; margin: 0 auto !important; padding: 64px 32px !important; }\r\n#indi-dtk-en-more .d-eyebrow { font-size: 15px; font-weight: 700; color: #12872F; margin: 0 0 16px !important; display: flex; align-items: center; gap: 8px; }\r\n#indi-dtk-en-more .d-eyebrow::before { content: ''; width: 24px; height: 3px; border-radius: 2px; background: #8ADA3F; }\r\n#indi-dtk-en-more .d-list { display: flex; flex-direction: column; gap: 16px; }\r\n#indi-dtk-en-more details.d-dd { background: #FFFFFF; border: 1px solid #E3EAF4; border-radius: 16px; }\r\n#indi-dtk-en-more details.d-dd[open] { box-shadow: 0 8px 24px -12px rgba(15,59,122,0.18); }\r\n#indi-dtk-en-more details.d-dd > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 16px; padding: 24px; }\r\n#indi-dtk-en-more details.d-dd > summary::-webkit-details-marker { display: none; }\r\n#indi-dtk-en-more details.d-dd > summary:focus-visible { outline: 2px solid #0072EF; outline-offset: 2px; border-radius: 16px; }\r\n#indi-dtk-en-more .d-sico { width: 40px; height: 40px; border-radius: 12px; background: #EEF3FF; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n#indi-dtk-en-more h2.d-h2 { flex: 1; font-size: 20px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -0.01em !important; color: #0F3B7A !important; text-transform: none !important; margin: 0 !important; text-align: left !important; }\r\n#indi-dtk-en-more .d-chev { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: #F5F7FA; display: inline-flex; align-items: center; justify-content: center; transition: transform .2s ease; }\r\n#indi-dtk-en-more details.d-dd[open] > summary .d-chev { transform: rotate(180deg); }\r\n#indi-dtk-en-more .d-body { padding: 0 24px 32px 80px; display: flex; flex-direction: column; gap: 24px; }\r\n#indi-dtk-en-more p.d-p, #indi-dtk-en-more td, #indi-dtk-en-more th, #indi-dtk-en-more li { font-size: 16px; font-weight: 400; line-height: 1.65; color: #3A4A61; text-transform: none; letter-spacing: 0; text-align: left; }\r\n#indi-dtk-en-more p.d-p { margin: 0 !important; }\r\n#indi-dtk-en-more strong, #indi-dtk-en-more b { font-weight: 700 !important; color: #0F3B7A !important; }\r\n#indi-dtk-en-more em { font-style: italic; }\r\n#indi-dtk-en-more a { color: #0072EF !important; text-decoration: underline !important; text-underline-offset: 3px !important; font-weight: 600 !important; }\r\n#indi-dtk-en-more a:hover { color: #0F3B7A !important; }\r\n#indi-dtk-en-more code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; font-size: 14px; background: #EEF3FF; color: #0F3B7A; padding: 2px 6px; border-radius: 6px; }\r\n#indi-dtk-en-more h3.d-h3 { font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; color: #0F3B7A !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 !important; text-align: left !important; }\r\n#indi-dtk-en-more ul.d-ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }\r\n#indi-dtk-en-more ul.d-ul > li { position: relative; padding-left: 24px; }\r\n#indi-dtk-en-more ul.d-ul > li::before { content: ''; position: absolute; left: 4px; top: 11px; width: 8px; height: 8px; border-radius: 50%; background: #8ADA3F; }\r\n#indi-dtk-en-more .d-cards { display: grid; gap: 16px; list-style: none; }\r\n#indi-dtk-en-more .d-cards.d-2 { grid-template-columns: 1fr 1fr; }\r\n#indi-dtk-en-more .d-cards.d-3 { grid-template-columns: repeat(3, 1fr); }\r\n#indi-dtk-en-more .d-cards.d-4 { grid-template-columns: repeat(4, 1fr); }\r\n#indi-dtk-en-more .d-card { background: #F7F9FC; border: 1px solid #E6ECF4; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 16px; }\r\n#indi-dtk-en-more .d-ch { display: flex; align-items: center; gap: 16px; }\r\n#indi-dtk-en-more .d-ci { width: 40px; height: 40px; border-radius: 12px; background: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n#indi-dtk-en-more h3.d-ct, #indi-dtk-en-more .d-ct { font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; color: #0F3B7A !important; margin: 0 !important; text-transform: none !important; letter-spacing: 0 !important; }\r\n#indi-dtk-en-more .d-card p.d-p, #indi-dtk-en-more .d-card li { font-size: 15px; }\r\n#indi-dtk-en-more .d-card.d-yes { border-top: 4px solid #8ADA3F; }\r\n#indi-dtk-en-more .d-card.d-no { border-top: 4px solid #F07000; }\r\n#indi-dtk-en-more .d-card.d-hi { background: #0F3B7A; border-color: #0F3B7A; }\r\n#indi-dtk-en-more .d-card.d-hi .d-ct, #indi-dtk-en-more .d-card.d-hi p.d-p, #indi-dtk-en-more .d-card.d-hi li, #indi-dtk-en-more .d-card.d-hi strong { color: #FFFFFF !important; }\r\n#indi-dtk-en-more .d-card.d-hi a { color: #8ADA3F !important; }\r\n#indi-dtk-en-more .d-note { border-radius: 12px; padding: 16px 24px; display: flex; gap: 16px; align-items: flex-start; }\r\n#indi-dtk-en-more .d-note.d-green { background: #F3FBEA; border: 1px solid #DDF1C7; }\r\n#indi-dtk-en-more .d-note.d-grey { background: #F7F9FC; border: 1px solid #E6ECF4; }\r\n#indi-dtk-en-more .d-note.d-blue { background: #EEF3FF; border: 1px solid #D9E4FF; }\r\n#indi-dtk-en-more .d-note svg { margin-top: 3px; flex-shrink: 0; }\r\n#indi-dtk-en-more .d-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }\r\n#indi-dtk-en-more .d-stat { display: flex; flex-direction: column; gap: 8px; padding: 24px; background: #FFFFFF; border: 1px solid #E6ECF4; border-radius: 12px; border-left: 4px solid #0072EF; }\r\n#indi-dtk-en-more .d-stat b { font-size: 32px; font-weight: 800; line-height: 1; color: #0F3B7A !important; letter-spacing: -0.02em; }\r\n#indi-dtk-en-more .d-stat span { font-size: 15px; font-weight: 600; color: #5B6472; line-height: 1.4; }\r\n#indi-dtk-en-more .d-flow { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 24px; background: #F7F9FC; border: 1px solid #E6ECF4; border-radius: 12px; }\r\n#indi-dtk-en-more .d-node { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px; background: #FFFFFF; border: 1px solid #D9E4FF; font-size: 15px; font-weight: 700; color: #0F3B7A; }\r\n#indi-dtk-en-more .d-node.d-on { background: #0F3B7A; border-color: #0F3B7A; color: #FFFFFF; }\r\n#indi-dtk-en-more .d-arrow { display: inline-flex; }\r\n#indi-dtk-en-more ol.d-steps { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\r\n#indi-dtk-en-more ol.d-steps.d-s1 { grid-template-columns: 1fr; } #indi-dtk-en-more ol.d-steps.d-s2 { grid-template-columns: 1fr 1fr; } #indi-dtk-en-more ol.d-steps.d-s3 { grid-template-columns: repeat(3, 1fr); }\r\n#indi-dtk-en-more ol.d-steps li { display: flex; align-items: flex-start; gap: 16px; padding: 16px; background: #F7F9FC; border: 1px solid #E6ECF4; border-radius: 12px; font-size: 15px; font-weight: 600; color: #0F3B7A; }\r\n#indi-dtk-en-more ol.d-steps li > span { width: 32px; height: 32px; border-radius: 50%; background: #0F3B7A; color: #FFFFFF; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; flex-shrink: 0; }\r\n#indi-dtk-en-more ol.d-steps li > div { padding-top: 4px; }\r\n#indi-dtk-en-more ul.d-checks { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; }\r\n#indi-dtk-en-more ul.d-checks li { display: flex; gap: 8px; align-items: flex-start; }\r\n#indi-dtk-en-more ul.d-checks li svg { margin-top: 4px; flex-shrink: 0; }\r\n#indi-dtk-en-more ul.d-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }\r\n#indi-dtk-en-more ul.d-chips li { padding: 8px 16px; border-radius: 999px; background: #EEF3FF; color: #0F3B7A; font-size: 15px; font-weight: 700; line-height: 1.3; }\r\n#indi-dtk-en-more .d-split { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }\r\n#indi-dtk-en-more .d-split > div { display: flex; flex-direction: column; gap: 16px; }\r\n#indi-dtk-en-more .d-tw { width: 100%; }\r\n#indi-dtk-en-more table.d-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #E6ECF4; border-radius: 12px; overflow: hidden; table-layout: fixed; background: #FFFFFF; }\r\n#indi-dtk-en-more table.d-table th { background: #0F3B7A; text-align: left; font-size: 15px; font-weight: 700; color: #FFFFFF; padding: 16px; vertical-align: bottom; }\r\n#indi-dtk-en-more table.d-table td { font-size: 15px; padding: 16px; border-bottom: 1px solid #E6ECF4; vertical-align: top; overflow-wrap: anywhere; }\r\n#indi-dtk-en-more table.d-table tbody tr:nth-child(even) td { background: #F7F9FC; }\r\n#indi-dtk-en-more table.d-table tr:last-child td { border-bottom: 0; }\r\n#indi-dtk-en-more table.d-table td.d-stage { font-weight: 700; color: #0F3B7A; }\r\n#indi-dtk-en-more table.d-table td.d-stage span { display: inline-flex; align-items: flex-start; gap: 8px; }\r\n#indi-dtk-en-more table.d-table td.d-stage svg { margin-top: 3px; flex-shrink: 0; }\r\n#indi-dtk-en-more .d-faq { display: flex; flex-direction: column; }\r\n#indi-dtk-en-more .d-faq > div { padding: 24px 0; border-top: 1px solid #E6ECF4; display: flex; flex-direction: column; gap: 8px; }\r\n#indi-dtk-en-more .d-faq > div:first-child { padding-top: 0; border-top: 0; }\r\n@media (max-width: 960px) {\r\n  #indi-dtk-en-more .d-cards.d-3, #indi-dtk-en-more .d-cards.d-4, #indi-dtk-en-more ol.d-steps, #indi-dtk-en-more ol.d-steps.d-s3 { grid-template-columns: 1fr 1fr; }\r\n  #indi-dtk-en-more .d-body { padding: 0 24px 32px; }\r\n}\r\n@media (max-width: 760px) {\r\n  #indi-dtk-en-more .d-wrap { padding: 40px 16px !important; }\r\n  #indi-dtk-en-more details.d-dd > summary { padding: 16px; gap: 16px; }\r\n  #indi-dtk-en-more h2.d-h2 { font-size: 17px !important; }\r\n  #indi-dtk-en-more .d-body { padding: 0 16px 24px; gap: 16px; }\r\n  #indi-dtk-en-more .d-cards.d-2, #indi-dtk-en-more .d-cards.d-3, #indi-dtk-en-more .d-cards.d-4, #indi-dtk-en-more ol.d-steps, #indi-dtk-en-more ol.d-steps.d-s2, #indi-dtk-en-more ol.d-steps.d-s3, #indi-dtk-en-more ul.d-checks, #indi-dtk-en-more .d-split { grid-template-columns: 1fr; }\r\n  #indi-dtk-en-more .d-card { padding: 16px; }\r\n  #indi-dtk-en-more .d-note { padding: 16px; }\r\n  #indi-dtk-en-more .d-flow { flex-direction: column; align-items: flex-start; padding: 16px; }\r\n  #indi-dtk-en-more .d-arrow { transform: rotate(90deg); margin-left: 16px; }\r\n  #indi-dtk-en-more table.d-table, #indi-dtk-en-more table.d-table tbody, #indi-dtk-en-more table.d-table tr, #indi-dtk-en-more table.d-table td { display: block; width: 100%; }\r\n  #indi-dtk-en-more table.d-table { border: 0; border-radius: 0; overflow: visible; background: transparent; }\r\n  #indi-dtk-en-more table.d-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }\r\n  #indi-dtk-en-more table.d-table thead tr, #indi-dtk-en-more table.d-table thead th { display: block; width: 1px; height: 1px; padding: 0; overflow: hidden; }\r\n  #indi-dtk-en-more table.d-table tr { border: 1px solid #E6ECF4; border-radius: 12px; overflow: hidden; margin-bottom: 16px; background: #FFFFFF; }\r\n  #indi-dtk-en-more table.d-table tbody tr:nth-child(even) td { background: #FFFFFF; }\r\n  #indi-dtk-en-more table.d-table td { border-bottom: 1px solid #E6ECF4; }\r\n  #indi-dtk-en-more table.d-table td::before { content: attr(data-label); display: block; font-size: 15px; font-weight: 700; color: #0F3B7A; margin-bottom: 8px; }\r\n  #indi-dtk-en-more table.d-table td.d-stage { background: #F7F9FC !important; }\r\n  #indi-dtk-en-more table.d-table td.d-stage::before { display: none; }\r\n}\r\n<\/style>\r\n<section id=\"indi-dtk-en-more\" aria-label=\"More about DataTalk\">\r\n  <div class=\"d-wrap\">\r\n    <p class=\"d-eyebrow\">More about DataTalk<\/p>\r\n    <div class=\"d-list\">\r\n      <details class=\"d-dd\" id=\"dtk-en-ask\">\r\n        <summary><span class=\"d-sico\" style=\"background:#EEF3FF !important\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 3v18h18\"\/><path d=\"M18 17V9\"\/><path d=\"M13 17V5\"\/><path d=\"M8 17v-3\"\/><\/svg><\/span><h2 class=\"d-h2\">What can you ask when you chat with your campaign data in DataTalk?<\/h2><span class=\"d-chev\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F3B7A\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/span><\/summary>\r\n        <div class=\"d-body\"><ul class=\"d-cards d-3\"><li class=\"d-card d-hi\"><div class=\"d-ch\"><span class=\"d-ci\" style=\"background:#EEF3FF !important\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg><\/span><\/div><p class=\"d-p\">DataTalk answers plain-language questions about your campaign data with a chart, a table or a KPI card.<\/p><\/li><li class=\"d-card\"><div class=\"d-ch\"><span class=\"d-ci\" style=\"background:#FEF1E6 !important\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F07000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"\/><\/svg><\/span><\/div><p class=\"d-p\">If you are not sure where to start, it suggests questions, such as which campaigns launched last month.<\/p><\/li><li class=\"d-card\"><div class=\"d-ch\"><span class=\"d-ci\" style=\"background:#EEF8E6 !important\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#12872F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/span><\/div><p class=\"d-p\">Every query is saved under Your queries with its date, and the result can become a segmented audience.<\/p><\/li><\/ul><h3 class=\"d-h3\">Each part of the platform also has its own reports:<\/h3><div class=\"d-tw\"><table class=\"d-table d-c2\"><thead><tr><th scope=\"col\">What you want to know<\/th><th scope=\"col\">Where you see it in indigitall<\/th><\/tr><\/thead><tbody><tr><td class=\"d-stage\" data-label=\"What you want to know\"><span><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0072EF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>A one-off question about your campaigns<\/span><\/td><td data-label=\"Where you see it in indigitall\">DataTalk, as a chart, table or KPI card<\/td><\/tr><tr><td class=\"d-stage\" data-label=\"What you want to know\"><span><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#12872F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"\/><path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"\/><\/svg>Push sends, deliveries and CTR<\/span><\/td><td data-label=\"Where you see it in indigitall\">Push statistics, with CSV exports by date, device or campaign<\/td><\/tr><tr><td class=\"d-stage\" data-label=\"What you want to know\"><span><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F07000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><line x1=\"6\" x2=\"6\" y1=\"3\" y2=\"15\"\/><circle cx=\"18\" cy=\"6\" r=\"3\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><path d=\"M18 9a9 9 0 0 1-9 9\"\/><\/svg>How each person moves through a journey<\/span><\/td><td data-label=\"Where you see it in indigitall\">Statistics per node and a CSV by customer<\/td><\/tr><tr><td class=\"d-stage\" data-label=\"What you want to know\"><span><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F3B7A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3\"\/><\/svg>Bot and contact center activity<\/span><\/td><td data-label=\"Where you see it in indigitall\">A daily Excel report by email, plus periodic performance reports<\/td><\/tr><\/tbody><\/table><\/div><\/div>\r\n      <\/details>\r\n      <details class=\"d-dd\" id=\"dtk-en-faq\">\r\n        <summary><span class=\"d-sico\" style=\"background:#EEF8E6 !important\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#12872F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><path d=\"M12 17h.01\"\/><\/svg><\/span><h2 class=\"d-h2\">FAQs: chat with your campaign data in DataTalk<\/h2><span class=\"d-chev\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F3B7A\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><\/span><\/summary>\r\n        <div class=\"d-body\"><div class=\"d-faq\"><div><h3 class=\"d-h3\">Do you need to know SQL to use indigitall DataTalk?<\/h3><p class=\"d-p\">No. In DataTalk you type the question the way you would say it, for example which day of the week gets your best results, and you can ask for the answer as a chart, a table or a KPI card. DataTalk interprets the question and translates it into a SQL query on your campaign data, so you never write one.<\/p><\/div><div><h3 class=\"d-h3\">How does indigitall DataTalk understand natural language questions?<\/h3><p class=\"d-p\">DataTalk uses Gemini, Google's model, to interpret the meaning of a question and translate it into SQL. The whole process runs on Google Cloud, and the queries go straight to BigQuery, which holds the platform's SMS, push and email data, so each answer uses current data.<\/p><\/div><div><h3 class=\"d-h3\">Does indigitall DataTalk keep my past queries?<\/h3><p class=\"d-p\">Yes. Every query is saved under Your queries, with the question text and the date and time of the last response, and you can search them. Recent queries show in the sidebar, and if the session times out or you close the browser, DataTalk picks the conversation up where you left it.<\/p><\/div><\/div><\/div>\r\n      <\/details>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Do you need to know SQL to use indigitall DataTalk?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. In DataTalk you type the question the way you would say it, for example which day of the week gets your best results, and you can ask for the answer as a chart, a table or a KPI card. DataTalk interprets the question and translates it into a SQL query on your campaign data, so you never write one.\"}},{\"@type\":\"Question\",\"name\":\"How does indigitall DataTalk understand natural language questions?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"DataTalk uses Gemini, Google's model, to interpret the meaning of a question and translate it into SQL. The whole process runs on Google Cloud, and the queries go straight to BigQuery, which holds the platform's SMS, push and email data, so each answer uses current data.\"}},{\"@type\":\"Question\",\"name\":\"Does indigitall DataTalk keep my past queries?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Every query is saved under Your queries, with the question text and the date and time of the last response, and you can search them. Recent queries show in the sidebar, and if the session times out or you close the browser, DataTalk picks the conversation up where you left it.\"}}]}<\/script>","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":"<style id=\"pw-resp-fix\">\r\n\/* PointWise drafts, 2026-10-29: responsive fixes for theme and page blocks. Nothing here renders on its own. *\/\r\n\r\n\/* Card rows (slider-cards): a card grows when its text needs more room than the square, instead of the text\r\n   running into the bottom padding or being cut *\/\r\n.slider-cards .slider .swiper-slide{overflow:visible}\r\n\r\n\/* Use-case slider (slider-features-channels): the open card shows all of its text (the theme caps it at 100px),\r\n   and long titles hyphenate instead of being clipped at the card edge *\/\r\n.slider-features-channels .slider .swiper-slide .content .card-title{max-width:100%;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}\r\n.slider-features-channels .slider .swiper-slide.swiper-slide-active .content{overflow:visible}\r\n.slider-features-channels .slider .swiper-slide.swiper-slide-active .content .card-text{max-height:600px}\r\n@media (min-width:1151px){\r\n  \/* the small closed cards: a long title that now wraps to four lines still fits above the bottom padding *\/\r\n  .slider-features-channels .slider .swiper-slide:not(.swiper-slide-active) .content .card-title{line-height:1.15}\r\n}\r\n\/* closed cards grow with the screen and reach full size at about 1380px; below that a five-line title\r\n   (SMS \"Two-Factor Authentication (OTP \/ Security Alerts)\") needs a smaller size to stay inside the card *\/\r\n@media (min-width:1151px) and (max-width:1379px){\r\n  .slider-features-channels .slider .swiper-slide:not(.swiper-slide-active) .content .card-title{font-size:20px;line-height:1.1}\r\n}\r\n@media (min-width:1151px) and (max-width:1209px){\r\n  .slider-features-channels .slider .swiper-slide:not(.swiper-slide-active) .content .card-title{font-size:19px}\r\n}\r\n@media (max-width:1150px){\r\n  \/* the slider keeps its height, and grows when the open card needs more *\/\r\n  .slider-features-channels .slider{aspect-ratio:auto;min-height:calc((100vw - 40px)*.5876)}\r\n  .slider-features-channels .slider .swiper-wrapper{min-height:inherit}\r\n  .slider-features-channels .slider .swiper-slide{height:auto}\r\n  \/* success-story number card: fixed 160px height cut the quote *\/\r\n  .slider-big-cards .slider .swiper-slide .number-card{height:auto;min-height:160px}\r\n  \/* mobile CTA bar, CRO variant B: the demo button took the full width and squashed the ebook button *\/\r\n  html.cro-g1-b .mobile-fixed-buttons-wrapper:has(a.id-btn:not(.primary)) a.id-btn.primary{flex:1 1 0;width:auto}\r\n}\r\n@media (max-width:550px){\r\n  .slider-features-channels .slider{min-height:calc((100vw - 40px)*1.144)}\r\n}\r\n\r\n\/* DataTalk hero: the floating segment badge ran past the right edge between 961 and 1300px *\/\r\n@media (max-width:1300px){#indi-dt-hero .iah-float.f-seg{right:24px}}\r\n\r\n\/* Number cards (e.g. \"+30%\"): at 80px the number ran through the card's padding and was cut at its edge\r\n   between 1151 and 1300px; the theme already drops to 60px at 1150px and below *\/\r\n@media (min-width:1151px) and (max-width:1300px){.grid-number-cards .card .card-title{font-size:64px}}\r\n\r\n\/* MCP setup cards: a long file name pushed the Copy button out of the code bar on phones *\/\r\n.imcp-block .imcp-codebar .imcp-fname{min-width:0;overflow-wrap:anywhere}\r\n\r\n\/* WhatsApp demo tabs: thin scrollbar on the swipeable row *\/\r\n#indi-wa-demo .iwd-tabs{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}\r\n<\/style>\r\n<script>\r\n\/* WhatsApp hero: the last chat message sat below the phone screen. Once the messages are in, scroll the\r\n   conversation up so the newest one shows, like a real chat. *\/\r\n(function () {\r\n  var b = document.querySelector('#indi-wa-hero .iwh-wbody');\r\n  if (!b || !b.firstElementChild) return;\r\n  var still = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  function lift() {\r\n    var f = b.firstElementChild;\r\n    var o = b.scrollHeight - b.clientHeight;\r\n    if (o > 0) {\r\n      f.style.transition = still ? 'none' : 'margin-top .6s cubic-bezier(.22,1,.36,1)';\r\n      f.style.marginTop = (parseFloat(getComputedStyle(f).marginTop) - o) + 'px';\r\n    }\r\n  }\r\n  setTimeout(lift, still ? 0 : 3400);\r\n})();\r\n<\/script>","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.7 - 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-10-30T14:01:36+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-10-30T14:01:36+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-10-30T14:01:36+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-10-30T14:01:36+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\/"}}]}},"permalink_manager":null,"_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}]}}