{"id":103,"date":"2025-08-08T11:55:01","date_gmt":"2025-08-08T08:55:01","guid":{"rendered":"https:\/\/datarevolt.startweb.ro\/?page_id=103"},"modified":"2026-05-08T11:58:36","modified_gmt":"2026-05-08T08:58:36","slug":"analytics","status":"publish","type":"page","link":"https:\/\/datarevolt.startweb.ro\/ro\/analytics\/","title":{"rendered":"Analytics"},"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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&#038;family=Inter:wght@400;700;800&#038;display=swap\" rel=\"stylesheet\">\n\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 { padding: 80px 0 !important; }\n        .hero-title { \n            font-size: 36px !important; \n            margin-bottom: 20px !important;\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                    Data &#038; Analytics: Enabling <span class=\"text-[#DD3333]\">Clarity<\/span> for Scalable Growth.\n                <\/h1>\n                \n                <p class=\"hero-description\">\n                    Transform raw complexity into precise business intelligence with high-fidelity measurement infrastructure tailored for the enterprise model.\n                <\/p>\n\n                <div>\n                    <a href=\"#dr-final-cta-final\" class=\"btn-contact\">\n                        Book your discovery call\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"hidden md:block\"><\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<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        },\n        fontFamily: {\n          \"headline\": [\"Plus Jakarta Sans\", \"sans-serif\"],\n          \"body\": [\"Inter\", \"sans-serif\"]\n        }\n      }\n    }\n  }\n<\/script>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&#038;family=Inter:wght@400;600;700;800&#038;family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" rel=\"stylesheet\">\n\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-container {\n        max-width: 1400px !important;\n        width: 90% !important;\n        margin: 0 auto !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; left: 0;\n        width: 6px; 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\n    \/* GRID DESKTOP *\/\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 { color: #DD3333 !important; font-weight: 900 !important; }\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    \/* FIX: ASCUNDEM CHECKBOX-URILE *\/\n    .acc-trigger { \n        position: absolute !important;\n        opacity: 0 !important;\n        pointer-events: none !important;\n        display: none !important; \/* Ascuns total *\/\n    }\n\n    @media (min-width: 769px) {\n        .accordion-content {\n            max-height: none !important;\n            overflow: visible !important;\n        }\n    }\n\n    \/* MOBIL UX: ACCORDION STYLE *\/\n    @media (max-width: 768px) {\n        .dr-ai-summary-outer { padding: 40px 0 !important; }\n        .dr-ai-box { padding: 32px 20px !important; }\n        .ai-quick-summary { font-size: 20px !important; }\n        .ai-lead-text { font-size: 15px !important; margin-bottom: 20px !important; }\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        \/* Functionalitate mobil prin CSS Selector *\/\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 { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; padding: 20px !important; }\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<\/span>\n            <\/div>\n\n            <h3 class=\"ai-quick-summary\">Enterprise Data &#038; Analytics by DataRevolt<\/h3>\n            <p class=\"ai-lead-text\">\n                DataRevolt is a specialized <strong>data engineering agency<\/strong> that transforms raw complexity into high-fidelity measurement infrastructure.\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\">Solutions &#038; Tech Stack<\/label>\n                    <div class=\"accordion-content\">\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Core:<\/strong> Audit &#038; Strategy, Server-Side Tracking (GA4\/GTM), and Predictive Analytics.<\/span><\/div>\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Stack:<\/strong> BigQuery, Snowflake, Adobe Analytics, and Looker integration.<\/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\">Proprietary Edge &#038; Expertise<\/label>\n                    <div class=\"accordion-content\">\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Tools:<\/strong> RPC (Monitoring), Blog AI (Optimization), and Data Hub (Orchestration).<\/span><\/div>\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Expertise:<\/strong> Google Premier Partner (Top 3%) with 100% certified engineering team.<\/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\">Scalability &#038; Reach<\/label>\n                    <div class=\"accordion-content\">\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Global:<\/strong> Trusted by 100+ partners across 24 countries.<\/span><\/div>\n                        <div class=\"ai-info-item\"><span class=\"ai-bullet\">\u203a<\/span> <span><strong>Industries:<\/strong> Specialized in eCommerce, Corporate, and App-based architectures.<\/span><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"ai-verdict-box\">\n                <span 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 businesses requiring a Single Source of Truth and a future-proof, AI-ready data engine.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&#038;family=Inter:wght@400;500;700;800&#038;family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" rel=\"stylesheet\">\n\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        \/* MODIFICAT: Padding-ul de sus redus la 60px pentru a mic\u0219ora spa\u021biul de deasupra *\/\n        padding: 60px 0 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    .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        \/* MODIFICAT: Padding mobil ajustat pentru consisten\u021b\u0103 *\/\n        .dr-analytics-mission-outer { padding: 40px 0 80px 0 !important; }\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 you grow<\/h2>\n\n        <div class=\"flex flex-col gap-12\">\n            \n            <div class=\"w-full\">\n                <p class=\"mission-text\">\n                    We empower mid-to-large enterprises to trust their data, extract actionable business intelligence and build a full measurement infrastructure custom-engineered for their growth model.\n                <\/p>\n            <\/div>\n\n            <div class=\"flex flex-wrap gap-4\">\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\">leaderboard<\/span>\n                    Lead Gen\n                <\/div>\n                <div class=\"focus-tag\">\n                    <span class=\"material-symbols-outlined\">corporate_fare<\/span>\n                    Corporate\n                <\/div>\n                <div class=\"focus-tag\">\n                    <span class=\"material-symbols-outlined\">install_mobile<\/span>\n                    App based\n                <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&#038;family=Inter:wght@400;700;800&#038;family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" rel=\"stylesheet\">\n\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    .dr-container {\n        max-width: 1400px !important; \n        width: 90% !important;\n        margin: 0 auto !important;\n    }\n\n    .dr-diff-card {\n        background: #ffffff !important;\n        border-radius: 32px !important;\n        padding: 60px 40px !important;\n        min-height: 480px !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    \/* ICONI\u021aE RO\u0218II *\/\n    .dr-diff-card .material-symbols-outlined {\n        font-size: 80px !important;\n        color: #DD3333 !important; \/* Modificat \u00een ro\u0219u #DD3333 *\/\n        margin-bottom: 40px !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: 30px !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: 18px !important; \n        text-transform: uppercase !important; \n        letter-spacing: 0.05em !important; \n        color: #1c1b1b !important; \n        max-width: 300px !important;\n        line-height: 1.4 !important;\n    }\n<\/style>\n\n<div class=\"dr-analytics-diff-outer\">\n    <div class=\"dr-container\">\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12\">\n            \n            <div class=\"dr-diff-card group\">\n                <span class=\"material-symbols-outlined\">architecture<\/span>\n                <div class=\"diff-line\"><\/div>\n                <p class=\"diff-text\">Custom architecture integrated across your entire business<\/p>\n            <\/div>\n\n            <div class=\"dr-diff-card group\">\n                <span class=\"material-symbols-outlined\">hub<\/span>\n                <div class=\"diff-line\"><\/div>\n                <p class=\"diff-text\">Full integration of platforms and marketing stack<\/p>\n            <\/div>\n\n            <div class=\"dr-diff-card group\">\n                <span class=\"material-symbols-outlined\">verified_user<\/span>\n                <div class=\"diff-line\"><\/div>\n                <p class=\"diff-text\">Highly skilled team (100% GA4 &#038; GTM certified)<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&#038;family=Inter:wght@400;500;700;800&#038;family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" rel=\"stylesheet\">\n\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    .dr-container {\n        max-width: 1400px !important;\n        margin: 0 auto !important;\n        padding: 0 2rem !important;\n    }\n\n    \/* TITLU SEC\u021aIUNE: 56px Desktop *\/\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: flex !important;\n        flex-wrap: wrap !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: 60px 45px !important;\n        min-height: 380px !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    .card-top {\n        width: calc(33.333% - 0.666px) !important;\n    }\n\n    .card-bottom {\n        width: calc(50% - 0.5px) !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 { opacity: 1 !important; }\n\n    .matrix-card h3 { \n        font-family: 'Plus Jakarta Sans', sans-serif !important; \n        font-size: 24px !important; \n        font-weight: 800 !important; \n        text-transform: uppercase !important; \n        color: #1c1b1b !important; \n        margin-bottom: 20px !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 { color: #DD3333 !important; }\n\n    @media (max-width: 1024px) { \n        .card-top, .card-bottom { width: calc(50% - 0.5px) !important; }\n        .matrix-card:nth-child(5) { width: 100% !important; }\n    }\n\n    @media (max-width: 768px) { \n        \/* TITLU MOBIL: 36px conform cerin\u021bei *\/\n        .matrix-main-title {\n            font-size: 36px !important;\n        }\n\n        .card-top, .card-bottom { width: 100% !important; border-radius: 0 !important; }\n        .matrix-card { min-height: auto !important; padding: 40px 30px !important; }\n        .dr-analytics-matrix-wrapper { padding: 80px 0 !important; }\n    }\n<\/style>\n\n<div class=\"dr-analytics-matrix-wrapper\">\n    <section class=\"dr-container\">\n        \n        <div class=\"max-w-7xl mb-20\">\n            <h2 class=\"matrix-main-title\">\n                End-to-End Data Solutions: From Measurement to Prediction.\n            <\/h2>\n            <p style=\"font-family: 'Inter', sans-serif; font-size: 16px; color: #5b403f; opacity: 0.7; margin-top: 25px; max-width: 100%;\">\n                Every stage of the data maturity curve, covered by technical experts.\n            <\/p>\n        <\/div>\n\n        <div class=\"dr-matrix-table\">\n            <div class=\"matrix-card card-top group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">01<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">analytics<\/span>\n                <\/div>\n                <h3>Audit &#038; Strategy<\/h3>\n                <p>Establishing the foundation. Identifying tracking gaps and defining a roadmap for data integrity.<\/p>\n            <\/div>\n\n            <div class=\"matrix-card card-top group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">02<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">precision_manufacturing<\/span>\n                <\/div>\n                <h3>Advanced Implementation<\/h3>\n                <p>Custom-engineered setups for GA4, GTM, and Server-Side tracking tailored to your business model.<\/p>\n            <\/div>\n\n            <div class=\"matrix-card card-top group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">03<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">dashboard<\/span>\n                <\/div>\n                <h3>Business Intelligence (BI)<\/h3>\n                <p>Visualizing impact. High-fidelity dashboards that turn raw numbers into clear business decisions.<\/p>\n            <\/div>\n\n            <div class=\"matrix-card card-bottom group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">04<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">insights<\/span>\n                <\/div>\n                <h3>Conversion Rate Optimization<\/h3>\n                <p>Data-driven growth. Using behavioral analytics to eliminate friction and maximize conversion paths.<\/p>\n            <\/div>\n\n            <div class=\"matrix-card card-bottom group\">\n                <div class=\"flex justify-between items-start\">\n                    <span class=\"matrix-number\">05<\/span>\n                    <span class=\"material-symbols-outlined matrix-icon\">online_prediction<\/span>\n                <\/div>\n                <h3>Predictive Analytics<\/h3>\n                <p>Anticipating the future. Modeling user behavior to predict LTV, churn, and future growth opportunities.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<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        },\n        fontFamily: {\n          \"headline\": [\"Plus Jakarta Sans\", \"sans-serif\"],\n          \"body\": [\"Inter\", \"sans-serif\"]\n        }\n      }\n    }\n  }\n<\/script>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&#038;family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\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-container {\n        max-width: 1200px !important;\n        width: 90% !important;\n        margin: 0 auto !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: 80px !important;\n        text-align: center;\n    }\n\n    \/* CATEGORIE ROW *\/\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    }\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    \/* DIVIDER SUBTIL *\/\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 { padding: 80px 0 !important; }\n        .dr-title { font-size: 36px !important; margin-bottom: 50px !important; }\n        .dr-flex-row { gap: 30px 20px !important; }\n        .tech-name { font-size: 14px !important; }\n        .tech-row-wrapper { margin-bottom: 40px !important; }\n    }\n<\/style>\n\n<div id=\"dr-tech-stack-root\">\n    <div class=\"dr-container text-center\">\n        <h2 class=\"dr-title\">Our Tech Stack: Industry-Standard Tools<br>for Data Integrity.<\/h2>\n\n        <div class=\"tech-row-wrapper\">\n            <span class=\"category-label-top\">Core Analytics<\/span>\n            <div class=\"dr-flex-row\">\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">GA4<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Adobe Analytics<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Piwik PRO<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Piano<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Amplitude<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Mixpanel<\/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\">Mobile &#038; Tag Management<\/span>\n            <div class=\"dr-flex-row\">\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">AppsFlyer<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Adjust<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Singular<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Kochava<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">GTM Server-Side<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Adobe Tags<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Piwik PRO TM<\/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\">BI &#038; Data Warehousing<\/span>\n            <div class=\"dr-flex-row\">\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Looker Studio<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Power BI<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Google BigQuery<\/span><\/div>\n                <div class=\"dr-tech-item\"><span class=\"tech-name\">Snowflake<\/span><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<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        },\n        fontFamily: {\n          \"headline\": [\"Plus Jakarta Sans\", \"sans-serif\"],\n          \"body\": [\"Inter\", \"sans-serif\"]\n        }\n      }\n    }\n  }\n<\/script>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&#038;family=Inter:wght@400;700;800&#038;family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" rel=\"stylesheet\">\n\n<style>\n    .dr-tools-showcase-outer {\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: 140px 0 !important;\n        color: white !important;\n        overflow-x: hidden !important;\n    }\n\n    .dr-container {\n        max-width: 1440px !important; \n        width: 90% !important;\n        margin: 0 auto !important;\n    }\n\n    .tools-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        margin-bottom: 24px !important;\n        display: block !important;\n        text-align: center !important;\n    }\n\n    .tools-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    \/* DESKTOP FLEX LAYOUT PENTRU CENTRARE *\/\n    .dr-tools-wrapper {\n        display: flex !important;\n        flex-wrap: wrap !important;\n        justify-content: center !important; \/* Centreaz\u0103 orice element orfan pe orizontal\u0103 *\/\n        gap: 24px !important;\n    }\n\n    .tool-card {\n        flex: 0 0 calc(25% - 18px) !important; \/* 4 pe r\u00e2nd pe desktop *\/\n        min-width: 300px !important;\n        background: rgba(255, 255, 255, 0.03) !important;\n        border: 1px solid rgba(255, 255, 255, 0.08) !important;\n        border-radius: 24px !important;\n        padding: 40px 30px !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    }\n\n    .tool-card:hover {\n        background: rgba(255, 255, 255, 0.06) !important;\n        border-color: #DD3333 !important;\n        transform: translateY(-8px) !important;\n    }\n\n    .tool-icon {\n        font-size: 32px !important;\n        color: #DD3333 !important;\n        margin-bottom: 20px !important;\n    }\n\n    .tool-name {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 20px !important;\n        line-height: 1.3 !important;\n        margin-bottom: 12px !important;\n    }\n\n    .tool-description {\n        font-family: 'Inter', sans-serif !important;\n        font-size: 14.5px !important;\n        line-height: 1.5 !important;\n        color: rgba(255, 255, 255, 0.5) !important;\n    }\n\n    \/* RESPONSIVITATE *\/\n    @media (max-width: 1200px) {\n        .tool-card { flex: 0 0 calc(33.33% - 16px) !important; }\n    }\n\n    @media (max-width: 900px) {\n        .tool-card { flex: 0 0 calc(50% - 12px) !important; }\n    }\n\n    @media (max-width: 768px) {\n        .dr-tools-showcase-outer { padding: 80px 0 !important; }\n        .tools-title { font-size: 36px !important; text-align: left !important; }\n        .tools-overtitle { text-align: left !important; }\n        .tool-card { \n            flex: 0 0 100% !important; \n            padding: 30px 20px !important; \n        }\n    }\n<\/style>\n\n<div class=\"dr-tools-showcase-outer\">\n    <div class=\"dr-container\">\n        \n        <div class=\"mx-auto text-center mb-12\">\n            <span class=\"tools-overtitle\">Proprietary Technology<\/span>\n            <h2 class=\"tools-title\">Our Specialized Tools &#038; Analytics<\/h2>\n        <\/div>\n\n        <div class=\"dr-tools-wrapper\">\n            \n            <div class=\"tool-card group\">\n                <span class=\"material-symbols-outlined tool-icon\">groups<\/span>\n                <h3 class=\"tool-name\">Audience Scoring<\/h3>\n                <p class=\"tool-description\">Advanced user segmentation and behavioral intent analysis for precision targeting.<\/p>\n            <\/div>\n\n            <div class=\"tool-card group\">\n                <span class=\"material-symbols-outlined tool-icon\">palette<\/span>\n                <h3 class=\"tool-name\">Creative Performance<\/h3>\n                <p class=\"tool-description\">Real-time mapping of visual assets to conversion metrics to optimize creative ROI.<\/p>\n            <\/div>\n\n            <div class=\"tool-card group\">\n                <span class=\"material-symbols-outlined tool-icon\">gavel<\/span>\n                <h3 class=\"tool-name\">Auction Insights Analyzer<\/h3>\n                <p class=\"tool-description\">Strategic competitor bidding analysis to reclaim market share and reduce CPA.<\/p>\n            <\/div>\n\n            <div class=\"tool-card group\">\n                <span class=\"material-symbols-outlined tool-icon\">link<\/span>\n                <h3 class=\"tool-name\">Linkbuilding Analysis<\/h3>\n                <p class=\"tool-description\">Automated authority and backlink profile auditing for technical SEO dominance.<\/p>\n            <\/div>\n\n            <div class=\"tool-card group\">\n                <span class=\"material-symbols-outlined tool-icon\">query_stats<\/span>\n                <h3 class=\"tool-name\">MMM Meridian<\/h3>\n                <p class=\"tool-description\">Marketing Mix Modeling to measure cross-channel impact and incremental growth.<\/p>\n            <\/div>\n\n            <div class=\"tool-card group\">\n                <span class=\"material-symbols-outlined tool-icon\">auto_fix_high<\/span>\n                <h3 class=\"tool-name\">Naming Generator<\/h3>\n                <p class=\"tool-description\">AI-driven semantic generation for brand assets and campaign nomenclature.<\/p>\n            <\/div>\n\n            <div class=\"tool-card group\">\n                <span class=\"material-symbols-outlined tool-icon\">inventory_2<\/span>\n                <h3 class=\"tool-name\">Analize &#8211; Lost revenue<\/h3>\n                <p class=\"tool-description\">Quantifying revenue impact due to out of stock gaps and supply chain inefficiencies.<\/p>\n            <\/div>\n\n            <div class=\"tool-card group\">\n                <span class=\"material-symbols-outlined tool-icon\">reorder<\/span>\n                <h3 class=\"tool-name\">Stock Safety<\/h3>\n                <p class=\"tool-description\">Predictive replenishment modeling to maintain optimal stock safety levels and ROI.<\/p>\n            <\/div>\n\n            <div class=\"tool-card group\">\n                <span class=\"material-symbols-outlined tool-icon\">search<\/span>\n                <h3 class=\"tool-name\">Search terms on site revenue<\/h3>\n                <p class=\"tool-description\">Identifying high-value on-site search queries to drive merchandising decisions.<\/p>\n            <\/div>\n\n            <div class=\"tool-card group\">\n                <span class=\"material-symbols-outlined tool-icon\">payments<\/span>\n                <h3 class=\"tool-name\">Price elasticity of demand<\/h3>\n                <p class=\"tool-description\">Dynamic demand modeling to optimize pricing strategies for maximum margin.<\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<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;700;800&#038;display=swap\"\n    rel=\"stylesheet\">\n\n<style>\n    .dr-analytics-expertise-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    .dr-container {\n        max-width: 1400px !important;\n        width: 90% !important;\n        margin: 0 auto !important;\n    }\n\n    .expertise-title {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 64px !important;\n        \/* Fixat pentru desktop *\/\n        line-height: 1.1 !important;\n        letter-spacing: -0.03em !important;\n        color: #1c1b1b !important;\n        margin-bottom: 32px !important;\n    }\n\n    .expertise-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    .expertise-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    .expertise-accent-line {\n        width: 48px !important;\n        height: 2px !important;\n        background-color: #DD3333 !important;\n    }\n\n    .dr-certs-grid {\n        display: grid !important;\n        grid-template-columns: repeat(4, 1fr) !important;\n        gap: 50px 30px !important;\n        align-items: center !important;\n        justify-items: center !important;\n        max-width: 1200px;\n        margin: 100px auto 0 auto !important;\n    }\n\n    .dr-logo-box {\n        width: 100% !important;\n        height: 130px !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        background: white !important;\n        border-radius: 12px !important;\n        box-shadow: 0 12px 35px rgb(0 0 0 \/ 10%) !important;\n        padding: 16px !important;\n        box-sizing: border-box !important;\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease !important;\n    }\n\n    .dr-logo-box:hover {\n        transform: translateY(-10px) !important;\n        box-shadow: 0 20px 45px rgb(0 0 0 \/ 15%) !important;\n    }\n\n    .dr-logo-box img {\n        width: 100% !important;\n        height: 100% !important;\n        max-height: unset !important;\n        object-fit: contain !important;\n        opacity: 0.8 !important;\n        transition: all 0.3s ease !important;\n        image-rendering: high-quality !important;\n        transform: translateZ(0) !important;\n        backface-visibility: hidden !important;\n    }\n\n    .dr-logo-box:hover img {\n        opacity: 1 !important;\n    }\n\n    @media (max-width: 1024px) {\n        .dr-certs-grid {\n            max-width: 800px;\n            margin-left: auto; margin-right: auto;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 50px 30px !important;\n        }\n    }\n\n    @media (max-width: 768px) {\n\n        \/* REPARARE SCROLL ORIZONTAL EXCLUSIV PENTRU MOBIL *\/\n        .dr-analytics-expertise-outer {\n            padding: 80px 0 !important;\n            overflow-x: hidden !important;\n        }\n\n        .expertise-title {\n            font-size: 36px !important;\n        }\n\n        \/* Fixat la 36px *\/\n        .expertise-text {\n            font-size: 16px !important;\n        }\n\n        .dr-certs-grid {\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 40px 20px !important;\n            margin-top: 60px !important;\n            width: 100% !important;\n        }\n\n        .dr-logo-box {\n            height: 100px !important;\n            padding: 12px !important;\n        }\n    }\n<\/style>\n\n<div class=\"dr-analytics-expertise-outer\">\n    <div class=\"dr-container\">\n        <div class=\"flex items-center gap-4 mb-8\">\n            <span class=\"expertise-accent-line\"><\/span>\n            <span class=\"expertise-overtitle\">Validated Expertise<\/span>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 gap-12 md:gap-24 items-start mb-20\">\n            <div>\n                <h2 class=\"expertise-title\">High-Level Certifications &#038; Global Partnerships.<\/h2>\n            <\/div>\n            <div>\n                <p class=\"expertise-text\">\n                    100% of our team is certified in GA4, GTM and Google Cloud. As a Google Premier Partner (Top 3%), we\n                    have early access to advanced features and direct support for complex implementations. We are also\n                    certified in Mixpanel, Adjust, Kochava and AppsFlyer.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"dr-certs-grid\">\n            <div class=\"dr-logo-box\"><img decoding=\"async\"\n                    src=\"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/ga4-certified.png\"\n                    alt=\"Google Analytics 4 Certification\" title=\"GA4 Certified\"><\/div>\n            <div class=\"dr-logo-box\"><img decoding=\"async\"\n                    src=\"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/meta-business-partner.png\"\n                    alt=\"Meta Business Partner Certification\" title=\"Meta Business Partner\"><\/div>\n            <div class=\"dr-logo-box\"><img decoding=\"async\" src=\"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/mixpanel-partner.png\"\n                    alt=\"Mixpanel Certified Solution Partner\" title=\"Mixpanel Partner\"><\/div>\n            <div class=\"dr-logo-box\"><img decoding=\"async\" src=\"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/appsflyer-partner.png\"\n                    alt=\"AppsFlyer Solutions Partner\" title=\"AppsFlyer Partner\"><\/div>\n            <div class=\"dr-logo-box\"><img decoding=\"async\" src=\"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/adjust-certified-solutions-partner.png\"\n                    alt=\"Adjust Solutions Partner Certification\" title=\"Adjust Solutions Partner\"><\/div>\n            <div class=\"dr-logo-box\"><img decoding=\"async\" src=\"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/kochava-authorized-partner.png\"\n                    alt=\"Kochava Authorized Partner\" title=\"Kochava Authorized Partner\"><\/div>\n            <div class=\"dr-logo-box\"><img decoding=\"async\"\n                    src=\"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/microsoft-partner.png\"\n                    alt=\"Microsoft Advertising Partner Certification\" title=\"Microsoft Advertising Partner\"><\/div>\n            <div class=\"dr-logo-box\"><img decoding=\"async\"\n                    src=\"https:\/\/datarevolt.startweb.ro\/wp-content\/uploads\/2026\/04\/apple-search.png\" \n                    alt=\"Apple Search Ads Certified Specialist\" title=\"Apple Search Ads Specialist\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\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        \/* filter: grayscale(100%) opacity(0.55); *\/\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.<br>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    \/\/ Drag &#038; Swipe Logic (Mouse &#038; Touch)\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'; \/\/ Permitem scroll-ul in jos, dar impiedicam pan-ul orizontal nativ (back\/forward on mobile)\n    viewport.ondragstart = () => false; \/\/ Impiedica drag-and-drop-ul nativ pe imagini in browsere\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; \/\/ ignoram click dreapta\n        }\n        \n        isDragging = true;\n        startPos = getPositionX(e);\n        clearInterval(autoTimer); \/\/ oprim auto-play\n        track.style.transition = 'none'; \/\/ oprim animatia ca sa urmareasca mouse-ul 1:1\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        \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; \/\/ distanta necesara in pixeli pentru a trece la slide-ul urmator\n\n        if (deltaX < -threshold) {\n             if (current < pages.length - 1) {\n                 goTo(current + 1);\n             } else {\n                 goTo(current);\n             }\n        } else if (deltaX > threshold) {\n             if (current > 0) {\n                 goTo(current - 1);\n             } else {\n                 goTo(current);\n             }\n        } else {\n            goTo(current); \/\/ Daca n-a tras destul, sare inapoi ferm pe cel curent\n        }\n    }\n\n    \/\/ Evenimente Mouse\n    viewport.addEventListener('mousedown', dragStart);\n    viewport.addEventListener('mousemove', dragAction);\n    viewport.addEventListener('mouseup', dragEnd);\n    viewport.addEventListener('mouseleave', dragEnd);\n\n    \/\/ Evenimente Touch\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\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<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 href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&#038;family=Inter:wght@400;500;700;800&#038;display=swap\" rel=\"stylesheet\">\n\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    .dr-container {\n        max-width: 1400px !important; \n        width: 90% !important;\n        margin: 0 auto !important;\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: 100px !important;\n        text-align: center !important;\n    }\n\n    \/* DIAGRAM\u0102 FLOW *\/\n    .diagram-wrapper {\n        display: flex !important;\n        justify-content: space-between !important;\n        align-items: flex-start !important;\n        position: relative !important;\n        gap: 40px !important;\n    }\n\n    \/* Linia de conexiune (Desktop) *\/\n    .diagram-wrapper::before {\n        content: \"\" !important;\n        position: absolute !important;\n        top: 45px !important;\n        left: 10% !important;\n        right: 10% !important;\n        height: 2px !important;\n        background: repeating-linear-gradient(to right, #DD3333 0, #DD3333 10px, transparent 10px, transparent 20px) !important;\n        opacity: 0.2 !important;\n        z-index: 0 !important;\n    }\n\n    .step-node {\n        flex: 1 !important;\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        text-align: center !important;\n        position: relative !important;\n        z-index: 1 !important;\n    }\n\n    .node-circle {\n        width: 90px !important;\n        height: 90px !important;\n        background-color: white !important;\n        border: 2px solid #DD3333 !important;\n        border-radius: 50% !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        margin-bottom: 30px !important;\n        transition: all 0.4s ease !important;\n        box-shadow: 0 10px 30px rgba(221, 51, 51, 0.1) !important;\n    }\n\n    .step-node:hover .node-circle {\n        background-color: #DD3333 !important;\n        transform: scale(1.1) !important;\n        box-shadow: 0 15px 40px rgba(221, 51, 51, 0.3) !important;\n    }\n\n    .node-number {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 28px !important;\n        color: #DD3333 !important;\n        transition: color 0.4s ease !important;\n    }\n\n    .step-node:hover .node-number {\n        color: white !important;\n    }\n\n    .step-name {\n        font-family: 'Plus Jakarta Sans', sans-serif !important;\n        font-weight: 800 !important;\n        font-size: 22px !important;\n        color: #1c1b1b !important;\n        margin-bottom: 16px !important;\n        text-transform: uppercase !important;\n        letter-spacing: 0.05em !important;\n    }\n\n    .step-desc {\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.8 !important;\n        max-width: 280px !important;\n    }\n\n    \/* Footer text *\/\n    .approach-footer {\n        margin-top: 100px !important;\n        text-align: center !important;\n        max-width: 800px !important;\n        margin-left: auto !important;\n        margin-right: auto !important;\n        font-family: 'Inter', sans-serif !important;\n        font-size: 18px !important;\n        color: #5b403f !important;\n        line-height: 1.7 !important;\n        opacity: 0.9 !important;\n    }\n\n    @media (max-width: 1024px) {\n        .diagram-wrapper { flex-direction: column !important; align-items: center !important; gap: 60px !important; }\n        .diagram-wrapper::before { display: none !important; }\n        .step-node { width: 100% !important; }\n    }\n\n    @media (max-width: 768px) {\n        .dr-approach-diagram-outer { padding: 80px 0 !important; }\n\n        \/* TITLU MOBIL: 36px fix conform cerin\u021bei *\/\n        .approach-title { \n            font-size: 36px !important; \n            margin-bottom: 60px !important;\n        }\n\n        \/* DESCRIERE FOOTER MOBIL: 16px conform standardului *\/\n        .approach-footer {\n            font-size: 16px !important;\n            margin-top: 60px !important;\n        }\n\n        .step-name { font-size: 18px !important; }\n        .node-circle { width: 70px !important; height: 70px !important; margin-bottom: 20px !important; }\n        .node-number { font-size: 22px !important; }\n    }\n<\/style>\n\n<div class=\"dr-approach-diagram-outer\">\n    <div class=\"dr-container\">\n        \n        <h2 class=\"approach-title\">Operational Excellence:<br\/>Our Data Engineering Methodology<\/h2>\n\n        <div class=\"diagram-wrapper\">\n            <div class=\"step-node\">\n                <div class=\"node-circle\">\n                    <span class=\"node-number\">1<\/span>\n                <\/div>\n                <h3 class=\"step-name\">Deep Audit<\/h3>\n                <p class=\"step-desc\">Identifying gaps and aligning your technical setup with core business objectives.<\/p>\n            <\/div>\n\n            <div class=\"step-node\">\n                <div class=\"node-circle\">\n                    <span class=\"node-number\">2<\/span>\n                <\/div>\n                <h3 class=\"step-name\">Source of Truth<\/h3>\n                <p class=\"step-desc\">Engineering a unified measurement layer that feeds accurate data into all marketing channels.<\/p>\n            <\/div>\n\n            <div class=\"step-node\">\n                <div class=\"node-circle\">\n                    <span class=\"node-number\">3<\/span>\n                <\/div>\n                <h3 class=\"step-name\">Optimization<\/h3>\n                <p class=\"step-desc\">Continuous refinement and predictive modeling to ensure your growth engine never stops evolving.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"approach-footer\">\n            We align your setup to your goals, feed insights directly into SEO, PPC and Social, then keep refining. Your growth engine never stops evolving.\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<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                },\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;700;800&#038;family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\"\n    rel=\"stylesheet\">\n\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    .dr-container {\n        max-width: 1400px !important;\n        width: 90% !important;\n        margin: 0 auto !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    \/* DESKTOP: FLEX WRAP CU CENTRARE *\/\n    .dr-services-wrapper {\n        display: flex !important;\n        flex-wrap: wrap !important;\n        justify-content: center !important;\n        \/* Centreaz\u0103 r\u00e2ndul al doilea *\/\n        gap: 30px !important;\n        \/* Spa\u021bierea fix\u0103 \u00eentre carduri *\/\n    }\n\n    .extra-card {\n        \/* Calcul\u0103m l\u0103\u021bimea pentru 3 coloane sc\u0103z\u00e2nd gap-ul *\/\n        flex: 0 0 calc(33.333% - 20px) !important;\n        max-width: 420px !important;\n        \/* Prevenim l\u0103\u021bimea excesiv\u0103 pe ecrane gigant *\/\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    \/* TABLET\u0102: 2 PE R\u00c2ND *\/\n    @media (max-width: 1024px) and (min-width: 769px) {\n        .extra-card {\n            flex: 0 0 calc(50% - 15px) !important;\n        }\n    }\n\n    \/* MOBIL: REVENIRE LA CARUSEL SWIPE (F\u0102R\u0102 SCHIMB\u0102RI) *\/\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            \/* For\u021b\u0103m un singur r\u00e2nd pentru swipe *\/\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\">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\">mail_lock<\/span>\n                <h3 class=\"extra-name\">Email Marketing<\/h3>\n                <p class=\"extra-desc\">Retention Engines. Moving beyond newsletters to build automated, high-conversion\n                    loyalty ecosystems.<\/p>\n                <a href=\"\/ro\/email-marketing\/\" class=\"extra-btn\">Automate Now <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\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<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-primary\": \"#ffffff\",\n          \"on-surface\": \"#1c1b1b\"\n        },\n        fontFamily: {\n          \"headline\": [\"Plus Jakarta Sans\", \"sans-serif\"],\n          \"body\": [\"Inter\", \"sans-serif\"]\n        }\n      }\n    }\n  }\n<\/script>\n\n<link 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\" rel=\"stylesheet\">\n\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        .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    #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 { padding: 60px 30px !important; }\n        .cta-flex-final { flex-direction: column !important; text-align: center !important; }\n        .contact-wrap-final { justify-content: center !important; flex-direction: column !important; align-items: center !important; }\n        .contact-item-final { align-items: center !important; flex-direction: column !important; }\n        .cta-title-final { font-size: 36px !important; line-height: 1.2 !important; }\n        .cta-title-final span { text-decoration: none !important; box-shadow: inset 0 -6px 0 #DD3333 !important; padding-bottom: 2px !important; }\n        .submit-btn-final { padding: 16px 32px !important; font-size: 14px !important; }\n        .bg-bolt-final { font-size: 300px !important; right: -20px !important; bottom: -80px !important; }\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\">bolt<\/span>\n            <div 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 style=\"font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 22px; color: #1c1b1b; margin-bottom: 25px;\">Bad data costs more than good analytics.<\/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\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\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; \/* Fundal discret pentru contrast *\/\n        padding: 120px 0 !important;\n        display: block !important;\n    }\n\n    .dr-container {\n        max-width: 1000px !important; \/* Mai restr\u00e2ns pentru lizibilitate *\/\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 ITEM ENGINE *\/\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    \/* STIL H2 SPECIFIC PENTRU \u00ceNTREB\u0102RI *\/\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        \/* Reset\u0103m stilul de H2 pentru a nu fi ca titlurile mari *\/\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    \/* LOGICA DE DESCHIDERE (F\u0102R\u0102 JS) *\/\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: 400px !important; \/* Destul de mare pentru orice r\u0103spuns *\/\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 { padding: 80px 0 !important; }\n        .faq-main-title { font-size: 32px !important; margin-bottom: 40px !important; }\n        .faq-question-text { font-size: 16px !important; }\n        .faq-answer-inner { padding: 0 24px 24px 24px !important; font-size: 15px !important; }\n        .faq-question-trigger { padding: 20px 24px !important; }\n    }\n<\/style>\n\n<div class=\"dr-faq-section-white\">\n    <div class=\"dr-container\">\n        <h2 class=\"faq-main-title\">Analytics &#038; Data Insights FAQ<\/h2>\n\n        <div class=\"faq-wrapper\">\n            \n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-1\" class=\"faq-input\">\n                <label for=\"faq-1\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">What is web analytics and why is it important?<\/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                        Web analytics is the process of collecting, measuring, and analyzing data about website users and their behavior. It is important because it helps businesses understand how users interact with their site, identify performance issues, and make data-driven decisions that improve conversions, user experience, and overall business outcomes.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-2\" class=\"faq-input\">\n                <label for=\"faq-2\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">What are the most important metrics in analytics?<\/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 most important analytics metrics include traffic (number of visitors), bounce rate (percentage of users who leave without interaction), conversion rate (percentage of users completing a goal), average session duration, and user acquisition sources. These metrics help evaluate website performance and identify optimization opportunities.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-3\" class=\"faq-input\">\n                <label for=\"faq-3\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">How does Google Analytics collect data?<\/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                        Google Analytics collects data through a tracking code installed on a website. This code uses cookies and browser-based tracking to gather information about user behavior, such as page views, session duration, traffic sources, and interactions. The data is then processed and transformed into reports that help analyze performance.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-4\" class=\"faq-input\">\n                <label for=\"faq-4\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">What is the difference between metrics and KPIs in analytics?<\/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                        Metrics are raw data points that measure specific aspects of performance, such as page views or bounce rate. KPIs (Key Performance Indicators) are selected metrics that are directly tied to business goals, such as conversion rate or revenue per user. In short, all KPIs are metrics, but not all metrics are KPIs.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"faq-item\">\n                <input type=\"checkbox\" id=\"faq-5\" class=\"faq-input\">\n                <label for=\"faq-5\" class=\"faq-question-trigger\">\n                    <h2 class=\"faq-question-text\">How can analytics data be used to improve business performance?<\/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                        Analytics data can be used to identify user behavior patterns, detect bottlenecks in the conversion funnel, and optimize marketing strategies. By analyzing data, businesses can improve user experience, personalize content, increase conversion rates, and make more informed strategic decisions.\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Data &#038; Analytics: Enabling Clarity for Scalable Growth. Transform raw complexity into precise business intelligence with high-fidelity measurement infrastructure tailored for the enterprise model. Book your discovery call auto_awesome AI Smart Summary Enterprise Data &#038; Analytics by DataRevolt DataRevolt is a specialized data engineering agency that transforms raw complexity into high-fidelity measurement infrastructure. Solutions &#038; [&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-103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/pages\/103","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=103"}],"version-history":[{"count":57,"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":7585,"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/pages\/103\/revisions\/7585"}],"wp:attachment":[{"href":"https:\/\/datarevolt.startweb.ro\/ro\/wp-json\/wp\/v2\/media?parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}