{"id":11748,"date":"2026-01-13T17:19:29","date_gmt":"2026-01-13T17:19:29","guid":{"rendered":"https:\/\/indigitall.com\/?post_type=channel&#038;p=11748"},"modified":"2026-10-30T14:01:23","modified_gmt":"2026-10-30T14:01:23","slug":"cdp","status":"publish","type":"channel","link":"https:\/\/indigitall.com\/en\/cdp\/","title":{"rendered":"CDP"},"author":3,"menu_order":14,"template":"","class_list":["post-11748","channel","type-channel","status-publish","hentry"],"acf":{"icon":11749,"card_title":"CDP","card_text":"Unify Your Data","card_text_mobile":"Unify Your Data","card_image":11752,"card_image_mobile":11755,"flexible_content":[{"acf_fc_layout":"custom_html","code":"<!-- indigitall CDP 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-cdp-hero {\r\n  all: initial; 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; position: relative !important; overflow: hidden !important;\r\n  box-sizing: border-box !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;\r\n}\r\n#indi-cdp-hero *, #indi-cdp-hero *::before, #indi-cdp-hero *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0; -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-cdp-hero .iah-texture { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px); background-size: 28px 28px; pointer-events: none; z-index: 0; }\r\n#indi-cdp-hero .iah-glow { position: absolute; top: -100px; right: -60px; width: 520px; height: 520px; background: radial-gradient(circle, rgba(138,218,63,0.12) 0%, transparent 70%); pointer-events: none; z-index: 0; }\r\n#indi-cdp-hero .iah-glow2 { position: absolute; bottom: -80px; left: -40px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(0,114,239,0.10) 0%, transparent 70%); pointer-events: none; z-index: 0; }\r\n\r\n\/* \u2500\u2500\u2500 GRID \u2500\u2500\u2500 *\/\r\n#indi-cdp-hero .iah-inner { position: relative; z-index: 2; max-width: 1280px; margin: 0 auto; padding: 140px 48px 90px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 40px; align-items: center; }\r\n\r\n\/* \u2500\u2500\u2500 LEFT \u2500\u2500\u2500 *\/\r\n#indi-cdp-hero .iah-left { display: flex; flex-direction: column; gap: 26px; opacity: 0; transform: translateY(20px); animation: iahSlideUp 0.8s cubic-bezier(0.22,1,0.36,1) 0.15s both; }\r\n#indi-cdp-hero .iah-eyebrow { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; background: rgba(138,218,63,0.14); border: 1px solid rgba(138,218,63,0.4); padding: 6px 14px; border-radius: 50px; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase; color: #8ADA3F !important; }\r\n#indi-cdp-hero .iah-eyebrow svg { flex-shrink: 0; }\r\n#indi-cdp-hero .iah-headline { font-family: 'Manrope', sans-serif !important; font-size: clamp(32px, 3.8vw, 54px) !important; font-weight: 500 !important; line-height: 1.06 !important; letter-spacing: -0.022em !important; color: #FFFFFF !important; margin: 0 !important; }\r\n#indi-cdp-hero .iah-accent { color: #8ADA3F !important; }\r\n#indi-cdp-hero .iah-sub { font-size: 16px !important; font-weight: 400 !important; line-height: 1.65 !important; color: rgba(255,255,255,0.78) !important; max-width: 540px; }\r\n\r\n\/* Badges *\/\r\n#indi-cdp-hero .iah-badges { display: flex; flex-wrap: wrap; gap: 8px; }\r\n#indi-cdp-hero .iah-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.20); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); padding: 7px 13px; border-radius: 50px; font-size: 11px !important; font-weight: 600 !important; color: #FFFFFF !important; letter-spacing: 0.02em; white-space: nowrap; opacity: 0; animation: iahBadgePop 0.5s cubic-bezier(0.22,1,0.36,1) both; }\r\n#indi-cdp-hero .iah-badge:nth-child(1) { animation-delay: 0.30s; }\r\n#indi-cdp-hero .iah-badge:nth-child(2) { animation-delay: 0.40s; }\r\n#indi-cdp-hero .iah-badge:nth-child(3) { animation-delay: 0.50s; }\r\n#indi-cdp-hero .iah-badge:nth-child(4) { animation-delay: 0.60s; }\r\n#indi-cdp-hero .iah-badge:nth-child(5) { animation-delay: 0.70s; }\r\n#indi-cdp-hero .iah-badge:nth-child(6) { animation-delay: 0.80s; }\r\n#indi-cdp-hero .iah-badge svg { flex-shrink: 0; }\r\n\r\n\/* CTAs *\/\r\n#indi-cdp-hero .iah-ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 4px; }\r\n#indi-cdp-hero .id-btn { font-family: 'Manrope', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.98px !important; text-transform: uppercase !important; padding: 15px 24px !important; min-width: 200px !important; min-height: 60px !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; border-radius: 5px !important; transition: all 0.3s ease-in-out; border: 1px solid transparent !important; cursor: pointer; text-decoration: none !important; white-space: nowrap; }\r\n#indi-cdp-hero .id-btn.green { background-color: #8ADA3F !important; border-color: #8ADA3F !important; color: #0F0F0F !important; box-shadow: 0 4px 30px rgba(138,218,63,0.35); }\r\n#indi-cdp-hero .id-btn.green:hover { background-color: #9EE84F !important; border-color: #9EE84F !important; transform: translateY(-2px); box-shadow: 0 8px 40px rgba(138,218,63,0.45); }\r\n#indi-cdp-hero .id-btn.light { background-color: #FFFFFF !important; border-color: #FFFFFF !important; box-shadow: 0 4px 60px 0 rgba(0,0,0,0.07); color: #0F0F0F !important; gap: 12px; padding: 8px 24px 8px 10px !important; }\r\n#indi-cdp-hero .id-btn.light:hover { background-color: #F5F7FA !important; border-color: #F5F7FA !important; transform: translateY(-2px); }\r\n#indi-cdp-hero .id-btn.light .iah-btn-ic { width: 38px; height: 38px; border-radius: 50%; background: #EEF3FF; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n\r\n\/* \u2500\u2500\u2500 RIGHT: unified-profile widget \u2500\u2500\u2500 *\/\r\n#indi-cdp-hero .iah-right { position: relative; display: flex; justify-content: center; align-items: center; opacity: 0; animation: iahFadeIn 0.8s ease 0.3s both; z-index: 1; }\r\n#indi-cdp-hero .iah-widget { width: 380px; max-width: 100%; border-radius: 18px; overflow: hidden; box-shadow: 0 32px 64px -16px rgba(4,12,32,0.75), 0 0 0 1px rgba(255,255,255,0.06), inset 0 1px 0 rgba(255,255,255,0.12); }\r\n\r\n\/* Header *\/\r\n#indi-cdp-hero .iah-wh { background: linear-gradient(135deg, #0A2956 0%, #0F3B7A 50%, #0E52C1 100%); padding: 14px 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255,255,255,0.08); position: relative; overflow: hidden; }\r\n#indi-cdp-hero .iah-wh::after { content: ''; position: absolute; top: 0; bottom: 0; left: -70%; width: 55%; background: linear-gradient(90deg, transparent, rgba(138,218,63,0.15), transparent); animation: iahScan 4s ease-in-out infinite; pointer-events: none; }\r\n#indi-cdp-hero .iah-wh-av { width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; background: linear-gradient(135deg, #0F3B7A 0%, #0072EF 55%, #8ADA3F 100%); display: flex; align-items: center; justify-content: center; border: 1.5px solid rgba(255,255,255,0.22); font-size: 13px !important; font-weight: 700 !important; color: #FFFFFF !important; }\r\n#indi-cdp-hero .iah-wh-meta { flex: 1; min-width: 0; }\r\n#indi-cdp-hero .iah-wh-name { font-size: 13px !important; font-weight: 700 !important; color: #FFFFFF !important; line-height: 1.1; }\r\n#indi-cdp-hero .iah-wh-st { display: flex; align-items: center; gap: 5px; margin-top: 2px; }\r\n#indi-cdp-hero .iah-sdot { width: 6px; height: 6px; border-radius: 50%; background: #8ADA3F; box-shadow: 0 0 5px rgba(138,218,63,0.85); animation: iahPulse 2s ease-in-out infinite; }\r\n#indi-cdp-hero .iah-stxt { font-size: 10px !important; font-weight: 500 !important; color: rgba(255,255,255,0.60) !important; }\r\n#indi-cdp-hero .iah-360 { font-size: 10px !important; font-weight: 700 !important; color: #8ADA3F !important; background: rgba(138,218,63,0.15); border: 1px solid rgba(138,218,63,0.3); border-radius: 50px; padding: 3px 9px; white-space: nowrap; }\r\n\r\n\/* Body *\/\r\n#indi-cdp-hero .iah-wbody { background: #EEF1F5; padding: 13px 12px; display: flex; flex-direction: column; gap: 9px; }\r\n#indi-cdp-hero .iah-wbody > * { animation: iahMsgIn 0.45s cubic-bezier(0.22,1,0.36,1) both; }\r\n#indi-cdp-hero .iah-wbody > *:nth-child(1) { animation-delay: 0.4s; }\r\n#indi-cdp-hero .iah-wbody > *:nth-child(2) { animation-delay: 0.9s; }\r\n#indi-cdp-hero .iah-wbody > *:nth-child(3) { animation-delay: 1.4s; }\r\n\r\n#indi-cdp-hero .cdp-card { background: #FFFFFF; border: 1px solid #E4EAF2; border-radius: 11px; padding: 11px 12px; box-shadow: 0 1px 3px rgba(15,59,122,0.06); }\r\n#indi-cdp-hero .cdp-lbl { display: flex; align-items: center; justify-content: space-between; font-size: 9px !important; font-weight: 700 !important; letter-spacing: 0.06em; text-transform: uppercase; color: #7C8BA1 !important; margin-bottom: 9px; }\r\n#indi-cdp-hero .cdp-lbl .live { display: inline-flex; align-items: center; gap: 4px; color: #1A7A33 !important; }\r\n\r\n\/* Identity resolution *\/\r\n#indi-cdp-hero .cdp-srcs { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\r\n#indi-cdp-hero .cdp-src { display: inline-flex; align-items: center; gap: 5px; background: #F4F6F9; border: 1px solid #DCE3EC; border-radius: 6px; padding: 4px 8px; font-size: 10px !important; font-weight: 700 !important; color: #0F3B7A !important; }\r\n#indi-cdp-hero .cdp-src .cdp-ok { width: 12px; height: 12px; border-radius: 50%; background: rgba(48,192,84,0.16); display: inline-flex; align-items: center; justify-content: center; }\r\n#indi-cdp-hero .cdp-merged { margin-top: 9px; display: inline-flex; align-items: center; gap: 6px; background: rgba(138,218,63,0.12); border: 1px solid rgba(138,218,63,0.4); border-radius: 50px; padding: 4px 10px; font-size: 10px !important; font-weight: 700 !important; color: #2E6600 !important; }\r\n\r\n\/* Attributes grid *\/\r\n#indi-cdp-hero .cdp-attrs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; }\r\n#indi-cdp-hero .cdp-attr { display: flex; flex-direction: column; gap: 1px; }\r\n#indi-cdp-hero .cdp-ak { font-size: 9px !important; font-weight: 600 !important; color: #7C8BA1 !important; }\r\n#indi-cdp-hero .cdp-av { font-size: 12.5px !important; font-weight: 700 !important; color: #0F3B7A !important; }\r\n#indi-cdp-hero .cdp-av.green { color: #1A7A33 !important; }\r\n\r\n\/* Live events *\/\r\n#indi-cdp-hero .cdp-events { display: flex; flex-direction: column; gap: 6px; }\r\n#indi-cdp-hero .cdp-evt { display: flex; align-items: center; gap: 8px; }\r\n#indi-cdp-hero .cdp-evt-dot { width: 6px; height: 6px; border-radius: 50%; background: #0072EF; flex-shrink: 0; }\r\n#indi-cdp-hero .cdp-evt-name { font-family: 'SFMono-Regular', Consolas, monospace !important; font-size: 10.5px !important; font-weight: 600 !important; color: #0F3B7A !important; flex: 1; min-width: 0; }\r\n#indi-cdp-hero .cdp-evt-time { font-size: 9px !important; font-weight: 500 !important; color: #9AA7B8 !important; }\r\n\r\n\/* Activation strip *\/\r\n#indi-cdp-hero .iah-wmcp { background: #071428; border-top: 1px solid rgba(255,255,255,0.06); padding: 9px 12px; display: flex; align-items: center; gap: 8px; }\r\n#indi-cdp-hero .iah-mcp-pill { display: inline-flex; align-items: center; gap: 4px; font-size: 8.5px !important; font-weight: 700 !important; letter-spacing: 0.07em; text-transform: uppercase; color: #8ADA3F !important; background: rgba(138,218,63,0.14); padding: 3px 8px; border-radius: 4px; white-space: nowrap; }\r\n#indi-cdp-hero .iah-mcp-tags { display: flex; gap: 5px; flex-wrap: nowrap; overflow: hidden; }\r\n#indi-cdp-hero .iah-mcp-tag { display: inline-flex; align-items: center; gap: 4px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.09); border-radius: 5px; padding: 3px 8px; font-size: 9px !important; font-weight: 700 !important; color: rgba(255,255,255,0.72) !important; white-space: nowrap; }\r\n#indi-cdp-hero .iah-mdot { width: 5px; height: 5px; border-radius: 50%; background: #8ADA3F; animation: iahPulse 2s ease-in-out infinite; }\r\n#indi-cdp-hero .iah-mcp-tag:nth-child(1) .iah-mdot { animation-delay: 0s; }\r\n#indi-cdp-hero .iah-mcp-tag:nth-child(2) .iah-mdot { animation-delay: 0.4s; }\r\n#indi-cdp-hero .iah-mcp-tag:nth-child(3) .iah-mdot { animation-delay: 0.8s; }\r\n#indi-cdp-hero .iah-mcp-tag:nth-child(4) .iah-mdot { animation-delay: 1.2s; }\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\r\n\/* \u2500\u2500\u2500 REDUCED MOTION \u2500\u2500\u2500 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-cdp-hero .iah-left, #indi-cdp-hero .iah-right, #indi-cdp-hero .iah-badge,\r\n  #indi-cdp-hero .iah-sdot, #indi-cdp-hero .iah-mdot, #indi-cdp-hero .iah-wbody > * {\r\n    opacity: 1 !important; transform: none !important; animation: none !important;\r\n  }\r\n  #indi-cdp-hero .iah-wh::after { display: none; }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 1100px) { #indi-cdp-hero .iah-inner { padding: 100px 32px 70px; gap: 32px; } }\r\n@media (max-width: 960px) {\r\n  #indi-cdp-hero .iah-inner { grid-template-columns: 1fr; padding: 118px 24px 60px; gap: 48px; justify-items: center; }\r\n  #indi-cdp-hero .iah-left { text-align: center; align-items: center; }\r\n  #indi-cdp-hero .iah-eyebrow { align-self: center; }\r\n  #indi-cdp-hero .iah-badges { justify-content: center; }\r\n  #indi-cdp-hero .iah-ctas { justify-content: center; }\r\n  #indi-cdp-hero .iah-sub { margin: 0 auto; }\r\n}\r\n@media (max-width: 600px) {\r\n  #indi-cdp-hero .iah-inner { padding: 104px 16px 48px; }\r\n  #indi-cdp-hero .id-btn { flex: 1 1 100%; min-width: 0 !important; }\r\n  #indi-cdp-hero .iah-widget { width: 100%; max-width: 380px; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"indi-cdp-hero\" role=\"banner\" aria-label=\"indigitall CDP: from fragmented data to one living customer profile\">\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: database -->\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\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><path d=\"M3 12c0 1.66 4 3 9 3s9-1.34 9-3\"\/><\/svg>\r\n        CDP \u00b7 indigitall\r\n      <\/span>\r\n\r\n      <h1 class=\"iah-headline\">\r\n        From fragmented data<br>to <span class=\"iah-accent\">one living profile.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"iah-sub\">\r\n        The indigitall CDP unifies every channel (web, app, WhatsApp, SMS, voice and store) into a single, real-time customer profile. Data flows in from everywhere; activation flows out to every channel, on one architecture. No silos, no duplicates. It doesn't replace your CRM: it completes it with the whole customer.\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 the indigitall CDP\">GET A DEMO<\/a>\r\n        <a href=\"https:\/\/indigitall.com\/en\/ebooks\/\" class=\"id-btn light\" aria-label=\"Download the indigitall CDP eBook\">\r\n          <span class=\"iah-btn-ic\" aria-hidden=\"true\">\r\n            <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\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n          <\/span>\r\n          DOWNLOAD EBOOK\r\n        <\/a>\r\n      <\/div>\r\n    <\/div><!-- \/left -->\r\n\r\n    <!-- \u2500\u2500 RIGHT: unified customer profile \u2500\u2500 -->\r\n    <div class=\"iah-right\" role=\"img\" aria-label=\"A unified customer profile in the indigitall CDP: three duplicate records from CRM, Shopify and store are resolved into one real-time profile for Ana G., enriched with attributes and a live event stream, then activated across WhatsApp, Push, Email and In-App.\">\r\n\r\n      <div class=\"iah-widget\">\r\n\r\n        <!-- Header: the unified profile -->\r\n        <div class=\"iah-wh\" aria-hidden=\"true\">\r\n          <div class=\"iah-wh-av\">AG<\/div>\r\n          <div class=\"iah-wh-meta\">\r\n            <div class=\"iah-wh-name\">Ana G.<\/div>\r\n            <div class=\"iah-wh-st\">\r\n              <span class=\"iah-sdot\"><\/span>\r\n              <span class=\"iah-stxt\">Unified profile \u00b7 real time<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"iah-360\">360\u00b0 \u00b7 1 profile<\/span>\r\n        <\/div>\r\n\r\n        <!-- Body -->\r\n        <div class=\"iah-wbody\" aria-hidden=\"true\">\r\n\r\n          <!-- 1. Identity resolution -->\r\n          <div class=\"cdp-card\">\r\n            <div class=\"cdp-lbl\"><span>Identity resolved<\/span><\/div>\r\n            <div class=\"cdp-srcs\">\r\n              <span class=\"cdp-src\"><span class=\"cdp-ok\"><svg width=\"8\" height=\"8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>CRM<\/span>\r\n              <span class=\"cdp-src\"><span class=\"cdp-ok\"><svg width=\"8\" height=\"8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Shopify<\/span>\r\n              <span class=\"cdp-src\"><span class=\"cdp-ok\"><svg width=\"8\" height=\"8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Store<\/span>\r\n              <span class=\"cdp-src\"><span class=\"cdp-ok\"><svg width=\"8\" height=\"8\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>App<\/span>\r\n            <\/div>\r\n            <span class=\"cdp-merged\">\r\n              <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2E6600\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18M8 6h10v10\"\/><\/svg>\r\n              3 duplicates resolved \u2192 1 profile\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <!-- 2. Profile attributes -->\r\n          <div class=\"cdp-card\">\r\n            <div class=\"cdp-lbl\"><span>Profile attributes<\/span><\/div>\r\n            <div class=\"cdp-attrs\">\r\n              <div class=\"cdp-attr\"><span class=\"cdp-ak\">Lifetime value<\/span><span class=\"cdp-av green\">High<\/span><\/div>\r\n              <div class=\"cdp-attr\"><span class=\"cdp-ak\">Segment<\/span><span class=\"cdp-av\">Loyal customer<\/span><\/div>\r\n              <div class=\"cdp-attr\"><span class=\"cdp-ak\">Last purchase<\/span><span class=\"cdp-av\">Store<\/span><\/div>\r\n              <div class=\"cdp-attr\"><span class=\"cdp-ak\">Channels<\/span><span class=\"cdp-av\">5 unified<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- 3. Live event stream -->\r\n          <div class=\"cdp-card\">\r\n            <div class=\"cdp-lbl\"><span>Live events<\/span><span class=\"live\"><span class=\"iah-mdot\"><\/span>Streaming<\/span><\/div>\r\n            <div class=\"cdp-events\">\r\n              <div class=\"cdp-evt\"><span class=\"cdp-evt-dot\"><\/span><span class=\"cdp-evt-name\">purchase_completed<\/span><span class=\"cdp-evt-time\">10:03<\/span><\/div>\r\n              <div class=\"cdp-evt\"><span class=\"cdp-evt-dot\"><\/span><span class=\"cdp-evt-name\">cart_abandoned<\/span><span class=\"cdp-evt-time\">10:07<\/span><\/div>\r\n              <div class=\"cdp-evt\"><span class=\"cdp-evt-dot\"><\/span><span class=\"cdp-evt-name\">opt_in_wallet<\/span><span class=\"cdp-evt-time\">10:12<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div><!-- \/wbody -->\r\n\r\n        <!-- Activation strip -->\r\n        <div class=\"iah-wmcp\" aria-hidden=\"true\">\r\n          <span class=\"iah-mcp-pill\">\r\n            <svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8ADA3F\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m13 6 6 6-6 6\"\/><\/svg>\r\n            Activate\r\n          <\/span>\r\n          <div class=\"iah-mcp-tags\">\r\n            <span class=\"iah-mcp-tag\"><span class=\"iah-mdot\"><\/span>WhatsApp<\/span>\r\n            <span class=\"iah-mcp-tag\"><span class=\"iah-mdot\"><\/span>Push<\/span>\r\n            <span class=\"iah-mcp-tag\"><span class=\"iah-mdot\"><\/span>Email<\/span>\r\n            <span class=\"iah-mcp-tag\"><span class=\"iah-mdot\"><\/span>In-App<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/widget -->\r\n\r\n    <\/div><!-- \/right -->\r\n  <\/div><!-- \/inner -->\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 CDP - 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-cdp-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-cdp-how *, #indi-cdp-how *::before, #indi-cdp-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-cdp-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-cdp-how .ihw-head { text-align: center; max-width: 640px; margin: 0 auto 56px; }\r\n\r\n#indi-cdp-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-cdp-how .ihw-pill svg { flex-shrink: 0; }\r\n\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-how .ihw-input-wrap {\r\n  display: flex; flex-direction: column; gap: 10px;\r\n}\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-how .ihw-parse-chips { display: flex; flex-direction: column; gap: 5px; }\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-how .ihw-sat.top    { top: 0;   left: 50%; transform: translateX(-50%); }\r\n#indi-cdp-how .ihw-sat.right  { top: 50%; right: 0;  transform: translateY(-50%); }\r\n#indi-cdp-how .ihw-sat.bottom { bottom: 0; left: 50%; transform: translateX(-50%); }\r\n#indi-cdp-how .ihw-sat.left   { top: 50%; left: 0;   transform: translateY(-50%); }\r\n\r\n\/* Connection lines *\/\r\n#indi-cdp-how .ihw-hub-lines {\r\n  position: absolute; inset: 0; z-index: 1;\r\n}\r\n#indi-cdp-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-cdp-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-cdp-how .ihw-pkt.p1 { animation: ihwPktTop    1.8s ease-in-out 0.0s infinite; }\r\n#indi-cdp-how .ihw-pkt.p2 { animation: ihwPktRight  1.8s ease-in-out 0.5s infinite; }\r\n#indi-cdp-how .ihw-pkt.p3 { animation: ihwPktBottom 1.8s ease-in-out 1.0s infinite; }\r\n#indi-cdp-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-cdp-how.ihw-js .ihw-pkt { animation: none; opacity: 0; }\r\n#indi-cdp-how .s-act.ihw-vis .ihw-pkt.p1 { animation: ihwPktTop    1.8s ease-in-out 0.0s infinite; }\r\n#indi-cdp-how .s-act.ihw-vis .ihw-pkt.p2 { animation: ihwPktRight  1.8s ease-in-out 0.5s infinite; }\r\n#indi-cdp-how .s-act.ihw-vis .ihw-pkt.p3 { animation: ihwPktBottom 1.8s ease-in-out 1.0s infinite; }\r\n#indi-cdp-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-cdp-how .ihw-optim { display: flex; flex-direction: column; gap: 10px; }\r\n#indi-cdp-how .ihw-orow { display: flex; flex-direction: column; gap: 5px; }\r\n#indi-cdp-how .ihw-orow-head {\r\n  display: flex; justify-content: space-between; align-items: baseline;\r\n}\r\n#indi-cdp-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-cdp-how .ihw-orow-val {\r\n  font-size: 13px !important; font-weight: 700 !important; color: #0F3B7A !important;\r\n}\r\n#indi-cdp-how .ihw-orow-val.green { color: #0072EF !important; }\r\n#indi-cdp-how .ihw-bar-bg {\r\n  height: 8px; background: #EEF3FF; border-radius: 4px; overflow: hidden;\r\n}\r\n#indi-cdp-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-cdp-how.ihw-js .ihw-bar-fill { width: 0; transition: width 0s; }\r\n\/* Animate on visible *\/\r\n#indi-cdp-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-cdp-how .s-opt.ihw-vis .ihw-orow:nth-child(2) .ihw-bar-fill { transition-delay: 0.3s; }\r\n\r\n#indi-cdp-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-cdp-how .ihw-loop-wrap {\r\n  margin-top: 18px;\r\n}\r\n#indi-cdp-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-cdp-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-cdp-how .ihw-loop-left { flex: 1; min-width: 0; position: relative; z-index: 1; }\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-how.ihw-js .ihw-animate          { opacity: 0; transform: translateY(20px); }\r\n#indi-cdp-how.ihw-js .ihw-animate.ihw-vis  { opacity: 1; transform: translateY(0); }\r\n#indi-cdp-how .s-act.ihw-animate { transition-delay: 0.10s; }\r\n#indi-cdp-how .s-opt.ihw-animate { transition-delay: 0.20s; }\r\n#indi-cdp-how .ihw-loop-wrap.ihw-animate   { transition-delay: 0.10s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-cdp-how .ihw-animate { opacity: 1 !important; transform: none !important; transition: none !important; }\r\n  #indi-cdp-how .ihw-bar-fill { width: var(--w) !important; }\r\n  #indi-cdp-how .ihw-pkt { display: none !important; }\r\n  #indi-cdp-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-cdp-how .ihw-inner { padding: 80px 32px 0; }\r\n  #indi-cdp-how .ihw-loop { padding: 28px 32px; gap: 32px; }\r\n}\r\n@media (max-width: 960px) {\r\n  #indi-cdp-how .ihw-inner { padding: 70px 24px 0; }\r\n  #indi-cdp-how .ihw-steps {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n  #indi-cdp-how .ihw-conn {\r\n    padding: 0; justify-content: flex-start; padding-left: 28px; margin: 6px 0;\r\n  }\r\n  #indi-cdp-how .ihw-conn-ic { transform: rotate(90deg); }\r\n  #indi-cdp-how .ihw-loop { flex-direction: column; gap: 24px; }\r\n  #indi-cdp-how .ihw-loop-right { width: 100%; }\r\n}\r\n@media (max-width: 600px) {\r\n  #indi-cdp-how .ihw-inner { padding: 48px 16px 0; }\r\n  #indi-cdp-how .ihw-loop { padding: 24px 20px; border-radius: 14px; }\r\n  #indi-cdp-how .ihw-loop-right { grid-template-columns: 1fr; }\r\n  #indi-cdp-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-cdp-how .ihw-pb { padding-bottom: 80px; }\r\n@media (max-width: 1100px) { #indi-cdp-how .ihw-pb { padding-bottom: 64px; } }\r\n@media (max-width: 600px)  { #indi-cdp-how .ihw-pb { padding-bottom: 48px; } }\r\n<\/style>\r\n\r\n<section id=\"indi-cdp-how\" role=\"region\" aria-label=\"How the indigitall CDP works: Unify, Enrich, Activate\">\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>Unify.<\/em> Enrich. <em>Activate.<\/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          Unify\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">Every channel into one profile.<\/h3>\r\n        <p class=\"ihw-body\">Data from web, app, WhatsApp, SMS, voice and store flows into the CDP. Identity resolution collapses the duplicates scattered across your CRM, ecommerce and spreadsheets into a single, living customer profile, actionable instantly.<\/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              3 records \u00b7 CRM \u00b7 Shopify \u00b7 Store\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              Identity resolution\r\n            <\/div>\r\n            <div class=\"ihw-parse-chips\">\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Match<\/span>\r\n                <span class=\"ihw-chip-val\">Same person<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Result<\/span>\r\n                <span class=\"ihw-chip-val\">1 unified profile<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-chip\">\r\n                <span class=\"ihw-chip-label\">Update<\/span>\r\n                <span class=\"ihw-chip-val\">Real time<\/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          Enrich\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">Identity, attributes, events, segments.<\/h3>\r\n        <p class=\"ihw-body\">The CDP stacks data in layers, and each layer enables a decision: identity and attributes feed LTV, events trigger the journey, and segments, built in natural language, activate the right channel. One foundation for the whole journey.<\/p>\r\n        <div class=\"ihw-viz\" role=\"img\" aria-label=\"A diagram showing the CDP at the center enriched by Identity, Attributes, Events and Segments layers\">\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\">CDP<\/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>Identity<\/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>Attributes<\/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>Events<\/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>Segments<\/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          Activate\r\n        <\/span>\r\n        <h3 class=\"ihw-title\">Event to action, in real time.<\/h3>\r\n        <p class=\"ihw-body\">Every event that enters the CDP can trigger an activation on the right channel at the right moment: a WhatsApp conversation, a push, an email, an in-app message. Unified, clean data means better decisions and more value per customer.<\/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\">LTV (up to)<\/span>\r\n                <span class=\"ihw-orow-val\">+80%<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-bar-bg\">\r\n                <div class=\"ihw-bar-fill\" style=\"--w: 80%\"><\/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\">First-party data quality<\/span>\r\n                <span class=\"ihw-orow-val green\">+40%<\/span>\r\n              <\/div>\r\n              <div class=\"ihw-bar-bg\">\r\n                <div class=\"ihw-bar-fill\" style=\"--w: 40%\"><\/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              Avg. indigitall benchmark \u00b7 varies by sector\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            One architecture\r\n          <\/div>\r\n          <p class=\"ihw-loop-claim\">Data flows in from every channel and activation flows out to every channel, on one architecture and in real time. No silos, no duplicates. And it feeds your CRM with the whole customer; it doesn't replace it.<\/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\">Real time<br>No batch<\/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\">Every channel<br>in &amp; out<\/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\">Feeds<br>your CRM<\/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\">Zero<br>silos<\/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-cdp-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":"<!-- indigitall CDP - Results - 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-cdp-res {\r\n  all: initial; display: block;\r\n  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  background: #0F3B7A !important; position: relative; overflow: hidden;\r\n  box-sizing: border-box !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;\r\n}\r\n#indi-cdp-res *, #indi-cdp-res *::before, #indi-cdp-res *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#indi-cdp-res .res-texture { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1.5px, transparent 1.5px); background-size: 26px 26px; pointer-events: none; z-index: 0; }\r\n#indi-cdp-res .res-glow { position: absolute; top: -120px; right: -80px; width: 480px; height: 480px; background: radial-gradient(circle, rgba(138,218,63,0.10) 0%, transparent 70%); pointer-events: none; z-index: 0; }\r\n\r\n#indi-cdp-res .res-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-cdp-res .res-head { text-align: center; max-width: 720px; margin: 0 auto 52px; }\r\n#indi-cdp-res .res-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #8ADA3F !important; justify-content: center; }\r\n#indi-cdp-res .res-eyebrow::before { content: \"\"; width: 22px; height: 2px; background: #8ADA3F; display: inline-block; border-radius: 2px; }\r\n#indi-cdp-res .res-h2 { margin-top: 16px !important; font-size: clamp(28px, 3.5vw, 44px) !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; color: #FFFFFF !important; }\r\n#indi-cdp-res .res-h2 em { font-style: normal; color: #8ADA3F !important; }\r\n#indi-cdp-res .res-sub { margin-top: 18px !important; font-size: 17px !important; line-height: 1.6 !important; color: rgba(255,255,255,0.7) !important; }\r\n\r\n\/* Grid *\/\r\n#indi-cdp-res .res-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\r\n#indi-cdp-res .res-card {\r\n  background: #1B4581; border: 1px solid rgba(255,255,255,0.10); border-radius: 16px; padding: 24px;\r\n  display: flex; flex-direction: column; gap: 6px;\r\n  box-shadow: 0 12px 36px -12px rgba(4,12,32,0.5);\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-cdp-res .res-card:hover { transform: translateY(-4px); box-shadow: 0 22px 50px -14px rgba(4,12,32,0.6); }\r\n#indi-cdp-res .res-sector { display: inline-flex; align-items: center; gap: 6px; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(255,255,255,0.6) !important; margin-bottom: 6px; }\r\n#indi-cdp-res .res-sector::before { content: \"\"; width: 6px; height: 6px; border-radius: 50%; background: #8ADA3F; }\r\n#indi-cdp-res .res-stat { font-size: 40px !important; font-weight: 700 !important; letter-spacing: -0.03em; line-height: 1 !important; color: #8ADA3F !important; }\r\n#indi-cdp-res .res-metric { font-size: 13px !important; font-weight: 600 !important; color: #FFFFFF !important; margin-top: 2px; }\r\n#indi-cdp-res .res-second { font-size: 12px !important; font-weight: 700 !important; color: #FFFFFF !important; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 50px; padding: 4px 11px; align-self: flex-start; margin-top: 10px; }\r\n#indi-cdp-res .res-desc { font-size: 13px !important; font-weight: 400 !important; line-height: 1.55 !important; color: rgba(255,255,255,0.65) !important; margin-top: 12px; }\r\n\r\n#indi-cdp-res .res-foot { margin-top: 28px; text-align: center; font-size: 12px !important; font-weight: 400 !important; color: rgba(255,255,255,0.45) !important; }\r\n\r\n\/* Scroll reveal *\/\r\n#indi-cdp-res .res-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-cdp-res .res-animate.res-vis { opacity: 1; transform: translateY(0); }\r\n#indi-cdp-res .res-grid .res-card:nth-child(2) { transition-delay: 0.08s; }\r\n#indi-cdp-res .res-grid .res-card:nth-child(3) { transition-delay: 0.16s; }\r\n#indi-cdp-res .res-grid .res-card:nth-child(4) { transition-delay: 0.24s; }\r\n@media (prefers-reduced-motion: reduce) { #indi-cdp-res .res-animate { opacity: 1 !important; transform: none !important; transition: none !important; } }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1000px) { #indi-cdp-res .res-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 760px) { #indi-cdp-res .res-grid { grid-template-columns: 1fr; } }\r\n@media (max-width: 1100px) { #indi-cdp-res .res-wrap { padding: 80px 32px !important; } }\r\n@media (max-width: 540px) { #indi-cdp-res .res-wrap { padding: 56px 16px !important; } #indi-cdp-res .res-grid { grid-template-columns: 1fr; } }\r\n<\/style>\r\n\r\n<section id=\"indi-cdp-res\" role=\"region\" aria-label=\"CDP results reported by indigitall customers\">\r\n  <div class=\"res-texture\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"res-glow\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"res-wrap\">\r\n\r\n    <div class=\"res-head\">\r\n      <span class=\"res-eyebrow\">Results<\/span>\r\n      <h2 class=\"res-h2\">Unified data, <em>real results.<\/em><\/h2>\r\n      <p class=\"res-sub\">What happens when data stops being fragmented: a single profile per customer, real-time segmentation, and activation on the right channel.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"res-grid\">\r\n\r\n      <article class=\"res-card res-animate\">\r\n        <span class=\"res-sector\">Healthcare \u00b7 Spain<\/span>\r\n        <span class=\"res-stat\">2\u00d7<\/span>\r\n        <span class=\"res-metric\">patient engagement<\/span>\r\n        <span class=\"res-second\">\u221235% SMS cost<\/span>\r\n        <p class=\"res-desc\">Unified all its patient databases in the indigitall CDP.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"res-card res-animate\">\r\n        <span class=\"res-sector\">Travel \u00b7 Mexico<\/span>\r\n        <span class=\"res-stat\">720k<\/span>\r\n        <span class=\"res-metric\">new opt-ins<\/span>\r\n        <span class=\"res-second\">13.5M devices<\/span>\r\n        <p class=\"res-desc\">Captured anonymous leads via Web Push and integrated them into its flow.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"res-card res-animate\">\r\n        <span class=\"res-sector\">Banking \u00b7 Peru<\/span>\r\n        <span class=\"res-stat\">16.7%<\/span>\r\n        <span class=\"res-metric\">CTR on retargeting<\/span>\r\n        <span class=\"res-second\">9.4% CTR segmentation<\/span>\r\n        <p class=\"res-desc\">Re-engaged abandoned mortgage and credit applications.<\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"res-foot\">Results reported by indigitall customers. They are not a guarantee and vary by sector and use case.<\/p>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById('indi-cdp-res'); if (!root) return;\r\n    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      root.querySelectorAll('.res-animate').forEach(function (el) { el.classList.add('res-vis'); }); return; }\r\n    var obs = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) { if (e.isIntersecting) { e.target.classList.add('res-vis'); obs.unobserve(e.target); } }); }, { threshold: 0.15 });\r\n    root.querySelectorAll('.res-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":"<!-- indigitall CDP - 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-cdp-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-cdp-uc *, #indi-cdp-uc *::before, #indi-cdp-uc *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#indi-cdp-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-cdp-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-cdp-uc .uc-eyebrow::before { content: \"\"; width: 22px; height: 2px; background: #8ADA3F; display: inline-block; border-radius: 2px; }\r\n#indi-cdp-uc .uc-head { text-align: center; max-width: 720px; margin: 0 auto 52px; }\r\n#indi-cdp-uc .uc-head .uc-eyebrow { justify-content: center; }\r\n#indi-cdp-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-cdp-uc .uc-h2 em { font-style: normal; color: #0072EF !important; }\r\n#indi-cdp-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-cdp-uc .uc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n\r\n\/* Card *\/\r\n#indi-cdp-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-cdp-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-cdp-uc .uc-cardtop { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }\r\n#indi-cdp-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-cdp-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-cdp-uc .uc-tag::before { content: \"\"; width: 6px; height: 6px; border-radius: 50%; background: #8ADA3F; }\r\n\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-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-cdp-uc .uc-step svg { flex-shrink: 0; }\r\n#indi-cdp-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-cdp-uc .uc-arrow { color: #B7C4D6; flex-shrink: 0; display: flex; }\r\n\r\n\/* Points *\/\r\n#indi-cdp-uc .uc-points { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-uc .uc-animate.uc-vis { opacity: 1; transform: translateY(0); }\r\n#indi-cdp-uc .uc-grid .uc-card:nth-child(2) { transition-delay: 0.08s; }\r\n#indi-cdp-uc .uc-grid .uc-card:nth-child(3) { transition-delay: 0.16s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #indi-cdp-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-cdp-uc .uc-wrap { padding: 80px 32px !important; } #indi-cdp-uc .uc-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; } }\r\n@media (max-width: 600px) { #indi-cdp-uc .uc-wrap { padding: 56px 16px !important; } #indi-cdp-uc .uc-card { padding: 22px !important; } }\r\n<\/style>\r\n<section id=\"indi-cdp-uc\" role=\"region\" aria-label=\"CDP use cases\">\r\n  <div class=\"uc-wrap\">\r\n    <div class=\"uc-head\">\r\n      <span class=\"uc-eyebrow\">Use cases<\/span>\r\n      <h2 class=\"uc-h2\">One profile, <em>put to work.<\/em><\/h2>\r\n      <p class=\"uc-sub\">What unified, real-time customer data makes possible across the journey: identity, segmentation and activation on one architecture.<\/p>\r\n    <\/div>\r\n    <div class=\"uc-grid\">\r\n\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\"><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=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span><span class=\"uc-tag\">Unification<\/span><\/div>\r\n        <h3 class=\"uc-title\">One profile from every source<\/h3>\r\n        <p class=\"uc-desc\">Resolve duplicates from CRM, ecommerce, app and store into a single living profile, actionable instantly.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\"><span class=\"uc-step\">CRM<\/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\">Shopify<\/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\">Store<\/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\">1 profile<\/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>Cross-channel identity<\/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>Real-time, not batch<\/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>Feeds your CRM<\/li><\/ul>\r\n      <\/article>\r\n\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\"><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><span class=\"uc-tag\">Segmentation<\/span><\/div>\r\n        <h3 class=\"uc-title\">Audiences in natural language<\/h3>\r\n        <p class=\"uc-desc\">Describe the audience in plain language and the CDP builds the segment from live behavior and attributes, ready to drop into a journey.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\"><span class=\"uc-step\">Describe<\/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\">Segment<\/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\">Journey<\/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\">Live<\/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>Built on real behavior<\/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>No SQL<\/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 for the journey<\/li><\/ul>\r\n      <\/article>\r\n\r\n      <article class=\"uc-card uc-animate\">\r\n        <div class=\"uc-cardtop\"><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\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/span><span class=\"uc-tag\">Activation<\/span><\/div>\r\n        <h3 class=\"uc-title\">Event to action, live<\/h3>\r\n        <p class=\"uc-desc\">Every event (a purchase, an abandoned cart, an opt-in, a store visit) can trigger activation on the right channel at the right moment.<\/p>\r\n        <div class=\"uc-flow\" aria-hidden=\"true\"><span class=\"uc-step\">Event<\/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\">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\">Channel<\/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\">Sent<\/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>Real-time triggers<\/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>The right channel<\/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>WhatsApp \u00b7 Push \u00b7 Email \u00b7 In-App<\/li><\/ul>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n  <script>\r\n  (function () {\r\n    var root = document.getElementById('indi-cdp-uc'); 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    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); } }); }, { 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: \"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-cdp-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-cdp-capabilities *, #indi-cdp-capabilities *::before, #indi-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-capabilities .iac-line {\r\n  stroke: #C9D6EC;\r\n  stroke-width: 2;\r\n  fill: none;\r\n}\r\n#indi-cdp-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-cdp-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-cdp-capabilities .iac-node svg { width: 13px; height: 13px; flex: none; }\r\n#indi-cdp-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-cdp-capabilities .iac-node.iac-primary svg { stroke: #FFFFFF; }\r\n#indi-cdp-capabilities .iac-node.iac-blue svg { stroke: #0072EF; }\r\n\r\n\/* moving packets *\/\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-capabilities .iac-route { left: 168px; top: 76px; }\r\n#indi-cdp-capabilities .iac-route.r1 { animation: iac-r1 3.6s ease-in-out infinite; }\r\n#indi-cdp-capabilities .iac-route.r2 { animation: iac-r2 3.6s ease-in-out infinite; animation-delay: 1.2s; }\r\n#indi-cdp-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-cdp-capabilities .iac-t1 { animation: iac-hl 3.6s ease-in-out infinite; }\r\n#indi-cdp-capabilities .iac-t2 { animation: iac-hl 3.6s ease-in-out infinite; animation-delay: 1.2s; }\r\n#indi-cdp-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-cdp-capabilities .iac-out { left: 74px; top: 76px; }\r\n#indi-cdp-capabilities .iac-out.o1 { animation: iac-o1 2.6s ease-in-out infinite; }\r\n#indi-cdp-capabilities .iac-out.o2 { animation: iac-o2 2.6s ease-in-out infinite; animation-delay: .5s; }\r\n#indi-cdp-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-cdp-capabilities .iac-back.b1 { left: 196px; top: 32px; animation: iac-b1 2.6s ease-in-out infinite; }\r\n#indi-cdp-capabilities .iac-back.b2 { left: 196px; top: 76px; animation: iac-b2 2.6s ease-in-out infinite; animation-delay: .5s; }\r\n#indi-cdp-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-cdp-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-cdp-capabilities .iac-up { top: 104px; }\r\n#indi-cdp-capabilities .iac-up.u1 { left: 50px; animation: iac-up1 6s ease-in-out infinite; }\r\n#indi-cdp-capabilities .iac-up.u2 { left: 140px; animation: iac-up2 6s ease-in-out infinite; }\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-capabilities .iac-resp { position: absolute; top: 75px; width: 11px; height: 11px; border-radius: 3px; }\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-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-cdp-capabilities .iac-bar.bar1 { left:178px; height:22px; animation: iac-grow 4s ease-in-out infinite; }\r\n#indi-cdp-capabilities .iac-bar.bar2 { left:202px; height:38px; animation: iac-grow 4s ease-in-out infinite; animation-delay:.3s; }\r\n#indi-cdp-capabilities .iac-bar.bar3 { left:226px; height:54px; animation: iac-grow 4s ease-in-out infinite; animation-delay:.6s; }\r\n#indi-cdp-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-cdp-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-cdp-capabilities .iac-cardpkt span { height:2.5px; border-radius:2px; background:#C9D6EC; }\r\n#indi-cdp-capabilities .iac-cardpkt span:nth-child(1){ width:100%; }\r\n#indi-cdp-capabilities .iac-cardpkt span:nth-child(2){ width:70%; }\r\n#indi-cdp-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-cdp-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-cdp-capabilities .iac-human svg { stroke:#0072EF; }\r\n\r\n\/* ---------- scroll reveal ---------- *\/\r\n#indi-cdp-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-cdp-capabilities .iac-animate.iac-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n#indi-cdp-capabilities .iac-grid .iac-card:nth-child(1) { transition-delay: .00s; }\r\n#indi-cdp-capabilities .iac-grid .iac-card:nth-child(2) { transition-delay: .08s; }\r\n#indi-cdp-capabilities .iac-grid .iac-card:nth-child(3) { transition-delay: .16s; }\r\n#indi-cdp-capabilities .iac-grid .iac-card:nth-child(4) { transition-delay: .08s; }\r\n#indi-cdp-capabilities .iac-grid .iac-card:nth-child(5) { transition-delay: .16s; }\r\n#indi-cdp-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-cdp-capabilities .iac-wrap { padding: 80px 32px !important; }\r\n  #indi-cdp-capabilities .iac-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 700px) {\r\n  #indi-cdp-capabilities .iac-wrap { padding: 60px 24px !important; }\r\n  #indi-cdp-capabilities .iac-grid { grid-template-columns: 1fr; gap: 20px; }\r\n  #indi-cdp-capabilities .iac-h2 { max-width: 100%; }\r\n}\r\n@media (max-width: 480px) {\r\n  #indi-cdp-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-cdp-capabilities .iac-animate { opacity:1 !important; transform:none !important; transition:none !important; }\r\n  #indi-cdp-capabilities .iac-packet,\r\n  #indi-cdp-capabilities .iac-resp,\r\n  #indi-cdp-capabilities .iac-up,\r\n  #indi-cdp-capabilities .iac-shieldpulse { opacity:0 !important; animation:none !important; }\r\n  #indi-cdp-capabilities .iac-feed,\r\n  #indi-cdp-capabilities .iac-route,\r\n  #indi-cdp-capabilities .iac-out,\r\n  #indi-cdp-capabilities .iac-back,\r\n  #indi-cdp-capabilities .iac-token,\r\n  #indi-cdp-capabilities .iac-core,\r\n  #indi-cdp-capabilities .iac-t1, #indi-cdp-capabilities .iac-t2, #indi-cdp-capabilities .iac-t3,\r\n  #indi-cdp-capabilities .iac-orbit,\r\n  #indi-cdp-capabilities .iac-bar,\r\n  #indi-cdp-capabilities .iac-cardpkt,\r\n  #indi-cdp-capabilities .iac-human { animation:none !important; }\r\n  #indi-cdp-capabilities .iac-token { transform:translateX(0) !important; }\r\n  #indi-cdp-capabilities .iac-cardpkt { opacity:1 !important; }\r\n  #indi-cdp-capabilities .iac-bar.bar1 { transform:scaleY(1) !important; }\r\n  #indi-cdp-capabilities .iac-bar.bar2 { transform:scaleY(1) !important; }\r\n  #indi-cdp-capabilities .iac-bar.bar3 { transform:scaleY(1) !important; }\r\n  #indi-cdp-capabilities .iac-bar.bar4 { transform:scaleY(1) !important; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"indi-cdp-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 data layer behind every interaction.<\/h2>\r\n    <p class=\"iac-intro\">The CDP is the data layer of the indigitall platform, underneath the orchestration, security, identity and live integrations that turn unified profiles into action across every channel.<\/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 and the customer profile. 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-cdp-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 CDP - CDP vs CRM - 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-cdp-vs {\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-cdp-vs *, #indi-cdp-vs *::before, #indi-cdp-vs *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n#indi-cdp-vs .cmp-wrap { position: relative; z-index: 2; max-width: 1080px; margin: 0 auto !important; padding: 100px 48px !important; }\r\n\r\n\/* Header *\/\r\n#indi-cdp-vs .cmp-head-txt { text-align: center; max-width: 680px; margin: 0 auto 48px; }\r\n#indi-cdp-vs .cmp-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: #1565E0 !important; justify-content: center; }\r\n#indi-cdp-vs .cmp-eyebrow::before { content: \"\"; width: 22px; height: 2px; background: #8ADA3F; display: inline-block; border-radius: 2px; }\r\n#indi-cdp-vs .cmp-h2 { margin-top: 16px !important; font-size: clamp(28px, 3.5vw, 44px) !important; font-weight: 500 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; color: #0F3B7A !important; }\r\n#indi-cdp-vs .cmp-h2 em { font-style: normal; color: #0072EF !important; }\r\n#indi-cdp-vs .cmp-sub { margin-top: 18px !important; font-size: 17px !important; line-height: 1.6 !important; color: #5A6B85 !important; }\r\n\r\n\/* Table *\/\r\n#indi-cdp-vs .cmp-table {\r\n  background: #FFFFFF; border: 1px solid #E4EAF2; border-radius: 18px; overflow: hidden;\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}\r\n#indi-cdp-vs .cmp-colhead { display: grid; grid-template-columns: 1.15fr 1fr 1.1fr; align-items: stretch; }\r\n#indi-cdp-vs .cmp-ch { padding: 18px 22px; display: flex; align-items: center; gap: 9px; }\r\n#indi-cdp-vs .cmp-ch.spacer { background: transparent; }\r\n#indi-cdp-vs .cmp-ch.crm { color: #5A6B85 !important; font-size: 15px !important; font-weight: 700 !important; }\r\n#indi-cdp-vs .cmp-ch.cdp {\r\n  background: linear-gradient(135deg, #0F3B7A 0%, #0072EF 100%);\r\n  color: #FFFFFF !important; font-size: 15px !important; font-weight: 700 !important;\r\n  border-radius: 12px 12px 0 0;\r\n}\r\n#indi-cdp-vs .cmp-ch-ic { width: 26px; height: 26px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n#indi-cdp-vs .cmp-ch.crm .cmp-ch-ic { background: #EEF1F5; }\r\n#indi-cdp-vs .cmp-ch.cdp .cmp-ch-ic { background: rgba(255,255,255,0.16); }\r\n\r\n#indi-cdp-vs .cmp-row { display: grid; grid-template-columns: 1.15fr 1fr 1.1fr; align-items: stretch; border-top: 1px solid #EEF1F5; }\r\n#indi-cdp-vs .cmp-cell { padding: 16px 22px; font-size: 14px !important; line-height: 1.45 !important; display: flex; flex-direction: column; justify-content: center; }\r\n#indi-cdp-vs .cmp-attr { color: #0F3B7A !important; font-weight: 700 !important; }\r\n#indi-cdp-vs .cmp-crm { color: #5A6B85 !important; font-weight: 400 !important; }\r\n#indi-cdp-vs .cmp-cdp { color: #0F3B7A !important; font-weight: 600 !important; background: rgba(0,114,239,0.05); border-left: 2px solid rgba(138,218,63,0.5); }\r\n#indi-cdp-vs .cmp-row:last-child .cmp-cdp { border-radius: 0 0 12px 12px; }\r\n#indi-cdp-vs .cmp-mh { display: none; }\r\n\r\n\/* Footer callout *\/\r\n#indi-cdp-vs .cmp-note {\r\n  margin-top: 24px; display: flex; align-items: center; gap: 12px; justify-content: center;\r\n  background: rgba(138,218,63,0.12); border: 1px solid rgba(138,218,63,0.4);\r\n  border-radius: 14px; padding: 16px 22px; text-align: center;\r\n}\r\n#indi-cdp-vs .cmp-note-ic { width: 32px; height: 32px; border-radius: 9px; background: #8ADA3F; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n#indi-cdp-vs .cmp-note-txt { font-size: 15px !important; font-weight: 600 !important; color: #0F3B7A !important; line-height: 1.4; }\r\n\r\n@media (max-width: 760px) {\r\n  #indi-cdp-vs .cmp-wrap { padding: 64px 20px !important; }\r\n  #indi-cdp-vs .cmp-colhead { display: none; }\r\n  #indi-cdp-vs .cmp-row { grid-template-columns: 1fr; }\r\n  #indi-cdp-vs .cmp-attr { background: #F5F7FA; font-size: 13px !important; }\r\n  #indi-cdp-vs .cmp-cdp { border-left: none; border-top: 2px solid rgba(138,218,63,0.5); }\r\n  #indi-cdp-vs .cmp-mh { display: inline-block; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 4px; }\r\n  #indi-cdp-vs .cmp-crm .cmp-mh { color: #9AA7B8 !important; }\r\n  #indi-cdp-vs .cmp-cdp .cmp-mh { color: #0072EF !important; }\r\n  #indi-cdp-vs .cmp-row:last-child .cmp-cdp { border-radius: 0; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"indi-cdp-vs\" role=\"region\" aria-label=\"CDP vs CRM comparison\">\r\n  <div class=\"cmp-wrap\">\r\n\r\n    <div class=\"cmp-head-txt\">\r\n      <span class=\"cmp-eyebrow\">CDP vs CRM<\/span>\r\n      <h2 class=\"cmp-h2\">What is the difference between a <em>CDP and a CRM?<\/em><\/h2>\r\n      <p class=\"cmp-sub\">The CRM manages the commercial relationship and sales. The CDP unifies data from every channel and activates it in real time. They don't compete: the CDP feeds your CRM with the complete customer.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cmp-table\">\r\n\r\n      <!-- Column headers (desktop) -->\r\n      <div class=\"cmp-colhead\" aria-hidden=\"true\">\r\n        <div class=\"cmp-ch spacer\"><\/div>\r\n        <div class=\"cmp-ch crm\">\r\n          <span class=\"cmp-ch-ic\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7C8BA1\" 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\"\/><\/svg><\/span>\r\n          CRM\r\n        <\/div>\r\n        <div class=\"cmp-ch cdp\">\r\n          <span class=\"cmp-ch-ic\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><path d=\"M3 12c0 1.66 4 3 9 3s9-1.34 9-3\"\/><\/svg><\/span>\r\n          indigitall CDP\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cmp-row\">\r\n        <div class=\"cmp-cell cmp-attr\">Purpose<\/div>\r\n        <div class=\"cmp-cell cmp-crm\"><span class=\"cmp-mh\">CRM<\/span>Commercial relationship and sales<\/div>\r\n        <div class=\"cmp-cell cmp-cdp\"><span class=\"cmp-mh\">indigitall CDP<\/span>Unify data to activate it<\/div>\r\n      <\/div>\r\n      <div class=\"cmp-row\">\r\n        <div class=\"cmp-cell cmp-attr\">Data source<\/div>\r\n        <div class=\"cmp-cell cmp-crm\"><span class=\"cmp-mh\">CRM<\/span>Manual team entry<\/div>\r\n        <div class=\"cmp-cell cmp-cdp\"><span class=\"cmp-mh\">indigitall CDP<\/span>Automatic, from every channel and source<\/div>\r\n      <\/div>\r\n      <div class=\"cmp-row\">\r\n        <div class=\"cmp-cell cmp-attr\">Data type<\/div>\r\n        <div class=\"cmp-cell cmp-crm\"><span class=\"cmp-mh\">CRM<\/span>Structured and transactional<\/div>\r\n        <div class=\"cmp-cell cmp-cdp\"><span class=\"cmp-mh\">indigitall CDP<\/span>Behavior, events, and identity<\/div>\r\n      <\/div>\r\n      <div class=\"cmp-row\">\r\n        <div class=\"cmp-cell cmp-attr\">Identity<\/div>\r\n        <div class=\"cmp-cell cmp-crm\"><span class=\"cmp-mh\">CRM<\/span>Records per contact, sometimes duplicated<\/div>\r\n        <div class=\"cmp-cell cmp-cdp\"><span class=\"cmp-mh\">indigitall CDP<\/span>Single profile across channels and devices<\/div>\r\n      <\/div>\r\n      <div class=\"cmp-row\">\r\n        <div class=\"cmp-cell cmp-attr\">Update<\/div>\r\n        <div class=\"cmp-cell cmp-crm\"><span class=\"cmp-mh\">CRM<\/span>Periodic, in batches<\/div>\r\n        <div class=\"cmp-cell cmp-cdp\"><span class=\"cmp-mh\">indigitall CDP<\/span>In real time<\/div>\r\n      <\/div>\r\n      <div class=\"cmp-row\">\r\n        <div class=\"cmp-cell cmp-attr\">Primary use<\/div>\r\n        <div class=\"cmp-cell cmp-crm\"><span class=\"cmp-mh\">CRM<\/span>Opportunity tracking<\/div>\r\n        <div class=\"cmp-cell cmp-cdp\"><span class=\"cmp-mh\">indigitall CDP<\/span>Omnichannel segmentation and activation<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"cmp-note\">\r\n      <span class=\"cmp-note-ic\" aria-hidden=\"true\"><svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0F0F0F\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12l2 2 4-4\"\/><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg><\/span>\r\n      <span class=\"cmp-note-txt\">The CDP doesn't replace your CRM: it completes it with the unified customer.<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\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-cdp-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-cdp-en-more *, #indi-cdp-en-more *::before, #indi-cdp-en-more *::after { box-sizing: border-box; margin: 0; padding: 0; font-family: inherit; }\r\n#indi-cdp-en-more .d-wrap { max-width: 1120px; margin: 0 auto !important; padding: 64px 32px !important; }\r\n#indi-cdp-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-cdp-en-more .d-eyebrow::before { content: ''; width: 24px; height: 3px; border-radius: 2px; background: #8ADA3F; }\r\n#indi-cdp-en-more .d-list { display: flex; flex-direction: column; gap: 16px; }\r\n#indi-cdp-en-more details.d-dd { background: #FFFFFF; border: 1px solid #E3EAF4; border-radius: 16px; }\r\n#indi-cdp-en-more details.d-dd[open] { box-shadow: 0 8px 24px -12px rgba(15,59,122,0.18); }\r\n#indi-cdp-en-more details.d-dd > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 16px; padding: 24px; }\r\n#indi-cdp-en-more details.d-dd > summary::-webkit-details-marker { display: none; }\r\n#indi-cdp-en-more details.d-dd > summary:focus-visible { outline: 2px solid #0072EF; outline-offset: 2px; border-radius: 16px; }\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-en-more details.d-dd[open] > summary .d-chev { transform: rotate(180deg); }\r\n#indi-cdp-en-more .d-body { padding: 0 24px 32px 80px; display: flex; flex-direction: column; gap: 24px; }\r\n#indi-cdp-en-more p.d-p, #indi-cdp-en-more td, #indi-cdp-en-more th, #indi-cdp-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-cdp-en-more p.d-p { margin: 0 !important; }\r\n#indi-cdp-en-more strong, #indi-cdp-en-more b { font-weight: 700 !important; color: #0F3B7A !important; }\r\n#indi-cdp-en-more em { font-style: italic; }\r\n#indi-cdp-en-more a { color: #0072EF !important; text-decoration: underline !important; text-underline-offset: 3px !important; font-weight: 600 !important; }\r\n#indi-cdp-en-more a:hover { color: #0F3B7A !important; }\r\n#indi-cdp-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-cdp-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-cdp-en-more ul.d-ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }\r\n#indi-cdp-en-more ul.d-ul > li { position: relative; padding-left: 24px; }\r\n#indi-cdp-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-cdp-en-more .d-cards { display: grid; gap: 16px; list-style: none; }\r\n#indi-cdp-en-more .d-cards.d-2 { grid-template-columns: 1fr 1fr; }\r\n#indi-cdp-en-more .d-cards.d-3 { grid-template-columns: repeat(3, 1fr); }\r\n#indi-cdp-en-more .d-cards.d-4 { grid-template-columns: repeat(4, 1fr); }\r\n#indi-cdp-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-cdp-en-more .d-ch { display: flex; align-items: center; gap: 16px; }\r\n#indi-cdp-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-cdp-en-more h3.d-ct, #indi-cdp-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-cdp-en-more .d-card p.d-p, #indi-cdp-en-more .d-card li { font-size: 15px; }\r\n#indi-cdp-en-more .d-card.d-yes { border-top: 4px solid #8ADA3F; }\r\n#indi-cdp-en-more .d-card.d-no { border-top: 4px solid #F07000; }\r\n#indi-cdp-en-more .d-card.d-hi { background: #0F3B7A; border-color: #0F3B7A; }\r\n#indi-cdp-en-more .d-card.d-hi .d-ct, #indi-cdp-en-more .d-card.d-hi p.d-p, #indi-cdp-en-more .d-card.d-hi li, #indi-cdp-en-more .d-card.d-hi strong { color: #FFFFFF !important; }\r\n#indi-cdp-en-more .d-card.d-hi a { color: #8ADA3F !important; }\r\n#indi-cdp-en-more .d-note { border-radius: 12px; padding: 16px 24px; display: flex; gap: 16px; align-items: flex-start; }\r\n#indi-cdp-en-more .d-note.d-green { background: #F3FBEA; border: 1px solid #DDF1C7; }\r\n#indi-cdp-en-more .d-note.d-grey { background: #F7F9FC; border: 1px solid #E6ECF4; }\r\n#indi-cdp-en-more .d-note.d-blue { background: #EEF3FF; border: 1px solid #D9E4FF; }\r\n#indi-cdp-en-more .d-note svg { margin-top: 3px; flex-shrink: 0; }\r\n#indi-cdp-en-more .d-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }\r\n#indi-cdp-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-cdp-en-more .d-stat b { font-size: 32px; font-weight: 800; line-height: 1; color: #0F3B7A !important; letter-spacing: -0.02em; }\r\n#indi-cdp-en-more .d-stat span { font-size: 15px; font-weight: 600; color: #5B6472; line-height: 1.4; }\r\n#indi-cdp-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-cdp-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-cdp-en-more .d-node.d-on { background: #0F3B7A; border-color: #0F3B7A; color: #FFFFFF; }\r\n#indi-cdp-en-more .d-arrow { display: inline-flex; }\r\n#indi-cdp-en-more ol.d-steps { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\r\n#indi-cdp-en-more ol.d-steps.d-s1 { grid-template-columns: 1fr; } #indi-cdp-en-more ol.d-steps.d-s2 { grid-template-columns: 1fr 1fr; } #indi-cdp-en-more ol.d-steps.d-s3 { grid-template-columns: repeat(3, 1fr); }\r\n#indi-cdp-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-cdp-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-cdp-en-more ol.d-steps li > div { padding-top: 4px; }\r\n#indi-cdp-en-more ul.d-checks { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; }\r\n#indi-cdp-en-more ul.d-checks li { display: flex; gap: 8px; align-items: flex-start; }\r\n#indi-cdp-en-more ul.d-checks li svg { margin-top: 4px; flex-shrink: 0; }\r\n#indi-cdp-en-more ul.d-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }\r\n#indi-cdp-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-cdp-en-more .d-split { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }\r\n#indi-cdp-en-more .d-split > div { display: flex; flex-direction: column; gap: 16px; }\r\n#indi-cdp-en-more .d-tw { width: 100%; }\r\n#indi-cdp-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-cdp-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-cdp-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-cdp-en-more table.d-table tbody tr:nth-child(even) td { background: #F7F9FC; }\r\n#indi-cdp-en-more table.d-table tr:last-child td { border-bottom: 0; }\r\n#indi-cdp-en-more table.d-table td.d-stage { font-weight: 700; color: #0F3B7A; }\r\n#indi-cdp-en-more table.d-table td.d-stage span { display: inline-flex; align-items: flex-start; gap: 8px; }\r\n#indi-cdp-en-more table.d-table td.d-stage svg { margin-top: 3px; flex-shrink: 0; }\r\n#indi-cdp-en-more .d-faq { display: flex; flex-direction: column; }\r\n#indi-cdp-en-more .d-faq > div { padding: 24px 0; border-top: 1px solid #E6ECF4; display: flex; flex-direction: column; gap: 8px; }\r\n#indi-cdp-en-more .d-faq > div:first-child { padding-top: 0; border-top: 0; }\r\n@media (max-width: 960px) {\r\n  #indi-cdp-en-more .d-cards.d-3, #indi-cdp-en-more .d-cards.d-4, #indi-cdp-en-more ol.d-steps, #indi-cdp-en-more ol.d-steps.d-s3 { grid-template-columns: 1fr 1fr; }\r\n  #indi-cdp-en-more .d-body { padding: 0 24px 32px; }\r\n}\r\n@media (max-width: 760px) {\r\n  #indi-cdp-en-more .d-wrap { padding: 40px 16px !important; }\r\n  #indi-cdp-en-more details.d-dd > summary { padding: 16px; gap: 16px; }\r\n  #indi-cdp-en-more h2.d-h2 { font-size: 17px !important; }\r\n  #indi-cdp-en-more .d-body { padding: 0 16px 24px; gap: 16px; }\r\n  #indi-cdp-en-more .d-cards.d-2, #indi-cdp-en-more .d-cards.d-3, #indi-cdp-en-more .d-cards.d-4, #indi-cdp-en-more ol.d-steps, #indi-cdp-en-more ol.d-steps.d-s2, #indi-cdp-en-more ol.d-steps.d-s3, #indi-cdp-en-more ul.d-checks, #indi-cdp-en-more .d-split { grid-template-columns: 1fr; }\r\n  #indi-cdp-en-more .d-card { padding: 16px; }\r\n  #indi-cdp-en-more .d-note { padding: 16px; }\r\n  #indi-cdp-en-more .d-flow { flex-direction: column; align-items: flex-start; padding: 16px; }\r\n  #indi-cdp-en-more .d-arrow { transform: rotate(90deg); margin-left: 16px; }\r\n  #indi-cdp-en-more table.d-table, #indi-cdp-en-more table.d-table tbody, #indi-cdp-en-more table.d-table tr, #indi-cdp-en-more table.d-table td { display: block; width: 100%; }\r\n  #indi-cdp-en-more table.d-table { border: 0; border-radius: 0; overflow: visible; background: transparent; }\r\n  #indi-cdp-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-cdp-en-more table.d-table tr { border: 1px solid #E6ECF4; border-radius: 12px; overflow: hidden; margin-bottom: 16px; background: #FFFFFF; }\r\n  #indi-cdp-en-more table.d-table tbody tr:nth-child(even) td { background: #FFFFFF; }\r\n  #indi-cdp-en-more table.d-table td { border-bottom: 1px solid #E6ECF4; }\r\n  #indi-cdp-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-cdp-en-more table.d-table td.d-stage { background: #F7F9FC !important; }\r\n  #indi-cdp-en-more table.d-table td.d-stage::before { display: none; }\r\n}\r\n<\/style>\r\n<section id=\"indi-cdp-en-more\" aria-label=\"More about CDP\">\r\n  <div class=\"d-wrap\">\r\n    <p class=\"d-eyebrow\">More about CDP<\/p>\r\n    <div class=\"d-list\">\r\n      <details class=\"d-dd\" id=\"cdp-en-faqs\">\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\"><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: the indigitall CDP and your CRM<\/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\">Does the indigitall CDP replace my CRM?<\/h3><p class=\"d-p\">No. A CRM manages interactions with customers you already know, while the indigitall CDP gathers data on known and unknown customers, behavioral and transactional, into a unified profile that feeds the CRM. To connect them, you create the CRM's fields in indigitall, run a first load with a CSV file, and the sync is automatic after that.<\/p><\/div><div><h3 class=\"d-h3\">How does the indigitall CDP avoid duplicate contacts?<\/h3><p class=\"d-p\">Each customer has a unique ID in the indigitall CDP. New data, such as an email from the CRM, the cookie ID of a web visit or a loyalty number from a store, is linked to that ID. New records and updates coming from the CRM sync without creating duplicates.<\/p><\/div><div><h3 class=\"d-h3\">What does a customer profile in the indigitall CDP hold?<\/h3><p class=\"d-p\">A profile holds the customer's ID, fields, events, purchases, devices, engagement with messages and message history. Fields can be numbers, text, dates or date and time, and also aggregates such as total spent last month. Each event is defined with a code and a number of retention days.<\/p><\/div><div><h3 class=\"d-h3\">Can I delete a customer and all their data from the indigitall CDP?<\/h3><p class=\"d-p\">Yes. From the Customer view in Audiences you can delete a contact, and the deletion permanently removes the user and their data. The same area shows each contact's active channels, send status and event log, and lets you download the contact list as a CSV file.<\/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\":\"Does the indigitall CDP replace my CRM?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. A CRM manages interactions with customers you already know, while the indigitall CDP gathers data on known and unknown customers, behavioral and transactional, into a unified profile that feeds the CRM. To connect them, you create the CRM's fields in indigitall, run a first load with a CSV file, and the sync is automatic after that.\"}},{\"@type\":\"Question\",\"name\":\"How does the indigitall CDP avoid duplicate contacts?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Each customer has a unique ID in the indigitall CDP. New data, such as an email from the CRM, the cookie ID of a web visit or a loyalty number from a store, is linked to that ID. New records and updates coming from the CRM sync without creating duplicates.\"}},{\"@type\":\"Question\",\"name\":\"What does a customer profile in the indigitall CDP hold?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A profile holds the customer's ID, fields, events, purchases, devices, engagement with messages and message history. Fields can be numbers, text, dates or date and time, and also aggregates such as total spent last month. Each event is defined with a code and a number of retention days.\"}},{\"@type\":\"Question\",\"name\":\"Can I delete a customer and all their data from the indigitall CDP?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. From the Customer view in Audiences you can delete a contact, and the deletion permanently removes the user and their data. The same area shows each contact's active channels, send status and event log, and lets you download the contact list as a CSV file.\"}}]}<\/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":{"title":"Get Started","url":"#getstarted","target":"_blank"},"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.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>indigitall Customer Data Platform | Unified 360\u00b0 View<\/title>\n<meta name=\"description\" content=\"Centralize every brand interaction across all digital channels into a persistent, unified customer database to create a crystal-clear, 360-degree view of your audience.\" \/>\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\/cdp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"indigitall Customer Data Platform | Unified 360\u00b0 View\" \/>\n<meta property=\"og:description\" content=\"Centralize every brand interaction across all digital channels into a persistent, unified customer database to create a crystal-clear, 360-degree view of your audience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/indigitall.com\/en\/cdp\/\" \/>\n<meta property=\"og:site_name\" content=\"indigitall\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-30T14:01:23+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\\\/cdp\\\/\",\"url\":\"https:\\\/\\\/indigitall.com\\\/en\\\/cdp\\\/\",\"name\":\"indigitall Customer Data Platform | Unified 360\u00b0 View\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/#website\"},\"datePublished\":\"2026-01-13T17:19:29+00:00\",\"dateModified\":\"2026-10-30T14:01:23+00:00\",\"description\":\"Centralize every brand interaction across all digital channels into a persistent, unified customer database to create a crystal-clear, 360-degree view of your audience.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/cdp\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/indigitall.com\\\/en\\\/cdp\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/indigitall.com\\\/en\\\/cdp\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/indigitall.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CDP\"}]},{\"@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":"indigitall Customer Data Platform | Unified 360\u00b0 View","description":"Centralize every brand interaction across all digital channels into a persistent, unified customer database to create a crystal-clear, 360-degree view of your audience.","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\/cdp\/","og_locale":"en_US","og_type":"article","og_title":"indigitall Customer Data Platform | Unified 360\u00b0 View","og_description":"Centralize every brand interaction across all digital channels into a persistent, unified customer database to create a crystal-clear, 360-degree view of your audience.","og_url":"https:\/\/indigitall.com\/en\/cdp\/","og_site_name":"indigitall","article_modified_time":"2026-10-30T14:01:23+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/indigitall.com\/en\/cdp\/","url":"https:\/\/indigitall.com\/en\/cdp\/","name":"indigitall Customer Data Platform | Unified 360\u00b0 View","isPartOf":{"@id":"https:\/\/indigitall.com\/en\/#website"},"datePublished":"2026-01-13T17:19:29+00:00","dateModified":"2026-10-30T14:01:23+00:00","description":"Centralize every brand interaction across all digital channels into a persistent, unified customer database to create a crystal-clear, 360-degree view of your audience.","breadcrumb":{"@id":"https:\/\/indigitall.com\/en\/cdp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/indigitall.com\/en\/cdp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/indigitall.com\/en\/cdp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/indigitall.com\/en\/"},{"@type":"ListItem","position":2,"name":"CDP"}]},{"@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\/11748","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":16,"href":"https:\/\/indigitall.com\/en\/wp-json\/wp\/v2\/channel\/11748\/revisions"}],"predecessor-version":[{"id":20784,"href":"https:\/\/indigitall.com\/en\/wp-json\/wp\/v2\/channel\/11748\/revisions\/20784"}],"wp:attachment":[{"href":"https:\/\/indigitall.com\/en\/wp-json\/wp\/v2\/media?parent=11748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}