{"id":37910,"date":"2026-02-16T12:45:54","date_gmt":"2026-02-16T12:45:54","guid":{"rendered":"https:\/\/emaze.ai\/?page_id=37910"},"modified":"2026-03-31T20:36:18","modified_gmt":"2026-03-31T20:36:18","slug":"home","status":"publish","type":"page","link":"https:\/\/emaze.ai\/pt\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
<\/div>
<\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Your Customers Are Already in Your Funnel. But You're Missing Revenue.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Transform every message \u2014 quotes, orders, reminders \u2014 into a hyper-personalized, on-brand visual experience that converts. Automatically, at scale.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSee Solutions<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tBook a Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Your Customers Are Already in Your Funnel. But You're Missing Revenue.\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Transform every message \u2014 quotes, orders, reminders \u2014 into a hyper-personalized, on-brand visual experience that converts. Automatically, at scale.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
<\/div>
<\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSee Solutions<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tBook a Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n \n \n Scroll Celebration Effect<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n body {\n margin: 0;\n padding: 0;\n }\n\n \/* Elementor Reset Logic preserved *\/\n .elementor, .elementor-inner, .elementor-section, .elementor-container, .elementor-column, .elementor-column-wrap, .elementor-widget-wrap, .elementor-element, .elementor-element-populated, .elementor-widget, .elementor-widget-container, .elementor-widget-html, .e-con, .e-con-inner, .e-con-boxed {\n overflow: visible !important;\n overflow-x: visible !important;\n overflow-y: visible !important;\n clip-path: none !important;\n -webkit-clip-path: none !important;\n transform: none !important;\n -webkit-transform: none !important;\n filter: none !important;\n -webkit-filter: none !important;\n contain: none !important;\n }\n \n #scroll-over-container-A {\n position: relative;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n font-family: 'Poppins', sans-serif;\n z-index: auto;\n isolation: auto;\n }\n\n .sticky-wrapper-A {\n position: relative;\n width: 100%;\n min-height: auto; \n }\n\n .scroll-section-A {\n height: auto;\n width: 100%;\n min-height: 120px; \n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 1rem 2rem;\n box-sizing: border-box;\n color: white;\n overflow: hidden;\n }\n\n \/* Flex Wrapper for Text + Marquee *\/\n .trusted-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n width: 100%;\n max-width: 1400px;\n }\n\n .trusted-text {\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 1.1rem;\n white-space: nowrap;\n color: #ffffff;\n opacity: 0.9;\n }\n\n #scroll-over-container-A .container { max-width: 1280px; width: 100%; margin: 0 auto; }\n \n #scroll-over-container-A .marquee-container { \n flex: 1; \n overflow: hidden; \n mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n }\n\n #scroll-over-container-A .marquee { display: flex; width: max-content; align-items: center; animation: marquee 35s linear infinite; }\n \n @keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } }\n \n #scroll-over-container-A .marquee-item { flex-shrink: 0; padding: 0 40px; }\n #scroll-over-container-A .logo { \n filter: brightness(0) invert(1); \n height: 28px; \n object-fit: contain; \n transition: transform 0.3s ease, filter 0.3s ease;\n }\n \n #scroll-over-container-A .logo:hover {\n\n filter: brightness(1) invert(0); \/* Original colors on hover *\/\n }\n\n #scroll-over-container-A #porsche { height: 14px; }\n\n \/* Responsive Adjustments *\/\n @media (max-width: 768px) {\n .trusted-wrapper {\n flex-direction: column;\n gap: 10px;\n }\n .trusted-text {\n font-size: 0.9rem;\n }\n #scroll-over-container-A .marquee-item { padding: 0 25px; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"scroll-over-container-A\">\n <div class=\"sticky-wrapper-A\">\n <section id=\"section-one-A\" class=\"scroll-section-A\">\n <div class=\"container\">\n <div class=\"trusted-wrapper\">\n <div class=\"trusted-text\">Trusted by<\/div>\n \n <div class=\"marquee-container\">\n <div class=\"marquee\">\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/fc\/SEAT_Logo_from_2017.svg\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/ca\/XPeng_logo.svg\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b9\/Suzuki_logo_2025.svg\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/2c\/Nespresso_logo_%28wordmark%29.svg\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b7\/Porsche_Wordmark_Logo_Black.svg\" class=\"logo\" id=\"porsche\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/09\/%C5%A0koda_nieuw.png\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/9e\/Mercedes-Benz_Logo_2010.svg\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/AIG-logo2020-RGB-01.png\" class=\"logo\" id=\"AIG\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/fc\/SEAT_Logo_from_2017.svg\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/ca\/XPeng_logo.svg\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/en\/4\/44\/Harel_Logo.png\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b9\/Suzuki_logo_2025.svg\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b7\/Porsche_Wordmark_Logo_Black.svg\" class=\"logo\" id=\"porsche\"><\/div>\n <div class=\"marquee-item\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/09\/%C5%A0koda_nieuw.png\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img src=https:\/\/ce.freesbe.com\/wp-content\/uploads\/2024\/02\/Freesbe_Logo_CMYK_page-0001-1-768x224-removebg-preview.png\" class=\"logo\"> <\/div> \n <div class=\"marquee-item\"><img src=https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/9e\/Mercedes-Benz_Logo_2010.svg\" class=\"logo\"><\/div>\n <div class=\"marquee-item\"><img src=https:\/\/www.qualitestgroup.com\/wp-content\/uploads\/2025\/04\/Qualitest-R_Blue-.png\" class=\"logo\"> <\/div> \n <div class=\"marquee-item\"><img src= https:\/\/www.colmobil.co.il\/icons\/apple-touch-icon.png\" class=\"logo\"> <\/div> \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener('DOMContentLoaded', function() {\n let element = document.querySelector('#scroll-over-container-A');\n let maxDepth = 12; \n while (element && element !== document.body && maxDepth > 0) {\n element = element.parentElement;\n if (element && element.style) {\n element.style.transform = 'none';\n element.style.perspective = 'none';\n element.style.filter = 'none';\n element.style.overflow = 'visible';\n }\n maxDepth--;\n }\n });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2626aca e-con-full e-flex e-con e-parent\" data-id=\"2626aca\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a86cc4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0a86cc4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* Poppins Font *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800&display=swap');\n\n.emaze-funnel-section {\n font-family: 'Poppins', sans-serif;\n background-color: #ffffff;\n padding: 80px 0;\n overflow: hidden;\n}\n\n.emaze-funnel-container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 24px;\n}\n\n.emaze-funnel-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 48px;\n align-items: center;\n}\n\n@media (min-width: 768px) {\n .emaze-funnel-grid {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.emaze-funnel-text {\n text-align: left;\n}\n\n.emaze-funnel-title {\n font-size: 1.875rem;\n font-weight: 600;\n color: #0f172a;\n margin-bottom: 24px;\n line-height: 1.2;\n}\n\n@media (min-width: 768px) {\n .emaze-funnel-title {\n font-size: 3rem;\n }\n}\n\n.emaze-funnel-subtitle {\n font-size: 1.125rem;\n color: #475569;\n margin-bottom: 32px;\n}\n\n.emaze-funnel-section .emaze-funnel-alert {\n background-color: #f8fafc !important; \n border-left: 4px solid #165ed1 !important;\n padding: 20px !important; \/* Slightly tighter padding *\/\n border-radius: 8px !important;\n}\n\n.emaze-funnel-alert-title {\n font-size: 1.1rem;\n font-weight: 500;\n color: #334155;\n line-height: 1.5;\n margin: 0;\n}\n\n.emaze-funnel-stat-highlight {\n color: #165ed1;\n font-weight: 800;\n font-size: 1.4rem;\n display: block; \/* Moves to its own line for impact *\/\n margin-bottom: 4px;\n}\n\n.emaze-funnel-section .emaze-funnel-stat-number {\n display: block !important;\n font-size: 2.5rem !important; \/* Big and bold *\/\n font-weight: 800 !important;\n color: #0f172a !important;\n line-height: 1 !important;\n margin-bottom: 8px !important;\n}\n\n.emaze-funnel-alert-subtitle {\n display: block;\n color: #94a3b8;\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid #e2e8f0;\n}\n\n.emaze-funnel-alert-subtitle::before {\n content: \"\ud83d\udcca\"; \n margin-right: 8px;\n}\n\n.emaze-funnel-visual {\n display: flex;\n justify-content: center;\n width: 100%;\n}\n\n.emaze-funnel-svg-wrapper {\n width: 100%;\n max-width: 512px;\n}\n\n.emaze-funnel-svg {\n width: 100%;\n height: auto;\n filter: drop-shadow(0 20px 25px rgba(0, 0, 0, 0.15));\n}\n<\/style>\n\n<section class=\"emaze-funnel-section\">\n <div class=\"emaze-funnel-container\">\n <div class=\"emaze-funnel-grid\">\n <div class=\"emaze-funnel-text\">\n <h2 class=\"emaze-funnel-title\">\n The Funnel Doesn't Leak.\n<br \/> Your Messages Do.\n <\/h2>\n <p class=\"emaze-funnel-subtitle\">\n Every stage of the funnel \u2014 from first interest to loyal customer \u2014 is a chance to convert. Most businesses waste it with plain, forgettable messages.\n <\/p>\n <div class=\"emaze-funnel-alert\">\n <p class=\"emaze-funnel-alert-title\">\n Millions of messages sent, but only ~2\u20135% conversion rate\n <\/p>\n <p class=\"emaze-funnel-alert-subtitle\">\n Industry data from Mailchimp, HubSpot, SAP and more\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"emaze-funnel-visual\">\n <div class=\"emaze-funnel-svg-wrapper\">\n <svg viewBox=\"0 0 400 450\" class=\"emaze-funnel-svg\">\n <defs>\n <linearGradient id=\"funnelGradient\" x1=\"0\" y1=\"20\" x2=\"0\" y2=\"440\" gradientUnits=\"userSpaceOnUse\">\n <stop offset=\"0%\" style=\"stop-color: #081A38; stop-opacity: 1\" \/>\n <stop offset=\"100%\" style=\"stop-color: #165ED1; stop-opacity: 1\" \/>\n <\/linearGradient>\n <\/defs>\n \n <g>\n <!-- Awareness -->\n <path d=\"M 10 20 L 390 20 L 367.5 90 L 32.5 90 Z\" \n fill=\"url(#funnelGradient)\" \n stroke=\"rgba(255,255,255,0.2)\" \n stroke-width=\"1\" \n opacity=\"1\">\n <animate attributeName=\"d\" \n values=\"M 10 20 L 390 20 L 367.5 90 L 32.5 90 Z;M 2 20 L 398 20 L 375.5 90 L 24.5 90 Z;M 20 20 L 380 20 L 357.5 90 L 42.5 90 Z;M 10 20 L 390 20 L 367.5 90 L 32.5 90 Z\" \n dur=\"3s\" \n repeatCount=\"indefinite\" \n calcMode=\"spline\" \n keyTimes=\"0; 0.33; 0.66; 1\" \n keySplines=\"0.42 0 0.58 1; 0.42 0 0.58 1; 0.42 0 0.58 1\" \n begin=\"0s\" \/>\n <\/path>\n <text x=\"200\" y=\"55\" text-anchor=\"middle\" dominant-baseline=\"middle\" \n fill=\"white\" font-family=\"Poppins, sans-serif\" font-weight=\"600\" \n font-size=\"18px\" letter-spacing=\"0.5px\" \n style=\"pointer-events: none; text-shadow: 0 2px 4px rgba(0,0,0,0.2);\">\n Awareness\n <\/text>\n\n <!-- Interest -->\n <path d=\"M 32.5 90 L 367.5 90 L 345 160 L 55 160 Z\" \n fill=\"url(#funnelGradient)\" \n stroke=\"rgba(255,255,255,0.2)\" \n stroke-width=\"1\" \n opacity=\"1\">\n <animate attributeName=\"d\" \n values=\"M 32.5 90 L 367.5 90 L 345 160 L 55 160 Z;M 24.5 90 L 375.5 90 L 353 160 L 47 160 Z;M 42.5 90 L 357.5 90 L 335 160 L 65 160 Z;M 32.5 90 L 367.5 90 L 345 160 L 55 160 Z\" \n dur=\"3s\" \n repeatCount=\"indefinite\" \n calcMode=\"spline\" \n keyTimes=\"0; 0.33; 0.66; 1\" \n keySplines=\"0.42 0 0.58 1; 0.42 0 0.58 1; 0.42 0 0.58 1\" \n begin=\"0.1s\" \/>\n <\/path>\n <text x=\"200\" y=\"125\" text-anchor=\"middle\" dominant-baseline=\"middle\" \n fill=\"white\" font-family=\"Poppins, sans-serif\" font-weight=\"600\" \n font-size=\"18px\" letter-spacing=\"0.5px\" \n style=\"pointer-events: none; text-shadow: 0 2px 4px rgba(0,0,0,0.2);\">\n Interest\n <\/text>\n\n <!-- Consideration -->\n <path d=\"M 55 160 L 345 160 L 322.5 230 L 77.5 230 Z\" \n fill=\"url(#funnelGradient)\" \n stroke=\"rgba(255,255,255,0.2)\" \n stroke-width=\"1\" \n opacity=\"1\">\n <animate attributeName=\"d\" \n values=\"M 55 160 L 345 160 L 322.5 230 L 77.5 230 Z;M 47 160 L 353 160 L 330.5 230 L 69.5 230 Z;M 65 160 L 335 160 L 312.5 230 L 87.5 230 Z;M 55 160 L 345 160 L 322.5 230 L 77.5 230 Z\" \n dur=\"3s\" \n repeatCount=\"indefinite\" \n calcMode=\"spline\" \n keyTimes=\"0; 0.33; 0.66; 1\" \n keySplines=\"0.42 0 0.58 1; 0.42 0 0.58 1; 0.42 0 0.58 1\" \n begin=\"0.2s\" \/>\n <\/path>\n <text x=\"200\" y=\"195\" text-anchor=\"middle\" dominant-baseline=\"middle\" \n fill=\"white\" font-family=\"Poppins, sans-serif\" font-weight=\"600\" \n font-size=\"18px\" letter-spacing=\"0.5px\" \n style=\"pointer-events: none; text-shadow: 0 2px 4px rgba(0,0,0,0.2);\">\n Consideration\n <\/text>\n\n <!-- Intent -->\n <path d=\"M 77.5 230 L 322.5 230 L 300 300 L 100 300 Z\" \n fill=\"url(#funnelGradient)\" \n stroke=\"rgba(255,255,255,0.2)\" \n stroke-width=\"1\" \n opacity=\"1\">\n <animate attributeName=\"d\" \n values=\"M 77.5 230 L 322.5 230 L 300 300 L 100 300 Z;M 69.5 230 L 330.5 230 L 308 300 L 92 300 Z;M 87.5 230 L 312.5 230 L 290 300 L 110 300 Z;M 77.5 230 L 322.5 230 L 300 300 L 100 300 Z\" \n dur=\"3s\" \n repeatCount=\"indefinite\" \n calcMode=\"spline\" \n keyTimes=\"0; 0.33; 0.66; 1\" \n keySplines=\"0.42 0 0.58 1; 0.42 0 0.58 1; 0.42 0 0.58 1\" \n begin=\"0.3s\" \/>\n <\/path>\n <text x=\"200\" y=\"265\" text-anchor=\"middle\" dominant-baseline=\"middle\" \n fill=\"white\" font-family=\"Poppins, sans-serif\" font-weight=\"600\" \n font-size=\"18px\" letter-spacing=\"0.5px\" \n style=\"pointer-events: none; text-shadow: 0 2px 4px rgba(0,0,0,0.2);\">\n Intent\n <\/text>\n\n <!-- Purchase -->\n <path d=\"M 100 300 L 300 300 L 277.5 370 L 122.5 370 Z\" \n fill=\"url(#funnelGradient)\" \n stroke=\"rgba(255,255,255,0.2)\" \n stroke-width=\"1\" \n opacity=\"1\">\n <animate attributeName=\"d\" \n values=\"M 100 300 L 300 300 L 277.5 370 L 122.5 370 Z;M 92 300 L 308 300 L 285.5 370 L 114.5 370 Z;M 110 300 L 290 300 L 267.5 370 L 132.5 370 Z;M 100 300 L 300 300 L 277.5 370 L 122.5 370 Z\" \n dur=\"3s\" \n repeatCount=\"indefinite\" \n calcMode=\"spline\" \n keyTimes=\"0; 0.33; 0.66; 1\" \n keySplines=\"0.42 0 0.58 1; 0.42 0 0.58 1; 0.42 0 0.58 1\" \n begin=\"0.4s\" \/>\n <\/path>\n <text x=\"200\" y=\"335\" text-anchor=\"middle\" dominant-baseline=\"middle\" \n fill=\"white\" font-family=\"Poppins, sans-serif\" font-weight=\"600\" \n font-size=\"16px\" letter-spacing=\"0.5px\" \n style=\"pointer-events: none; text-shadow: 0 2px 4px rgba(0,0,0,0.2);\">\n Purchase\n <\/text>\n\n <!-- Loyalty -->\n <path d=\"M 122.5 370 L 277.5 370 L 255 440 L 145 440 Z\" \n fill=\"url(#funnelGradient)\" \n stroke=\"rgba(255,255,255,0.2)\" \n stroke-width=\"1\" \n opacity=\"1\">\n <animate attributeName=\"d\" \n values=\"M 122.5 370 L 277.5 370 L 255 440 L 145 440 Z;M 114.5 370 L 285.5 370 L 263 440 L 137 440 Z;M 132.5 370 L 267.5 370 L 245 440 L 155 440 Z;M 122.5 370 L 277.5 370 L 255 440 L 145 440 Z\" \n dur=\"3s\" \n repeatCount=\"indefinite\" \n calcMode=\"spline\" \n keyTimes=\"0; 0.33; 0.66; 1\" \n keySplines=\"0.42 0 0.58 1; 0.42 0 0.58 1; 0.42 0 0.58 1\" \n begin=\"0.5s\" \/>\n <\/path>\n <text x=\"200\" y=\"405\" text-anchor=\"middle\" dominant-baseline=\"middle\" \n fill=\"white\" font-family=\"Poppins, sans-serif\" font-weight=\"600\" \n font-size=\"16px\" letter-spacing=\"0.5px\" \n style=\"pointer-events: none; text-shadow: 0 2px 4px rgba(0,0,0,0.2);\">\n Loyalty\n <\/text>\n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bce3367 e-con-full e-flex e-con e-parent\" data-id=\"bce3367\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f1f39c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6f1f39c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"emaze-story-widget-container\">\n <style>\n \/* Scoped styles for Elementor widget wrapper *\/\n #emaze-story-widget-container {\n font-family: 'Poppins', sans-serif !important;\n width: 100%;\n padding: 2rem 0 4rem;\n }\n\n \/* --- Main Title & Subtitle --- *\/\n .emaze-main-header {\n text-align: center;\n margin-bottom: 3rem;\n padding: 0 1rem;\n }\n\n .emaze-main-header h1 {\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 600;\n color: #000;\n margin-bottom: 1rem;\n line-height: 1.2;\n }\n\n .emaze-main-header p {\n font-size: 1.125rem;\n max-width: 48rem;\n margin: 0 auto;\n color: #1C2E4A;\n font-weight: 500;\n line-height: 1.6;\n }\n\n \/* --- Story Widget Frame --- *\/\n #emaze-story-widget {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n background: #ffffff;\n border-radius: 24px;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n user-select: none;\n }\n\n #emaze-story-widget * { box-sizing: border-box; }\n\n \/* --- Progress Bar & Funnel Header --- *\/\n .emaze-story-header {\n display: flex;\n flex-direction: column; \/* Stacked for Funnel Labels *\/\n gap: 12px;\n padding: 24px 32px 0;\n position: relative;\n z-index: 50;\n }\n\n .emaze-funnel-stages {\n display: flex;\n gap: 8px;\n width: 100%;\n }\n\n .emaze-stage-label {\n flex: 1;\n font-size: 0.7rem;\n font-weight: 700;\n text-transform: uppercase;\n color: #9CA3AF;\n text-align: center;\n letter-spacing: 0.05em;\n transition: color 0.3s ease;\n }\n\n .emaze-stage-label.is-active {\n color: #2680EB;\n }\n\n .emaze-progress-container-row {\n display: flex;\n gap: 8px;\n width: 100%;\n }\n\n .emaze-progress-segment {\n flex: 1;\n height: 4px;\n background: #E5E7EB;\n border-radius: 4px;\n overflow: hidden;\n cursor: pointer;\n transition: transform 0.2s;\n }\n \n .emaze-progress-segment:hover { transform: scaleY(1.5); }\n\n .emaze-progress-fill {\n height: 100%;\n width: 0%;\n background: #2680EB;\n transform-origin: left;\n will-change: width;\n }\n\n \/* --- Main Content Layout --- *\/\n .emaze-story-body {\n display: flex;\n flex-direction: row;\n padding: 40px 32px 80px;\n gap: 40px;\n min-height: 600px;\n }\n\n \/* --- Left Side: Visuals --- *\/\n .emaze-story-visual-container {\n flex: 1;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #F9FAFB;\n border-radius: 20px;\n overflow: hidden;\n }\n\n .emaze-visual-slide {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transform: scale(0.95);\n transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .emaze-visual-slide.is-active {\n opacity: 1;\n pointer-events: all;\n transform: scale(1);\n }\n\n \/* --- Right Side: Text & KPIs --- *\/\n .emaze-story-text-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .emaze-text-content {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n .emaze-text-content.is-active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .emaze-story-title {\n font-size: clamp(2rem, 4vw, 2.5rem);\n font-weight: 700;\n color: #111827;\n margin: 0 0 16px 0;\n line-height: 1.2;\n }\n\n .emaze-story-desc {\n font-size: 1.125rem;\n color: #4B5563;\n line-height: 1.6;\n margin: 0 0 40px 0;\n max-width: 90%;\n }\n\n .emaze-kpi-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n }\n\n .emaze-kpi-card {\n background: #ffffff;\n border: 1px solid #E5E7EB;\n border-radius: 16px;\n padding: 20px 16px;\n text-align: center;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n transition: transform 0.3s ease;\n }\n\n .emaze-kpi-card:hover { transform: translateY(-5px); }\n\n .emaze-kpi-value {\n font-size: clamp(1.5rem, 3vw, 2rem);\n font-weight: 700;\n color: #2680EB;\n margin-bottom: 4px;\n }\n\n .emaze-kpi-label {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: #6B7280;\n font-weight: 600;\n }\n\n \/* --- Navigation Controls --- *\/\n .emaze-nav-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 48px;\n height: 48px;\n background: white;\n border: 1px solid #E5E7EB;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n z-index: 100;\n transition: all 0.2s;\n color: #111827;\n }\n\n .emaze-nav-btn:hover {\n background: #F3F4F6;\n transform: translateY(-50%) scale(1.1);\n }\n\n .emaze-nav-prev { left: 16px; }\n .emaze-nav-next { right: 16px; }\n .emaze-nav-btn svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n \/* --- Original Component Styles --- *\/\n .emaze-savings-goal-card, .emaze-appointment-card { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); border-radius: 1.5rem; overflow: hidden; }\n .emaze-savings-goal-card { position: relative; width: 22rem; height: 28rem; display: flex; flex-direction: column; justify-content: flex-end; transition: all 0.5s; background-size: cover; background-position: center; }\n .emaze-avatar-sidebar { background: white; padding: 0 1rem; border-radius: 1.5rem; border: 1px solid #e5e5e5; height: 6rem; width: 6rem; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); flex-shrink: 0; }\n .emaze-avatar-sidebar-track, .emaze-name-track { transition: transform 0.4s ease-in-out; }\n .emaze-no-transition { transition: none !important; }\n .emaze-time-scroller { display: flex; align-items: center; justify-content: center; height: 100%; gap: 2px; color: #637083; font-weight: 500; }\n .emaze-character-column { transition: transform 700ms ease-in-out; }\n .emaze-colon { font-size: 24px; line-height: 30px; padding: 0 2px; }\n .emaze-char-item { font-size: 24px; line-height: 30px; transition: opacity 500ms, text-shadow 100ms; opacity: 0.1; height: 30px; display: flex; align-items: center; justify-content: center; white-space: nowrap; }\n .emaze-char-item.visible { opacity: 1.0; text-shadow: 1px 1px 0px #d1d9e6; color: #111827; }\n .emaze-char-item.close { opacity: 0.5; }\n .emaze-char-item.far { opacity: 0.3; }\n .emaze-char-item.distant { opacity: 0.2; }\n \n .emaze-card-stack-container { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }\n .emaze-card-wrapper { position: absolute; transition: transform 0.7s ease-in-out, filter 0.7s ease-in-out, opacity 0.7s ease-in-out, z-index 0.7s; }\n .emaze-card-state-front { transform: scale(1) translateX(0) rotate(0deg); filter: blur(0px) brightness(1); opacity: 1; z-index: 20; }\n .emaze-card-state-right { transform: scale(0.85) translateX(40%) rotate(10deg); filter: blur(4px) brightness(0.9); opacity: 1; z-index: 10; }\n .emaze-card-state-left { transform: scale(0.85) translateX(-40%) rotate(-10deg); filter: blur(4px) brightness(0.9); opacity: 1; z-index: 10; }\n .emaze-card-state-hidden { transform: scale(0.5) translateX(0) rotate(0deg); filter: blur(8px) brightness(0.8); opacity: 0; z-index: 5; }\n\n .emaze-btn-primary { width: 100%; background: white; color: black; font-weight: 500; padding: 0.75rem 1rem; border-radius: 0.75rem; font-size: 0.875rem; transition: background 0.3s; border: none; cursor: pointer; }\n .emaze-btn-primary:hover { background: #f3f4f6; }\n .emaze-btn-secondary { width: 100%; background: transparent; color: white; font-weight: 500; padding: 0.75rem 1rem; border-radius: 0.75rem; font-size: 0.875rem; transition: background 0.3s; border: 1px solid rgba(255, 255, 255, 0.5); cursor: pointer; }\n .emaze-btn-secondary:hover { background: rgba(255, 255, 255, 0.1); }\n .emaze-text-shadow { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }\n \n @keyframes emaze-bounce-cta { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }\n .emaze-animate-bounce-cta { animation: emaze-bounce-cta 2s infinite ease-in-out; }\n\n .emaze-custom-card-v4, .emaze-custom-card-v5, .emaze-custom-card-v6 { width: 22rem; height: 28rem; border-radius: 1.5rem; overflow: hidden; position: relative; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; background-size: cover; background-position: center; }\n .emaze-glass-panel { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 1rem; padding: 1.5rem; color: white; margin: auto 1.5rem 1.5rem; text-align: center; }\n\n \/* --- Mobile Responsiveness --- *\/\n @media (max-width: 850px) {\n #emaze-story-widget-container { padding: 1rem 0 2rem; }\n .emaze-main-header h1 { font-size: 1.5rem; }\n .emaze-main-header p { font-size: 0.95rem; }\n .emaze-story-body { flex-direction: column; padding: 16px 16px 24px; gap: 16px; min-height: auto; }\n .emaze-story-visual-container { min-height: 220px; border-radius: 16px; }\n .emaze-savings-goal-card, .emaze-custom-card-v4, .emaze-custom-card-v5, .emaze-custom-card-v6 { width: 100% !important; max-width: 340px !important; height: 190px !important; }\n .emaze-stage-label { font-size: 0.55rem; }\n .emaze-nav-btn { display: none; }\n .emaze-kpi-grid { gap: 8px; }\n .emaze-kpi-card { padding: 8px; }\n .emaze-kpi-value { font-size: 1.1rem; }\n .emaze-kpi-label { font-size: 0.5rem; }\n }\n <\/style>\n\n <header class=\"emaze-main-header\">\n <h1>Every Touchpoint Should Convert More<\/h1>\n <p>From first interest to loyal customer, every message is a moment to convert. emaze.ai automatically generates the right visual experience for every touchpoint.<\/p>\n <\/header>\n\n <div id=\"emaze-story-widget\">\n <div class=\"emaze-story-header\">\n <div class=\"emaze-funnel-stages\" id=\"emaze-funnel-stages\"><\/div>\n <div class=\"emaze-progress-container-row\" id=\"emaze-progress-container\"><\/div>\n <\/div>\n\n <button class=\"emaze-nav-btn emaze-nav-prev\" onclick=\"window.emazeStory.prev()\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n <\/button>\n <button class=\"emaze-nav-btn emaze-nav-next\" onclick=\"window.emazeStory.next()\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n <\/button>\n\n <div class=\"emaze-story-body\">\n <div class=\"emaze-story-visual-container\" id=\"emaze-visual-container\">\n <div class=\"emaze-visual-slide\" data-index=\"0\">\n <div style=\"display: flex; align-items: flex-start; gap: 1rem; transform: scale(0.95);\">\n <div class=\"emaze-avatar-sidebar\">\n <div id=\"emaze-avatar-sidebar-track\" class=\"emaze-avatar-sidebar-track\"><\/div>\n <\/div>\n <div id=\"emaze-savings-goal-card\" class=\"emaze-savings-goal-card\">\n <div style=\"position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.2), transparent);\"><\/div>\n <div style=\"position: relative; z-index: 10; padding: 2rem; color: white; width: 100%; text-align: center;\">\n <h2 style=\"font-size: 1.75rem; line-height: 1.2; margin:0;\">\n <span style=\"display: block; font-weight: 600;\">\n <div style=\"height: 1.4em; width: 8rem; position: relative; overflow: hidden; display: inline-block; vertical-align: bottom;\">\n <div id=\"emaze-name-track\" class=\"emaze-name-track\"><\/div>\n <\/div>\n <\/span>\n <span style=\"display: block; font-weight: 400; margin-top: 0.25rem;\">It's time to find your <span style=\"font-weight: 600;\">SUV<\/span><\/span>\n <\/h2>\n <p id=\"emaze-card-subtitle\" style=\"font-size: 0.875rem; margin-top: 0.75rem; font-weight: 300; opacity: 0.9;\"><\/p>\n <div style=\"margin-top: 1.5rem; display: flex; flex-direction: column; gap: 0.5rem;\">\n <button id=\"emaze-card-cta1\" class=\"emaze-btn-primary\"><\/button>\n <button id=\"emaze-card-cta2\" class=\"emaze-btn-secondary\"><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"emaze-visual-slide\" data-index=\"1\">\n <div style=\"display: flex; flex-direction: column; align-items: center; gap: 1rem; transform: scale(0.95);\">\n <div style=\"background: white; padding: 0.5rem; border-radius: 1.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); border: 2px solid #2680EB; position: relative; width: 14rem; display: flex; justify-content: center; z-index: 2;\">\n <div id=\"emaze-time-scroller\" class=\"emaze-time-scroller\"><\/div>\n <\/div>\n <div id=\"emaze-appointment-card\" class=\"emaze-appointment-card\" style=\"position: relative; width: 22rem; background: white; border-radius: 1.5rem; display: flex; flex-direction: column; overflow: hidden; margin-top: -2rem;\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"emaze-visual-slide\" data-index=\"2\">\n <div id=\"emaze-card-stack-step3\" class=\"emaze-card-stack-container\" style=\"transform: scale(0.9);\"><\/div>\n <\/div>\n\n <div class=\"emaze-visual-slide\" data-index=\"3\">\n <div class=\"emaze-custom-card-v4\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1549399542-7e3f8b79c341?q=80&w=600&auto=format&fit=crop');\">\n <div style=\"position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.8) 100%);\"><\/div>\n <div class=\"emaze-glass-panel\" style=\"animation: emaze-bounce-cta 3s infinite ease-in-out;\">\n <div style=\"font-size: 2.5rem; margin-bottom: 0.5rem;\">\ud83d\ude97\ud83d\udca8<\/div>\n <h3 style=\"font-size: 1.25rem; font-weight: 600; margin: 0 0 0.5rem 0;\">How was the ride?<\/h3>\n <p style=\"font-size: 0.875rem; opacity: 0.9; margin: 0 0 1rem 0;\">Rate your experience with the new Model X.<\/p>\n <div style=\"display: flex; justify-content: center; gap: 4px; font-size: 1.5rem; color: #FBBF24;\">\u2605 \u2605 \u2605 \u2605 \u2606<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"emaze-visual-slide\" data-index=\"4\">\n <div class=\"emaze-custom-card-v5\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1552519507-da3b142c6e3d?q=80&w=600&auto=format&fit=crop');\">\n <div style=\"position: absolute; inset: 0; background: rgba(0,0,0,0.4);\"><\/div>\n <div style=\"position: absolute; top: 1.5rem; left: 1.5rem; background: #22C55E; color: white; padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase;\">Offer Ready<\/div>\n <div style=\"position: relative; z-index: 10; margin: auto; text-align: center; background: white; padding: 2rem; border-radius: 1.5rem; width: 85%; box-shadow: 0 10px 25px rgba(0,0,0,0.2);\">\n <p style=\"color: #6B7280; font-size: 0.875rem; font-weight: 500; margin: 0 0 0.5rem 0; text-transform: uppercase;\">Estimated Value<\/p>\n <h2 style=\"font-size: 2.5rem; color: #111827; font-weight: 700; margin: 0 0 0.5rem 0;\">$18,450<\/h2>\n <p style=\"color: #4B5563; font-size: 0.875rem; margin: 0 0 1.5rem 0;\">Based on excellent condition<\/p>\n <button class=\"emaze-btn-primary\" style=\"background: #2680EB; color: white; box-shadow: 0 4px 12px rgba(38, 128, 235, 0.3);\">Accept Trade-In<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"emaze-visual-slide\" data-index=\"5\">\n <div class=\"emaze-custom-card-v6\" style=\"background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);\">\n <div style=\"position: absolute; inset: 0; opacity: 0.15; background-image: linear-gradient(#ffffff 1px, transparent 1px), linear-gradient(90deg, #ffffff 1px, transparent 1px); background-size: 24px 24px;\"><\/div>\n <div style=\"position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 2rem; text-align: center; color: white;\">\n <div style=\"display: flex; gap: 12px; margin-bottom: 1.5rem;\">\n <div style=\"width: 48px; height: 48px; background: rgba(255,255,255,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.2); font-size: 1.25rem;\">\ud83c\udfe2<\/div>\n <div style=\"width: 48px; height: 48px; background: rgba(255,255,255,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.2); font-size: 1.25rem; transform: translateY(-8px);\">\ud83d\ude97<\/div>\n <div style=\"width: 48px; height: 48px; background: rgba(255,255,255,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.2); font-size: 1.25rem;\">\ud83d\udecd\ufe0f<\/div>\n <\/div>\n <h2 style=\"font-size: 1.75rem; font-weight: 700; margin: 0 0 1rem 0; line-height: 1.2;\">Tailored for Your Industry<\/h2>\n <p style=\"font-size: 0.95rem; opacity: 0.9; margin: 0 0 2rem 0;\">Discover custom touchpoints built specifically for your business model.<\/p>\n <a href=\"https:\/\/emaze.ai\/industries-for-emaze-ai\/\" target=\"_blank\" style=\"text-decoration: none; width: 100%;\">\n <button class=\"emaze-btn-primary emaze-animate-bounce-cta\" style=\"background: white; color: #1e3a8a; font-weight: 600; padding: 1rem; border-radius: 1rem; font-size: 1rem;\">Explore Industries →<\/button>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"emaze-story-text-container\">\n <div id=\"emaze-text-wrapper\" class=\"emaze-text-content\">\n <h2 id=\"emaze-dynamic-title\" class=\"emaze-story-title\">Title<\/h2>\n <p id=\"emaze-dynamic-desc\" class=\"emaze-story-desc\">Description<\/p>\n <div class=\"emaze-kpi-grid\">\n <div class=\"emaze-kpi-card\"><div id=\"kpi-val-0\" class=\"emaze-kpi-value\">0%<\/div><div id=\"kpi-lbl-0\" class=\"emaze-kpi-label\">Label<\/div><\/div>\n <div class=\"emaze-kpi-card\"><div id=\"kpi-val-1\" class=\"emaze-kpi-value\">0%<\/div><div id=\"kpi-lbl-1\" class=\"emaze-kpi-label\">Label<\/div><\/div>\n <div class=\"emaze-kpi-card\"><div id=\"kpi-val-2\" class=\"emaze-kpi-value\">0%<\/div><div id=\"kpi-lbl-2\" class=\"emaze-kpi-label\">Label<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n(function() {\n 'use strict';\n\n \/\/ Data with Funnel Stages added\n const STORY_DATA = [\n {\n stage: \"Awareness\",\n title: \"Appointment Set\",\n desc: \"Sent before a customer books an appointment, driving more booked opportunities. Make the first impression unforgettable with personalized landing pages.\",\n kpis: [{ val: \"+45%\", label: \"Open Rate\" }, { val: \"2.5x\", label: \"Click-through\" }, { val: \"12%\", label: \"More Bookings\" }]\n },\n {\n stage: \"Interest\",\n title: \"Appointment Scheduled\",\n desc: \"Confirms a scheduled appointment, building excitement and anticipation. Keeps your brand top-of-mind leading up to the showroom visit.\",\n kpis: [{ val: \"-30%\", label: \"No-shows\" }, { val: \"98%\", label: \"Deliverability\" }, { val: \"4.9\/5\", label: \"Cust. Score\" }]\n },\n {\n stage: \"Consideration\",\n title: \"Price & Payment Quote\",\n desc: \"Present your offer in the most beautiful & engaging way. Dynamic, interactive pricing cards ensure transparency and build immediate trust.\",\n kpis: [{ val: \"+22%\", label: \"Close Rate\" }, { val: \"-1.5d\", label: \"Time to Close\" }, { val: \"15%\", label: \"Upsell Rev.\" }]\n },\n {\n stage: \"Intent\",\n title: \"Post-Test Drive\",\n desc: \"Follow up immediately after they experience the car. Capture their excitement while it's fresh with an automated, personalized touchpoint.\",\n kpis: [{ val: \"60%\", label: \"Response Rate\" }, { val: \"3x\", label: \"Faster Comm.\" }, { val: \"+18%\", label: \"Next-Step Conv.\" }]\n },\n {\n stage: \"Evaluation\",\n title: \"Trade-In Valuation\",\n desc: \"Provide transparent and exciting trade-in offers. Turn a typical point of friction into a moment of delight with clear, beautiful breakdowns.\",\n kpis: [{ val: \"+40%\", label: \"Trade-in Leads\" }, { val: \"24h\", label: \"Avg. Decision\" }, { val: \"85%\", label: \"Acceptance\" }]\n },\n {\n stage: \"Conversion\",\n title: \"Explore touchpoint interactions by industry\",\n desc: \"Every industry has a unique customer journey. See how emaze.ai tailors automated, personalized visual touchpoints for Automotive, Real Estate, Retail, Education, and more\",\n kpis: [{ val: \"15+\", label: \"Industries\" }, { val: \"100%\", label: \"Customized\" }, { val: \"10x\", label: \"Engagement\" }]\n }\n ];\n\n class EmazeStoryManager {\n constructor() {\n this.currentIndex = 0;\n this.totalSlides = STORY_DATA.length;\n this.slideDuration = 5000;\n this.progress = 0;\n this.lastFrameTime = 0;\n this.isPaused = false;\n this.animationFrameId = null;\n this.visualAnimations = { 0: null, 1: null, 2: null };\n\n this.initDOM();\n if(!this.widget) return;\n\n this.setupOriginalVisuals();\n this.buildProgressBars();\n this.bindEvents();\n \n this.updateView();\n this.lastFrameTime = performance.now();\n this.loop(this.lastFrameTime);\n }\n\n initDOM() {\n this.widget = document.getElementById('emaze-story-widget');\n this.progressContainer = document.getElementById('emaze-progress-container');\n this.funnelContainer = document.getElementById('emaze-funnel-stages');\n this.visualSlides = document.querySelectorAll('.emaze-visual-slide');\n this.textWrapper = document.getElementById('emaze-text-wrapper');\n this.titleEl = document.getElementById('emaze-dynamic-title');\n this.descEl = document.getElementById('emaze-dynamic-desc');\n }\n\n buildProgressBars() {\n this.progressContainer.innerHTML = '';\n this.funnelContainer.innerHTML = '';\n for (let i = 0; i < this.totalSlides; i++) {\n \/\/ Funnel Label\n const label = document.createElement('div');\n label.className = 'emaze-stage-label';\n label.textContent = STORY_DATA[i].stage;\n this.funnelContainer.appendChild(label);\n\n \/\/ Progress Bar\n const segment = document.createElement('div');\n segment.className = 'emaze-progress-segment';\n segment.onclick = () => this.goToSlide(i);\n const fill = document.createElement('div');\n fill.className = 'emaze-progress-fill';\n segment.appendChild(fill);\n this.progressContainer.appendChild(segment);\n }\n this.progressFills = document.querySelectorAll('.emaze-progress-fill');\n this.stageLabels = document.querySelectorAll('.emaze-stage-label');\n }\n\n bindEvents() {\n this.widget.addEventListener('mouseenter', () => this.isPaused = true);\n this.widget.addEventListener('mouseleave', () => this.isPaused = false);\n this.widget.addEventListener('touchstart', () => this.isPaused = true, {passive: true});\n this.widget.addEventListener('touchend', () => this.isPaused = false, {passive: true});\n\n let touchStartX = 0;\n this.widget.addEventListener('touchstart', e => { touchStartX = e.changedTouches[0].screenX; }, {passive: true});\n this.widget.addEventListener('touchend', e => {\n let diff = touchStartX - e.changedTouches[0].screenX;\n if (Math.abs(diff) > 50) diff > 0 ? this.next() : this.prev();\n }, {passive: true});\n }\n\n loop(currentTime) {\n if (!this.isPaused) {\n const deltaTime = currentTime - this.lastFrameTime;\n this.progress += (deltaTime \/ this.slideDuration) * 100;\n if (this.progress >= 100) this.next();\n else this.renderProgress();\n }\n this.lastFrameTime = currentTime;\n this.animationFrameId = requestAnimationFrame(time => this.loop(time));\n }\n\n renderProgress() {\n this.progressFills.forEach((fill, index) => {\n if (index < this.currentIndex) fill.style.width = '100%';\n else if (index === this.currentIndex) fill.style.width = `${this.progress}%`;\n else fill.style.width = '0%';\n });\n }\n\n goToSlide(index) {\n if (this.visualAnimations[this.currentIndex]) this.visualAnimations[this.currentIndex].stop();\n if (index >= this.totalSlides) index = 0;\n if (index < 0) index = this.totalSlides - 1;\n this.currentIndex = index;\n this.progress = 0;\n this.updateView();\n if (this.visualAnimations[this.currentIndex]) this.visualAnimations[this.currentIndex].start();\n }\n\n next() { this.goToSlide(this.currentIndex + 1); }\n prev() { this.goToSlide(this.currentIndex - 1); }\n\n updateView() {\n this.renderProgress();\n this.visualSlides.forEach((slide, i) => slide.classList.toggle('is-active', i === this.currentIndex));\n this.stageLabels.forEach((lbl, i) => lbl.classList.toggle('is-active', i === this.currentIndex));\n\n this.textWrapper.classList.remove('is-active');\n setTimeout(() => {\n const data = STORY_DATA[this.currentIndex];\n this.titleEl.textContent = data.title;\n this.descEl.textContent = data.desc;\n data.kpis.forEach((kpi, idx) => {\n document.getElementById(`kpi-val-${idx}`).textContent = kpi.val;\n document.getElementById(`kpi-lbl-${idx}`).textContent = kpi.label;\n });\n this.textWrapper.classList.add('is-active');\n }, 250);\n }\n\n \/* --- Scoped Original Visual Logic --- *\/\n setupOriginalVisuals() {\n this.setupStep1Component();\n this.setupStep2Component();\n this.setupStep3Component();\n setTimeout(() => { if(this.visualAnimations[0]) this.visualAnimations[0].start(); }, 100);\n }\n\n setupStep1Component() {\n const data = {\n allUsers: [\n { name: 'Julia', image: 'https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=100&q=80', goalImage: 'https:\/\/userscontent2.emaze.com\/images\/c91940a0-18cd-48eb-a3f2-361d0008374c\/7914dd4629a5cde6c077b09b2b51cdfd.png' },\n { name: 'Alex', image: 'https:\/\/images.unsplash.com\/photo-1539571696357-5a69c17a67c6?auto=format&fit=crop&w=100&q=80', goalImage: 'https:\/\/userscontent2.emaze.com\/images\/c91940a0-18cd-48eb-a3f2-361d0008374c\/27b243170fea444932436599ae07cfff.png' }\n ],\n shared: { subtitle: \"We've prepared a personalized consultation just for you.\", cta1: 'Confirmed Appointment', cta2: 'Reschedule Appointment' }\n };\n const avatarTrack = document.getElementById('emaze-avatar-sidebar-track');\n const nameTrack = document.getElementById('emaze-name-track');\n const card = document.getElementById('emaze-savings-goal-card');\n if(!avatarTrack || !nameTrack || !card) return;\n document.getElementById('emaze-card-subtitle').textContent = data.shared.subtitle;\n document.getElementById('emaze-card-cta1').textContent = data.shared.cta1;\n document.getElementById('emaze-card-cta2').textContent = data.shared.cta2;\n const usersForLoop = [...data.allUsers, data.allUsers[0]];\n avatarTrack.innerHTML = usersForLoop.map(u => `<div style=\"display: flex; align-items: center; justify-content: center; gap: 0.75rem; height: 6rem;\"><div style=\"width: 0.25rem; height: 2.5rem; border-radius: 9999px; background: #2680EB;\"><\/div><img decoding=\"async\" src=\"${u.image}\" style=\"border-radius: 50%; object-fit: cover; width: 3.5rem; height: 3.5rem; box-shadow: 0 0 0 2px #2680EB;\"\/><\/div>`).join('');\n nameTrack.innerHTML = usersForLoop.map(u => `<div style=\"height: 1.4em; display: flex; align-items: center; justify-content: center;\">${u.name}<\/div>`).join('');\n this.visualAnimations[0] = {\n interval: null, currentIndex: 0,\n start: function() {\n const showUser = (index) => {\n const currentUser = data.allUsers[index % data.allUsers.length];\n card.style.backgroundImage = `url(${currentUser.goalImage})`;\n avatarTrack.style.transform = `translateY(-${index * 96}px)`;\n nameTrack.style.transform = `translateY(-${index * 1.4 * 28}px)`;\n };\n showUser(0);\n this.interval = setInterval(() => {\n this.currentIndex++;\n avatarTrack.classList.remove('emaze-no-transition');\n nameTrack.classList.remove('emaze-no-transition');\n showUser(this.currentIndex);\n if (this.currentIndex === data.allUsers.length) {\n setTimeout(() => {\n avatarTrack.classList.add('emaze-no-transition');\n nameTrack.classList.add('emaze-no-transition');\n this.currentIndex = 0; showUser(0);\n setTimeout(() => { avatarTrack.classList.remove('emaze-no-transition'); nameTrack.classList.remove('emaze-no-transition'); }, 50);\n }, 700);\n }\n }, 2000);\n },\n stop: function() { clearInterval(this.interval); this.interval = null; }\n };\n }\n\n setupStep2Component() {\n const data = { timeSlots: ['11:00 AM', '11:30 AM', '12:00 PM', '12:30 PM'], user: { name: 'Julia' }, location: 'Westside', service: 'Test Drive' };\n const timeData = [...data.timeSlots, data.timeSlots[0]].map((time, index) => {\n const [timePart, period] = time.split(' ');\n const [h, m] = timePart.split(':');\n const [h1, h2] = h.padStart(2, '0');\n const [m1, m2] = m;\n let pIndex = ['AM', 'PM'].indexOf(period);\n if (index === data.timeSlots.length && period === 'AM') pIndex = 2;\n return { h1: parseInt(h1), h2: parseInt(h2), m1: parseInt(m1), m2: parseInt(m2), period: pIndex };\n });\n const timeEl = document.getElementById('emaze-time-scroller');\n const card = document.getElementById('emaze-appointment-card');\n if(!timeEl || !card) return;\n const digits = Array.from(Array(10).keys());\n const periods = ['AM', 'PM', 'AM'];\n timeEl.innerHTML = `<div style=\"height: 30px; overflow: hidden;\"><div id=\"emaze-h1-col\" class=\"emaze-character-column\">${digits.map(d => `<div class=\"emaze-char-item\">${d}<\/div>`).join('')}<\/div><\/div><div style=\"height: 30px; overflow: hidden;\"><div id=\"emaze-h2-col\" class=\"emaze-character-column\">${digits.map(d => `<div class=\"emaze-char-item\">${d}<\/div>`).join('')}<\/div><\/div><div class=\"emaze-colon\">:<\/div><div style=\"height: 30px; overflow: hidden;\"><div id=\"emaze-m1-col\" class=\"emaze-character-column\">${digits.map(d => `<div class=\"emaze-char-item\">${d}<\/div>`).join('')}<\/div><\/div><div style=\"height: 30px; overflow: hidden;\"><div id=\"emaze-m2-col\" class=\"emaze-character-column\">${digits.map(d => `<div class=\"emaze-char-item\">${d}<\/div>`).join('')}<\/div><\/div><div style=\"height: 30px; overflow: hidden; font-size: 1rem;\"><div id=\"emaze-p-col\" class=\"emaze-character-column\">${periods.map(p => `<div class=\"emaze-char-item\" style=\"font-size:16px;\">${p}<\/div>`).join('')}<\/div><\/div>`;\n this.visualAnimations[1] = {\n interval: null,\n start: function() {\n let index = 0;\n const updateCol = (colEl, sIdx) => {\n Array.from(colEl.children).forEach((item, i) => {\n let dist = Math.abs(i - sIdx);\n item.className = `emaze-char-item ${dist===0?'visible':dist===1?'close':dist===2?'far':'distant'}`;\n });\n };\n const animate = () => {\n const time = timeData[index];\n const tObj = { h1: time.h1, h2: time.h2, m1: time.m1, m2: time.m2, p: time.period };\n Object.keys(tObj).forEach(key => {\n const col = document.getElementById(`emaze-${key}-col`);\n if(col) { col.style.transform = `translateY(-${tObj[key] * 30}px)`; updateCol(col, tObj[key]); }\n });\n card.innerHTML = `<div style=\"position: relative;\"><img decoding=\"async\" src=\"https:\/\/userscontent2.emaze.com\/images\/c91940a0-18cd-48eb-a3f2-361d0008374c\/d2bbbf7b8003e9d5781f35de3211cae9.png\" style=\"width: 100%; height: 12rem; object-fit: cover;\"\/><div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\"><p style=\"font-size: 1.75rem; color: white; font-weight: 600;\" class=\"emaze-text-shadow\">Hi ${data.user.name}<\/p><\/div><\/div><div style=\"padding: 1.5rem; text-align: center; color: #111827;\"><p style=\"font-size: 0.95rem; line-height: 1.6; margin:0;\">Please confirm your <strong>${data.service}<\/strong> for<br\/><strong>${data.timeSlots[index % data.timeSlots.length]}<\/strong><br\/>at our <strong>${data.location}<\/strong> branch.<\/p><button class=\"emaze-animate-bounce-cta\" style=\"margin-top: 1.5rem; width: 100%; background: #2680EB; color: white; font-weight: 600; padding: 0.75rem; border-radius: 0.75rem; border: none; cursor: pointer;\">Accept<\/button><\/div>`;\n if (index >= data.timeSlots.length) {\n setTimeout(() => {\n const cols = document.querySelectorAll('#emaze-time-scroller .emaze-character-column');\n cols.forEach(el => el.classList.add('emaze-no-transition'));\n index = 0; const t0 = timeData[0];\n const t0Obj = { h1: t0.h1, h2: t0.h2, m1: t0.m1, m2: t0.m2, p: t0.period };\n Object.keys(t0Obj).forEach(key => { document.getElementById(`emaze-${key}-col`).style.transform = `translateY(-${t0Obj[key] * 30}px)`; });\n setTimeout(() => cols.forEach(el => el.classList.remove('emaze-no-transition')), 50);\n }, 700);\n } else { index++; }\n };\n animate(); this.interval = setInterval(animate, 2500);\n },\n stop: function() { clearInterval(this.interval); this.interval = null; }\n };\n }\n\n setupStep3Component() {\n const cardStackData = [\n { goalImage: 'https:\/\/ik.imagekit.io\/smdxc0e2g3\/userscontent2-endpoint\/images\/780404fc-1a4f-40be-b14f-c0fbb53e93a3\/fce114829d25fae253b028715bbf23df.png?tr=w-960,rt-auto', title: 'Your Quote.', subtitle: \"Let's review the details.\" },\n { goalImage: 'https:\/\/userscontent2.emaze.com\/images\/780404fc-1a4f-40be-b14f-c0fbb53e93a3\/09863a92c3f8a5f17406894455312eee.png', title: 'Start Going.', subtitle: 'One click to reality.' },\n { goalImage: 'https:\/\/userscontent2.emaze.com\/images\/780404fc-1a4f-40be-b14f-c0fbb53e93a3\/122ac58965b58b00e902d112745c9449.png', title: 'Your Journey.', subtitle: 'Perfect start to your day.' }\n ];\n const container = document.getElementById('emaze-card-stack-step3');\n if(!container) return;\n this.visualAnimations[2] = {\n interval: null, index: 0,\n start: function() {\n if (container.children.length === 0) {\n cardStackData.forEach(user => {\n const wrapper = document.createElement('div');\n wrapper.className = 'emaze-card-wrapper';\n wrapper.innerHTML = `<div style=\"position: relative; width: 18rem; height: 26rem; border-radius: 1.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.2); display: flex; flex-direction: column; justify-content: flex-end; background-image: url(${user.goalImage}); background-size: cover; overflow: hidden;\"><div style=\"position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\"><\/div><div style=\"position: relative; z-index: 10; padding: 1.5rem; color: white; text-align: center;\"><h2 style=\"font-size: 1.5rem; font-weight: 600; margin:0 0 0.5rem 0;\">${user.title}<\/h2><p style=\"font-size: 0.875rem; margin: 0 0 1.5rem 0; opacity: 0.9;\">${user.subtitle}<\/p><button class=\"emaze-btn-primary\" style=\"padding: 0.5rem;\">View Details<\/button><\/div><\/div>`;\n container.appendChild(wrapper);\n });\n }\n const updateClasses = () => {\n const cards = container.children;\n for (let i = 0; i < cards.length; i++) {\n let state = i === this.index ? 'front' : i === (this.index + 1) % cards.length ? 'right' : i === (this.index - 1 + cards.length) % cards.length ? 'left' : 'hidden';\n cards[i].className = `emaze-card-wrapper emaze-card-state-${state}`;\n }\n }\n updateClasses();\n this.interval = setInterval(() => { this.index = (this.index + 1) % cardStackData.length; updateClasses(); }, 2000);\n },\n stop: function() { clearInterval(this.interval); this.interval = null; }\n };\n }\n }\n\n function init() { if(!window.emazeStory) window.emazeStory = new EmazeStoryManager(); }\n if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n else setTimeout(init, 100);\n\n if (window.elementorFrontend) {\n window.elementorFrontend.hooks.addAction('frontend\/element_ready\/html.default', () => {\n window.emazeStory = new EmazeStoryManager();\n });\n }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e62cce e-con-full e-flex e-con e-parent\" data-id=\"9e62cce\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0be8465 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0be8465\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n.ec,.ec *{box-sizing:border-box;margin:0;padding:0;}\n.ec{font-family:'Poppins',sans-serif;padding:80px 24px 0;background:#fff;}\n.ec-inner{max-width:980px;margin:0 auto;}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.ec-hd{text-align:center;margin-bottom:52px;}\n.ec-hd h2{font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;color:#0f172a;line-height:1.3;margin-bottom:14px;}\n.ec-hd p{font-size:1.0625rem;color:#64748b;line-height:1.65;max-width:620px;margin:0 auto;}\n\n\/* \u2550\u2550 DESKTOP diagram \u2550\u2550 *\/\n.ec-desk{\n display:block;position:relative;\n width:100%;max-width:980px;\n aspect-ratio:960\/500;\n margin:0 auto;\n overflow:visible;\n}\n@media(max-width:768px){.ec-desk{display:none;}}\n\n.ec-svg{\n position:absolute;inset:0;width:100%;height:100%;\n overflow:visible;z-index:1;pointer-events:none;\n}\n\n\/* \u2500\u2500 Floating logo \u2014 no card, no border, no label \u2500\u2500 *\/\n.ec-lc{\n position:absolute;\n transform:translate(-50%,-50%);\n z-index:3;\n display:flex;align-items:center;justify-content:center;\n cursor:default;\n transition:transform .22s, filter .22s;\n}\n.ec-lc:hover{\n transform:translate(-50%,calc(-50% - 4px));\n filter:drop-shadow(0 4px 12px rgba(22,94,209,0.25));\n}\n\/* Standard wide logo (SVG wordmarks) *\/\n.ec-lc img{\n width:52px;height:auto;max-height:26px;\n object-fit:contain;display:block;\n filter:drop-shadow(0 1px 3px rgba(0,0,0,0.10));\n}\n\n.ec-lc.sq img{\n width:38px;height:38px;\n border-radius:8px;\n object-fit:contain;\n background:#fff;\n padding:3px;\n box-shadow:0 1px 6px rgba(0,0,0,0.10);\n max-height:none;\n}\n\n\/* \u2500\u2500 emaze center circle \u2014 fixed size so logo is always visible \u2500\u2500 *\/\n.ec-center{\n position:absolute;\n left:51.04%;top:50%;\n transform:translate(-50%,-50%);\n z-index:5;\n width:124px;\n height:124px;\n border-radius:50%;\n background:#fff;\n border:2px solid #165ed1;\n box-shadow:\n 0 0 0 8px rgba(22,94,209,0.07),\n 0 0 0 18px rgba(22,94,209,0.03),\n 0 4px 20px rgba(22,94,209,0.18);\n display:flex;align-items:center;justify-content:center;\n padding:12px;\n}\n.ec-center img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%;}\n\n\/* \u2500\u2500 Output panel \u2500\u2500 *\/\n.ec-out{\n position:absolute;\n left:69.58%;top:50%;\n transform:translateY(-50%);\n width:29.17%;height:88%;\n z-index:3;\n background:#f8fafc;\n border:1px solid #e2e8f0;\n border-radius:14px;\n overflow:hidden;\n box-shadow:0 4px 24px rgba(0,0,0,0.07);\n display:flex;flex-direction:column;\n}\n.ec-out-bar{\n background:#fff;border-bottom:1px solid #e9ecef;\n padding:7px 10px;display:flex;align-items:center;gap:5px;flex-shrink:0;\n}\n.ec-out-dot{width:8px;height:8px;border-radius:50%;}\n.ec-out-bar span{font-size:7.5px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-left:4px;font-family:'Poppins',sans-serif;}\n.ec-out-media{flex:1;overflow:hidden;display:flex;align-items:center;background:#fff;}\n.ec-out-media img{width:100%;height:100%;object-fit:contain;display:block;}\n\n\/* \u2550\u2550 MOBILE diagram (vertical) \u2550\u2550 *\/\n.ec-mob{display:none;flex-direction:column;align-items:center;gap:0;padding:0 0 8px;}\n@media(max-width:768px){.ec-mob{display:flex;}}\n\n.ec-mob-logos{\n display:flex;flex-wrap:wrap;justify-content:center;\n gap:16px 20px;width:100%;max-width:380px;padding:4px;\n}\n.ec-mob-lc{display:flex;align-items:center;justify-content:center;}\n.ec-mob-lc img{width:48px;height:auto;max-height:28px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.10));}\n.ec-mob-lc.sq img{width:38px;height:38px;border-radius:8px;object-fit:contain;background:#fff;padding:3px;max-height:none;box-shadow:0 1px 6px rgba(0,0,0,0.10);}\n\n.ec-mob-arrow{display:flex;flex-direction:column;align-items:center;padding:8px 0;opacity:.5;}\n\n.ec-mob-ec{\n width:88px;height:88px;border-radius:50%;\n background:#fff;border:2px solid #165ed1;\n box-shadow:0 0 0 8px rgba(22,94,209,0.06),0 0 0 18px rgba(22,94,209,0.025),0 4px 20px rgba(22,94,209,0.16);\n display:flex;align-items:center;justify-content:center;\n padding:16px;flex-shrink:0;margin:4px 0;\n}\n.ec-mob-ec img{width:100%;height:auto;object-fit:contain;border-radius:50%;}\n\n.ec-mob-out{\n width:100%;max-width:380px;\n background:#f8fafc;border:1px solid #e2e8f0;\n border-radius:14px;overflow:hidden;\n box-shadow:0 4px 16px rgba(0,0,0,0.07);\n}\n\/* Mobile output bar: hug content *\/\n.ec-mob-out-bar{\n background:#fff;border-bottom:1px solid #e9ecef;\n padding:7px 10px;display:flex;align-items:center;gap:5px;\n}\n.ec-mob-out img{width:100%;display:block;object-fit:contain;background:#fff;}\n\n\/* Security *\/\n.ec-sec{padding:64px 24px;background:#fff;text-align:center;}\n.ec-sec h3{font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:8px;font-family:'Poppins',sans-serif;}\n.ec-sec p{color:#64748b;margin-bottom:36px;font-size:1rem;font-family:'Poppins',sans-serif;}\n.ec-badges{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:28px;filter:grayscale(100%);transition:filter .5s;}\n.ec-badges:hover{filter:grayscale(0%);}\n.ec-badges img{max-height:96px;width:auto;object-fit:contain;}\n<\/style>\n\n<section class=\"ec\">\n<div class=\"ec-inner\">\n\n <div class=\"ec-hd\">\n <h2>Plug In Today. Start Converting More.<\/h2>\n <p>emaze.ai connects directly to your CRM, email, and messaging systems \u2014 no new workflows, no technical lift, no design team needed.<\/p>\n <\/div>\n\n <!-- \u2550\u2550 DESKTOP \u2550\u2550 -->\n <div class=\"ec-desk\">\n\n <svg class=\"ec-svg\" viewBox=\"0 0 960 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <filter id=\"ecGF\" x=\"-80%\" y=\"-80%\" width=\"260%\" height=\"260%\">\n <feGaussianBlur stdDeviation=\"2.8\" result=\"b\"\/>\n <feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge>\n <\/filter>\n <radialGradient id=\"ecPG\">\n <stop offset=\"0%\" stop-color=\"#fff\" stop-opacity=\"1\"\/>\n <stop offset=\"35%\" stop-color=\"#93c5fd\" stop-opacity=\"0.9\"\/>\n <stop offset=\"100%\" stop-color=\"#165ed1\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n\n <!-- Paths: logo cx,cy \u2192 emaze 490,250 -->\n <path id=\"ep1\" d=\"M 55 48 C 200 48 430 250 490 250\"\/><!-- Salesforce -->\n <path id=\"ep2\" d=\"M 200 32 C 330 32 440 250 490 250\"\/><!-- HubSpot -->\n <path id=\"ep3\" d=\"M 30 162 C 170 162 415 250 490 250\"\/><!-- CDK -->\n <path id=\"ep4\" d=\"M 185 148 C 310 148 430 250 490 250\"\/><!-- Tekion -->\n <path id=\"ep5\" d=\"M 318 108 C 400 108 455 250 490 250\"\/><!-- Braze -->\n <path id=\"ep6\" d=\"M 108 262 C 240 262 405 250 490 250\"\/><!-- G Sheets -->\n <path id=\"ep7\" d=\"M 268 248 C 355 248 445 250 490 250\"\/><!-- Zoho -->\n <path id=\"ep8\" d=\"M 45 370 C 180 370 415 250 490 250\"\/><!-- Brevo -->\n <path id=\"ep9\" d=\"M 205 355 C 330 355 430 250 490 250\"\/><!-- Klaviyo -->\n <path id=\"ep10\" d=\"M 135 448 C 270 448 415 250 490 250\"\/><!-- Mailchimp (SF Mktg) -->\n <path id=\"ep11\" d=\"M 295 435 C 390 435 440 250 490 250\"\/><!-- Shopify -->\n <path id=\"epO\" d=\"M 512 250 C 570 250 630 250 668 250\"\/><!-- Output -->\n <\/defs>\n\n <!-- Static dashed guide paths -->\n <path d=\"M 55 48 C 200 48 430 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 200 32 C 330 32 440 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 30 162 C 170 162 415 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 185 148 C 310 148 430 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 318 108 C 400 108 455 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 108 262 C 240 262 405 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 268 248 C 355 248 445 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 45 370 C 180 370 415 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 205 355 C 330 355 430 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 135 448 C 270 448 415 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 295 435 C 390 435 440 250 490 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.2\" stroke-dasharray=\"3,9\" opacity=\".15\"\/>\n <path d=\"M 512 250 C 570 250 630 250 668 250\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1.8\" stroke-dasharray=\"3,7\" opacity=\".28\"\/>\n\n <!-- Animated particles \u2014 2 per input -->\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.2s\" repeatCount=\"indefinite\" begin=\"0s\" ><mpath href=\"#ep1\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.2s\" repeatCount=\"indefinite\" begin=\"1.1s\" ><mpath href=\"#ep1\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"0.25s\"><mpath href=\"#ep2\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.5s\" repeatCount=\"indefinite\" begin=\"1.5s\" ><mpath href=\"#ep2\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.0s\" repeatCount=\"indefinite\" begin=\"0.5s\" ><mpath href=\"#ep3\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.0s\" repeatCount=\"indefinite\" begin=\"1.2s\" ><mpath href=\"#ep3\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.3s\" repeatCount=\"indefinite\" begin=\"0.7s\" ><mpath href=\"#ep4\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.3s\" repeatCount=\"indefinite\" begin=\"1.85s\"><mpath href=\"#ep4\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"1.9s\" repeatCount=\"indefinite\" begin=\"0.1s\" ><mpath href=\"#ep5\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"1.9s\" repeatCount=\"indefinite\" begin=\"1.05s\"><mpath href=\"#ep5\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"1.75s\" repeatCount=\"indefinite\" begin=\"0.3s\" ><mpath href=\"#ep6\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"1.75s\" repeatCount=\"indefinite\" begin=\"1.18s\"><mpath href=\"#ep6\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"1.6s\" repeatCount=\"indefinite\" begin=\"0.45s\"><mpath href=\"#ep7\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"1.6s\" repeatCount=\"indefinite\" begin=\"1.25s\"><mpath href=\"#ep7\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.65s\" repeatCount=\"indefinite\" begin=\"0.6s\" ><mpath href=\"#ep8\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.65s\" repeatCount=\"indefinite\" begin=\"1.93s\"><mpath href=\"#ep8\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.8s\" repeatCount=\"indefinite\" begin=\"0.85s\"><mpath href=\"#ep9\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.8s\" repeatCount=\"indefinite\" begin=\"2.25s\"><mpath href=\"#ep9\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"3.1s\" repeatCount=\"indefinite\" begin=\"1.0s\" ><mpath href=\"#ep10\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"3.1s\" repeatCount=\"indefinite\" begin=\"2.65s\"><mpath href=\"#ep10\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.9s\" repeatCount=\"indefinite\" begin=\"1.2s\" ><mpath href=\"#ep11\"\/><\/animateMotion><\/circle>\n <circle r=\"4\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"2.9s\" repeatCount=\"indefinite\" begin=\"2.55s\"><mpath href=\"#ep11\"\/><\/animateMotion><\/circle>\n <!-- Output: 3 fast particles -->\n <circle r=\"5\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"1.1s\" repeatCount=\"indefinite\" begin=\"0s\" ><mpath href=\"#epO\"\/><\/animateMotion><\/circle>\n <circle r=\"5\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"1.1s\" repeatCount=\"indefinite\" begin=\"0.37s\" ><mpath href=\"#epO\"\/><\/animateMotion><\/circle>\n <circle r=\"5\" fill=\"url(#ecPG)\" filter=\"url(#ecGF)\"><animateMotion dur=\"1.1s\" repeatCount=\"indefinite\" begin=\"0.74s\" ><mpath href=\"#epO\"\/><\/animateMotion><\/circle>\n\n <!-- Pulsing rings -->\n <circle cx=\"490\" cy=\"250\" r=\"76\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1\" opacity=\".07\">\n <animate attributeName=\"r\" values=\"74;90;74\" dur=\"3.8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\".07;.02;.07\" dur=\"3.8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"490\" cy=\"250\" r=\"60\" fill=\"none\" stroke=\"#165ed1\" stroke-width=\"1\" opacity=\".09\">\n <animate attributeName=\"r\" values=\"58;74;58\" dur=\"3.8s\" repeatCount=\"indefinite\" begin=\"1s\"\/>\n <animate attributeName=\"opacity\" values=\".09;.02;.09\" dur=\"3.8s\" repeatCount=\"indefinite\" begin=\"1s\"\/>\n <\/circle>\n <circle cx=\"668\" cy=\"250\" r=\"4\" fill=\"#165ed1\" opacity=\".5\">\n <animate attributeName=\"opacity\" values=\".5;.12;.5\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <\/svg>\n\n <!-- Logo positions: left=cx\/960\u00d7100%, top=cy\/500\u00d7100% -->\n <!-- 1. Salesforce cx=55,cy=48 -->\n <div class=\"ec-lc\" style=\"left:5.73%;top:9.6%;\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f9\/Salesforce.com_logo.svg\" alt=\"Salesforce\">\n <\/div>\n <!-- 2. HubSpot cx=200,cy=32 -->\n <div class=\"ec-lc\" style=\"left:20.83%;top:6.4%;\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/3f\/HubSpot_Logo.svg\" alt=\"HubSpot\">\n <\/div>\n <!-- 3. CDK Global cx=30,cy=162 -->\n <div class=\"ec-lc\" style=\"left:3.13%;top:32.4%;\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c6\/CDK_Global_logo_2021.svg\" alt=\"CDK Global\">\n <\/div>\n <!-- 4. Tekion cx=185,cy=148 (square raster) -->\n <div class=\"ec-lc sq\" style=\"left:19.27%;top:29.6%;\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/8e\/Tekion_corp_logo.jpg\" alt=\"Tekion\" style=\"object-fit:contain;padding:3px;background:#fff;\">\n <\/div>\n <!-- 5. Braze cx=318,cy=108 (square raster) -->\n <div class=\"ec-lc sq\" style=\"left:33.13%;top:21.6%;\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/26\/Braze_purple_logo.jpg\" alt=\"Braze\">\n <\/div>\n <!-- 6. Google Sheets \/ Mailchimp logo cx=108,cy=262 -->\n <div class=\"ec-lc\" style=\"left:11.25%;top:52.4%;\">\n <img decoding=\"async\" src=\"https:\/\/emaze.ai\/wp-content\/uploads\/2026\/03\/images-150x150.webp\" alt=\"Mailchimp\" style=\"width:32px;height:32px;border-radius:6px;object-fit:cover;max-height:none;box-shadow:0 1px 6px rgba(0,0,0,0.12);\">\n <\/div>\n <!-- 7. Zoho cx=268,cy=248 -->\n <div class=\"ec-lc\" style=\"left:27.92%;top:49.6%;\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/30\/ZOHO_logo_2023.svg\" alt=\"Zoho\">\n <\/div>\n <!-- 8. Brevo cx=45,cy=370 -->\n <div class=\"ec-lc\" style=\"left:4.69%;top:74%;\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/ef\/Brevo-Logo.png\" alt=\"Brevo\">\n <\/div>\n <!-- 9. Klaviyo cx=205,cy=355 -->\n <div class=\"ec-lc\" style=\"left:21.35%;top:71%;\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/22\/Klaviyo-primary-logo-charcoal.svg\" alt=\"Klaviyo\">\n <\/div>\n <!-- 10. SF Mktg Cloud cx=135,cy=448 -->\n <div class=\"ec-lc\" style=\"left:14.06%;top:89.6%;\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/b\/b4\/Salesforce_Marketing_Cloud_Logo_1.png\" alt=\"SF Marketing Cloud\" style=\"width:38px;height:38px;border-radius:6px;object-fit:contain;background:#fff;padding:3px;max-height:none;box-shadow:0 1px 6px rgba(0,0,0,0.10);\">\n <\/div>\n <!-- 11. Shopify cx=295,cy=435 -->\n <div class=\"ec-lc\" style=\"left:30.73%;top:87%;\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/0e\/Shopify_logo_2018.svg\" alt=\"Shopify\">\n <\/div>\n\n <!-- emaze.ai center -->\n <div class=\"ec-center\">\n <img decoding=\"async\" src=\"https:\/\/emaze.ai\/wp-content\/uploads\/2026\/03\/emaze.ai-vertical-small-1-2-150x150.png\" alt=\"emaze.ai\">\n <\/div>\n\n <!-- Output panel -->\n <div class=\"ec-out\">\n <div class=\"ec-out-bar\">\n <div class=\"ec-out-dot\" style=\"background:#ff5f57;\"><\/div>\n <div class=\"ec-out-dot\" style=\"background:#febc2e;\"><\/div>\n <div class=\"ec-out-dot\" style=\"background:#28c840;\"><\/div>\n <span>Personalized Output<\/span>\n <\/div>\n <div class=\"ec-out-media\" style=\"position:relative;overflow:hidden;flex:1;background:#0f172a;\">\n <!-- Channel slides -->\n <div id=\"ecSlide\" style=\"position:absolute;inset:0;display:flex;flex-direction:column;\">\n <!-- Each slide fills the panel -->\n <div class=\"ec-slide\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .6s;display:flex;flex-direction:column;\">\n <div style=\"background:rgba(37,99,235,0.85);padding:5px 10px;display:flex;align-items:center;gap:6px;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92V19a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 3 4.18 2 2 0 0 1 5 2h2.09a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <span style=\"font-family:'Poppins',sans-serif;font-size:8px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;\">SMS<\/span>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/emaze.ai\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-24-at-23.32.42.png\" style=\"flex:1;width:100%;height:100%;object-fit:contain;background:#fff;display:block;\">\n <\/div>\n <div class=\"ec-slide\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .6s;display:flex;flex-direction:column;\">\n <div style=\"background:rgba(37,211,102,0.9);padding:5px 10px;display:flex;align-items:center;gap:6px;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"0\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M11.997 0C5.372 0 0 5.372 0 11.997c0 2.117.554 4.099 1.522 5.821L.057 23.943l6.285-1.436a11.943 11.943 0 0 0 5.655 1.43c6.625 0 11.997-5.372 11.997-11.997S18.622 0 11.997 0z\"\/><\/svg>\n <span style=\"font-family:'Poppins',sans-serif;font-size:8px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;\">WhatsApp<\/span>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/emaze.ai\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-24-at-23.32.42.png\" style=\"flex:1;width:100%;height:100%;object-fit:contain;background:#fff;display:block;\">\n <\/div>\n <div class=\"ec-slide\" style=\"position:absolute;inset:0;opacity:0;transition:opacity .6s;display:flex;flex-direction:column;\">\n <div style=\"background:rgba(234,67,53,0.85);padding:5px 10px;display:flex;align-items:center;gap:6px;flex-shrink:0;\">\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n <span style=\"font-family:'Poppins',sans-serif;font-size:8px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;\">Email<\/span>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/emaze.ai\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_q4ig12q4ig12q4ig.png\" style=\"flex:1;width:100%;height:100%;object-fit:contain;background:#fff;display:block;\">\n <\/div>\n <\/div>\n <!-- Channel dot indicators -->\n <div style=\"position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:10;\">\n <div class=\"ec-dot\" style=\"width:6px;height:6px;border-radius:50%;background:#2563eb;transition:background .3s;\"><\/div>\n <div class=\"ec-dot\" style=\"width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.3);transition:background .3s;\"><\/div>\n <div class=\"ec-dot\" style=\"width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.3);transition:background .3s;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div><!-- \/ec-desk -->\n\n <!-- \u2550\u2550 MOBILE \u2550\u2550 -->\n <div class=\"ec-mob\">\n\n <div class=\"ec-mob-logos\">\n <div class=\"ec-mob-lc\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f9\/Salesforce.com_logo.svg\" alt=\"Salesforce\"><\/div>\n <div class=\"ec-mob-lc\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/3f\/HubSpot_Logo.svg\" alt=\"HubSpot\"><\/div>\n <div class=\"ec-mob-lc sq\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/8e\/Tekion_corp_logo.jpg\" alt=\"Tekion\" style=\"object-fit:contain;padding:3px;background:#fff;\"><\/div>\n <div class=\"ec-mob-lc\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/30\/ZOHO_logo_2023.svg\" alt=\"Zoho\"><\/div>\n <div class=\"ec-mob-lc\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/ef\/Brevo-Logo.png\" alt=\"Brevo\"><\/div>\n <div class=\"ec-mob-lc\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/22\/Klaviyo-primary-logo-charcoal.svg\" alt=\"Klaviyo\"><\/div>\n <div class=\"ec-mob-lc\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/0e\/Shopify_logo_2018.svg\" alt=\"Shopify\"><\/div>\n <div class=\"ec-mob-lc sq\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/26\/Braze_purple_logo.jpg\" alt=\"Braze\"><\/div>\n <div class=\"ec-mob-lc\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/c6\/CDK_Global_logo_2021.svg\" alt=\"CDK Global\"><\/div>\n <\/div>\n\n <div class=\"ec-mob-arrow\">\n <svg width=\"2\" height=\"32\" viewBox=\"0 0 2 32\"><line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"32\" stroke=\"#165ed1\" stroke-width=\"1.5\" stroke-dasharray=\"3,4\"\/><\/svg>\n <svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\"><path d=\"M1 1L7 7L13 1\" stroke=\"#165ed1\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n\n <div class=\"ec-mob-ec\">\n <img decoding=\"async\" src=\"https:\/\/emaze.ai\/wp-content\/uploads\/2026\/03\/emaze.ai-vertical-small-1-2-150x150.png\" alt=\"emaze.ai\">\n <\/div>\n\n <div class=\"ec-mob-arrow\">\n <svg width=\"2\" height=\"32\" viewBox=\"0 0 2 32\"><line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"32\" stroke=\"#165ed1\" stroke-width=\"1.5\" stroke-dasharray=\"3,4\"\/><\/svg>\n <svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\"><path d=\"M1 1L7 7L13 1\" stroke=\"#165ed1\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n\n <div class=\"ec-mob-out\">\n <div class=\"ec-mob-out-bar\">\n <div style=\"width:8px;height:8px;border-radius:50%;background:#ff5f57;\"><\/div>\n <div style=\"width:8px;height:8px;border-radius:50%;background:#febc2e;margin-left:5px;\"><\/div>\n <div style=\"width:8px;height:8px;border-radius:50%;background:#28c840;margin-left:5px;\"><\/div>\n <span style=\"font-size:7.5px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-left:8px;font-family:'Poppins',sans-serif;\">Personalized Output<\/span>\n <\/div>\n <div style=\"position:relative;height:480px;background:#fff;overflow:hidden;\">\n <div class=\"ec-mslide\" style=\"position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transition:opacity .6s;\">\n <div style=\"background:rgba(37,99,235,0.85);padding:6px 12px;display:flex;align-items:center;gap:6px;flex-shrink:0;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92V19a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 3 4.18 2 2 0 0 1 5 2h2.09a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><span style=\"font-family:'Poppins',sans-serif;font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;\">SMS<\/span><\/div>\n <img decoding=\"async\" src=\"https:\/\/emaze.ai\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-24-at-23.32.42.png\" style=\"flex:1;width:100%;height:0;object-fit:contain;background:#fff;display:block;\">\n <\/div>\n <div class=\"ec-mslide\" style=\"position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transition:opacity .6s;\">\n <div style=\"background:rgba(37,211,102,0.9);padding:6px 12px;display:flex;align-items:center;gap:6px;flex-shrink:0;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M11.997 0C5.372 0 0 5.372 0 11.997c0 2.117.554 4.099 1.522 5.821L.057 23.943l6.285-1.436a11.943 11.943 0 0 0 5.655 1.43c6.625 0 11.997-5.372 11.997-11.997S18.622 0 11.997 0z\"\/><\/svg><span style=\"font-family:'Poppins',sans-serif;font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;\">WhatsApp<\/span><\/div>\n <img decoding=\"async\" src=\"https:\/\/emaze.ai\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-24-at-23.32.42.png\" style=\"flex:1;width:100%;height:0;object-fit:contain;background:#fff;display:block;\">\n <\/div>\n <div class=\"ec-mslide\" style=\"position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transition:opacity .6s;\">\n <div style=\"background:rgba(234,67,53,0.85);padding:6px 12px;display:flex;align-items:center;gap:6px;flex-shrink:0;\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><span style=\"font-family:'Poppins',sans-serif;font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;\">Email<\/span><\/div>\n <img decoding=\"async\" src=\"https:\/\/emaze.ai\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_q4ig12q4ig12q4ig.png\" style=\"flex:1;width:100%;height:0;object-fit:contain;background:#fff;display:block;\">\n <\/div>\n <div style=\"position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10;\">\n <div class=\"ec-mdot\" style=\"width:7px;height:7px;border-radius:50%;background:#2563eb;transition:background .3s;\"><\/div>\n <div class=\"ec-mdot\" style=\"width:7px;height:7px;border-radius:50%;background:rgba(100,116,139,0.3);transition:background .3s;\"><\/div>\n <div class=\"ec-mdot\" style=\"width:7px;height:7px;border-radius:50%;background:rgba(100,116,139,0.3);transition:background .3s;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div><!-- \/ec-mob -->\n\n<\/div>\n\n<script>\n(function(){\n var INTERVAL = 3000;\n\n \/\/ Desktop slideshow\n var slides = document.querySelectorAll('.ec-slide');\n var dots = document.querySelectorAll('.ec-dot');\n if(slides.length){\n var cur = 0;\n slides[0].style.opacity = '1';\n setInterval(function(){\n slides[cur].style.opacity = '0';\n dots[cur].style.background = 'rgba(255,255,255,0.3)';\n cur = (cur + 1) % slides.length;\n slides[cur].style.opacity = '1';\n var colors = ['#2563eb','#25d366','#ea4335'];\n dots[cur].style.background = colors[cur];\n }, INTERVAL);\n }\n\n \/\/ Mobile slideshow\n var mslides = document.querySelectorAll('.ec-mslide');\n var mdots = document.querySelectorAll('.ec-mdot');\n if(mslides.length){\n var mcur = 0;\n mslides[0].style.opacity = '1';\n setInterval(function(){\n mslides[mcur].style.opacity = '0';\n mdots[mcur].style.background = 'rgba(255,255,255,0.3)';\n mcur = (mcur + 1) % mslides.length;\n mslides[mcur].style.opacity = '1';\n var colors = ['#2563eb','#25d366','#ea4335'];\n mdots[mcur].style.background = colors[mcur];\n }, INTERVAL + 150);\n }\n})();\n<\/script>\n<\/section>\n\n<section class=\"ec-sec\">\n <h3>We value your privacy and security<\/h3>\n <p>Fully compliant with industry standards<\/p>\n <div class=\"ec-badges\">\n <img decoding=\"async\" src=\"https:\/\/userscontent2.emaze.com\/images\/f2c11991-a605-4366-a3aa-7314e83b9c4a\/7fb9365841fe39a9f968895d2b7d5f8f.png\" alt=\"GDPR\">\n <img decoding=\"async\" src=\"https:\/\/userscontent2.emaze.com\/images\/f2c11991-a605-4366-a3aa-7314e83b9c4a\/d1d5ed39cd65274e59ee120f07a9cd0d.png\" alt=\"SOC 2\">\n <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51007fe e-con-full e-flex e-con e-parent\" data-id=\"51007fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41ce9a4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"41ce9a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&family=Hanken+Grotesk:wght@300;400;600;800&display=swap');\n\n.emz-section { font-family:'Poppins',sans-serif; box-sizing:border-box; width:100%; padding:80px 24px 96px; }\n.emz-section * { box-sizing:border-box; }\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n.emz-header { text-align:center; margin-bottom:56px; }\n.emz-title {\n font-family:'Poppins',sans-serif; font-size:clamp(1.875rem,4vw,3rem); font-weight:600;\n background:linear-gradient(90deg,#184DA6 0%,#2680EB 50%,#184DA6 100%);\n -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;\n color:transparent; display:inline-block; line-height:1.2; margin:0 0 20px;\n}\n.emz-subtitle {\n font-family:'Poppins',sans-serif; font-size:1.125rem; color:#475569;\n font-weight:400; line-height:1.4; max-width:680px; margin:0 auto;\n}\n\n\/* \u2500\u2500 OUTER WRAPPER \u2500\u2500 *\/\n.emz-tp-outer { max-width:960px; margin:0 auto; position:relative; }\n\n\/* \u2500\u2500 MAC BROWSER CHROME \u2500\u2500 *\/\n.emz-browser {\n border-radius:12px; border:1px solid #c0c0c0; overflow:hidden;\n box-shadow:0 28px 72px rgba(0,0,0,0.20), 0 6px 20px rgba(0,0,0,0.08);\n}\n.emz-browser-bar {\n height:40px;\n background:linear-gradient(180deg,#ECECEC 0%,#D9D9D9 100%);\n border-bottom:1px solid #b5b5b5;\n display:flex; align-items:center; padding:0 14px; flex-shrink:0; position:relative;\n}\n.emz-dot { width:12px; height:12px; border-radius:50%; flex-shrink:0; }\n.emz-dot-r { background:#FF5F57; border:0.5px solid #e0443e; }\n.emz-dot-y { background:#FEBC2E; border:0.5px solid #dea123; margin-left:7px; }\n.emz-dot-g { background:#28C840; border:0.5px solid #1aab29; margin-left:7px; }\n.emz-url-bar {\n position:absolute; left:50%; transform:translateX(-50%);\n width:340px; height:22px; background:#fff;\n border:0.5px solid #c0c0c0; border-radius:5px;\n display:flex; align-items:center; padding:0 9px; gap:5px;\n font-size:10px; color:#888; font-family:'Poppins',sans-serif;\n white-space:nowrap; overflow:hidden;\n}\n.emz-url-bar b { color:#002C5F; font-weight:700; }\n.emz-url-lock { flex-shrink:0; }\n\n\/* \u2500\u2500 PAGE SHELL \u2500\u2500 *\/\n.emz-tp-shell { font-family:'Hanken Grotesk',sans-serif; display:flex; flex-direction:column; }\n\n\/* \u2500\u2500 TICKER \u2500\u2500 *\/\n.emz-ticker {\n height:34px; background:#f8f9fa; border-bottom:1px solid #eee;\n display:flex; align-items:center; gap:8px; padding:0 18px; flex-shrink:0;\n}\n.emz-ticker-dot { width:7px; height:7px; background:#00AAD2; border-radius:50%; flex-shrink:0; animation:emzPulse 2s infinite; }\n.emz-ticker-text { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#00AAD2; }\n\n\/* \u2500\u2500 SPLIT: left scrolls internally, right is fixed \u2500\u2500 *\/\n.emz-split { display:grid; grid-template-columns:42% 58%; }\n\n.emz-left {\n height:640px; overflow-y:scroll; background:#fff;\n padding:26px 28px 28px;\n -ms-overflow-style:none; scrollbar-width:none;\n}\n.emz-left::-webkit-scrollbar { display:none; }\n\n.emz-right { height:640px; background:#1C1B1B; position:relative; overflow:hidden; flex-shrink:0; }\n\n\/* \u2500\u2500 LEFT CONTENT \u2500\u2500 *\/\n.emz-left-top { display:flex; align-items:center; gap:8px; margin-bottom:18px; }\n.emz-live-badge { display:inline-flex; align-items:center; gap:6px; padding:5px 11px; background:#f8f9fa; border-radius:4px; font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:#00AAD2; border:1px solid #eee; }\n.emz-live-badge span { width:6px; height:6px; background:#00AAD2; border-radius:50%; animation:emzPulse 2s infinite; display:block; }\n.emz-vip-badge { background:#002C5F; color:#fff; font-size:8px; font-weight:700; padding:3px 9px; border-radius:20px; letter-spacing:.08em; white-space:nowrap; }\n.emz-greet { font-size:11px; font-weight:600; color:#00AAD2; letter-spacing:.04em; margin-bottom:6px; min-height:16px; }\n.emz-h1 { font-size:1.65rem; font-weight:800; letter-spacing:-.025em; color:#002C5F; line-height:1.15; margin-bottom:12px; }\n.emz-desc { font-size:13px; color:#444; margin-bottom:14px; line-height:1.65; }\n\n.emz-offer { background:#f8f9fa; border-radius:4px; padding:12px 14px; margin-bottom:14px; border:1px solid #eee; }\n.emz-offer-row { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }\n.emz-price-lbl,.emz-timer-lbl { font-size:9px; text-transform:uppercase; letter-spacing:.1em; color:#94a3b8; margin-bottom:2px; }\n.emz-price-val { font-size:1.5rem; font-weight:800; color:#002C5F; line-height:1; }\n.emz-timer-val { font-size:1.1rem; font-weight:800; color:#ea580c; line-height:1; }\n.emz-offer-sub { font-size:9.5px; color:#767676; }\n\n.emz-timeline { background:#f8f9fa; border-radius:4px; padding:11px 13px; margin-bottom:16px; border:1px solid #eee; }\n.emz-tl-lbl { font-size:8.5px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#94a3b8; margin-bottom:7px; }\n.emz-chaps { display:flex; gap:3px; }\n.emz-chap { flex:1; background:#fff; padding:8px 4px; font-size:9px; font-weight:700; text-align:center; cursor:pointer; border:1px solid #eee; color:#999; transition:all .2s; letter-spacing:.04em; }\n.emz-chap:hover,.emz-chap.act { background:#002C5F; color:#fff; border-color:#002C5F; }\n\n.emz-sec-title { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#002C5F; border-bottom:1px solid #ddd; padding-bottom:8px; margin-bottom:10px; }\n.emz-specs { width:100%; border-collapse:collapse; font-size:12px; margin-bottom:16px; }\n.emz-specs td { padding:7px 0; border-bottom:1px solid #f0f0f0; }\n.emz-specs td:first-child { color:#767676; font-weight:500; width:48%; }\n.emz-specs td:last-child { text-align:right; color:#002C5F; font-weight:700; }\n\n.emz-feat-desc { font-size:12px; color:#767676; margin-bottom:12px; }\n.emz-feat-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px; }\n.emz-feat-card { background:#fff; border:1px solid #eee; overflow:hidden; transition:transform .3s ease; }\n.emz-feat-card:hover { transform:translateY(-4px); border-color:#00AAD2; }\n.emz-feat-card img { width:100%; height:100px; object-fit:cover; display:block; }\n.emz-feat-info { padding:9px 10px; }\n.emz-feat-title { font-size:11px; font-weight:700; text-transform:uppercase; color:#002C5F; margin-bottom:3px; letter-spacing:.02em; }\n.emz-feat-sub { font-size:10px; color:#767676; line-height:1.4; }\n\n.emz-rep { display:flex; align-items:center; background:#E4DCD3; padding:16px 18px; gap:14px; margin-bottom:16px; }\n.emz-rep img { width:54px; height:54px; border-radius:50%; object-fit:cover; border:2px solid white; flex-shrink:0; }\n.emz-rep-label { font-size:9px; text-transform:uppercase; letter-spacing:.1em; color:#00AAD2; font-weight:700; margin-bottom:2px; }\n.emz-rep-name { font-size:14px; font-weight:800; color:#002C5F; }\n.emz-rep-role { font-size:11px; color:#666; margin-bottom:4px; }\n.emz-rep-links { display:flex; gap:12px; }\n.emz-rep-link { font-size:10px; color:#002C5F; font-weight:700; cursor:default; }\n\n.emz-ctas { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:20px; }\n.emz-btn-p { background:#002C5F; color:white; border:none; padding:16px; font-weight:700; text-transform:uppercase; font-size:11px; letter-spacing:.08em; cursor:pointer; font-family:'Poppins',sans-serif; transition:background .2s; width:100%; }\n.emz-btn-p:hover { background:#00AAD2; }\n.emz-btn-s { background:transparent; color:#002C5F; border:1px solid #002C5F; padding:16px; font-weight:700; text-transform:uppercase; font-size:11px; letter-spacing:.08em; cursor:pointer; font-family:'Poppins',sans-serif; transition:all .2s; width:100%; }\n.emz-btn-s:hover { background:#002C5F; color:white; }\n\n.emz-legal { font-size:9.5px; color:#bbb; line-height:1.45; margin-bottom:16px; }\n.emz-footer-brand { text-align:center; padding-top:14px; border-top:1px solid #eee; font-size:9px; text-transform:uppercase; letter-spacing:.08em; color:#ccc; }\n.emz-footer-brand span { font-size:12px; font-weight:800; color:#2680EB; letter-spacing:.04em; margin-left:4px; }\n\n\/* \u2500\u2500 RIGHT VIDEO \u2500\u2500 *\/\n.emz-right video { width:100%; height:100%; object-fit:cover; }\n.emz-rv { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 35%,rgba(0,0,0,.1) 100%); pointer-events:none; }\n.emz-rl { position:absolute; top:0; left:0; right:0; padding:20px 24px; background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent); z-index:5; }\n.emz-rl img { height:18px; width:auto; filter:brightness(0) invert(1); opacity:.9; display:block; }\n.emz-oc {\n position:absolute; bottom:36px; left:32px;\n background:rgba(255,255,255,.93); padding:20px 22px;\n border-top:4px solid #00AAD2; max-width:230px;\n box-shadow:0 10px 32px rgba(0,0,0,.35);\n opacity:0; animation:emzSlideUp .9s .6s forwards;\n}\n.emz-oc-pre { font-size:9px; text-transform:uppercase; color:#767676; letter-spacing:.08em; margin-bottom:5px; }\n.emz-oc-name { font-size:22px; font-weight:800; color:#1C1B1B; line-height:1; }\n.emz-oc-bar { width:24px; height:2px; background:#00AAD2; margin:8px 0; }\n.emz-oc-model { font-size:12px; font-weight:700; color:#002C5F; }\n\n\/* \u2500\u2500 PINS \u2500\u2500 *\/\n.emz-pin {\n position:absolute; width:26px; height:26px;\n transform:translate(-50%,-50%); cursor:pointer; pointer-events:auto; z-index:60;\n transition:opacity .2s;\n}\n.emz-pin.emz-hidden { opacity:0; pointer-events:none; }\n.emz-pa,.emz-pb { position:absolute; inset:-4px; border-radius:50%; border:2px solid rgba(0,44,95,.45); animation:emzRing 1.9s ease-out infinite; }\n.emz-pb { animation-delay:.75s; }\n.emz-pn { position:relative; z-index:2; width:26px; height:26px; border-radius:50%; background:#002C5F; border:2.5px solid white; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; color:white; box-shadow:0 2px 10px rgba(0,44,95,.4); transition:transform .14s,background .14s; font-family:'Poppins',sans-serif; }\n.emz-pin:hover .emz-pn,.emz-pin.emz-act .emz-pn { transform:scale(1.18); background:#00AAD2; }\n\n\/* \u2500\u2500 POPOVERS \u2500\u2500 *\/\n.emz-pop { position:absolute; width:252px; background:#fff; border-radius:10px; border:1px solid #e5e7eb; box-shadow:0 12px 40px rgba(0,0,0,.16); z-index:80; opacity:0; pointer-events:none; transform:scale(.94) translateY(5px); transition:opacity .18s,transform .18s; overflow:hidden; font-family:'Poppins',sans-serif; }\n.emz-pop.emz-show { opacity:1; pointer-events:auto; transform:scale(1) translateY(0); }\n.emz-pop-hd { padding:10px 12px 0; display:flex; gap:8px; align-items:flex-start; }\n.emz-pop-icon { width:28px; height:28px; border-radius:7px; background:#e8f4fd; display:flex; align-items:center; justify-content:center; font-size:13px; flex-shrink:0; }\n.emz-pop-title { font-size:12.5px; font-weight:700; color:#002C5F; line-height:1.25; font-family:'Poppins',sans-serif; }\n.emz-pop-sub { font-size:10px; color:#64748b; line-height:1.4; margin-top:2px; font-family:'Poppins',sans-serif; }\n.emz-pop-body { padding:8px 12px 11px; }\n.emz-pop-tag { display:inline-block; font-size:8.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#00AAD2; background:#e8f4fd; padding:2px 6px; border-radius:20px; margin-bottom:6px; font-family:'Poppins',sans-serif; }\n.emz-pop-demo { background:#f8fafc; border:1px solid #e5e7eb; border-radius:6px; padding:8px 10px; font-size:10.5px; color:#64748b; font-family:'Poppins',sans-serif; }\n.emz-pop-x { position:absolute; top:7px; right:8px; font-size:11px; cursor:pointer; color:#94a3b8; width:18px; height:18px; display:flex; align-items:center; justify-content:center; border-radius:4px; background:transparent; border:none; font-family:'Poppins',sans-serif; }\n.emz-pop-x:hover { background:#f0f0f0; color:#374151; }\n.emz-tr { display:flex; gap:4px; margin-top:5px; }\n.emz-tb { flex:1; background:white; border:1px solid #e5e7eb; border-radius:4px; padding:4px 2px; font-size:9px; font-family:'Poppins',sans-serif; cursor:pointer; color:#64748b; font-weight:600; transition:all .12s; }\n.emz-tb.emz-on { background:#002C5F; border-color:#002C5F; color:white; }\n.emz-tc { flex:1; border-radius:4px; padding:4px 3px; font-size:9px; text-align:center; border:1px solid #e5e7eb; cursor:pointer; font-weight:700; font-family:'Poppins',sans-serif; color:#64748b; background:white; transition:all .12s; }\n.emz-tc.emz-on { border-color:#00AAD2; background:#e8f4fd; color:#00AAD2; }\n.emz-dv { background:#dbeafe; color:#1d4ed8; border-radius:3px; padding:0 3px; font-weight:700; font-size:9.5px; }\n.emz-pr { display:flex; justify-content:space-between; padding:2.5px 0; font-size:9.5px; font-family:'Poppins',sans-serif; }\n.emz-pr .k { color:#94a3b8; } .emz-pr .v { font-weight:700; color:#002C5F; }\n.emz-pr.emz-hl .v { color:#00AAD2; }\n\n\/* \u2500\u2500 LEGEND \u2500\u2500 *\/\n.emz-legend { max-width:960px; margin:16px auto 0; display:flex; flex-wrap:wrap; gap:4px 14px; padding:0 2px; }\n.emz-li { display:flex; align-items:center; gap:5px; font-size:11px; color:#64748b; cursor:pointer; padding:2px 0; transition:color .12s; user-select:none; font-family:'Poppins',sans-serif; }\n.emz-li:hover { color:#002C5F; }\n.emz-lnum { width:16px; height:16px; border-radius:50%; background:#002C5F; color:white; font-size:8px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }\n\n\/* \u2500\u2500 KEYFRAMES \u2500\u2500 *\/\n@keyframes emzPulse { 0%{box-shadow:0 0 0 0 rgba(0,170,210,.7)} 70%{box-shadow:0 0 0 6px rgba(0,170,210,0)} 100%{box-shadow:0 0 0 0 rgba(0,170,210,0)} }\n@keyframes emzRing { 0%{transform:scale(1);opacity:1} 100%{transform:scale(2.3);opacity:0} }\n@keyframes emzSlideUp { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width:768px){\n .emz-split { grid-template-columns:1fr; }\n .emz-right { height:260px; order:-1; }\n \/*\n Mobile: left column fixed height = top padding(26) + badge(36) + greet(16) + h1(~76) +\n desc(~65) + offer(~90) + bottom padding(20) \u2248 360px\n This shows exactly through \"Your Offer\", rest is scroll-to-discover.\n *\/\n .emz-left { height:360px; overflow-y:scroll; }\n .emz-oc { bottom:12px; left:14px; max-width:170px; padding:12px 14px; }\n .emz-oc-name { font-size:15px; }\n .emz-feat-grid { grid-template-columns:1fr; }\n .emz-ctas { grid-template-columns:1fr; }\n .emz-url-bar { width:200px; font-size:9px; }\n .emz-pop { width:210px; }\n .emz-legend { justify-content:center; }\n}\n<\/style>\n\n<div class=\"emz-section\">\n\n <div class=\"emz-header\">\n <h2 class=\"emz-title\">Everything You Need. In One Platform.<\/h2>\n <p class=\"emz-subtitle\">Personalization at scale, AI-powered visuals, and interactive elements that convert \u2014 all in a single touchpoint.<\/p>\n <\/div>\n\n <div class=\"emz-tp-outer\" id=\"emzWrap\">\n\n <!-- MAC BROWSER FRAME -->\n <div class=\"emz-browser\">\n\n <div class=\"emz-browser-bar\" id=\"emzBrowserBar\">\n <div class=\"emz-dot emz-dot-r\"><\/div>\n <div class=\"emz-dot emz-dot-y\"><\/div>\n <div class=\"emz-dot emz-dot-g\"><\/div>\n <!-- URL bar: pin 1 (Zero PII) anchors here -->\n <div class=\"emz-url-bar\" id=\"emzUrlBar\">\n <svg class=\"emz-url-lock\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#22c55e\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n emaze.ai\/d\/<b>mK9vR2pX4hFj<\/b><span style=\"color:#ccc;\"> \u00b7 for Mike Jensen<\/span>\n <\/div>\n <\/div>\n\n <div class=\"emz-tp-shell\">\n\n <!-- Ticker \u2014 just the status text, no URL -->\n <div class=\"emz-ticker\" id=\"emzTickerEl\">\n <span class=\"emz-ticker-dot\"><\/span>\n <span class=\"emz-ticker-text\">Status: In Stock & Ready for Delivery<\/span>\n <\/div>\n\n <div class=\"emz-split\">\n\n <!-- LEFT: fixed height, scrolls internally -->\n <div class=\"emz-left\" id=\"emzLeft\">\n\n <div class=\"emz-left-top\" id=\"emzTopRow\">\n <div class=\"emz-live-badge\"><span><\/span>In Stock \u00b7 Ready for Delivery<\/div>\n <span class=\"emz-vip-badge\" id=\"emzVipBadge\">VIP CLIENT<\/span>\n <\/div>\n\n <div id=\"emzGreet\" class=\"emz-greet\"><\/div>\n <h1 class=\"emz-h1\">Mike, your new<br>Tucson Hybrid is here.<\/h1>\n <p class=\"emz-desc\">I filmed a quick walkaround of the exact <strong>2026 Tucson Hybrid<\/strong> we discussed. The <strong>Deep Sea Blue<\/strong> exterior looks incredible in natural light, with the Gray interior you preferred.<\/p>\n\n <div class=\"emz-offer\" id=\"emzOffer\">\n <div class=\"emz-offer-row\">\n <div id=\"emzPriceBlock\">\n <div class=\"emz-price-lbl\">Your Offer<\/div>\n <div class=\"emz-price-val\">$37,495<\/div>\n <\/div>\n <div style=\"text-align:right\">\n <div class=\"emz-timer-lbl\">Offer Expires In<\/div>\n <div id=\"emzTimer\" class=\"emz-timer-val\">02:47:33<\/div>\n <\/div>\n <\/div>\n <div class=\"emz-offer-sub\">37 MPG combined \u00b7 Limited Hybrid AWD \u00b7 Stock #HY-26-8892<\/div>\n <\/div>\n\n <div class=\"emz-timeline\" id=\"emzTimeline\">\n <div class=\"emz-tl-lbl\">Video Highlights<\/div>\n <div class=\"emz-chaps\">\n <div class=\"emz-chap act\" data-t=\"0\">EXTERIOR<\/div>\n <div class=\"emz-chap\" data-t=\"15\">MPG INFO<\/div>\n <div class=\"emz-chap\" data-t=\"30\">INTERIOR<\/div>\n <div class=\"emz-chap\" data-t=\"45\">CARGO<\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"emz-sec-title\">Vehicle Specifications<\/h2>\n <table class=\"emz-specs\">\n <tr><td>Trim Level<\/td><td>Limited Hybrid AWD<\/td><\/tr>\n <tr><td>Exterior Color<\/td><td>Deep Sea Blue<\/td><\/tr>\n <tr><td>Combined MPG<\/td><td>37 MPG<\/td><\/tr>\n <tr><td>Engine<\/td><td>1.6L Turbo GDI 4-Cyl<\/td><\/tr>\n <tr><td>Stock Number<\/td><td>HY-26-8892<\/td><\/tr>\n <\/table>\n\n <h2 class=\"emz-sec-title\">Key Features for Your Commute<\/h2>\n <p class=\"emz-feat-desc\">Based on our conversation about city driving and weekend road trips with the dogs.<\/p>\n <div class=\"emz-feat-grid\">\n <div class=\"emz-feat-card\"><img decoding=\"async\" src=\"https:\/\/base44.app\/api\/apps\/695d62e5df3dbc7e08ee3e42\/files\/public\/695d62e5df3dbc7e08ee3e42\/ddbb6f684_2026-tucson-hev-0613-vlp_7-5.jpg\" alt=\"Interior\"><div class=\"emz-feat-info\"><div class=\"emz-feat-title\">10.25\" Digital Cluster<\/div><div class=\"emz-feat-sub\">Navigation and hybrid data at a glance.<\/div><\/div><\/div>\n <div class=\"emz-feat-card\"><img decoding=\"async\" src=\"https:\/\/base44.app\/api\/apps\/695d62e5df3dbc7e08ee3e42\/files\/public\/695d62e5df3dbc7e08ee3e42\/9d73fb6e3_2026-tucson-hev-0347-suv-versatility-vlp_7-5.jpg\" alt=\"Cargo\"><div class=\"emz-feat-info\"><div class=\"emz-feat-title\">Smart Power Liftgate<\/div><div class=\"emz-feat-sub\">Hands-free access for loading gear.<\/div><\/div><\/div>\n <div class=\"emz-feat-card\"><img decoding=\"async\" src=\"https:\/\/base44.app\/api\/apps\/695d62e5df3dbc7e08ee3e42\/files\/public\/695d62e5df3dbc7e08ee3e42\/b2c844b74_2026-tucson-hev-0605-vlp_16-9.jpg\" alt=\"AWD\"><div class=\"emz-feat-info\"><div class=\"emz-feat-title\">HTRAC AWD System<\/div><div class=\"emz-feat-sub\">All-weather confidence on every road.<\/div><\/div><\/div>\n <div class=\"emz-feat-card\"><img decoding=\"async\" src=\"https:\/\/base44.app\/api\/apps\/695d62e5df3dbc7e08ee3e42\/files\/public\/695d62e5df3dbc7e08ee3e42\/a104a4d11_2026-tucson-hev-0281-vlp_4-3.jpg\" alt=\"Exterior\"><div class=\"emz-feat-info\"><div class=\"emz-feat-title\">Bold Styling<\/div><div class=\"emz-feat-sub\">Parametric hidden lights design.<\/div><\/div><\/div>\n <\/div>\n\n <div class=\"emz-rep\" id=\"emzRep\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?q=80&w=140&h=140&fit=crop\" alt=\"Rep\">\n <div>\n <div class=\"emz-rep-label\">Your Sales Consultant<\/div>\n <div class=\"emz-rep-name\">David Miller<\/div>\n <div class=\"emz-rep-role\">Senior Hybrid Specialist<\/div>\n <div class=\"emz-rep-links\">\n <span class=\"emz-rep-link\">Call: (555) 012-3456<\/span>\n <span class=\"emz-rep-link\">Email David<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"emz-ctas\" id=\"emzCtas\">\n <button class=\"emz-btn-p\">Schedule Test Drive<\/button>\n <button class=\"emz-btn-s\">Calculate Payments<\/button>\n <\/div>\n\n <p class=\"emz-legal\">MSRP excludes freight charges, tax, title, and license fees. Freight charges and actual dealer prices may vary. Vehicles displayed may contain optional equipment at additional cost. 2026 Tucson Hybrid Limited AWD shown.<\/p>\n <div class=\"emz-footer-brand\">Powered by<span>emaze.ai<\/span><\/div>\n\n <\/div><!-- \/emz-left -->\n\n <!-- RIGHT: video, never moves -->\n <div class=\"emz-right\" id=\"emzRight\">\n <video id=\"emzVid\" playsinline autoplay muted loop\n poster=\"https:\/\/base44.app\/api\/apps\/695d62e5df3dbc7e08ee3e42\/files\/public\/695d62e5df3dbc7e08ee3e42\/a104a4d11_2026-tucson-hev-0281-vlp_4-3.jpg\">\n <source src=\"https:\/\/userscontent2.emaze.com\/media\/bb15f9d5-3c0b-4be7-8d86-464526f0c757\/e8e515b1630f7ce0caad4c2ac21db841.mp4\" type=\"video\/mp4\">\n <\/video>\n <div class=\"emz-rv\"><\/div>\n <div class=\"emz-rl\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/44\/Hyundai_Motor_Company_logo.svg\" alt=\"Hyundai\"><\/div>\n <div class=\"emz-oc\">\n <div class=\"emz-oc-pre\">Prepared Specifically For<\/div>\n <div class=\"emz-oc-name\">Mike Jensen<\/div>\n <div class=\"emz-oc-bar\"><\/div>\n <div class=\"emz-oc-model\">2026 TUCSON Hybrid Limited<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div><!-- \/emz-browser -->\n\n <!-- PINS + POPOVERS outside .emz-browser so they clear overflow:hidden -->\n <div id=\"emzOv\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:visible;\">\n\n <!-- Pin 1: anchored to URL bar in browser chrome -->\n <div id=\"emzP1\" class=\"emz-pin\" data-id=\"1\"><div class=\"emz-pa\"><\/div><div class=\"emz-pb\"><\/div><div class=\"emz-pn\">1<\/div><\/div>\n <!-- Pins 2\u20139: anchored inside left scroll column -->\n <div id=\"emzP2\" class=\"emz-pin\" data-id=\"2\"><div class=\"emz-pa\"><\/div><div class=\"emz-pb\"><\/div><div class=\"emz-pn\">2<\/div><\/div>\n <div id=\"emzP3\" class=\"emz-pin\" data-id=\"3\"><div class=\"emz-pa\"><\/div><div class=\"emz-pb\"><\/div><div class=\"emz-pn\">3<\/div><\/div>\n <div id=\"emzP4\" class=\"emz-pin\" data-id=\"4\"><div class=\"emz-pa\"><\/div><div class=\"emz-pb\"><\/div><div class=\"emz-pn\">4<\/div><\/div>\n <div id=\"emzP5\" class=\"emz-pin\" data-id=\"5\"><div class=\"emz-pa\"><\/div><div class=\"emz-pb\"><\/div><div class=\"emz-pn\">5<\/div><\/div>\n <div id=\"emzP6\" class=\"emz-pin\" data-id=\"6\"><div class=\"emz-pa\"><\/div><div class=\"emz-pb\"><\/div><div class=\"emz-pn\">6<\/div><\/div>\n <div id=\"emzP7\" class=\"emz-pin\" data-id=\"7\"><div class=\"emz-pa\"><\/div><div class=\"emz-pb\"><\/div><div class=\"emz-pn\">7<\/div><\/div>\n <div id=\"emzP8\" class=\"emz-pin\" data-id=\"8\"><div class=\"emz-pa\"><\/div><div class=\"emz-pb\"><\/div><div class=\"emz-pn\">8<\/div><\/div>\n <div id=\"emzP9\" class=\"emz-pin\" data-id=\"9\"><div class=\"emz-pa\"><\/div><div class=\"emz-pb\"><\/div><div class=\"emz-pn\">9<\/div><\/div>\n\n <div class=\"emz-pop\" id=\"emzPop1\"><button class=\"emz-pop-x\" data-c=\"1\">\u2715<\/button><div class=\"emz-pop-hd\"><div class=\"emz-pop-icon\">\ud83d\udd12<\/div><div><div class=\"emz-pop-title\">Zero PII Storage<\/div><div class=\"emz-pop-sub\">All data encoded in the URL. Decoded at open, never stored server-side.<\/div><\/div><\/div><div class=\"emz-pop-body\"><div class=\"emz-pop-tag\">Live Demo<\/div><div class=\"emz-pop-demo\" style=\"font-size:9.5px;line-height:1.8;\"><span style=\"font-family:monospace;color:#7c3aed;font-weight:700;\">mK9vR2pX4hFj<\/span> decodes to:<br><span style=\"color:#002C5F;font-weight:600;\">Mike Jensen \u00b7 VIP \u00b7 Tucson \u00b7 $37,495<\/span><br><span style=\"color:#22c55e;font-weight:700;font-size:9px;\">\u2713 SOC 2 Type 2 \u00b7 Zero PII on server<\/span><\/div><\/div><\/div>\n\n <div class=\"emz-pop\" id=\"emzPop2\"><button class=\"emz-pop-x\" data-c=\"2\">\u2715<\/button><div class=\"emz-pop-hd\"><div class=\"emz-pop-icon\">\u2b50<\/div><div><div class=\"emz-pop-title\">Smart Segmentation<\/div><div class=\"emz-pop-sub\">VIP, Loyal, New \u2014 each tier gets different content, pricing and CTAs.<\/div><\/div><\/div><div class=\"emz-pop-body\"><div class=\"emz-pop-tag\">Live Demo<\/div><div class=\"emz-pop-demo\"><div class=\"emz-tr\" style=\"margin-bottom:6px;\"><div class=\"emz-tc emz-on\" onclick=\"emzSeg(this,'Priority booking + 5% VIP discount')\">\u2b50 VIP<\/div><div class=\"emz-tc\" onclick=\"emzSeg(this,'Early access + free home delivery')\">\ud83d\udd04 Loyal<\/div><div class=\"emz-tc\" onclick=\"emzSeg(this,'Welcome offer + free test drive')\">\ud83c\udd95 New<\/div><\/div><div id=\"emzSegOut\" style=\"font-size:10.5px;font-weight:600;color:#002C5F;\">Priority booking + 5% VIP discount<\/div><\/div><\/div><\/div>\n\n <div class=\"emz-pop\" id=\"emzPop3\"><button class=\"emz-pop-x\" data-c=\"3\">\u2715<\/button><div class=\"emz-pop-hd\"><div class=\"emz-pop-icon\">\u2600\ufe0f<\/div><div><div class=\"emz-pop-title\">Dynamic Greeting<\/div><div class=\"emz-pop-sub\">Time-aware, name-personalized greeting on every open.<\/div><\/div><\/div><div class=\"emz-pop-body\"><div class=\"emz-pop-tag\">Live Demo<\/div><div class=\"emz-pop-demo\"><div id=\"emzGreetOut\" style=\"font-size:12px;font-weight:700;color:#002C5F;margin-bottom:6px;\"><\/div><div class=\"emz-tr\"><button class=\"emz-tb emz-on\" onclick=\"emzG('Good morning, Mike \u2600\ufe0f',this)\">Morning<\/button><button class=\"emz-tb\" onclick=\"emzG('Good afternoon, Mike \ud83c\udf24',this)\">Afternoon<\/button><button class=\"emz-tb\" onclick=\"emzG('Good evening, Mike \ud83c\udf19',this)\">Evening<\/button><\/div><\/div><\/div><\/div>\n\n <div class=\"emz-pop\" id=\"emzPop4\"><button class=\"emz-pop-x\" data-c=\"4\">\u2715<\/button><div class=\"emz-pop-hd\"><div class=\"emz-pop-icon\">\ud83c\udfaf<\/div><div><div class=\"emz-pop-title\">Hyper Personalization<\/div><div class=\"emz-pop-sub\">Name, car, color, tier \u2014 fetched live from CRM at moment of open.<\/div><\/div><\/div><div class=\"emz-pop-body\"><div class=\"emz-pop-tag\">CRM \u2192 Touchpoint<\/div><div class=\"emz-pop-demo\" style=\"font-size:10.5px;line-height:1.8;\">\"<span class=\"emz-dv\">{{first_name}}<\/span>, your <span class=\"emz-dv\">{{model}}<\/span> is here.\"<br><span style=\"color:#22c55e;font-weight:700;font-size:9.5px;\">\u2192 \"Mike, your Tucson Hybrid is here.\"<\/span><\/div><\/div><\/div>\n\n <div class=\"emz-pop\" id=\"emzPop5\"><button class=\"emz-pop-x\" data-c=\"5\">\u2715<\/button><div class=\"emz-pop-hd\"><div class=\"emz-pop-icon\">\ud83d\udcb0<\/div><div><div class=\"emz-pop-title\">Dynamic Pricing<\/div><div class=\"emz-pop-sub\">Personalized offer fetched live per recipient from your pricing system.<\/div><\/div><\/div><div class=\"emz-pop-body\"><div class=\"emz-pop-tag\">Per-Recipient Pricing<\/div><div class=\"emz-pop-demo\"><div class=\"emz-pr emz-hl\"><span class=\"k\">Mike Jensen (VIP)<\/span><span class=\"v\">$37,495<\/span><\/div><div class=\"emz-pr\"><span class=\"k\">Sarah T. (Loyal)<\/span><span class=\"v\">$38,200<\/span><\/div><div class=\"emz-pr\"><span class=\"k\">James R. (New)<\/span><span class=\"v\">$39,500<\/span><\/div><\/div><\/div><\/div>\n\n <div class=\"emz-pop\" id=\"emzPop6\"><button class=\"emz-pop-x\" data-c=\"6\">\u2715<\/button><div class=\"emz-pop-hd\"><div class=\"emz-pop-icon\">\u23f1<\/div><div><div class=\"emz-pop-title\">Countdown Timer<\/div><div class=\"emz-pop-sub\">Each recipient's timer tied to their own expiry \u2014 not shared.<\/div><\/div><\/div><div class=\"emz-pop-body\"><div class=\"emz-pop-tag\">Ticking Live<\/div><div class=\"emz-pop-demo\"><div style=\"font-size:22px;font-weight:800;color:#ea580c;text-align:center;padding:3px 0;letter-spacing:.03em;font-family:'Poppins',sans-serif;\" id=\"emzPopTimer\">02:47:33<\/div><div style=\"text-align:center;font-size:9.5px;color:#64748b;margin-top:3px;\">Mike's offer \u00b7 expires tonight at midnight<\/div><\/div><\/div><\/div>\n\n <div class=\"emz-pop\" id=\"emzPop7\"><button class=\"emz-pop-x\" data-c=\"7\">\u2715<\/button><div class=\"emz-pop-hd\"><div class=\"emz-pop-icon\">\ud83c\udfac<\/div><div><div class=\"emz-pop-title\">Video Triggers<\/div><div class=\"emz-pop-sub\">CRM actions fire at key video milestones. Chapters pre-set per context.<\/div><\/div><\/div><div class=\"emz-pop-body\"><div class=\"emz-pop-tag\">Live Demo<\/div><div class=\"emz-pop-demo\"><div style=\"font-size:10.5px;font-weight:600;color:#002C5F;margin-bottom:5px;\">On INTERIOR chapter \u2192 lead score +15<\/div><div style=\"font-size:10.5px;font-weight:600;color:#002C5F;margin-bottom:5px;\">On CARGO \u2192 notify sales rep<\/div><div style=\"font-size:9.5px;color:#22c55e;font-weight:700;\">\u2713 Synced to Salesforce in real time<\/div><\/div><\/div><\/div>\n\n <div class=\"emz-pop\" id=\"emzPop8\"><button class=\"emz-pop-x\" data-c=\"8\">\u2715<\/button><div class=\"emz-pop-hd\"><div class=\"emz-pop-icon\">\ud83d\udccb<\/div><div><div class=\"emz-pop-title\">Smart Forms<\/div><div class=\"emz-pop-sub\">Pre-filled from CRM. Validates inline. Syncs to Salesforce on submit.<\/div><\/div><\/div><div class=\"emz-pop-body\"><div class=\"emz-pop-tag\">Pre-filled from CRM<\/div><div class=\"emz-pop-demo\"><div style=\"border:1px solid #e5e7eb;border-radius:4px;padding:5px 9px;font-size:10.5px;color:#374151;margin-bottom:4px;background:white;\">Mike Jensen<\/div><div style=\"border:1px solid #e5e7eb;border-radius:4px;padding:5px 9px;font-size:10.5px;color:#374151;margin-bottom:5px;background:white;\">mike.jensen@email.com<\/div><div style=\"font-size:9.5px;color:#22c55e;font-weight:700;\">\u2713 CRM sync on submit \u00b7 Salesforce<\/div><\/div><\/div><\/div>\n\n <div class=\"emz-pop\" id=\"emzPop9\"><button class=\"emz-pop-x\" data-c=\"9\">\u2715<\/button><div class=\"emz-pop-hd\"><div class=\"emz-pop-icon\">\ud83d\udccd<\/div><div><div class=\"emz-pop-title\">Location Maps<\/div><div class=\"emz-pop-sub\">Nearest dealer auto-detected from recipient's region.<\/div><\/div><\/div><div class=\"emz-pop-body\"><div class=\"emz-pop-tag\">Geo-Located<\/div><div class=\"emz-pop-demo\" style=\"text-align:center;\"><div style=\"font-size:22px;margin-bottom:4px;\">\ud83d\udccd<\/div><div style=\"font-size:12px;font-weight:700;color:#002C5F;font-family:'Poppins',sans-serif;\">Champion Hyundai, Denver<\/div><div style=\"font-size:10px;color:#64748b;margin-top:2px;\">3.1 miles from Mike's location<\/div><div style=\"font-size:10.5px;font-weight:700;color:#00AAD2;margin-top:5px;\">\u2192 Open in Maps<\/div><\/div><\/div><\/div>\n\n <\/div>\n <\/div>\n\n\n\n<\/div>\n\n<script>\n(function(){\n\nvar BAR_H = 40; \/* mac chrome bar height *\/\nvar TICKER_H = 34; \/* status ticker height *\/\nvar COL_H = 640; \/* left column fixed height *\/\nvar PW = 252; \/* popover width *\/\nvar active = null;\n\n\/*\n ANCHOR CONFIG\n id=1 \u2192 url bar (in chrome, outside scroll col, always visible)\n id=2..9 \u2192 inside .emz-left (scrollable), hide when element out of view\n [pinId, anchorId, xFraction, yFraction, isInScrollCol]\n*\/\nvar ANCHORS = [\n ['emzP1','emzUrlBar', 0.88, 0.5, false],\n ['emzP2','emzVipBadge', 0.5, 0.5, true ],\n ['emzP3','emzGreet', 0.5, 0.5, true ],\n ['emzP4','emzOffer', 0.85, 0.28, true ],\n ['emzP5','emzPriceBlock', 0.5, 0.7, true ],\n ['emzP6','emzTimer', 0.5, 0.5, true ],\n ['emzP7','emzTimeline', 0.5, 0.5, true ],\n ['emzP8','emzCtas', 0.5, 0.5, true ],\n ['emzP9','emzRep', 0.5, 0.5, true ]\n];\n\nfunction placePins(){\n var wrap = document.getElementById('emzWrap');\n var left = document.getElementById('emzLeft');\n if(!wrap || !left) return;\n\n var wRect = wrap.getBoundingClientRect();\n var lRect = left.getBoundingClientRect();\n var scroll = left.scrollTop;\n\n \/* Visible window of left column in wrap-relative coords *\/\n var visTop = lRect.top - wRect.top; \/* e.g. BAR_H + TICKER_H *\/\n var visBottom = visTop + COL_H;\n \/* Small inset so pin doesn't sit right on the edge *\/\n var INSET = 14;\n\n ANCHORS.forEach(function(a){\n var pin = document.getElementById(a[0]);\n var el = document.getElementById(a[1]);\n if(!pin || !el) return;\n\n var eRect = el.getBoundingClientRect();\n var inScroll = a[4];\n\n \/* --- x: always straightforward --- *\/\n var x = eRect.left - wRect.left + eRect.width * a[2];\n\n if(!inScroll){\n \/* URL bar pin: always visible, place directly *\/\n var y = eRect.top - wRect.top + eRect.height * a[3];\n pin.style.left = Math.round(x) + 'px';\n pin.style.top = Math.round(y) + 'px';\n pin.classList.remove('emz-hidden');\n return;\n }\n\n \/*\n For elements inside the scroll column:\n 1. Compute the element's absolute top inside the scroll container\n (distance from the top of scroll content, ignoring current scroll position)\n 2. Compute where that maps to in wrap coords given current scroll\n 3. Hide the pin if the element centre is outside the visible window\n *\/\n var elAbsTop = eRect.top - lRect.top + scroll; \/* absolute position in scroll content *\/\n var elCentreAbs = elAbsTop + eRect.height * a[3];\n\n \/* Where that centre appears in wrap coords right now *\/\n var y = visTop + (elCentreAbs - scroll);\n\n \/* Hide if centre is outside the visible left-column window (with inset) *\/\n var visible = y >= (visTop + INSET) && y <= (visBottom - INSET);\n if(!visible){\n pin.classList.add('emz-hidden');\n \/* If this pin's popover is open, close it *\/\n if(active === +a[0].replace('emzP','') ){\n emzClose();\n }\n return;\n }\n\n pin.classList.remove('emz-hidden');\n pin.style.left = Math.round(x) + 'px';\n pin.style.top = Math.round(y) + 'px';\n });\n}\n\n\/* Wire events *\/\ndocument.addEventListener('DOMContentLoaded', function(){\n var left = document.getElementById('emzLeft');\n if(left) left.addEventListener('scroll', placePins, {passive:true});\n setTimeout(placePins, 200);\n setTimeout(placePins, 700);\n initGreet();\n});\nwindow.addEventListener('load', function(){ setTimeout(placePins,300); });\nwindow.addEventListener('resize', function(){ emzClose(); placePins(); });\n\n\/* \u2500\u2500 OPEN \/ CLOSE \u2500\u2500 *\/\nfunction emzOpen(id){\n if(active === id){ emzClose(); return; }\n emzClose();\n active = id;\n var pin = document.getElementById('emzP'+id);\n var pop = document.getElementById('emzPop'+id);\n var wrap = document.getElementById('emzWrap');\n if(!pin || !pop || !wrap) return;\n if(pin.classList.contains('emz-hidden')) return; \/* don't open if pin is hidden *\/\n pin.classList.add('emz-act');\n\n var wRect = wrap.getBoundingClientRect();\n var pRect = pin.getBoundingClientRect();\n var pinL = pRect.left - wRect.left;\n var pinT = pRect.top - wRect.top;\n var ww = wRect.width;\n\n var goRight = (pinL + PW + 20) < ww;\n var left = goRight ? pinL + 16 : pinL - PW - 14;\n left = Math.max(6, Math.min(left, ww - PW - 6));\n \/* keep popover inside the frame vertically *\/\n var topMin = BAR_H + TICKER_H + 6;\n var topMax = BAR_H + TICKER_H + COL_H - 220;\n var top = Math.max(topMin, Math.min(pinT - 60, topMax));\n\n pop.style.left = left + 'px';\n pop.style.top = top + 'px';\n pop.classList.add('emz-show');\n\n if(id === 6){\n var t = document.getElementById('emzTimer');\n var pt = document.getElementById('emzPopTimer');\n if(t && pt) pt.textContent = t.textContent;\n }\n if(id === 3){\n var h = new Date().getHours();\n var el = document.getElementById('emzGreetOut');\n if(el) el.textContent = h<12?'Good morning, Mike \u2600\ufe0f':h<17?'Good afternoon, Mike \ud83c\udf24':'Good evening, Mike \ud83c\udf19';\n }\n}\n\nfunction emzClose(){\n if(active !== null){\n var p = document.getElementById('emzPop'+active);\n var pin = document.getElementById('emzP'+active);\n if(p) p.classList.remove('emz-show');\n if(pin) pin.classList.remove('emz-act');\n active = null;\n }\n}\n\nwindow.emzToggle = emzOpen;\n\ndocument.querySelectorAll('.emz-pin').forEach(function(p){\n p.addEventListener('click', function(e){ e.stopPropagation(); emzOpen(+p.dataset.id); });\n});\ndocument.querySelectorAll('.emz-pop-x').forEach(function(b){\n b.addEventListener('click', function(e){ e.stopPropagation(); emzClose(); });\n});\ndocument.addEventListener('click', function(e){\n if(!e.target.closest('.emz-pop') && !e.target.closest('.emz-pin') && !e.target.closest('.emz-li')) emzClose();\n});\n\n\/* \u2500\u2500 LIVE TIMER \u2500\u2500 *\/\nvar secs = 10053;\nsetInterval(function(){\n if(secs > 0) secs--;\n var h = String(Math.floor(secs\/3600)).padStart(2,'0');\n var m = String(Math.floor((secs%3600)\/60)).padStart(2,'0');\n var s = String(secs%60).padStart(2,'0');\n var v = h+':'+m+':'+s;\n var t = document.getElementById('emzTimer');\n var pt = document.getElementById('emzPopTimer');\n if(t) t.textContent = v;\n if(pt) pt.textContent = v;\n}, 1000);\n\n\/* \u2500\u2500 GREETING \u2500\u2500 *\/\nfunction initGreet(){\n var h = new Date().getHours();\n var txt = h<12?'Good morning, Mike \u2600\ufe0f':h<17?'Good afternoon, Mike \ud83c\udf24':'Good evening, Mike \ud83c\udf19';\n var el = document.getElementById('emzGreet');\n if(el) el.textContent = txt;\n}\n\n\/* \u2500\u2500 VIDEO CHAPTERS \u2500\u2500 *\/\ndocument.querySelectorAll('.emz-chap').forEach(function(ch){\n ch.addEventListener('click', function(){\n document.querySelectorAll('.emz-chap').forEach(function(c){ c.classList.remove('act'); });\n ch.classList.add('act');\n var vid = document.getElementById('emzVid');\n if(vid){ vid.currentTime = +ch.dataset.t; vid.play(); }\n });\n});\n\n\/* \u2500\u2500 POPOVER DEMOS \u2500\u2500 *\/\nwindow.emzG = function(txt, btn){\n var el = document.getElementById('emzGreetOut');\n if(el) el.textContent = txt;\n document.querySelectorAll('#emzPop3 .emz-tb').forEach(function(b){ b.classList.remove('emz-on'); });\n btn.classList.add('emz-on');\n};\nwindow.emzSeg = function(card, txt){\n document.querySelectorAll('#emzPop2 .emz-tc').forEach(function(c){ c.classList.remove('emz-on'); });\n card.classList.add('emz-on');\n var el = document.getElementById('emzSegOut');\n if(el) el.textContent = txt;\n};\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-420b57f e-con-full e-flex e-con e-parent\" data-id=\"420b57f\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c1ee5c elementor-widget__width-inherit elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"2c1ee5c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Testimonial Gallery - Elementor HTML Widget Version -->\n\n<div id=\"testimonial-widget-container\">\n\n <style>\n\n \/* Scoped Font Family removed, assumes global loading *\/\n\n \n\n \/* Container styles *\/\n\n #testimonial-widget-container {\n\n font-family: 'Poppins', sans-serif;\n\n background-color: white;\n\n color: #333;\n\n width: 100%;\n\n padding: 20px;\n\n box-sizing: border-box;\n\n \n\n \/* CSS Variables for consistent styling *\/\n\n --testimonial-card-bg: #FFFFFF;\n\n --testimonial-text-primary: #333;\n\n --testimonial-shadow-light: 0 4px 12px rgba(0, 0, 0, 0.1);\n\n --testimonial-shadow-medium: 0 6px 20px rgba(0, 0, 0, 0.15);\n\n }\n\n \n\n #testimonial-widget-container * { box-sizing: border-box; }\n\n .testimonial-container { width: 100%; max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 15px; }\n\n \n\n \/* Title styles *\/\n\n .testimonial-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 600; color: #000; margin-bottom: 0rem; line-height: 1; text-align: center; }\n\n .testimonial-subtitle { font-size: 1.125rem; max-width: 48rem; margin: 0 auto 2rem; color: #1C2E4A; font-weight: 500; line-height: 1.6; text-align: center; }\n\n \n\n \/* ... (Rest of the CSS is unchanged) ... *\/\n\n .testimonial-carousel-wrapper { position: relative; width: 100%; min-height: 400px; overflow: hidden; }\n\n .testimonial-card { display: flex; flex-direction: column; gap: 30px; transition: all 0.8s ease-in-out; opacity: 0; position: absolute; width: 100%; top: 0; left: 0; transform: translateX(100%); }\n\n .testimonial-card.active { opacity: 1; position: relative; transform: translateX(0); }\n\n .testimonial-card.prev { transform: translateX(-100%); }\n\n .testimonial-content-row { display: flex; align-items: flex-start; gap: 30px; width: 100%; }\n\n .testimonial-logo-column { flex: 0 0 33.333%; display: flex; justify-content: center; align-items: center; }\n\n .testimonial-text-column { flex: 0 0 66.667%; display: flex; flex-direction: column; gap: 15px; }\n\n .testimonial-logo-container { position: relative; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; }\n\n .testimonial-logo-container img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(0); transition: filter 0.3s ease; }\n\n .testimonial-logo-container:hover img { filter: grayscale(0) brightness(1.1); }\n\n .testimonial-text { font-size: clamp(14px, 2.5vw, 16px); font-weight: 400; line-height: 1.6; color: #444; text-align: left; }\n\n .testimonial-author-group { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; margin-top: 10px; }\n\n .testimonial-author { font-size: clamp(16px, 2.5vw, 18px); font-weight: 700; color: #333; margin: 0; }\n\n .testimonial-role { font-size: clamp(12px, 2vw, 14px); color: #666; margin: 0; }\n\n .testimonial-case-data { display: flex; flex-direction: row; justify-content: center; gap: clamp(20px, 4vw, 40px); width: 100%; padding-top: 20px; border-top: 1px solid #e5e5e5; flex-wrap: wrap; }\n\n .testimonial-data-point { display: flex; flex-direction: column; align-items: center; min-width: 80px; }\n\n .testimonial-data-value { font-size: clamp(20px, 3vw, 24px); font-weight: 700; color: #333; line-height: 1; }\n\n .testimonial-data-label { font-size: clamp(11px, 1.5vw, 14px); color: #666; margin-top: 5px; text-align: center; }\n\n .testimonial-navigation { display: flex; gap: 20px; justify-content: center; align-items: center; margin-top: 30px; }\n\n .testimonial-nav-arrow { width: 48px !important; height: 48px !important; background: var(--testimonial-card-bg) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; box-shadow: var(--testimonial-shadow-light) !important; transition: all 0.3s ease !important; border: none !important; padding: 0 !important; margin: 0 !important; }\n\n .testimonial-nav-arrow:hover { transform: scale(1.1) !important; box-shadow: var(--testimonial-shadow-medium) !important; }\n\n .testimonial-nav-arrow:focus, .testimonial-nav-arrow:active { outline: none !important; transform: scale(1.05) !important; box-shadow: var(--testimonial-shadow-medium) !important; }\n\n .testimonial-arrow-icon { width: 24px !important; height: 24px !important; stroke: var(--testimonial-text-primary) !important; stroke-width: 2 !important; fill: none !important; }\n\n .testimonial-dots { display: flex; gap: 8px; justify-content: center; align-items: center; margin: 0 20px; }\n\n .testimonial-dot { width: 8px; height: 8px; border-radius: 50%; background: #ccc; cursor: pointer; transition: all 0.3s ease; }\n\n .testimonial-dot.active { width: 24px; border-radius: 4px; background: #333; }\n\n \n\n \/* Mobile responsive styles *\/\n\n @media (max-width: 768px) {\n\n #testimonial-widget-container { padding: 10px; }\n\n .testimonial-container { gap: 20px; }\n\n .testimonial-carousel-wrapper { min-height: 450px; }\n\n .testimonial-content-row { flex-direction: column; align-items: center; gap: 20px; }\n\n .testimonial-logo-column, .testimonial-text-column { flex: 1 1 100%; width: 100%; }\n\n .testimonial-logo-container { width: 120px; height: 120px; margin: 0 auto; }\n\n .testimonial-text { text-align: center; }\n\n .testimonial-author-group { align-items: center; text-align: center; }\n\n .testimonial-case-data { gap: 15px; }\n\n .testimonial-nav-arrow { width: 40px !important; height: 40px !important; }\n\n .testimonial-arrow-icon { width: 20px !important; height: 20px !important; }\n\n }\n\n \n\n @media (max-width: 480px) {\n\n .testimonial-carousel-wrapper { min-height: 500px; }\n\n .testimonial-logo-container { width: 100px; height: 100px; }\n\n .testimonial-data-point { min-width: 70px; }\n\n .testimonial-case-data { gap: 10px; padding-top: 15px; }\n\n }\n\n \n\n @media (min-width: 1200px) {\n\n .testimonial-content-row { gap: 40px; }\n\n .testimonial-logo-container { width: 180px; height: 180px; }\n\n }\n\n \/* Animation for smooth transitions (unchanged) *\/\n\n @keyframes slideIn {\n\n from { opacity: 0; transform: translateX(50px); }\n\n to { opacity: 1; transform: translateX(0); }\n\n }\n\n .testimonial-card.active .testimonial-text,\n\n .testimonial-card.active .testimonial-logo-container,\n\n .testimonial-card.active .testimonial-author-group,\n\n .testimonial-card.active .testimonial-case-data { animation: slideIn 0.6s ease-out; }\n\n .testimonial-card.active .testimonial-logo-container { animation-delay: 0.1s; }\n\n .testimonial-card.active .testimonial-author-group { animation-delay: 0.2s; }\n\n .testimonial-card.active .testimonial-case-data { animation-delay: 0.3s; }\n\n <\/style>\n\n \n\n <div class=\"testimonial-container\">\n\n <!-- Title: DEMOTED TO H2 for SEO hierarchy -->\n\n <h2 class=\"testimonial-title\">Don\u2019t just take it from us!<\/h2>\n\n <p class=\"testimonial-subtitle\">They've been using emaze.ai and are amazed by the results<\/p>\n\n \n\n <!-- Carousel -->\n\n <div class=\"testimonial-carousel-wrapper\" id=\"testimonialCarousel\">\n\n <!-- Testimonial 1 -->\n\n <div class=\"testimonial-card\">\n\n <div class=\"testimonial-content-row\">\n\n <div class=\"testimonial-logo-column\">\n\n <div class=\"testimonial-logo-container\">\n\n <img decoding=\"async\" src=\"https:\/\/media.licdn.com\/dms\/image\/v2\/C4D0BAQH96MIQHsEE7w\/company-logo_200_200\/company-logo_200_200\/0\/1630549670972\/champion_motors_logo?e=2147483647&v=beta&t=kBnQWIKGSfEUF3HLtjilfY-qEMsWzNSGUNtIdR_zfw4\" \n\n alt=\"Champion Motors Logo\"\n\n onerror=\"this.onerror=null; this.src='https:\/\/via.placeholder.com\/150x150\/f0f0f0\/333?text=Champion';\">\n\n <\/div>\n\n <\/div>\n\n \n\n <div class=\"testimonial-text-column\">\n\n <p class=\"testimonial-text\">Emaze\u2019s solution has significantly improved our performance, boosting customer engagement and conversions! The user-friendly platform and exceptional customer service have been instrumental in our success.\"<\/p>\n\n \n\n <div class=\"testimonial-author-group\">\n\n <p class=\"testimonial-author\">M.S.<\/p>\n\n <p class=\"testimonial-role\">Dealer Group Marketing Manager<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n \n\n <!-- Testimonial 2 -->\n\n <div class=\"testimonial-card\">\n\n <div class=\"testimonial-content-row\">\n\n <div class=\"testimonial-logo-column\">\n\n <div class=\"testimonial-logo-container\">\n\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/he\/d\/d9\/Eldan_Car_Rental_Logo.svg\" \n\n alt=\"Eldan Car Rental Logo\"\n\n onerror=\"this.onerror=null; this.src='https:\/\/via.placeholder.com\/150x150\/f0f0f0\/333?text=Eldan';\">\n\n <\/div>\n\n <\/div>\n\n \n\n <div class=\"testimonial-text-column\">\n\n <p class=\"testimonial-text\">The ability to create dynamic, personalized, visually stunning landing pages with Emaze.ai allowed us to convert leads at rates far above industry benchmarks. Delivering personalized offers with pinpoint accuracy and beautiful eye-catching designs, was a game-changer for us.<\/p>\n\n \n\n <div class=\"testimonial-author-group\">\n\n <p class=\"testimonial-author\">E.M.<\/p>\n\n <p class=\"testimonial-role\">Dealer Group Marketing And Digital Manager<\/p>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n \n\n <!-- Navigation -->\n\n <div class=\"testimonial-navigation\">\n\n <button class=\"testimonial-nav-arrow\" id=\"testimonialPrevBtn\" aria-label=\"Previous\">\n\n <svg class=\"testimonial-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n\n <path d=\"M15 18l-6-6 6-6\" stroke=\"currentColor\"\/>\n\n <\/svg>\n\n <\/button>\n\n <div class=\"testimonial-dots\" id=\"testimonialDots\"><\/div>\n\n <button class=\"testimonial-nav-arrow\" id=\"testimonialNextBtn\" aria-label=\"Next\">\n\n <svg class=\"testimonial-arrow-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n\n <path d=\"M9 18l6-6-6-6\" stroke=\"currentColor\"\/>\n\n <\/svg>\n\n <\/button>\n\n <\/div>\n\n <\/div>\n\n<\/div>\n\n\n\n<script>\n\n(function() {\n\n 'use strict';\n\n \n\n function initTestimonialCarousel() {\n\n const container = document.getElementById('testimonial-widget-container');\n\n if (!container || container.dataset.initialized) return;\n\n container.dataset.initialized = 'true';\n\n \n\n \/\/ ... (Rest of the JavaScript logic is unchanged and uses local IDs\/classes) ...\n\n const carousel = container.querySelector('#testimonialCarousel');\n\n const testimonials = carousel.querySelectorAll('.testimonial-card');\n\n const prevBtn = container.querySelector('#testimonialPrevBtn');\n\n const nextBtn = container.querySelector('#testimonialNextBtn');\n\n const dotsContainer = container.querySelector('#testimonialDots');\n\n \n\n if (!testimonials.length) return;\n\n \n\n let currentIndex = 0;\n\n let autoplayInterval;\n\n const autoplayDelay = 5000;\n\n let isTransitioning = false;\n\n \n\n function createDots() {\n\n dotsContainer.innerHTML = '';\n\n testimonials.forEach((_, index) => {\n\n const dot = document.createElement('span');\n\n dot.className = 'testimonial-dot';\n\n dot.addEventListener('click', () => {\n\n if (!isTransitioning) {\n\n stopAutoplay();\n\n goToSlide(index);\n\n startAutoplay();\n\n }\n\n });\n\n dotsContainer.appendChild(dot);\n\n });\n\n }\n\n \n\n function updateDots() {\n\n const dots = dotsContainer.querySelectorAll('.testimonial-dot');\n\n dots.forEach((dot, index) => {\n\n dot.classList.toggle('active', index === currentIndex);\n\n });\n\n }\n\n \n\n function showTestimonial(index, direction = 'next') {\n\n if (isTransitioning) return;\n\n isTransitioning = true;\n\n \n\n const currentCard = testimonials[currentIndex];\n\n const nextCard = testimonials[index];\n\n\n\n nextCard.classList.remove('prev');\n\n nextCard.style.transform = direction === 'next' ? 'translateX(100%)' : 'translateX(-100%)';\n\n \n\n setTimeout(() => {\n\n currentCard.style.transform = direction === 'next' ? 'translateX(-100%)' : 'translateX(100%)';\n\n currentCard.classList.remove('active');\n\n \n\n nextCard.classList.add('active');\n\n nextCard.style.transform = 'translateX(0)';\n\n }, 50);\n\n\n\n currentIndex = index;\n\n updateDots();\n\n updateCarouselHeight();\n\n \n\n setTimeout(() => {\n\n isTransitioning = false;\n\n }, 800);\n\n }\n\n \n\n function updateCarouselHeight() {\n\n const activeCard = testimonials[currentIndex];\n\n if (activeCard) {\n\n const height = activeCard.scrollHeight;\n\n carousel.style.minHeight = height + 'px';\n\n }\n\n }\n\n \n\n function nextTestimonial() {\n\n const nextIndex = (currentIndex + 1) % testimonials.length;\n\n showTestimonial(nextIndex, 'next');\n\n }\n\n \n\n function prevTestimonial() {\n\n const prevIndex = (currentIndex - 1 + testimonials.length) % testimonials.length;\n\n showTestimonial(prevIndex, 'prev');\n\n }\n\n \n\n function goToSlide(index) {\n\n if (index !== currentIndex) {\n\n const direction = index > currentIndex ? 'next' : 'prev';\n\n showTestimonial(index, direction);\n\n }\n\n }\n\n \n\n function startAutoplay() {\n\n stopAutoplay();\n\n autoplayInterval = setInterval(nextTestimonial, autoplayDelay);\n\n }\n\n \n\n function stopAutoplay() {\n\n if (autoplayInterval) {\n\n clearInterval(autoplayInterval);\n\n autoplayInterval = null;\n\n }\n\n }\n\n \n\n prevBtn.addEventListener('click', () => {\n\n if (!isTransitioning) {\n\n stopAutoplay();\n\n prevTestimonial();\n\n startAutoplay();\n\n }\n\n });\n\n \n\n nextBtn.addEventListener('click', () => {\n\n if (!isTransitioning) {\n\n stopAutoplay();\n\n nextTestimonial();\n\n startAutoplay();\n\n }\n\n });\n\n \n\n carousel.addEventListener('mouseenter', stopAutoplay);\n\n carousel.addEventListener('mouseleave', startAutoplay);\n\n \n\n let touchStartX = 0;\n\n carousel.addEventListener('touchstart', (e) => {\n\n touchStartX = e.changedTouches[0].screenX;\n\n }, { passive: true });\n\n \n\n carousel.addEventListener('touchend', (e) => {\n\n const touchEndX = e.changedTouches[0].screenX;\n\n handleSwipe(touchStartX, touchEndX);\n\n }, { passive: true });\n\n \n\n function handleSwipe(start, end) {\n\n const swipeThreshold = 50;\n\n const diff = start - end;\n\n \n\n if (Math.abs(diff) > swipeThreshold && !isTransitioning) {\n\n stopAutoplay();\n\n if (diff > 0) nextTestimonial();\n\n else prevTestimonial();\n\n startAutoplay();\n\n }\n\n }\n\n \n\n window.addEventListener('resize', updateCarouselHeight);\n\n \n\n document.addEventListener('visibilitychange', () => {\n\n if (document.hidden) stopAutoplay();\n\n else startAutoplay();\n\n });\n\n\n\n \/\/ Initialize\n\n createDots();\n\n testimonials.forEach((card, i) => {\n\n if (i !== 0) card.style.transform = 'translateX(100%)';\n\n });\n\n testimonials[0].classList.add('active');\n\n updateDots();\n\n setTimeout(updateCarouselHeight, 100);\n\n startAutoplay();\n\n }\n\n \n\n if (document.readyState === 'loading') {\n\n document.addEventListener('DOMContentLoaded', initTestimonialCarousel);\n\n } else {\n\n initTestimonialCarousel();\n\n }\n\n \n\n if (window.elementorFrontend) {\n\n elementorFrontend.hooks.addAction('frontend\/element_ready\/widget', function($scope) {\n\n initTestimonialCarousel();\n\n });\n\n }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3a1650 e-grid e-con-full elementor-hidden-mobile e-con e-parent\" data-id=\"d3a1650\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t<div class=\"elementor-element elementor-element-d20b0f7 e-con-full e-flex e-con e-child\" data-id=\"d20b0f7\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1437c12 e-flex e-con-boxed e-con e-child\" data-id=\"1437c12\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c39d70c elementor-widget__width-initial elementor-widget-tablet_extra__width-initial elementor-widget elementor-widget-heading\" data-id=\"c39d70c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Stop selling your product - start celebrating it!<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-496c5db elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"496c5db\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Schedule a live demo with one of our product experts today.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ceaadee e-con-full e-flex e-con e-child\" data-id=\"ceaadee\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e77c15 elementor-align-center elementor-widget__width-auto elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"8e77c15\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"https:\/\/emaze.ai\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book a Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-286f9e7 e-grid e-con-full elementor-hidden-desktop elementor-hidden-tablet_extra elementor-hidden-tablet e-con e-parent\" data-id=\"286f9e7\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t<div class=\"elementor-element elementor-element-bcaaa25 e-con-full e-flex e-con e-child\" data-id=\"bcaaa25\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9acf95c e-flex e-con-boxed e-con e-child\" data-id=\"9acf95c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2a6c99 elementor-widget__width-initial elementor-widget-tablet_extra__width-initial elementor-widget elementor-widget-heading\" data-id=\"d2a6c99\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Stop selling your product - start celebrating it!<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96c0064 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"96c0064\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Schedule a live demo with one of our product experts today.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ffd14c e-con-full e-flex e-con e-child\" data-id=\"6ffd14c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e489f5e elementor-align-center elementor-widget__width-auto elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"e489f5e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"https:\/\/emaze.ai\/contact-us\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book a Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your Customers Are Already in Your Funnel. But You’re Missing Revenue. Transform every message \u2014 quotes, orders, reminders \u2014 into a hyper-personalized, on-brand visual experience that converts. Automatically, at scale. See Solutions Book a Demo Your Customers Are Already in Your Funnel. But You’re Missing Revenue. Transform every message \u2014 quotes, orders, reminders \u2014 into […]<\/p>\n","protected":false},"author":2,"featured_media":38405,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-37910","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/emaze.ai\/pt\/wp-json\/wp\/v2\/pages\/37910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emaze.ai\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emaze.ai\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emaze.ai\/pt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/emaze.ai\/pt\/wp-json\/wp\/v2\/comments?post=37910"}],"version-history":[{"count":336,"href":"https:\/\/emaze.ai\/pt\/wp-json\/wp\/v2\/pages\/37910\/revisions"}],"predecessor-version":[{"id":38447,"href":"https:\/\/emaze.ai\/pt\/wp-json\/wp\/v2\/pages\/37910\/revisions\/38447"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emaze.ai\/pt\/wp-json\/wp\/v2\/media\/38405"}],"wp:attachment":[{"href":"https:\/\/emaze.ai\/pt\/wp-json\/wp\/v2\/media?parent=37910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}