{"id":111,"date":"2025-08-08T11:55:50","date_gmt":"2025-08-08T08:55:50","guid":{"rendered":"https:\/\/datarevolt.startweb.ro\/?page_id=111"},"modified":"2026-05-08T12:09:30","modified_gmt":"2026-05-08T09:09:30","slug":"email-marketing","status":"publish","type":"page","link":"https:\/\/datarevolt.startweb.ro\/ro\/email-marketing\/","title":{"rendered":"Email Marketing"},"content":{"rendered":"<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n    tailwind.config = {\n        important: true,\n        theme: {\n            extend: {\n                colors: {\n                    \"primary\": \"#DD3333\",\n                    \"on-surface\": \"#1c1b1b\",\n                    \"on-surface-variant\": \"#5b403f\"\n                },\n                fontFamily: {\n                    \"headline\": [\"Plus Jakarta Sans\", \"sans-serif\"],\n                    \"body\": [\"Inter\", \"sans-serif\"]\n                }\n            }\n        }\n    }\n<\/script>\n\n<link\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&#038;family=Inter:wght@400;500;600;700;800&#038;family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\"\n    rel=\"stylesheet\">\n\n<!-- ========== HERO ========== -->\n<style>\n    .dr-hero-analytics-white {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #ffffff !important;\n        display: block !important;\n        padding: 120px 0 !important;\n    }\n\n    .dr-container {\n        max-width: 1400px !important;\n        width: 90% !important;\n        margin: 0 auto !important;\n    }\n\n    .hero-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: clamp(40px, 5vw, 64px) !important;\n        line-height: 1.1 !important;\n        letter-spacing: -0.03em !important;\n        color: #1c1b1b !important;\n        margin-bottom: 24px !important;\n    }\n\n    .hero-description {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 16px !important;\n        line-height: 1.6 !important;\n        color: #5b403f !important;\n        opacity: 0.8 !important;\n        width: 100% !important;\n        margin-bottom: 32px !important;\n    }\n\n    .btn-contact {\n        background-color: #DD3333 !important;\n        color: white !important;\n        padding: 22px 56px !important;\n        border-radius: 9999px !important;\n        font-weight: 800 !important;\n        font-size: 18px !important;\n        font-family: 'Inter', sans-serif !important;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n        border: none !important;\n        cursor: pointer !important;\n        display: inline-block !important;\n        text-transform: none !important;\n    }\n\n    .btn-contact:hover {\n        background-color: #a31f1f !important;\n        transform: translateY(-5px) !important;\n        box-shadow: 0 20px 40px rgba(221, 51, 51, 0.25) !important;\n    }\n\n    @media (max-width: 768px) {\n        .dr-hero-analytics-white {\n            padding: 80px 0 !important;\n        }\n\n        .hero-title {\n            font-size: 36px !important;\n            margin-bottom: 20px !important;\n        }\n\n        .hero-description {\n            margin-bottom: 28px !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-hero-analytics-white\">\n    <section class=\"dr-container\">\n        <div class=\"flex flex-col md:flex-row items-center gap-12 md:gap-24\">\n\n            <div class=\"flex flex-col max-w-[850px]\">\n                <h1 class=\"hero-title\">\n                    Email Marketing: From Inbox to <span class=\"text-[#DD3333]\">Profit Center<\/span>.\n                <\/h1>\n\n                <p class=\"hero-description\">\n                    We build automated, data-driven email systems and loyalty programs that turn your database into a\n                    predictable revenue engine.\n                <\/p>\n\n                <div>\n                    <a href=\"#dr-final-cta-final\" class=\"btn-contact\">\n                        Get Your Custom Plan\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"hidden md:block\"><\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- ========== AI SMART SUMMARY ========== -->\n<style>\n    .dr-ai-summary-outer {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #ffffff !important;\n        padding: 40px 0 80px 0 !important;\n        display: block !important;\n    }\n\n    .dr-ai-box {\n        background-color: #fbfaf9 !important;\n        border: 1px solid rgba(221, 51, 51, 0.15) !important;\n        border-radius: 32px !important;\n        padding: 48px !important;\n        position: relative !important;\n        overflow: hidden !important;\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.02) !important;\n    }\n\n    .dr-ai-box::before {\n        content: \"\" !important;\n        position: absolute !important;\n        top: 0;\n        left: 0;\n        width: 6px;\n        height: 100%;\n        background: linear-gradient(to bottom, #DD3333, #a31f1f) !important;\n    }\n\n    .ai-header {\n        display: flex !important;\n        align-items: center !important;\n        gap: 12px !important;\n        margin-bottom: 24px !important;\n    }\n\n    .ai-sparkle-icon {\n        color: #DD3333 !important;\n        font-size: 24px !important;\n        font-variation-settings: 'FILL' 1 !important;\n    }\n\n    .ai-badge-text {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 14px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.15em !important;\n        color: #1c1b1b !important;\n    }\n\n    .ai-quick-summary {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-size: 24px !important;\n        font-weight: 800 !important;\n        line-height: 1.3 !important;\n        color: #1c1b1b !important;\n        margin-bottom: 12px !important;\n    }\n\n    .ai-lead-text {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 17px !important;\n        line-height: 1.6 !important;\n        color: #5b403f !important;\n        margin-bottom: 32px !important;\n        max-width: 1000px !important;\n    }\n    .form-textarea-final {\n        width: 100% !important;\n        padding: 18px 24px !important;\n        background: #f8f9fa !important;\n        border: 2px solid transparent !important;\n        border-radius: 12px !important;\n        margin-bottom: 16px !important;\n        font-family: 'Inter', sans-serif !important;\n        font-weight: 500 !important;\n        font-size: 15px !important;\n        transition: border-color 0.3s ease !important;\n    }\n\n    .ai-info-grid {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important;\n        gap: 32px !important;\n        border-top: 1px solid rgba(0, 0, 0, 0.08) !important;\n        padding-top: 32px !important;\n        margin-bottom: 32px !important;\n    }\n\n    .ai-column-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 13px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.05em !important;\n        color: #DD3333 !important;\n        margin-bottom: 16px !important;\n        display: block !important;\n    }\n\n    .ai-info-item {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 14.5px !important;\n        line-height: 1.5 !important;\n        color: #1c1b1b !important;\n        margin-bottom: 12px !important;\n        display: flex !important;\n        gap: 10px !important;\n    }\n\n    .ai-bullet {\n        color: #DD3333 !important;\n        font-weight: 900 !important;\n    }\n\n    .ai-verdict-box {\n        background: #1c1b1b !important;\n        padding: 24px 32px !important;\n        border-radius: 20px !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 20px !important;\n    }\n\n    .ai-verdict-content {\n        font-family: 'Inter', sans-serif !important;\n        font-weight: 600 !important;\n        font-size: 15px !important;\n        color: white !important;\n        line-height: 1.4 !important;\n    }\n\n    .acc-trigger {\n        position: absolute !important;\n        opacity: 0 !important;\n        pointer-events: none !important;\n        display: none !important;\n    }\n\n    @media (min-width: 769px) {\n        .accordion-content {\n            max-height: none !important;\n            overflow: visible !important;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .dr-ai-summary-outer {\n            padding: 40px 0 !important;\n        }\n\n        .dr-ai-box {\n            padding: 32px 20px !important;\n        }\n\n        .ai-quick-summary {\n            font-size: 20px !important;\n        }\n\n        .ai-lead-text {\n            font-size: 15px !important;\n            margin-bottom: 20px !important;\n        }\n\n        .ai-info-grid {\n            display: block !important;\n            padding-top: 0 !important;\n            border-top: none !important;\n        }\n\n        .mobile-accordion-item {\n            border-top: 1px solid rgba(0, 0, 0, 0.08) !important;\n        }\n\n        .ai-column-title {\n            margin-bottom: 0 !important;\n            padding: 20px 0 !important;\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            cursor: pointer !important;\n        }\n\n        .ai-column-title::after {\n            content: \"+\" !important;\n            font-size: 20px !important;\n            color: #DD3333 !important;\n            font-family: 'Inter', sans-serif !important;\n        }\n\n        .accordion-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease-out;\n        }\n\n        #acc1:checked~.accordion-content,\n        #acc2:checked~.accordion-content,\n        #acc3:checked~.accordion-content {\n            max-height: 500px !important;\n            padding-bottom: 20px !important;\n        }\n\n        #acc1:checked~.ai-column-title::after,\n        #acc2:checked~.ai-column-title::after,\n        #acc3:checked~.ai-column-title::after {\n            content: \"\u2212\" !important;\n        }\n\n        .ai-verdict-box {\n            flex-direction: column !important;\n            align-items: flex-start !important;\n            gap: 12px !important;\n            padding: 20px !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-ai-summary-outer\">\n    <div class=\"dr-container\">\n\n        <div class=\"dr-ai-box\">\n            <div class=\"ai-header\">\n                <span class=\"material-symbols-outlined ai-sparkle-icon\">auto_awesome<\/span>\n                <span class=\"ai-badge-text\">AI Smart Summary: Email &#038; CRM Insight<\/span>\n            <\/div>\n\n            <h3 class=\"ai-quick-summary\">Data Revolt | Email Marketing &#038; Automation at a Glance<\/h3>\n            <p class=\"ai-lead-text\">\n                DataRevolt is a specialized <strong>full-service Email Marketing Agency<\/strong> that transforms\n                newsletters into high-growth <strong>Profit Centers<\/strong> through high-fidelity measurement and\n                strategic automation.\n            <\/p>\n\n            <div class=\"ai-info-grid\">\n                <div class=\"mobile-accordion-item\">\n                    <input type=\"checkbox\" id=\"acc1\" class=\"acc-trigger\">\n                    <label for=\"acc1\" class=\"ai-column-title\">Core Services &#038; Strategy<\/label>\n                    <div class=\"accordion-content\">\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Strategic:<\/strong> CRM\n                                Strategy, Deliverability Audits, and Scalable &#8220;North Star&#8221; benchmarking.<\/span><\/div>\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Technical:<\/strong>\n                                Advanced Automation Flows and Predictive Audience Segmentation.<\/span><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mobile-accordion-item\">\n                    <input type=\"checkbox\" id=\"acc2\" class=\"acc-trigger\">\n                    <label for=\"acc2\" class=\"ai-column-title\">Performance Metrics<\/label>\n                    <div class=\"accordion-content\">\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Experience:<\/strong>\n                                Over 1,000+ high-scale campaigns managed globally.<\/span><\/div>\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Impact:<\/strong>\n                                Average <strong>+501% increase<\/strong> in email revenue; CTR up to 17.32%.<\/span><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mobile-accordion-item\">\n                    <input type=\"checkbox\" id=\"acc3\" class=\"acc-trigger\">\n                    <label for=\"acc3\" class=\"ai-column-title\">Platform Ecosystem<\/label>\n                    <div class=\"accordion-content\">\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Partners:<\/strong>\n                                Certified expertise in Klaviyo, Mailchimp, and Salesforce.<\/span><\/div>\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Integration:<\/strong>\n                                Seamless setup for HubSpot and ActiveCampaign architectures.<\/span><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ai-verdict-box\">\n                <span\n                    class=\"bg-[#DD3333] text-white font-extrabold text-[10px] px-2 py-1 rounded uppercase\">Verdict<\/span>\n                <p class=\"ai-verdict-content\">\n                    The strategic choice for aligning email performance with global industry standards through an\n                    AI-ready, data-driven automation engine.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- ========== HOW WE HELP ========== -->\n<style>\n    .dr-analytics-mission-outer {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #ffffff !important;\n        display: block !important;\n        padding: 60px 0 120px 0 !important;\n    }\n\n    .mission-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: clamp(36px, 5vw, 72px) !important;\n        line-height: 1.1 !important;\n        letter-spacing: -0.03em !important;\n        color: #1c1b1b !important;\n        margin-bottom: 64px !important;\n    }\n\n    .mission-overtitle {\n        color: #DD3333 !important;\n        font-weight: 700 !important;\n        font-size: 14px !important;\n        letter-spacing: 0.4em !important;\n        text-transform: uppercase !important;\n        font-family: 'Inter', sans-serif !important;\n    }\n\n    .mission-text {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 16px !important;\n        line-height: 1.7 !important;\n        color: #5b403f !important;\n        opacity: 0.9 !important;\n        max-width: 950px !important;\n    }\n\n    .focus-tag {\n        display: flex !important;\n        align-items: center !important;\n        gap: 12px !important;\n        background: #f6f3f2 !important;\n        padding: 12px 20px !important;\n        border-radius: 9999px !important;\n        font-family: 'Inter', sans-serif !important;\n        font-size: 14px !important;\n        font-weight: 700 !important;\n        color: #1c1b1b !important;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;\n        border: 1px solid rgba(0, 0, 0, 0.05) !important;\n        transition: transform 0.3s ease !important;\n    }\n\n    .focus-tag:hover {\n        transform: translateY(-3px) !important;\n    }\n\n    .focus-tag span.material-symbols-outlined {\n        color: #DD3333 !important;\n        font-size: 20px !important;\n    }\n\n    .mission-accent-line {\n        width: 48px !important;\n        height: 2px !important;\n        background-color: #DD3333 !important;\n    }\n\n    @media (max-width: 768px) {\n        .dr-analytics-mission-outer {\n            padding: 40px 0 80px 0 !important;\n        }\n\n        .mission-title {\n            font-size: 36px !important;\n            margin-bottom: 40px !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-analytics-mission-outer\">\n    <div class=\"dr-container\">\n        <div class=\"flex items-center gap-4 mb-8\">\n            <span class=\"mission-accent-line\"><\/span>\n            <span class=\"mission-overtitle\">Why us<\/span>\n        <\/div>\n\n        <h2 class=\"mission-title\">How we help your business grow<\/h2>\n\n        <div class=\"flex flex-col gap-12\">\n\n            <div class=\"w-full\">\n                <p class=\"mission-text\">\n                    We support your growth through email systems that evolve with your business, proven know-how, and\n                    full direct marketing coverage: marketing automation, SMS marketing and loyalty programs. Built for\n                    mid-to-large enterprises that want their database to generate predictable revenue, not just opens.\n                <\/p>\n            <\/div>\n\n            <div class=\"flex flex-wrap gap-4\">\n                <div class=\"focus-tag\">\n                    <span class=\"material-symbols-outlined\">mark_email_read<\/span>\n                    Marketing Automation\n                <\/div>\n                <div class=\"focus-tag\">\n                    <span class=\"material-symbols-outlined\">sms<\/span>\n                    SMS Marketing\n                <\/div>\n                <div class=\"focus-tag\">\n                    <span class=\"material-symbols-outlined\">loyalty<\/span>\n                    Loyalty Programs\n                <\/div>\n                <div class=\"focus-tag\">\n                    <span class=\"material-symbols-outlined\">shopping_cart<\/span>\n                    eCommerce\n                <\/div>\n                <div class=\"focus-tag\">\n                    <span class=\"material-symbols-outlined\">corporate_fare<\/span>\n                    Corporate\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- ========== DIFFERENTIATORS ========== -->\n<style>\n    .dr-analytics-diff-outer {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #f6f3f2 !important;\n        display: block !important;\n        padding: 140px 0 !important;\n    }\n\n    .diff-header {\n        text-align: center;\n        margin-bottom: 80px;\n    }\n\n    .diff-overtitle {\n        color: #DD3333 !important;\n        font-weight: 700 !important;\n        font-size: 14px !important;\n        letter-spacing: 0.4em !important;\n        text-transform: uppercase !important;\n        font-family: 'Inter', sans-serif !important;\n        display: block;\n        margin-bottom: 20px;\n    }\n\n    .diff-main-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: clamp(32px, 5vw, 56px) !important;\n        line-height: 1.1 !important;\n        letter-spacing: -0.03em !important;\n        color: #1c1b1b !important;\n    }\n\n    .dr-diff-card {\n        background: #ffffff !important;\n        border-radius: 32px !important;\n        padding: 50px 30px !important;\n        min-height: 420px !important;\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        justify-content: center !important;\n        text-align: center !important;\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;\n    }\n\n    .dr-diff-card:hover {\n        transform: translateY(-15px) !important;\n        box-shadow: 0 40px 70px rgba(0, 0, 0, 0.08) !important;\n    }\n\n    .dr-diff-card .material-symbols-outlined {\n        font-size: 72px !important;\n        color: #DD3333 !important;\n        margin-bottom: 32px !important;\n        transition: transform 0.4s ease !important;\n    }\n\n    .dr-diff-card:hover .material-symbols-outlined {\n        transform: scale(1.1) !important;\n    }\n\n    .diff-line {\n        height: 4px !important;\n        width: 40px !important;\n        background-color: #DD3333 !important;\n        opacity: 0.2;\n        margin-bottom: 24px !important;\n        transition: 0.4s ease;\n    }\n\n    .dr-diff-card:hover .diff-line {\n        width: 80px !important;\n        opacity: 1 !important;\n    }\n\n    .diff-text {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 16px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.05em !important;\n        color: #1c1b1b !important;\n        max-width: 280px !important;\n        line-height: 1.4 !important;\n    }\n\n    @media (max-width: 768px) {\n        .dr-analytics-diff-outer {\n            padding: 80px 0 !important;\n        }\n\n        .diff-main-title {\n            font-size: 36px !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-analytics-diff-outer\">\n    <div class=\"dr-container\">\n        <div class=\"diff-header\">\n            <h2 class=\"diff-main-title\">Where we shine<\/h2>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8\">\n\n            <div class=\"dr-diff-card group\">\n                <span class=\"material-symbols-outlined\">public<\/span>\n                <div class=\"diff-line\"><\/div>\n                <p class=\"diff-text\">Global best practices adapted to your business and real-time needs<\/p>\n            <\/div>\n\n            <div class=\"dr-diff-card group\">\n                <span class=\"material-symbols-outlined\">diversity_3<\/span>\n                <div class=\"diff-line\"><\/div>\n                <p class=\"diff-text\">Cross-industry experience<\/p>\n            <\/div>\n\n            <div class=\"dr-diff-card group\">\n                <span class=\"material-symbols-outlined\">smart_toy<\/span>\n                <div class=\"diff-line\"><\/div>\n                <p class=\"diff-text\">Intelligent automation that runs while your team focuses on growth<\/p>\n            <\/div>\n\n            <div class=\"dr-diff-card group\">\n                <span class=\"material-symbols-outlined\">trending_up<\/span>\n                <div class=\"diff-line\"><\/div>\n                <p class=\"diff-text\">Custom revenue-driven approach<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- ========== STATS BURTIERA ========== -->\n<style>\n    .dr-stats-strip {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #ffffff !important;\n        padding: 80px 0 !important;\n        display: block !important;\n        border-top: 1px solid rgba(0, 0, 0, 0.05);\n        border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n    }\n\n    .stats-wrapper {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important;\n        gap: 40px !important;\n        text-align: center;\n    }\n\n    .stat-number {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: clamp(40px, 5vw, 64px) !important;\n        color: #DD3333 !important;\n        line-height: 1 !important;\n        margin-bottom: 12px !important;\n        letter-spacing: -0.03em;\n    }\n\n    .stat-label {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 15px !important;\n        color: #5b403f !important;\n        line-height: 1.5 !important;\n        max-width: 320px;\n        margin: 0 auto;\n    }\n\n    @media (max-width: 768px) {\n        .dr-stats-strip {\n            padding: 40px 0 !important;\n        }\n\n        .stats-wrapper {\n            grid-template-columns: repeat(3, 1fr) !important;\n            gap: 12px !important;\n        }\n\n        .stat-number {\n            font-size: 26px !important;\n            margin-bottom: 6px !important;\n        }\n\n        .stat-label {\n            font-size: 11px !important;\n            line-height: 1.35 !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-stats-strip\">\n    <div class=\"dr-container\">\n        <div class=\"stats-wrapper\">\n            <div>\n                <div class=\"stat-number\">1000+<\/div>\n                <p class=\"stat-label\">Automations built across 20+ industries<\/p>\n            <\/div>\n            <div>\n                <div class=\"stat-number\">100k+<\/div>\n                <p class=\"stat-label\">Sends per broadcast managed through precision segmentation<\/p>\n            <\/div>\n            <div>\n                <div class=\"stat-number\">100+<\/div>\n                <p class=\"stat-label\">Email marketing audits &#038; successful strategies delivered<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- ========== SERVICES MATRIX ========== -->\n<style>\n    .dr-analytics-matrix-wrapper {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #ffffff !important;\n        display: block !important;\n        padding: 120px 0 !important;\n    }\n\n    .matrix-main-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 56px !important;\n        line-height: 1.1 !important;\n        color: #1c1b1b !important;\n        letter-spacing: -0.02em !important;\n        max-width: 100% !important;\n    }\n\n    .dr-matrix-table {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important;\n        background-color: #e5e7eb !important;\n        gap: 1px !important;\n        border: 1px solid #e5e7eb !important;\n        border-radius: 40px !important;\n        overflow: hidden !important;\n        margin-top: 60px !important;\n    }\n\n    .matrix-card {\n        background-color: white !important;\n        padding: 50px 40px !important;\n        min-height: 320px !important;\n        display: flex !important;\n        flex-direction: column !important;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n        box-sizing: border-box !important;\n    }\n\n    .matrix-card:hover {\n        transform: translateY(-8px) !important;\n        z-index: 10 !important;\n        box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.1) !important;\n    }\n\n    .matrix-number {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-size: 48px !important;\n        font-weight: 800 !important;\n        color: #DD3333 !important;\n        opacity: 0.1 !important;\n        margin-bottom: 20px !important;\n        transition: opacity 0.3s ease !important;\n    }\n\n    .matrix-card:hover .matrix-number {\n        opacity: 1 !important;\n    }\n\n    .matrix-card h3 {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-size: 22px !important;\n        font-weight: 800 !important;\n        text-transform: uppercase !important;\n        color: #1c1b1b !important;\n        margin-bottom: 16px !important;\n    }\n\n    .matrix-card p {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 16px !important;\n        line-height: 1.6 !important;\n        color: #5b403f !important;\n        opacity: 0.9 !important;\n        flex-grow: 1 !important;\n    }\n\n    .matrix-icon {\n        color: #e5e7eb !important;\n        font-size: 32px !important;\n    }\n\n    .matrix-card:hover .matrix-icon {\n        color: #DD3333 !important;\n    }\n\n    @media (max-width: 1024px) {\n        .dr-matrix-table {\n            grid-template-columns: repeat(2, 1fr) !important;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .matrix-main-title {\n            font-size: 36px !important;\n        }\n\n        .dr-matrix-table {\n            grid-template-columns: 1fr !important;\n            border-radius: 24px !important;\n        }\n\n        .matrix-card {\n            min-height: auto !important;\n            padding: 40px 30px !important;\n        }\n\n        .dr-analytics-matrix-wrapper {\n            padding: 80px 0 !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-analytics-matrix-wrapper\">\n    <section class=\"dr-container\">\n\n        <div class=\"max-w-7xl mb-10\">\n            <h2 class=\"matrix-main-title\">\n                End-to-end execution, zero gaps.\n            <\/h2>\n            <p\n                style=\"font-family: 'Inter', sans-serif; font-size: 16px; color: #5b403f; opacity: 0.7; margin-top: 25px; max-width: 100%;\">\n                Full-spectrum expertise covering every stage of the email marketing lifecycle.\n            <\/p>\n        <\/div>\n\n        <div class=\"dr-matrix-table\">\n            <div class=\"matrix-card group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">01<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">fact_check<\/span>\n                <\/div>\n                <h3>Audit<\/h3>\n                <p>Find where revenue leaks. We map your current email ecosystem and identify every missed opportunity.\n                <\/p>\n            <\/div>\n\n            <div class=\"matrix-card group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">02<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">route<\/span>\n                <\/div>\n                <h3>Strategy<\/h3>\n                <p>Build the system that scales. A roadmap aligned to your margins, LTV targets and customer lifecycle.\n                <\/p>\n            <\/div>\n\n            <div class=\"matrix-card group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">03<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">settings_suggest<\/span>\n                <\/div>\n                <h3>Setup<\/h3>\n                <p>Infrastructure built to convert. Platform onboarding, deliverability, integrations and clean data\n                    flows.<\/p>\n            <\/div>\n\n            <div class=\"matrix-card group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">04<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">person_add<\/span>\n                <\/div>\n                <h3>Lead Generation<\/h3>\n                <p>Grow the right audience. Pop-ups, forms and capture flows that bring in contacts worth converting.\n                <\/p>\n            <\/div>\n\n            <div class=\"matrix-card group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">05<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">palette<\/span>\n                <\/div>\n                <h3>Creatives<\/h3>\n                <p>Emails people actually open. Copy, design and structure engineered for clicks and conversion.<\/p>\n            <\/div>\n\n            <div class=\"matrix-card group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">06<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">tune<\/span>\n                <\/div>\n                <h3>Optimization<\/h3>\n                <p>Test, learn, earn more. Continuous A\/B testing, segmentation refinement and flow evolution.<\/p>\n            <\/div>\n\n            <div class=\"matrix-card group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">07<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">hub<\/span>\n                <\/div>\n                <h3>PPC &#038; SEO Sync<\/h3>\n                <p>Every channel, one goal. Email aligned with paid media and organic funnels for compounding impact.\n                <\/p>\n            <\/div>\n\n            <div class=\"matrix-card group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">08<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">bar_chart<\/span>\n                <\/div>\n                <h3>Reporting<\/h3>\n                <p>Numbers that drive decisions. Revenue attribution, cohort performance and LTV dashboards.<\/p>\n            <\/div>\n\n            <div class=\"matrix-card group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">09<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">school<\/span>\n                <\/div>\n                <h3>Consultancy<\/h3>\n                <p>Your team, fully equipped. Training, playbooks and strategic workshops for long-term autonomy.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<!-- ========== TECH STACK (dark) ========== -->\n<style>\n    #dr-tech-stack-root {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #1c1b1b !important;\n        padding: 120px 0 !important;\n        display: block !important;\n        color: white !important;\n    }\n\n    .dr-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-size: clamp(32px, 4vw, 48px) !important;\n        font-weight: 800 !important;\n        line-height: 1.1 !important;\n        margin-bottom: 20px !important;\n        text-align: center;\n    }\n\n    .dr-subtitle {\n        font-family: 'Inter', sans-serif !important;\n        color: rgba(255, 255, 255, 0.5) !important;\n        font-size: 17px !important;\n        text-align: center !important;\n        max-width: 700px !important;\n        margin: 0 auto !important;\n        padding-bottom: 110px !important;\n        line-height: 1.6 !important;\n    }\n\n    .tech-row-wrapper {\n        margin-bottom: 60px !important;\n    }\n\n    .category-label-top {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 11px !important;\n        font-weight: 800 !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.3em !important;\n        color: #DD3333 !important;\n        margin-bottom: 30px !important;\n        display: block;\n        opacity: 0.8;\n        text-align: center;\n    }\n\n    .dr-flex-row {\n        display: flex !important;\n        flex-wrap: wrap !important;\n        justify-content: center !important;\n        gap: 40px 60px !important;\n    }\n\n    .dr-tech-item {\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        min-width: 140px !important;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    }\n\n    .tech-name {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 18px !important;\n        color: white !important;\n        opacity: 0.7;\n        transition: opacity 0.3s ease;\n    }\n\n    .dr-tech-item:hover {\n        transform: translateY(-5px) !important;\n    }\n\n    .dr-tech-item:hover .tech-name {\n        opacity: 1 !important;\n        color: #DD3333 !important;\n    }\n\n    .row-divider {\n        height: 1px;\n        width: 100%;\n        background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.1), transparent);\n        margin-top: 50px;\n    }\n\n    @media (max-width: 768px) {\n        #dr-tech-stack-root {\n            padding: 80px 0 !important;\n        }\n\n        .dr-title {\n            font-size: 36px !important;\n        }\n\n        .dr-subtitle {\n            margin-bottom: 40px !important;\n            padding-bottom: 40px !important;\n            font-size: 15px;\n        }\n\n        .dr-flex-row {\n            gap: 30px 20px !important;\n        }\n\n        .tech-name {\n            font-size: 14px !important;\n        }\n\n        .tech-row-wrapper {\n            margin-bottom: 40px !important;\n        }\n    }\n<\/style>\n\n<div id=\"dr-tech-stack-root\">\n    <div class=\"dr-container text-center\">\n        <h2 class=\"dr-title\">The right stack for every stage of growth.<\/h2>\n        <p class=\"dr-subtitle\">We match the right tools &#038; platforms to your business model and scale them alongside you.\n        <\/p>\n\n        <div class=\"tech-row-wrapper\">\n            <span class=\"category-label-top\">Core Automation<\/span>\n            <div class=\"dr-flex-row\">\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Klaviyo<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">The Marketer<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Omnisend<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">ActiveCampaign<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Mailchimp<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Newsman<\/span><\/div>\n            <\/div>\n            <div class=\"row-divider\"><\/div>\n        <\/div>\n\n        <div class=\"tech-row-wrapper\">\n            <span class=\"category-label-top\">Conversion &#038; Retention<\/span>\n            <div class=\"dr-flex-row\">\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Wisepops<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">OneSignal<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">SendPulse<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Tripetto<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">GA4<\/span><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- ========== CERTIFICATIONS ========== -->\n<style>\n    .dr-cert-outer {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #ffffff !important;\n        display: block !important;\n        padding: 120px 0 !important;\n    }\n\n    .cert-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 56px !important;\n        line-height: 1.1 !important;\n        letter-spacing: -0.03em !important;\n        color: #1c1b1b !important;\n        margin-bottom: 32px !important;\n    }\n\n    .cert-overtitle {\n        color: #DD3333 !important;\n        font-weight: 700 !important;\n        font-size: 14px !important;\n        letter-spacing: 0.4em !important;\n        text-transform: uppercase !important;\n    }\n\n    .cert-text {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 18px !important;\n        line-height: 1.7 !important;\n        color: #5b403f !important;\n        opacity: 0.9 !important;\n    }\n\n    .cert-accent-line {\n        width: 48px !important;\n        height: 2px !important;\n        background-color: #DD3333 !important;\n    }\n\n    .cert-badges {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 16px;\n        margin-top: 32px;\n    }\n\n    .cert-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background: #fbfaf9;\n        border: 1px solid rgba(221, 51, 51, 0.2);\n        padding: 14px 22px;\n        border-radius: 9999px;\n        font-family: 'Inter', sans-serif;\n        font-weight: 700;\n        font-size: 14px;\n        color: #1c1b1b;\n    }\n\n    .cert-badge .material-symbols-outlined {\n        color: #DD3333;\n        font-size: 20px;\n    }\n\n    .cert-award-card {\n        margin-top: 32px;\n        background: linear-gradient(135deg, #1c1b1b 0%, #2a1818 100%);\n        border-radius: 20px;\n        padding: 28px 32px;\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        color: #ffffff;\n    }\n\n    .cert-award-icon {\n        flex-shrink: 0;\n        width: 56px;\n        height: 56px;\n        border-radius: 14px;\n        background: rgba(221, 51, 51, 0.15);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .cert-award-icon .material-symbols-outlined {\n        color: #DD3333;\n        font-size: 32px;\n    }\n\n    .cert-award-label {\n        font-family: 'Inter', sans-serif;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0.25em;\n        text-transform: uppercase;\n        color: #DD3333;\n        margin-bottom: 4px;\n    }\n\n    .cert-award-title {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-weight: 800;\n        font-size: 18px;\n        line-height: 1.3;\n        color: #ffffff;\n        margin-bottom: 4px;\n    }\n\n    .cert-award-issuer {\n        font-family: 'Inter', sans-serif;\n        font-size: 14px;\n        color: rgba(255, 255, 255, 0.7);\n    }\n\n    @media (max-width: 768px) {\n        .dr-cert-outer {\n            padding: 80px 0 !important;\n        }\n\n        .cert-title {\n            font-size: 36px !important;\n        }\n\n        .cert-text {\n            font-size: 16px !important;\n        }\n\n        .cert-award-card {\n            flex-direction: column;\n            align-items: flex-start;\n            padding: 24px;\n        }\n    }\n<\/style>\n\n<div class=\"dr-cert-outer\">\n    <div class=\"dr-container\">\n        <div class=\"flex items-center gap-4 mb-8\">\n            <span class=\"cert-accent-line\"><\/span>\n            <span class=\"cert-overtitle\">Validated Expertise<\/span>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 gap-12 md:gap-24 items-start\">\n            <div>\n                <h2 class=\"cert-title\">Aligned to North Star benchmarks.<\/h2>\n            <\/div>\n            <div>\n                <p class=\"cert-text\">\n                    Certified partners on the platforms we operate: <strong>Klaviyo<\/strong> and <strong>The\n                        Marketer<\/strong>. Every specialist on our team is GA4 certified. We measure, validate and scale\n                    based on North Star metrics, not assumptions.\n                <\/p>\n                <div class=\"cert-badges\">\n                    <span class=\"cert-badge\"><span class=\"material-symbols-outlined\">verified<\/span> Klaviyo\n                        Partner<\/span>\n                    <span class=\"cert-badge\"><span class=\"material-symbols-outlined\">verified<\/span> The Marketer\n                        Partner<\/span>\n                    <span class=\"cert-badge\"><span class=\"material-symbols-outlined\">verified<\/span> GA4 Certified\n                        Team<\/span>\n                <\/div>\n\n                <div class=\"cert-award-card\">\n                    <div class=\"cert-award-icon\">\n                        <span class=\"material-symbols-outlined\">emoji_events<\/span>\n                    <\/div>\n                    <div>\n                        <div class=\"cert-award-label\">Award<\/div>\n                        <div class=\"cert-award-title\">Data-Driven Innovation in eMail Marketing<\/div>\n                        <div class=\"cert-award-issuer\">Agencies Ahead by theMarketer<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- ========== CLIENT LOGOS CAROUSEL ========== -->\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&family=Inter:wght@400;600&display=swap');\n\n    #cr-root {\n        background: #1c1b1b;\n        padding: 100px 0 80px;\n        width: 100vw;\n        overflow: hidden;\n        font-family: 'Inter', sans-serif;\n        box-sizing: border-box;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        position: relative;\n    }\n\n    .cr-inner {\n        max-width: 860px;\n        width: 90%;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .cr-accent {\n        color: #DD3333;\n        font-weight: 700;\n        font-size: 12px;\n        letter-spacing: 0.42em;\n        text-transform: uppercase;\n        display: block;\n        margin-bottom: 18px;\n    }\n\n    .cr-title {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: clamp(28px, 4vw, 50px);\n        font-weight: 800;\n        color: #fff;\n        line-height: 1.1;\n        margin-bottom: 20px;\n    }\n\n    .cr-desc {\n        font-size: 17px;\n        color: rgba(255, 255, 255, 0.5);\n        line-height: 1.65;\n        margin: 0 auto 0 auto;\n        max-width: 580px;\n        padding: 20px;\n    }\n\n    .cr-stage {\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        position: relative;\n        padding: 40px 56px;\n        box-sizing: border-box;\n    }\n\n    .cr-viewport {\n        overflow: hidden;\n        width: 100%;\n    }\n\n    .cr-track {\n        display: flex;\n        transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);\n        will-change: transform;\n        width: 100%;\n    }\n\n    .cr-page {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        width: 100%;\n        box-sizing: border-box;\n    }\n\n    .cr-logo {\n        flex: 1 1 0;\n        min-width: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 8px 10px;\n        box-sizing: border-box;\n    }\n\n    .cr-logo img {\n        width: 100%;\n        max-width: 190px;\n        height: 150px;\n        object-fit: contain;\n        mix-blend-mode: screen;\n        transition: filter 0.4s ease, transform 0.35s ease;\n        display: block;\n    }\n\n    .cr-logo:hover img {\n        mix-blend-mode: normal;\n        filter: none;\n        transform: scale(1.07);\n    }\n\n    .cr-arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 36px;\n        height: 36px;\n        border-radius: 50%;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        background: transparent;\n        color: rgba(255, 255, 255, 0.7);\n        font-size: 16px;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: border-color 0.3s, color 0.3s, background 0.3s;\n        z-index: 3;\n        line-height: 1;\n        flex-shrink: 0;\n    }\n\n    .cr-arrow:hover {\n        border-color: #DD3333;\n        color: #fff;\n        background: rgba(221, 51, 51, 0.15);\n    }\n\n    .cr-arrow:disabled {\n        opacity: 0.2;\n        cursor: default;\n    }\n\n    #cr-prev {\n        left: 8px;\n    }\n\n    #cr-next {\n        right: 8px;\n    }\n\n    .cr-dots {\n        display: flex;\n        gap: 10px;\n        justify-content: center;\n        margin-top: 36px;\n    }\n\n    .cr-dot {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: rgba(255, 255, 255, 0.2);\n        border: none;\n        cursor: pointer;\n        transition: background 0.3s, transform 0.3s;\n        padding: 0;\n    }\n\n    .cr-dot.active {\n        background: #DD3333;\n        transform: scale(1.4);\n    }\n\n    @media (max-width: 640px) {\n        #cr-root {\n            padding: 60px 0 50px;\n        }\n\n        .cr-desc {\n            font-size: 15px;\n            margin-bottom: 40px;\n        }\n\n        .cr-stage {\n            padding: 28px 15px;\n        }\n\n        .cr-logo img {\n            height: 90px;\n        }\n\n        .cr-arrow {\n            display: none;\n        }\n    }\n<\/style>\n\n<div id=\"cr-root\">\n    <div class=\"cr-inner\">\n        <span class=\"cr-accent\">100+ Global Partners across 24 countries<\/span>\n        <h2 class=\"cr-title\">Cross-Industry Mastery. We thrive where others struggle.<\/h2>\n        <p class=\"cr-desc\">Ecommerce. Services. Corporate. App based.<\/p>\n    <\/div>\n\n    <div class=\"cr-stage\">\n        <button class=\"cr-arrow\" id=\"cr-prev\">&#8592;<\/button>\n        <div class=\"cr-viewport\" id=\"cr-viewport\">\n            <div class=\"cr-track\" id=\"cr-track\"><\/div>\n        <\/div>\n        <button class=\"cr-arrow\" id=\"cr-next\">&#8594;<\/button>\n    <\/div>\n\n    <div class=\"cr-dots\" id=\"cr-dots\"><\/div>\n<\/div>\n\n<script>\n    const logos = [\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/orange_logo_v2.png\", alt: \"Orange\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/decathlon_logo.png\", alt: \"Decathlon\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/PPC_Logo.png\", alt: \"PPC\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/Spring_logo.png\", alt: \"SpringPharma\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/fleuro_logo.png\", alt: \"Fleurop\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/Bringo_logo.png\", alt: \"Bringo\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/DIGI_logo.png\", alt: \"Digi\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/VOYO_logo.png\", alt: \"Voyo\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/PROTV_logo.png\", alt: \"ProTV\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/SHELL_logo.png\", alt: \"Shell\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/SALT_logo.png\", alt: \"Salt\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/SAMDAY_logo.png\", alt: \"Sameday\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/VOLA_logo.png\", alt: \"Vola\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/freshful_logo.png\", alt: \"Freshful\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/VOXA_logo.png\", alt: \"Voxa\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/LOREAL_logo.png\", alt: \"L'Oreal\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/FD_logo.png\", alt: \"FD\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/YOXO_logo.png\", alt: \"YOXO\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/FLANCO_logo.png\", alt: \"Flanco\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/GARANTI_B_logo.png\", alt: \"Garanti Bank\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/SECOM_logo.png\", alt: \"Secom\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/CBRE_logo_white.png\", alt: \"CBRE\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/AUCHAN_logo.png\", alt: \"Auchan\" },\n        { src: \"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/IMOBILIARE_logo.png\", alt: \"Imobiliare\" },\n    ];\n\n    function getPerPage() {\n        const w = window.innerWidth;\n        if (w <= 480) return 2;\n        if (w <= 640) return 3;\n        return 6;\n    }\n\n    const track = document.getElementById('cr-track');\n    const dotsEl = document.getElementById('cr-dots');\n    const prevBtn = document.getElementById('cr-prev');\n    const nextBtn = document.getElementById('cr-next');\n    let current = 0;\n    let autoTimer;\n    let pages = [];\n\n    function buildCarousel() {\n        const perPage = getPerPage();\n        track.innerHTML = '';\n        dotsEl.innerHTML = '';\n        pages = [];\n\n        for (let i = 0; i < logos.length; i += perPage) {\n            pages.push(logos.slice(i, i + perPage));\n        }\n\n        pages.forEach((page, pi) => {\n            const pageEl = document.createElement('div');\n            pageEl.className = 'cr-page';\n\n            const filled = [...page];\n            while (filled.length < perPage) filled.push(null);\n\n            filled.forEach(logo => {\n                const box = document.createElement('div');\n                box.className = 'cr-logo';\n                if (logo) {\n                    const img = document.createElement('img');\n                    img.src = logo.src;\n                    img.alt = logo.alt;\n                    box.appendChild(img);\n                }\n                pageEl.appendChild(box);\n            });\n\n            track.appendChild(pageEl);\n\n            const dot = document.createElement('button');\n            dot.className = 'cr-dot' + (pi === 0 ? ' active' : '');\n            dot.addEventListener('click', () => goTo(pi));\n            dotsEl.appendChild(dot);\n        });\n\n        if (current >= pages.length) current = 0;\n        goTo(current, false);\n    }\n\n    function goTo(idx, animate = true) {\n        current = idx;\n        track.style.transition = animate ? 'transform 0.65s cubic-bezier(0.4, 0, 0.2, 1)' : 'none';\n        track.style.transform = `translateX(-${current * 100}%)`;\n        document.querySelectorAll('.cr-dot').forEach((d, i) => d.classList.toggle('active', i === current));\n        prevBtn.disabled = current === 0;\n        nextBtn.disabled = current === pages.length - 1;\n        resetAuto();\n    }\n\n    function resetAuto() {\n        clearInterval(autoTimer);\n        autoTimer = setInterval(() => goTo(current < pages.length - 1 ? current + 1 : 0), 5000);\n    }\n\n    prevBtn.addEventListener('click', () => { if (current > 0) goTo(current - 1); });\n    nextBtn.addEventListener('click', () => { if (current < pages.length - 1) goTo(current + 1); });\n\n    let isDragging = false;\n    let startPos = 0;\n    const viewport = document.getElementById('cr-viewport');\n\n    viewport.style.cursor = 'grab';\n    viewport.style.touchAction = 'pan-y';\n    viewport.ondragstart = () => false;\n\n    function getPositionX(e) {\n        if (e.type.includes('mouse')) return e.pageX;\n        if (e.touches) {\n            if (e.touches.length > 0) return e.touches[0].clientX;\n        }\n        return null;\n    }\n\n    function dragStart(e) {\n        if (e.type === 'mousedown') {\n            if (e.button !== 0) return;\n        }\n        isDragging = true;\n        startPos = getPositionX(e);\n        clearInterval(autoTimer);\n        track.style.transition = 'none';\n        if (e.type === 'mousedown') viewport.style.cursor = 'grabbing';\n    }\n\n    function dragAction(e) {\n        if (!isDragging) return;\n        const currentPosition = getPositionX(e);\n        if (currentPosition === null) return;\n        const deltaX = currentPosition - startPos;\n        track.style.transform = `translateX(calc(-${current * 100}% + ${deltaX}px))`;\n    }\n\n    function dragEnd(e) {\n        if (!isDragging) return;\n        isDragging = false;\n        viewport.style.cursor = 'grab';\n\n        let endPosition = startPos;\n        if (e.type.includes('mouse')) {\n            endPosition = e.pageX;\n        } else if (e.changedTouches) {\n            if (e.changedTouches.length > 0) {\n                endPosition = e.changedTouches[0].clientX;\n            }\n        }\n\n        const deltaX = endPosition - startPos;\n        const threshold = 60;\n\n        if (deltaX < -threshold) {\n            if (current < pages.length - 1) { goTo(current + 1); } else { goTo(current); }\n        } else if (deltaX > threshold) {\n            if (current > 0) { goTo(current - 1); } else { goTo(current); }\n        } else {\n            goTo(current);\n        }\n    }\n\n    viewport.addEventListener('mousedown', dragStart);\n    viewport.addEventListener('mousemove', dragAction);\n    viewport.addEventListener('mouseup', dragEnd);\n    viewport.addEventListener('mouseleave', dragEnd);\n    viewport.addEventListener('touchstart', dragStart, { passive: true });\n    viewport.addEventListener('touchmove', dragAction, { passive: true });\n    viewport.addEventListener('touchend', dragEnd);\n\n    let resizeTimer;\n    window.addEventListener('resize', () => { clearTimeout(resizeTimer); resizeTimer = setTimeout(buildCarousel, 200); });\n\n    buildCarousel();\n<\/script>\n\n<!-- ========== OUR APPROACH ========== -->\n<style>\n    .dr-approach-diagram-outer {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #f6f3f2 !important;\n        display: block !important;\n        padding: 140px 0 !important;\n    }\n\n    .approach-overtitle {\n        color: #DD3333 !important;\n        font-weight: 700 !important;\n        font-size: 14px !important;\n        letter-spacing: 0.4em !important;\n        text-transform: uppercase !important;\n        font-family: 'Inter', sans-serif !important;\n        display: block;\n        margin-bottom: 20px;\n        text-align: center;\n    }\n\n    .approach-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: clamp(32px, 5vw, 56px) !important;\n        line-height: 1.1 !important;\n        letter-spacing: -0.03em !important;\n        color: #1c1b1b !important;\n        margin-bottom: 30px !important;\n        text-align: center !important;\n    }\n\n    .approach-subtitle {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 18px !important;\n        line-height: 1.7 !important;\n        color: #5b403f !important;\n        opacity: 0.9 !important;\n        text-align: center;\n        max-width: 850px;\n        margin: 0 auto 100px auto !important;\n    }\n\n    .approach-grid {\n        display: grid !important;\n        grid-template-columns: repeat(2, 1fr) !important;\n        gap: 28px !important;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .approach-item {\n        background: #ffffff;\n        border-radius: 24px;\n        padding: 40px 36px;\n        display: flex;\n        align-items: flex-start;\n        gap: 24px;\n        transition: all 0.4s ease;\n        border: 1px solid rgba(0, 0, 0, 0.04);\n    }\n\n    .approach-item:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);\n        border-color: rgba(221, 51, 51, 0.25);\n    }\n\n    .approach-icon-box {\n        width: 56px;\n        height: 56px;\n        border-radius: 16px;\n        background: rgba(221, 51, 51, 0.08);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .approach-icon-box .material-symbols-outlined {\n        color: #DD3333;\n        font-size: 28px;\n    }\n\n    .approach-item h3 {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 18px !important;\n        color: #1c1b1b !important;\n        margin-bottom: 8px !important;\n    }\n\n    .approach-item p {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 15px !important;\n        line-height: 1.6 !important;\n        color: #5b403f !important;\n        opacity: 0.9;\n    }\n\n    @media (max-width: 768px) {\n        .dr-approach-diagram-outer {\n            padding: 80px 0 !important;\n        }\n\n        .approach-title {\n            font-size: 36px !important;\n        }\n\n        .approach-subtitle {\n            font-size: 16px !important;\n            margin-bottom: 60px !important;\n        }\n\n        .approach-grid {\n            grid-template-columns: 1fr !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-approach-diagram-outer\">\n    <div class=\"dr-container\">\n\n        <span class=\"approach-overtitle\">Our approach<\/span>\n        <h2 class=\"approach-title\">Your dedicated growth extension.<\/h2>\n        <p class=\"approach-subtitle\">\n            We act as your own growth team: embedded in your goals, accountable to your margins. Not a vendor \u2014 a\n            partner hardwired into your conversion targets.\n        <\/p>\n\n        <div class=\"approach-grid\">\n\n            <div class=\"approach-item\">\n                <div class=\"approach-icon-box\">\n                    <span class=\"material-symbols-outlined\">support_agent<\/span>\n                <\/div>\n                <div>\n                    <h3>Direct access<\/h3>\n                    <p>No account manager layer between you and your dedicated specialist. Talk directly with the person\n                        building your flows.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"approach-item\">\n                <div class=\"approach-icon-box\">\n                    <span class=\"material-symbols-outlined\">schedule<\/span>\n                <\/div>\n                <div>\n                    <h3>SLA: 1 business day<\/h3>\n                    <p>Response within one business day. We respect your timelines because your revenue depends on them.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"approach-item\">\n                <div class=\"approach-icon-box\">\n                    <span class=\"material-symbols-outlined\">auto_awesome<\/span>\n                <\/div>\n                <div>\n                    <h3>Custom onboarding<\/h3>\n                    <p>Your business is unique and so is our approach. No templates, no recycled playbooks \u2014 every setup\n                        engineered around your model.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"approach-item\">\n                <div class=\"approach-icon-box\">\n                    <span class=\"material-symbols-outlined\">workspace_premium<\/span>\n                <\/div>\n                <div>\n                    <h3>Quality over quantity<\/h3>\n                    <p>We thrive to bring value over just checking tasks. Every send, every flow, every segment earns\n                        its\n                        place.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- ========== CASE STUDIES ========== -->\n<style>\n    .dr-cases-outer {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #f6f3f2 !important;\n        display: block !important;\n        padding: 0 0 140px 0 !important;\n    }\n\n    .cases-header {\n        max-width: 900px;\n        margin: 0 auto 70px auto;\n        text-align: center;\n    }\n\n    .cases-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: clamp(32px, 5vw, 56px) !important;\n        line-height: 1.1 !important;\n        letter-spacing: -0.03em !important;\n        color: #1c1b1b !important;\n        margin-bottom: 24px !important;\n    }\n\n    .cases-intro {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 17px !important;\n        line-height: 1.7 !important;\n        color: #5b403f !important;\n    }\n\n    .cases-grid {\n        display: grid !important;\n        grid-template-columns: repeat(3, 1fr) !important;\n        gap: 28px !important;\n    }\n\n    .case-box {\n        background: #ffffff !important;\n        border-radius: 28px !important;\n        padding: 48px 36px !important;\n        display: flex !important;\n        flex-direction: column !important;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;\n        border: 1px solid rgba(0, 0, 0, 0.04);\n    }\n\n    .case-box:hover {\n        transform: translateY(-10px) !important;\n        box-shadow: 0 40px 70px rgba(0, 0, 0, 0.08) !important;\n        border-color: rgba(221, 51, 51, 0.2);\n    }\n\n    .case-metric {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 56px !important;\n        color: #DD3333 !important;\n        line-height: 1 !important;\n        letter-spacing: -0.03em;\n        margin-bottom: 12px !important;\n    }\n\n    .case-metric-icon .material-symbols-outlined {\n        font-size: 56px !important;\n        line-height: 1 !important;\n        color: #DD3333 !important;\n    }\n\n    .case-metric-label {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 16px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.05em !important;\n        color: #1c1b1b !important;\n        margin-bottom: 24px !important;\n        line-height: 1.3;\n    }\n\n    .case-detail {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 15px !important;\n        line-height: 1.6 !important;\n        color: #5b403f !important;\n        opacity: 0.85;\n        border-top: 1px solid rgba(0, 0, 0, 0.08);\n        padding-top: 20px;\n        margin-top: auto;\n    }\n\n    .case-brand {\n        font-weight: 800 !important;\n        color: #1c1b1b !important;\n    }\n\n    @media (max-width: 1024px) {\n        .cases-grid {\n            grid-template-columns: 1fr !important;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .dr-cases-outer {\n            padding: 0 0 80px 0 !important;\n        }\n\n        .case-metric {\n            font-size: 44px !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-cases-outer\">\n    <div class=\"dr-container\">\n\n        <div class=\"cases-header\">\n            <h2 class=\"cases-title\">Direct marketing built for retention. Wired into a revenue system.<\/h2>\n            <p class=\"cases-intro\">\n                We build automated flows, segmentation strategies and loyalty programs that turn existing audiences into\n                a brand&#8217;s most consistent revenue channel. Data-driven targeting, LTV optimization and hands-on\n                execution \u2014 from first send to long-term retention.\n            <\/p>\n        <\/div>\n\n        <div class=\"cases-grid\">\n\n            <div class=\"case-box\">\n                <div class=\"case-metric\">17.32%<\/div>\n                <div class=\"case-metric-label\">More carts recovered through multi-channel journey optimization<\/div>\n                <p class=\"case-detail\">Built for <span class=\"case-brand\">Minifarm<\/span>.<\/p>\n            <\/div>\n\n            <div class=\"case-box\">\n                <div class=\"case-metric\">+53%<\/div>\n                <div class=\"case-metric-label\">Revenue growth through skill-based segmentation<\/div>\n                <p class=\"case-detail\">Onboarding funnels and retention sequences built for <span\n                        class=\"case-brand\">F64<\/span>.<\/p>\n            <\/div>\n\n            <div class=\"case-box\">\n                <div class=\"case-metric case-metric-icon\"><span class=\"material-symbols-outlined\">loyalty<\/span><\/div>\n                <div class=\"case-metric-label\">Full-scale loyalty revamp and communication strategy<\/div>\n                <p class=\"case-detail\">Tiered rewards and real-time automation triggers built for <span\n                        class=\"case-brand\">F64<\/span>.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- ========== EXTRA SERVICES ========== -->\n<style>\n    .dr-extra-services-dark {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #1c1b1b !important;\n        display: block !important;\n        padding: 120px 0 !important;\n        color: white !important;\n        overflow-x: hidden !important;\n    }\n\n    .extra-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: clamp(32px, 5vw, 56px) !important;\n        line-height: 1.1 !important;\n        letter-spacing: -0.03em !important;\n        margin-bottom: 80px !important;\n        text-align: center !important;\n    }\n\n    .dr-services-wrapper {\n        display: flex !important;\n        flex-wrap: wrap !important;\n        justify-content: center !important;\n        gap: 30px !important;\n    }\n\n    .extra-card {\n        flex: 0 0 calc(33.333% - 20px) !important;\n        max-width: 420px !important;\n        background: rgba(255, 255, 255, 0.05) !important;\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\n        border-radius: 32px !important;\n        padding: 50px 40px !important;\n        display: flex !important;\n        flex-direction: column !important;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n        min-height: 400px !important;\n        box-sizing: border-box !important;\n    }\n\n    .extra-card:hover {\n        background: rgba(255, 255, 255, 0.08) !important;\n        border-color: #DD3333 !important;\n        transform: translateY(-10px) !important;\n    }\n\n    .extra-icon {\n        font-size: 42px !important;\n        color: #DD3333 !important;\n        margin-bottom: 30px !important;\n    }\n\n    .extra-name {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 22px !important;\n        color: white !important;\n        margin-bottom: 20px !important;\n        text-transform: uppercase;\n    }\n\n    .extra-desc {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 16px !important;\n        line-height: 1.6 !important;\n        color: rgba(255, 255, 255, 0.6) !important;\n        margin-bottom: 40px !important;\n        flex-grow: 1 !important;\n    }\n\n    .extra-btn {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 12px !important;\n        font-weight: 900 !important;\n        text-transform: uppercase !important;\n        color: #DD3333 !important;\n        text-decoration: none !important;\n        display: flex !important;\n        align-items: center !important;\n        gap: 8px !important;\n        letter-spacing: 0.1em;\n    }\n\n    @media (max-width: 1024px) and (min-width: 769px) {\n        .extra-card {\n            flex: 0 0 calc(50% - 15px) !important;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .dr-extra-services-dark {\n            padding: 80px 0 !important;\n        }\n\n        .extra-title {\n            font-size: 36px !important;\n            text-align: left !important;\n            margin-bottom: 40px !important;\n        }\n\n        .dr-services-wrapper {\n            display: flex !important;\n            flex-wrap: nowrap !important;\n            overflow-x: auto !important;\n            scroll-snap-type: x mandatory !important;\n            gap: 16px !important;\n            padding: 10px 0 30px 0 !important;\n            justify-content: flex-start !important;\n            scrollbar-width: none;\n        }\n\n        .dr-services-wrapper::-webkit-scrollbar {\n            display: none;\n        }\n\n        .extra-card {\n            flex: 0 0 85% !important;\n            max-width: 85% !important;\n            scroll-snap-align: start !important;\n            padding: 40px 30px !important;\n            min-height: auto !important;\n        }\n\n        .swipe-hint {\n            display: block !important;\n            color: rgba(255, 255, 255, 0.3);\n            font-family: 'Inter', sans-serif;\n            font-size: 12px;\n            margin-top: -20px;\n            margin-bottom: 20px;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n        }\n    }\n\n    @media (min-width: 769px) {\n        .swipe-hint {\n            display: none !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-extra-services-dark\">\n    <div class=\"dr-container\">\n\n        <div class=\"max-w-4xl mx-auto lg:mx-0\">\n            <span class=\"swipe-hint\">Swipe to explore \u2192<\/span>\n            <h2 class=\"extra-title\">See what else we can do for you<\/h2>\n        <\/div>\n\n        <div class=\"dr-services-wrapper\">\n            <div class=\"extra-card group\">\n                <span class=\"material-symbols-outlined extra-icon\">analytics<\/span>\n                <h3 class=\"extra-name\">Data &#038; Analytics<\/h3>\n                <p class=\"extra-desc\">Single source of truth. High-fidelity measurement infrastructure that feeds every\n                    channel \u2014 including your automation flows.<\/p>\n                <a href=\"\/ro\/analytics\/\" class=\"extra-btn\">Measure Better <span class=\"material-symbols-outlined\"\n                        style=\"font-size: 18px;\">arrow_forward<\/span><\/a>\n            <\/div>\n\n            <div class=\"extra-card group\">\n                <span class=\"material-symbols-outlined extra-icon\">ads_click<\/span>\n                <h3 class=\"extra-name\">PPC &#038; Programmatic<\/h3>\n                <p class=\"extra-desc\">Precision scaling. Algorithmic bidding and strategic media buying to maximize your\n                    ROI at scale.<\/p>\n                <a href=\"\/ro\/performance-marketing\/\" class=\"extra-btn\">Optimize Spend <span\n                        class=\"material-symbols-outlined\" style=\"font-size: 18px;\">arrow_forward<\/span><\/a>\n            <\/div>\n\n            <div class=\"extra-card group\">\n                <span class=\"material-symbols-outlined extra-icon\">search_insights<\/span>\n                <h3 class=\"extra-name\">SEO<\/h3>\n                <p class=\"extra-desc\">Organic authority. Technical precision and content architecture designed for\n                    long-term market dominance.<\/p>\n                <a href=\"\/ro\/seo\/\" class=\"extra-btn\">Grow Organically <span class=\"material-symbols-outlined\"\n                        style=\"font-size: 18px;\">arrow_forward<\/span><\/a>\n            <\/div>\n\n            <div class=\"extra-card group\">\n                <span class=\"material-symbols-outlined extra-icon\">language<\/span>\n                <h3 class=\"extra-name\">GEO<\/h3>\n                <p class=\"extra-desc\">AI-ready visibility. Future-proofing your brand for the generative engine era. We\n                    optimize for how AI thinks.<\/p>\n                <a href=\"\/ro\/geo\/\" class=\"extra-btn\">Future-Proof <span class=\"material-symbols-outlined\"\n                        style=\"font-size: 18px;\">arrow_forward<\/span><\/a>\n            <\/div>\n\n            <div class=\"extra-card group\">\n                <span class=\"material-symbols-outlined extra-icon\">hub<\/span>\n                <h3 class=\"extra-name\">Social Media<\/h3>\n                <p class=\"extra-desc\">Alternative social. Where creative storytelling meets performance to drive\n                    measurable growth assets.<\/p>\n                <a href=\"\/ro\/social-media\/\" class=\"extra-btn\">Build Assets <span class=\"material-symbols-outlined\"\n                        style=\"font-size: 18px;\">arrow_forward<\/span><\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- ========== FINAL CTA ========== -->\n<style>\n    #dr-final-cta-final {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #ffffff !important;\n        padding: 120px 0 !important;\n        display: block !important;\n    }\n\n    #dr-final-cta-final .max-w-con {\n        max-width: 1400px !important;\n        width: 90% !important;\n        margin: 0 auto !important;\n    }\n\n    .cta-card-main {\n        background: linear-gradient(135deg, #DD3333 0%, #a31f1f 100%) !important;\n        border-radius: 40px !important;\n        padding: 80px !important;\n        position: relative !important;\n        overflow: hidden !important;\n        box-shadow: 0 40px 100px -20px rgba(221, 51, 51, 0.3) !important;\n    }\n\n    .bg-bolt-final {\n        position: absolute !important;\n        right: -100px !important;\n        bottom: -150px !important;\n        font-size: 550px !important;\n        color: white !important;\n        opacity: 0.1 !important;\n        pointer-events: none !important;\n        user-select: none !important;\n        z-index: 1 !important;\n    }\n\n    .cta-content-final {\n        position: relative !important;\n        z-index: 10 !important;\n    }\n\n    .cta-title-final {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: clamp(40px, 6vw, 84px) !important;\n        line-height: 0.85 !important;\n        letter-spacing: -0.04em !important;\n        color: white !important;\n        margin-bottom: 40px !important;\n    }\n\n    .cta-title-final span {\n        color: rgba(255, 255, 255, 0.4) !important;\n        text-decoration: underline !important;\n        text-decoration-color: #DD3333 !important;\n        text-decoration-thickness: 8px !important;\n        text-underline-offset: 12px !important;\n        font-style: italic !important;\n    }\n\n    .contact-item-final {\n        display: flex !important;\n        align-items: flex-start !important;\n        gap: 15px !important;\n        font-size: 20px !important;\n        font-weight: 700 !important;\n        color: white !important;\n        font-family: 'Inter', sans-serif !important;\n    }\n\n    .contact-item-final a {\n        color: white !important;\n        text-decoration: none !important;\n        transition: opacity 0.3s ease !important;\n    }\n\n    .contact-item-final a:hover {\n        opacity: 0.8 !important;\n    }\n\n    .contact-icon-final {\n        background: rgba(255, 255, 255, 0.1) !important;\n        padding: 12px !important;\n        border-radius: 50% !important;\n        font-size: 24px !important;\n        flex-shrink: 0 !important;\n    }\n\n    .cta-form-box-final {\n        background: white !important;\n        padding: 40px !important;\n        border-radius: 24px !important;\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1) !important;\n        width: 100% !important;\n        max-width: 450px !important;\n        position: relative !important;\n        z-index: 20 !important;\n    }\n\n    .form-input-final {\n        width: 100% !important;\n        padding: 18px 24px !important;\n        background: #f8f9fa !important;\n        border: 2px solid transparent !important;\n        border-radius: 12px !important;\n        margin-bottom: 16px !important;\n        font-family: 'Inter', sans-serif !important;\n        font-weight: 500 !important;\n    }\n\n    .submit-btn-final {\n        width: 100% !important;\n        background: #DD3333 !important;\n        color: white !important;\n        padding: 22px 48px !important;\n        border-radius: 9999px !important;\n        font-family: 'Inter', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 16px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.05em !important;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n        border: none !important;\n        cursor: pointer !important;\n    }\n\n    @media (max-width: 1024px) {\n        .cta-card-main {\n            padding: 60px 30px !important;\n        }\n\n        .cta-flex-final {\n            flex-direction: column !important;\n            text-align: center !important;\n        }\n\n        .contact-wrap-final {\n            justify-content: center !important;\n            flex-direction: column !important;\n            align-items: center !important;\n        }\n\n        .contact-item-final {\n            align-items: center !important;\n            flex-direction: column !important;\n        }\n\n        .cta-title-final {\n            font-size: 36px !important;\n            line-height: 1.2 !important;\n        }\n\n        .cta-title-final span {\n            text-decoration: none !important;\n            box-shadow: inset 0 -6px 0 #DD3333 !important;\n            padding-bottom: 2px !important;\n        }\n\n        .submit-btn-final {\n            padding: 16px 32px !important;\n            font-size: 14px !important;\n        }\n\n        .bg-bolt-final {\n            font-size: 300px !important;\n            right: -20px !important;\n            bottom: -80px !important;\n        }\n    }\n<\/style>\n\n<div id=\"dr-final-cta-final\">\n    <div class=\"max-w-con\">\n        <div class=\"cta-card-main\">\n            <span class=\"material-symbols-outlined bg-bolt-final\">mail<\/span>\n            <div\n                class=\"cta-content-final flex flex-col lg:flex-row items-center justify-between gap-16 relative z-10 cta-flex-final\">\n                <div class=\"flex-1\">\n                    <h2 class=\"cta-title-final\">\n                        CONNECT WITH<br \/>\n                        <span>DATA REVOLT<\/span>\n                    <\/h2>\n                    <div class=\"flex flex-col sm:flex-row gap-8 mt-12 contact-wrap-final\">\n                        <div class=\"contact-item-final\">\n                            <span class=\"material-symbols-outlined contact-icon-final\">call<\/span>\n                            <div class=\"flex flex-col\">\n                                <a href=\"tel:+40752751051\">+40 752 751 051<\/a>\n                                <a href=\"tel:+40737885807\" class=\"mt-1\">+40 737 885 807<\/a>\n                            <\/div>\n                        <\/div>\n                        <div class=\"contact-item-final\">\n                            <span class=\"material-symbols-outlined contact-icon-final\">mail<\/span>\n                            <a href=\"mailto:hello@datarevolt.agency\" class=\"mt-3 sm:mt-0\">hello@datarevolt.agency<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"cta-form-box-final\">\n                    <h4\n                        style=\"font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 22px; color: #1c1b1b; margin-bottom: 25px;\">\n                        Turn your database into a revenue engine.<\/h4>\n                    <form onsubmit=\"event.preventDefault(); drSubmitForm(this, 'Send us a brief');\" action=\"\">\n                        <input name=\"name\" type=\"text\" placeholder=\"Your Name\" class=\"form-input-final\" required>\n                        <input name=\"email\" type=\"email\" placeholder=\"Your Work Email\" class=\"form-input-final\" required>\n                        <input name=\"company\" type=\"text\" placeholder=\"Company\" class=\"form-input-final\">\n                        <textarea name=\"message\" placeholder=\"What are you trying to solve?\" class=\"form-textarea-final\"><\/textarea>\n                        <input name=\"website\" type=\"text\" tabindex=\"-1\" autocomplete=\"off\"\n                               style=\"position:absolute; left:-9999px;\" aria-hidden=\"true\">\n                        <button type=\"submit\" class=\"submit-btn-final\">Send message<\/button>\n                        <p class=\"dr-msg\" style=\"margin-top:14px; font-family:'Inter',sans-serif; font-size:14px;\"><\/p>\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"ro\"\/><\/form>\n                    <script>\nasync function drSubmitForm(form, formLabel) {\n    const msg = form.querySelector('.dr-msg');\n    const btn = form.querySelector('button[type=submit]');\n    const btnTxt = btn.textContent;\n    btn.disabled = true; btn.textContent = 'Sending...';\n    if (msg) msg.textContent = '';\n\n    if (!window.drContact || !window.drContact.nonce) {\n        if (msg) { msg.style.color = '#DD3333'; msg.textContent = 'Form not initialized. Reload the page.'; }\n        btn.disabled = false; btn.textContent = btnTxt;\n        return;\n    }\n\n    const data = new FormData(form);\n    data.append('action', 'dr_contact');\n    data.append('nonce', window.drContact.nonce);\n    data.append('_form_label', formLabel || 'Contact');\n    data.append('page_url', window.location.href);\n    data.append('page_title', document.title);\n\n    try {\n        const r = await fetch(window.drContact.ajaxUrl, { method: 'POST', body: data });\n        const j = await r.json();\n        if (msg) {\n            msg.style.color = j.success ? '#1c8c3a' : '#DD3333';\n            msg.textContent = j.data.message;\n        }\n        if (j.success) form.reset();\n    } catch (err) {\n        if (msg) { msg.style.color = '#DD3333'; msg.textContent = 'Network error. Try again.'; }\n    } finally {\n        btn.disabled = false; btn.textContent = btnTxt;\n    }\n}\n<\/script>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- ========== FAQ ========== -->\n<style>\n    .dr-faq-section-white {\n        width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        margin-left: -50vw !important;\n        background-color: #f6f3f2 !important;\n        padding: 120px 0 !important;\n        display: block !important;\n    }\n\n    .dr-faq-section-white .dr-container {\n        max-width: 1000px !important;\n        width: 90% !important;\n        margin: 0 auto !important;\n    }\n\n    .faq-main-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 48px !important;\n        color: #1c1b1b !important;\n        margin-bottom: 60px !important;\n        text-align: center !important;\n    }\n\n    .faq-wrapper {\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 16px !important;\n    }\n\n    .faq-item {\n        background: #ffffff !important;\n        border-radius: 20px !important;\n        border: 1px solid rgba(0, 0, 0, 0.05) !important;\n        overflow: hidden !important;\n        transition: all 0.3s ease !important;\n    }\n\n    .faq-question-trigger {\n        width: 100% !important;\n        display: flex !important;\n        justify-content: space-between !important;\n        align-items: center !important;\n        padding: 24px 32px !important;\n        cursor: pointer !important;\n        background: none !important;\n        border: none !important;\n        text-align: left !important;\n        margin: 0 !important;\n    }\n\n    .faq-question-text {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 18px !important;\n        font-weight: 700 !important;\n        line-height: 1.4 !important;\n        color: #1c1b1b !important;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n\n    .faq-icon {\n        color: #DD3333 !important;\n        font-size: 24px !important;\n        transition: transform 0.3s ease !important;\n    }\n\n    .faq-answer-content {\n        max-height: 0;\n        overflow: hidden;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .faq-answer-inner {\n        padding: 0 32px 32px 32px !important;\n        font-family: 'Inter', sans-serif !important;\n        font-size: 16px !important;\n        line-height: 1.6 !important;\n        color: #5b403f !important;\n        opacity: 0.9 !important;\n    }\n\n    .faq-input {\n        display: none !important;\n    }\n\n    .faq-input:checked~.faq-question-trigger .faq-icon {\n        transform: rotate(45deg) !important;\n    }\n\n    .faq-input:checked~.faq-answer-content {\n        max-height: 500px !important;\n    }\n\n    .faq-item:hover {\n        border-color: rgba(221, 51, 51, 0.2) !important;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;\n    }\n\n    @media (max-width: 768px) {\n        .dr-faq-section-white {\n            padding: 80px 0 !important;\n        }\n\n        .faq-main-title {\n            font-size: 32px !important;\n            margin-bottom: 40px !important;\n        }\n\n        .faq-question-text {\n            font-size: 16px !important;\n        }\n\n        .faq-answer-inner {\n            padding: 0 24px 24px 24px !important;\n            font-size: 15px !important;\n        }\n\n        .faq-question-trigger {\n            padding: 20px 24px !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-faq-section-white\">\n    <div class=\"dr-container\">\n        <h2 class=\"faq-main-title\">Email Marketing &#038; Automation FAQ<\/h2>\n\n        <div class=\"faq-wrapper\">\n\n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-new-1\" class=\"faq-input\">\n                <label for=\"faq-new-1\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">What is email marketing and how does it work?<\/h2>\n                    <span class=\"material-symbols-outlined faq-icon\">add<\/span>\n                <\/label>\n                <div class=\"faq-answer-content\">\n                    <div class=\"faq-answer-inner\">\n                        Email marketing is a digital marketing channel used to communicate directly with prospects and\n                        customers through email campaigns. It works by collecting user data, segmenting audiences, and\n                        sending personalized messages designed to drive engagement, conversions, and long-term customer\n                        relationships.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-new-2\" class=\"faq-input\">\n                <label for=\"faq-new-2\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">How does marketing automation improve email marketing performance?\n                    <\/h2>\n                    <span class=\"material-symbols-outlined faq-icon\">add<\/span>\n                <\/label>\n                <div class=\"faq-answer-content\">\n                    <div class=\"faq-answer-inner\">\n                        Marketing automation improves email marketing by triggering messages based on user behavior,\n                        such as sign-ups, purchases, or inactivity. This allows businesses to deliver timely,\n                        personalized content at scale, increasing engagement, conversion rates, and customer retention\n                        while reducing manual effort.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-new-3\" class=\"faq-input\">\n                <label for=\"faq-new-3\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">What are the key benefits of email marketing for business growth?<\/h2>\n                    <span class=\"material-symbols-outlined faq-icon\">add<\/span>\n                <\/label>\n                <div class=\"faq-answer-content\">\n                    <div class=\"faq-answer-inner\">\n                        Email marketing helps businesses grow by increasing customer retention, driving repeat\n                        purchases, improving customer lifetime value, and generating consistent revenue. It is also\n                        cost-effective and allows precise targeting through segmentation and personalization.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-new-4\" class=\"faq-input\">\n                <label for=\"faq-new-4\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">What metrics define a successful email marketing campaign?<\/h2>\n                    <span class=\"material-symbols-outlined faq-icon\">add<\/span>\n                <\/label>\n                <div class=\"faq-answer-content\">\n                    <div class=\"faq-answer-inner\">\n                        The success of an email campaign is measured using key performance indicators such as open rate,\n                        click-through rate (CTR), conversion rate, unsubscribe rate, and revenue per email. These\n                        metrics help evaluate engagement, effectiveness, and return on investment.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-new-5\" class=\"faq-input\">\n                <label for=\"faq-new-5\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">How does personalization impact email marketing results?<\/h2>\n                    <span class=\"material-symbols-outlined faq-icon\">add<\/span>\n                <\/label>\n                <div class=\"faq-answer-content\">\n                    <div class=\"faq-answer-inner\">\n                        Personalization improves email marketing results by delivering relevant content based on user\n                        preferences, behavior, and past interactions. Personalized emails increase open rates,\n                        click-through rates, and conversions by making messages more meaningful to each recipient.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-new-6\" class=\"faq-input\">\n                <label for=\"faq-new-6\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">How does email marketing integrate with CRM and customer data\n                        platforms?<\/h2>\n                    <span class=\"material-symbols-outlined faq-icon\">add<\/span>\n                <\/label>\n                <div class=\"faq-answer-content\">\n                    <div class=\"faq-answer-inner\">\n                        Email marketing integrates with CRM and customer data platforms by using centralized customer\n                        data to segment audiences, track interactions, and automate campaigns. This integration enables\n                        a unified customer view and more accurate targeting across the entire customer journey.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Email Marketing: From Inbox to Profit Center. We build automated, data-driven email systems and loyalty programs that turn your database into a predictable revenue engine. Get Your Custom Plan auto_awesome AI Smart Summary: Email &#038; CRM Insight Data Revolt | Email Marketing &#038; Automation at a Glance DataRevolt is a specialized full-service Email Marketing Agency [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-111","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/pages\/111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/comments?post=111"}],"version-history":[{"count":23,"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/pages\/111\/revisions"}],"predecessor-version":[{"id":7591,"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/pages\/111\/revisions\/7591"}],"wp:attachment":[{"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/media?parent=111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}