{"id":37310,"date":"2026-02-04T16:25:13","date_gmt":"2026-02-04T15:25:13","guid":{"rendered":"https:\/\/www.cirrus-shield.fr\/crm-de-gestion-commerciale\/"},"modified":"2026-04-30T15:48:25","modified_gmt":"2026-04-30T13:48:25","slug":"crm-sales-management","status":"publish","type":"page","link":"https:\/\/www.cirrus-shield.fr\/en\/crm-sales-management\/","title":{"rendered":"Sales Management CRM: Drive sales and customers efficiently"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; border_width_top=&#8221;1px&#8221; border_color_top=&#8221;#c2c2c2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Ligne&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    tailwind.config = {<!-- [et_pb_line_break_holder] -->        theme: {<!-- [et_pb_line_break_holder] -->            extend: {<!-- [et_pb_line_break_holder] -->                fontFamily: {<!-- [et_pb_line_break_holder] -->                    custom: [\"'Inter'\", \"Helvetica\", \"Arial\", \"Lucida\", \"sans-serif\"],<!-- [et_pb_line_break_holder] -->                    sans: [\"'Inter'\", \"Helvetica\", \"Arial\", \"Lucida\", \"sans-serif\"],<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                colors: {<!-- [et_pb_line_break_holder] -->                    brand: {<!-- [et_pb_line_break_holder] -->                        50: '#f0f7ff',<!-- [et_pb_line_break_holder] -->                        100: '#e0effe',<!-- [et_pb_line_break_holder] -->                        500: '#3f82f7',<!-- [et_pb_line_break_holder] -->                        600: '#3268c6',<!-- [et_pb_line_break_holder] -->                        900: '#111827',<!-- [et_pb_line_break_holder] -->                    },<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                boxShadow: {<!-- [et_pb_line_break_holder] -->                    'soft': '0 20px 40px -10px rgba(63, 130, 247, 0.15)',<!-- [et_pb_line_break_holder] -->                    'card': '0 10px 30px -5px rgba(0, 0, 0, 0.05), 0 4px 10px -2px rgba(0,0,0,0.02)',<!-- [et_pb_line_break_holder] -->                    'glow': '0 0 80px -20px rgba(63, 130, 247, 0.15)',<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                animation: {<!-- [et_pb_line_break_holder] -->                    'vertical-1': 'vertMove 6s ease-in-out infinite',<!-- [et_pb_line_break_holder] -->                    'vertical-2': 'vertMove 7s ease-in-out infinite 1s',<!-- [et_pb_line_break_holder] -->                    'vertical-3': 'vertMove 8s ease-in-out infinite 2s',<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                keyframes: {<!-- [et_pb_line_break_holder] -->                    vertMove: {<!-- [et_pb_line_break_holder] -->                        '0%, 100%': { transform: 'translateY(0)' },<!-- [et_pb_line_break_holder] -->                        '50%': { transform: 'translateY(-10px)' },<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                backgroundImage: {<!-- [et_pb_line_break_holder] -->                    'dot-matrix': \"radial-gradient(#e5e7eb 1px, transparent 1px)\",<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    .bg-svg-connectors {<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        top: 50%; left: 50%;<!-- [et_pb_line_break_holder] -->        transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->        width: 100%; height: 100%;<!-- [et_pb_line_break_holder] -->        pointer-events: none;<!-- [et_pb_line_break_holder] -->        z-index: 0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .texture-overlay {<!-- [et_pb_line_break_holder] -->        mask-image: radial-gradient(circle at center, black 40%, transparent 80%);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .hero-element-wrapper {<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        z-index: 20;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    .direction-indicator {<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        filter: drop-shadow(0 2px 2px rgba(0,0,0,0.05));<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><body class=\"bg-white\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section id=\"main-hero\" class=\"relative pt-28 pb-20 lg:h-[5vh] lg:min-h-[650px] flex items-center justify-center bg-white overflow-hidden\"><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"absolute inset-0 bg-gradient-to-b from-brand-50\/50 via-white to-white pointer-events-none\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"absolute inset-0 bg-dot-matrix texture-overlay opacity-40 pointer-events-none\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[600px] h-[600px] bg-brand-500\/5 rounded-full blur-[100px] pointer-events-none\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <svg class=\"bg-svg-connectors hidden xl:block\" viewBox=\"0 0 1440 900\" preserveAspectRatio=\"none\"><!-- [et_pb_line_break_holder] -->            <path d=\"M 720 450 Q 550 200 400 250\" fill=\"none\" stroke=\"#cbd5e1\" stroke-width=\"1.5\" stroke-dasharray=\"6 10\" stroke-linecap=\"round\" opacity=\"0.7\"\/><!-- [et_pb_line_break_holder] -->            <path d=\"M 720 450 Q 890 200 1040 250\" fill=\"none\" stroke=\"#cbd5e1\" stroke-width=\"1.5\" stroke-dasharray=\"6 10\" stroke-linecap=\"round\" opacity=\"0.7\"\/><!-- [et_pb_line_break_holder] -->            <path d=\"M 720 450 Q 550 400 380 450\" fill=\"none\" stroke=\"#e2e8f0\" stroke-width=\"1.5\" stroke-dasharray=\"4 8\" stroke-linecap=\"round\" opacity=\"0.6\"\/><!-- [et_pb_line_break_holder] -->            <path d=\"M 720 450 Q 890 400 1060 450\" fill=\"none\" stroke=\"#e2e8f0\" stroke-width=\"1.5\" stroke-dasharray=\"4 8\" stroke-linecap=\"round\" opacity=\"0.6\"\/><!-- [et_pb_line_break_holder] -->            <path d=\"M 720 450 Q 550 700 400 650\" fill=\"none\" stroke=\"#cbd5e1\" stroke-width=\"1.5\" stroke-dasharray=\"6 10\" stroke-linecap=\"round\" opacity=\"0.7\"\/><!-- [et_pb_line_break_holder] -->            <path d=\"M 720 450 Q 890 700 1040 650\" fill=\"none\" stroke=\"#cbd5e1\" stroke-width=\"1.5\" stroke-dasharray=\"6 10\" stroke-linecap=\"round\" opacity=\"0.7\"\/><!-- [et_pb_line_break_holder] -->        <\/svg><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"relative w-full max-w-7xl mx-auto px-6 z-30 flex flex-col items-center justify-center h-full\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"text-center max-w-3xl mx-auto\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"flex justify-center gap-4 mb-6\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"w-10 h-10 rounded-full bg-white border border-gray-100 shadow-sm flex items-center justify-center text-brand-500 hover:scale-110 transition-transform\"><i class=\"fa-solid fa-chart-pie\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"w-10 h-10 rounded-full bg-white border border-gray-100 shadow-sm flex items-center justify-center text-blue-600 hover:scale-110 transition-transform\"><i class=\"fa-solid fa-users\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"w-10 h-10 rounded-full bg-white border border-gray-100 shadow-sm flex items-center justify-center text-gray-500 hover:scale-110 transition-transform\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h1 class=\"font-custom font-extrabold text-gray-900 leading-[1.1] mb-4 text-[32px] md:text-[40px] lg:text-[50px] tracking-tight\"><!-- [et_pb_line_break_holder] -->                    Sales management CRM <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                    <span class=\"text-brand-500\">drive sales and customers<\/span><!-- [et_pb_line_break_holder] -->                <\/h1>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <pee class=\"text-lg text-gray-500 mb-8 max-w-xl mx-auto font-medium leading-relaxed\"><!-- [et_pb_line_break_holder] -->                    Discover how our sales management CRM structures your sales, centralizes your data and automates follow-ups.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"flex justify-center\"><!-- [et_pb_line_break_holder] -->                    <button class=\"bg-brand-500 text-white px-10 py-3.5 rounded-full font-bold text-lg shadow-soft hover:bg-brand-600 hover:-translate-y-1 transition-all w-full sm:w-auto\"><!-- [et_pb_line_break_holder] -->                        Request a demo<!-- [et_pb_line_break_holder] -->                    <\/button><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"hidden xl:block hero-element-wrapper top-[15%] left-[12%]\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"animate-vertical-1 relative\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"bg-white p-3 rounded-2xl flex items-center gap-3 shadow-card border border-gray-100 w-[240px]\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"w-10 h-10 rounded-full bg-blue-50 flex items-center justify-center text-brand-500\"><i class=\"fa-solid fa-bullseye\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 class=\"font-bold text-gray-900 text-sm font-custom\">New Lead<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"text-[10px] text-gray-500 mt-0.5 uppercase font-bold tracking-wide\">LinkedIn \u2022 Qualified<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <svg class=\"direction-indicator -bottom-4 right-8 w-6 h-6 rotate-[-30deg]\" viewBox=\"0 0 24 24\" fill=\"white\"><!-- [et_pb_line_break_holder] -->                    <path d=\"M24 0 L0 0 L12 24 Z\" \/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"hidden xl:block hero-element-wrapper top-[45%] left-[8%]\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"animate-vertical-2 relative\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"bg-white px-3 py-2 rounded-full flex items-center gap-3 shadow-card border border-gray-100\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"flex -space-x-2\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"w-8 h-8 rounded-full bg-gray-200 border-2 border-white\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"w-8 h-8 rounded-full bg-gray-300 border-2 border-white\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"w-8 h-8 rounded-full bg-brand-500 border-2 border-white flex items-center justify-center text-[10px] text-white font-bold\">+3<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <span class=\"text-xs font-bold text-gray-600\">Team<\/span><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <svg class=\"direction-indicator top-1\/2 -right-4 w-4 h-4 -translate-y-1\/2 rotate-[-90deg]\" viewBox=\"0 0 24 24\" fill=\"white\"><!-- [et_pb_line_break_holder] -->                    <path d=\"M24 0 L0 0 L12 24 Z\" \/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"hidden xl:block hero-element-wrapper top-[18%] right-[12%]\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"animate-vertical-3 relative\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"bg-brand-500 text-white px-4 py-3 rounded-full flex items-center gap-3 shadow-soft w-[230px]\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"w-8 h-8 rounded-full bg-white\/20 flex items-center justify-center\"><i class=\"fa-solid fa-file-signature text-sm\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 class=\"font-bold text-sm font-custom text-white\">Contract Signed<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"text-[10px] text-blue-100\">TechSolutions Inc.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <svg class=\"direction-indicator -bottom-3 left-8 w-5 h-5 rotate-[30deg]\" viewBox=\"0 0 24 24\" fill=\"#3f82f7\"><!-- [et_pb_line_break_holder] -->                    <path d=\"M24 0 L0 0 L12 24 Z\" \/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"hidden xl:block hero-element-wrapper top-[45%] right-[8%]\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"animate-vertical-1 relative\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"bg-white p-2.5 rounded-xl flex flex-col items-center shadow-card border border-gray-100 w-[90px]\"><!-- [et_pb_line_break_holder] -->                    <span class=\"text-[10px] text-gray-400 font-bold uppercase mb-0.5\">Growth<\/span><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"text-brand-500 font-bold text-base flex items-center gap-1\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-arrow-trend-up text-[10px]\"><\/i> 12%<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <svg class=\"direction-indicator top-1\/2 -left-4 w-4 h-4 -translate-y-1\/2 rotate-[90deg]\" viewBox=\"0 0 24 24\" fill=\"white\"><!-- [et_pb_line_break_holder] -->                    <path d=\"M24 0 L0 0 L12 24 Z\" \/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"hidden xl:block hero-element-wrapper bottom-[20%] left-[15%]\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"animate-vertical-2 relative\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"bg-brand-900 text-white rounded-2xl p-4 pr-6 flex items-center gap-4 shadow-card w-[240px]\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center text-brand-500 border border-gray-700\"><i class=\"fa-solid fa-chart-line text-lg\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 class=\"font-bold text-base font-custom text-white\">154k \u20ac<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"text-[10px] text-gray-400 mt-0.5 uppercase tracking-wider font-semibold\">Pipeline<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <svg class=\"direction-indicator -top-4 right-8 w-6 h-6 rotate-[200deg]\" viewBox=\"0 0 24 24\" fill=\"#111827\"><!-- [et_pb_line_break_holder] -->                    <path d=\"M24 0 L0 0 L12 24 Z\" \/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"hidden xl:block hero-element-wrapper bottom-[18%] right-[15%]\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"animate-vertical-3 relative\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"bg-white p-4 rounded-2xl shadow-card border border-gray-100 w-[220px]\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h4 class=\"text-[10px] font-bold text-gray-400 mb-2 text-center uppercase tracking-wider font-custom\">Recent Activity<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"space-y-2\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"flex items-center gap-2\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"w-6 h-6 rounded bg-green-50 flex items-center justify-center text-green-600\"><i class=\"fa-solid fa-phone text-[10px]\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"text-[10px] text-gray-600\"><span class=\"font-bold\">Call<\/span> with Marc<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"flex items-center gap-2\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"w-6 h-6 rounded bg-blue-50 flex items-center justify-center text-brand-500\"><i class=\"fa-solid fa-envelope text-[10px]\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"text-[10px] text-gray-600\"><span class=\"font-bold\">Email<\/span> sent<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <svg class=\"direction-indicator -top-4 left-8 w-6 h-6 rotate-[-150deg]\" viewBox=\"0 0 24 24\" fill=\"white\"><!-- [et_pb_line_break_holder] -->                    <path d=\"M24 0 L0 0 L12 24 Z\" \/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><\/body>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; border_width_top=&#8221;1px&#8221; border_color_top=&#8221;#c2c2c2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Ligne&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- 1. RESET & VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --crm-blue: #3f82f7;<!-- [et_pb_line_break_holder] -->            --crm-bg: #f8fafc;<!-- [et_pb_line_break_holder] -->            --crm-dark: #1e293b;<!-- [et_pb_line_break_holder] -->            --crm-gray: #64748b;<!-- [et_pb_line_break_holder] -->            --crm-border: #e2e8f0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 2. MAIN LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->        .crm-section {<!-- [et_pb_line_break_holder] -->            max-width: 1280px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->            padding: 80px 20px 30px 20px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-container {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 40px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Desktop Layout *\/<!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .crm-container {<!-- [et_pb_line_break_holder] -->                flex-direction: row;<!-- [et_pb_line_break_holder] -->                align-items: flex-start;<!-- [et_pb_line_break_holder] -->                gap: 60px; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .crm-text-side { flex: 0 0 45%; padding-top: 20px; } <!-- [et_pb_line_break_holder] -->            .crm-visual-side { flex: 0 0 50%; width: 100%; position: relative; } <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 3. TEXT CONTENT STYLES --- *\/<!-- [et_pb_line_break_holder] -->        .crm-tag {<!-- [et_pb_line_break_holder] -->            display: inline-block;<!-- [et_pb_line_break_holder] -->            background: #eff6ff;<!-- [et_pb_line_break_holder] -->            color: var(--crm-blue);<!-- [et_pb_line_break_holder] -->            font-size: 11px;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            text-transform: uppercase;<!-- [et_pb_line_break_holder] -->            padding: 6px 12px;<!-- [et_pb_line_break_holder] -->            border-radius: 20px;<!-- [et_pb_line_break_holder] -->            border: 1px solid #dbeafe;<!-- [et_pb_line_break_holder] -->            margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->            letter-spacing: 0.5px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-title { font-size: 28px; font-weight: 800; color: #0f172a; margin-bottom: 12px; line-height: 1.2; }<!-- [et_pb_line_break_holder] -->        .crm-subtitle { font-size: 16px; font-weight: 600; color: #334155; margin-bottom: 16px; }<!-- [et_pb_line_break_holder] -->        .crm-paragraph { color: var(--crm-gray); font-size: 15px; margin-bottom: 24px; line-height: 1.6; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-list { list-style: none; }<!-- [et_pb_line_break_holder] -->        .crm-list-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; font-size: 14px; color: #475569; }<!-- [et_pb_line_break_holder] -->        .crm-list-icon { color: var(--crm-blue); margin-top: 4px; flex-shrink: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 4. PIPELINE VISUAL (GLASSMORPHISM) --- *\/<!-- [et_pb_line_break_holder] -->        .pipe-wrapper {<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.85);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(16px);<!-- [et_pb_line_break_holder] -->            -webkit-backdrop-filter: blur(16px);<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255, 255, 255, 0.6);<!-- [et_pb_line_break_holder] -->            border-radius: 24px;<!-- [et_pb_line_break_holder] -->            box-shadow: <!-- [et_pb_line_break_holder] -->                0 20px 40px -5px rgba(0, 0, 0, 0.08), <!-- [et_pb_line_break_holder] -->                inset 0 0 0 1px rgba(255, 255, 255, 0.5);<!-- [et_pb_line_break_holder] -->            padding: 24px;<!-- [et_pb_line_break_holder] -->            z-index: 10;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            max-width: 680px; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .pipe-bg-decoration {<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            top: -20px; left: -20px; right: -20px; bottom: -20px;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);<!-- [et_pb_line_break_holder] -->            filter: blur(50px);<!-- [et_pb_line_break_holder] -->            border-radius: 40px;<!-- [et_pb_line_break_holder] -->            opacity: 0.6;<!-- [et_pb_line_break_holder] -->            z-index: -1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 5. BOARD SCROLLING --- *\/<!-- [et_pb_line_break_holder] -->        .pipe-board {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            gap: 16px;<!-- [et_pb_line_break_holder] -->            overflow-x: auto;<!-- [et_pb_line_break_holder] -->            padding-bottom: 16px;<!-- [et_pb_line_break_holder] -->            scroll-behavior: smooth;<!-- [et_pb_line_break_holder] -->            -webkit-overflow-scrolling: touch;<!-- [et_pb_line_break_holder] -->            scroll-snap-type: x mandatory;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .pipe-board::-webkit-scrollbar { height: 6px; }<!-- [et_pb_line_break_holder] -->        .pipe-board::-webkit-scrollbar-track { background: transparent; }<!-- [et_pb_line_break_holder] -->        .pipe-board::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 6. COLUMNS --- *\/<!-- [et_pb_line_break_holder] -->        .pipe-col {<!-- [et_pb_line_break_holder] -->            min-width: 240px;<!-- [et_pb_line_break_holder] -->            width: 240px;<!-- [et_pb_line_break_holder] -->            flex-shrink: 0;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 12px;<!-- [et_pb_line_break_holder] -->            scroll-snap-align: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .pipe-col { width: 32%; min-width: 200px; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 7. HEADER ARROWS --- *\/<!-- [et_pb_line_break_holder] -->        .pipe-header {<!-- [et_pb_line_break_holder] -->            background: var(--crm-blue);<!-- [et_pb_line_break_holder] -->            color: white;<!-- [et_pb_line_break_holder] -->            padding: 12px 16px;<!-- [et_pb_line_break_holder] -->            height: 60px;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            clip-path: polygon(0% 0%, 92% 0%, 100% 50%, 92% 100%, 0% 100%);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 6px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->            margin-right: 5px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .pipe-head-title { font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }<!-- [et_pb_line_break_holder] -->        .pipe-head-meta { font-size: 10px; opacity: 0.9; margin-top: 4px; display: flex; align-items: center; gap: 6px; font-weight: 500; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 8. CARDS --- *\/<!-- [et_pb_line_break_holder] -->        .pipe-card {<!-- [et_pb_line_break_holder] -->            background: white;<!-- [et_pb_line_break_holder] -->            padding: 14px;<!-- [et_pb_line_break_holder] -->            border-radius: 10px;<!-- [et_pb_line_break_holder] -->            border: 1px solid #f1f5f9;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 4px rgba(0,0,0,0.02);<!-- [et_pb_line_break_holder] -->            cursor: pointer;<!-- [et_pb_line_break_holder] -->            transition: transform 0.2s, box-shadow 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .pipe-card:hover {<!-- [et_pb_line_break_holder] -->            transform: translateY(-3px);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.08);<!-- [et_pb_line_break_holder] -->            border-color: #e2e8f0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .pipe-bar { height: 4px; border-radius: 2px; margin-bottom: 8px; width: 32px; }<!-- [et_pb_line_break_holder] -->        .bar-orange { background: #fb923c; }<!-- [et_pb_line_break_holder] -->        .bar-purple { background: #a855f7; }<!-- [et_pb_line_break_holder] -->        .bar-blue { background: #3b82f6; }<!-- [et_pb_line_break_holder] -->        .bar-green { background: #22c55e; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .pipe-tags { display: flex; gap: 4px; margin-bottom: 8px; }<!-- [et_pb_line_break_holder] -->        .pipe-tags .pipe-bar { margin-bottom: 0; width: 16px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .pipe-deal-name { font-weight: 700; font-size: 12px; color: #0f172a; margin-bottom: 2px; line-height: 1.3; }<!-- [et_pb_line_break_holder] -->        .pipe-deal-client { font-size: 10px; color: #94a3b8; margin-bottom: 10px; font-weight: 500; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .pipe-card-bot {<!-- [et_pb_line_break_holder] -->            display: flex; justify-content: space-between; align-items: center;<!-- [et_pb_line_break_holder] -->            border-top: 1px solid #f8fafc; padding-top: 8px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .pipe-price-grp { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 11px; color: #334155; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .pipe-user-pic { <!-- [et_pb_line_break_holder] -->            width: 22px; height: 22px; border-radius: 50%; <!-- [et_pb_line_break_holder] -->            object-fit: cover; background: #e2e8f0; <!-- [et_pb_line_break_holder] -->            border: 2px solid white; box-shadow: 0 1px 3px rgba(0,0,0,0.1); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .pipe-user-init {<!-- [et_pb_line_break_holder] -->            width: 22px; height: 22px; border-radius: 50%;<!-- [et_pb_line_break_holder] -->            background: #f1f5f9; color: #64748b;<!-- [et_pb_line_break_holder] -->            font-size: 9px; font-weight: 700;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            border: 1px solid #e2e8f0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .pipe-icon-ok {<!-- [et_pb_line_break_holder] -->            width: 18px; height: 18px; border-radius: 50%;<!-- [et_pb_line_break_holder] -->            background: #dcfce7; color: #166534;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            font-size: 9px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .pipe-icon-next { font-size: 9px; color: #cbd5e1; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"crm-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-text-side\"><!-- [et_pb_line_break_holder] -->                <span class=\"crm-tag\">A Sales Management CRM<\/span><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"crm-title\">Sales Pipeline<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3 class=\"crm-subtitle\">The sales management CRM designed for your teams<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"crm-paragraph\"><!-- [et_pb_line_break_holder] -->                    Cirrus Shield is a sales management CRM designed to organize your sales cycles and simplify customer follow-up. It centralizes sales information and offers a fluid interface to manage opportunities without operational overhead.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->                <\/p>\n<ul class=\"crm-list\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"crm-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-check crm-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Visualize each stage of the cycle through structured pipelines<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"crm-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-check crm-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Benefit from a clear overview of current opportunities<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"crm-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-check crm-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Adjust stages according to your sales methods<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"crm-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-check crm-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Analyze and filter your data to better prioritize<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                <\/ul>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-visual-side\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"pipe-bg-decoration\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"pipe-wrapper\"><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"pipe-board\"><!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"pipe-col\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"pipe-header\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-head-title\">Meeting Organized<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-head-meta\"><i class=\"fa-solid fa-scale-balanced\"><\/i> \u20ac9,200 \u2022 3 deals<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"pipe-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-bar bar-orange\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-name\">Tim&#038;Co Logistics Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-client\">Tim&#038;Co Logistics<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-card-bot\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-price-grp\"><!-- [et_pb_line_break_holder] -->                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=64&#038;h=64&#038;fit=crop\" class=\"pipe-user-pic\" alt=\"User\"><!-- [et_pb_line_break_holder] -->                                        2,300 \u20ac<!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-chevron-right pipe-icon-next\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"pipe-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-bar bar-purple\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-name\">Guillemet and Co Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-client\">Guillemet and Co<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-card-bot\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-price-grp\"><!-- [et_pb_line_break_holder] -->                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=64&#038;h=64&#038;fit=crop\" class=\"pipe-user-pic\" alt=\"User\"><!-- [et_pb_line_break_holder] -->                                        1,500 \u20ac<!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-icon-ok\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"pipe-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-bar bar-blue\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-name\">TechFlow Systems Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-client\">TechFlow Systems<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-card-bot\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-price-grp\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"pipe-user-init\">TS<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        3,200 \u20ac<!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-chevron-right pipe-icon-next\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"pipe-col\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"pipe-header\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-head-title\">Demo Scheduled<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-head-meta\"><i class=\"fa-solid fa-scale-balanced\"><\/i> \u20ac12,400 \u2022 4 deals<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"pipe-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div style=\"height:4px\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-name\">H\u00f4tels Bellevue Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-client\">H\u00f4tels Bellevue SARL<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-card-bot\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-price-grp\"><!-- [et_pb_line_break_holder] -->                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?w=64&#038;h=64&#038;fit=crop\" class=\"pipe-user-pic\" alt=\"User\"><!-- [et_pb_line_break_holder] -->                                        1,900 \u20ac<!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-icon-ok\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"pipe-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-bar bar-purple\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-name\">JD Industries Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-client\">JD Industries<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-card-bot\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-price-grp\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"pipe-user-init\">JD<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        1,800 \u20ac<!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-chevron-right pipe-icon-next\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"pipe-col\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"pipe-header\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-head-title\">Proposal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-head-meta\"><i class=\"fa-solid fa-scale-balanced\"><\/i> \u20ac15,900 \u2022 3 deals<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"pipe-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-tags\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-bar bar-purple\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-bar bar-orange\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-name\">R\u00e9sidences Paradis Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-client\">R\u00e9sidences Paradis<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-card-bot\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-price-grp\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"pipe-user-init\" style=\"background:#eef2ff; color:#6366f1;\">RP<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        2,700 \u20ac<!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-chevron-right pipe-icon-next\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"pipe-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-bar bar-green\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-name\">Global Corp Solutions<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-deal-client\">Global Corp<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"pipe-card-bot\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-price-grp\"><!-- [et_pb_line_break_holder] -->                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=64&#038;h=64&#038;fit=crop\" class=\"pipe-user-pic\" alt=\"User\"><!-- [et_pb_line_break_holder] -->                                        12,000 \u20ac<!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"pipe-icon-ok\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><\/body>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- 1. VARIABLES (Scoped for Leads to ensure consistency) --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --leads-blue: #3f82f7;<!-- [et_pb_line_break_holder] -->            --leads-bg: #f8fafc;<!-- [et_pb_line_break_holder] -->            --leads-dark: #1e293b;<!-- [et_pb_line_break_holder] -->            --leads-gray: #64748b;<!-- [et_pb_line_break_holder] -->            --leads-border: #e2e8f0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 2. LAYOUT CONTAINERS --- *\/<!-- [et_pb_line_break_holder] -->        .leads-section {<!-- [et_pb_line_break_holder] -->            max-width: 1280px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->            padding: 30px 20px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-container {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 40px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .leads-container {<!-- [et_pb_line_break_holder] -->                flex-direction: row-reverse; \/* Text on Right, Visual on Left *\/<!-- [et_pb_line_break_holder] -->                align-items: center;<!-- [et_pb_line_break_holder] -->                gap: 80px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .leads-text-side { flex: 0 0 45%; }<!-- [et_pb_line_break_holder] -->            .leads-visual-side { flex: 0 0 50%; width: 100%; position: relative; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 3. TEXT CONTENT --- *\/<!-- [et_pb_line_break_holder] -->        .leads-title { font-size: 28px; font-weight: 800; color: #0f172a; margin-bottom: 12px; line-height: 1.2; }<!-- [et_pb_line_break_holder] -->        .leads-subtitle { font-size: 16px; font-weight: 600; color: #334155; margin-bottom: 16px; }<!-- [et_pb_line_break_holder] -->        .leads-paragraph { color: var(--leads-gray); font-size: 15px; margin-bottom: 24px; line-height: 1.6; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-list { list-style: none; }<!-- [et_pb_line_break_holder] -->        .leads-list-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; font-size: 14px; color: #475569; }<!-- [et_pb_line_break_holder] -->        .leads-list-icon { color: var(--leads-blue); margin-top: 4px; flex-shrink: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 4. VISUAL (GLASSMORPHISM TABLE) --- *\/<!-- [et_pb_line_break_holder] -->        .leads-glass-wrapper {<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.85);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(16px);<!-- [et_pb_line_break_holder] -->            -webkit-backdrop-filter: blur(16px);<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255, 255, 255, 0.6);<!-- [et_pb_line_break_holder] -->            border-radius: 24px;<!-- [et_pb_line_break_holder] -->            box-shadow: <!-- [et_pb_line_break_holder] -->                0 20px 40px -5px rgba(0, 0, 0, 0.08), <!-- [et_pb_line_break_holder] -->                inset 0 0 0 1px rgba(255, 255, 255, 0.5);<!-- [et_pb_line_break_holder] -->            padding: 0; <!-- [et_pb_line_break_holder] -->            z-index: 10;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-bg-decoration {<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            top: -20px; right: -20px; width: 100px; height: 100px;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);<!-- [et_pb_line_break_holder] -->            filter: blur(50px);<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            opacity: 0.6;<!-- [et_pb_line_break_holder] -->            z-index: -1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 5. DATA GRID --- *\/<!-- [et_pb_line_break_holder] -->        .leads-scroll-area {<!-- [et_pb_line_break_holder] -->            overflow-x: auto;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .leads-scroll-area::-webkit-scrollbar { height: 6px; }<!-- [et_pb_line_break_holder] -->        .leads-scroll-area::-webkit-scrollbar-track { background: transparent; }<!-- [et_pb_line_break_holder] -->        .leads-scroll-area::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-grid-table {<!-- [et_pb_line_break_holder] -->            min-width: 650px; <!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            border-collapse: collapse;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-header-row {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 50px 1.5fr 1fr 1.2fr 1fr; <!-- [et_pb_line_break_holder] -->            padding: 16px 24px;<!-- [et_pb_line_break_holder] -->            background: rgba(248, 250, 252, 0.8);<!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid var(--leads-border);<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-header-cell {<!-- [et_pb_line_break_holder] -->            font-size: 11px;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            color: #94a3b8;<!-- [et_pb_line_break_holder] -->            text-transform: uppercase;<!-- [et_pb_line_break_holder] -->            letter-spacing: 0.5px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-data-row {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 50px 1.5fr 1fr 1.5fr 1fr;<!-- [et_pb_line_break_holder] -->            padding: 14px 24px;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid #f8fafc;<!-- [et_pb_line_break_holder] -->            transition: background 0.2s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-data-row:hover { background: rgba(255, 255, 255, 0.6); }<!-- [et_pb_line_break_holder] -->        .leads-data-row:last-child { border-bottom: none; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 6. CELL CONTENT STYLES --- *\/<!-- [et_pb_line_break_holder] -->        .leads-actions { display: flex; gap: 10px; font-size: 12px; }<!-- [et_pb_line_break_holder] -->        .leads-icon-edit { color: var(--leads-blue); cursor: pointer; transition: color 0.2s; }<!-- [et_pb_line_break_holder] -->        .leads-icon-edit:hover { color: #2563eb; }<!-- [et_pb_line_break_holder] -->        .leads-icon-trash { color: #f87171; cursor: pointer; transition: color 0.2s; }<!-- [et_pb_line_break_holder] -->        .leads-icon-trash:hover { color: #ef4444; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-user-wrap { display: flex; align-items: center; gap: 12px; }<!-- [et_pb_line_break_holder] -->        .leads-avatar { <!-- [et_pb_line_break_holder] -->            width: 32px; height: 32px; border-radius: 50%; <!-- [et_pb_line_break_holder] -->            object-fit: cover; box-shadow: 0 1px 3px rgba(0,0,0,0.1); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .leads-name { <!-- [et_pb_line_break_holder] -->            font-size: 13px; font-weight: 600; color: #2563eb; <!-- [et_pb_line_break_holder] -->            cursor: pointer; text-decoration: none; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .leads-name:hover { text-decoration: underline; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-text-cell { font-size: 13px; color: #475569; }<!-- [et_pb_line_break_holder] -->        .leads-email-cell { <!-- [et_pb_line_break_holder] -->            font-size: 12px; color: #94a3b8; <!-- [et_pb_line_break_holder] -->            white-space: nowrap; overflow: hidden; text-overflow: ellipsis; <!-- [et_pb_line_break_holder] -->            max-width: 90%; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .leads-badge {<!-- [et_pb_line_break_holder] -->            display: inline-block;<!-- [et_pb_line_break_holder] -->            padding: 4px 10px;<!-- [et_pb_line_break_holder] -->            border-radius: 20px;<!-- [et_pb_line_break_holder] -->            font-size: 10px;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            white-space: nowrap;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .lb-blue { background: #dbeafe; color: #1d4ed8; }<!-- [et_pb_line_break_holder] -->        .lb-green { background: #dcfce7; color: #15803d; }<!-- [et_pb_line_break_holder] -->        .lb-gray { background: #f1f5f9; color: #64748b; }<!-- [et_pb_line_break_holder] -->        .lb-orange { background: #ffedd5; color: #c2410c; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"leads-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"leads-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"leads-text-side\"><!-- [et_pb_line_break_holder] -->                <span class=\"crm-tag\">Lead Generation<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"leads-title\">Lead Generation<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3 class=\"leads-subtitle\">Structure your prospecting with a sales management CRM<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"leads-paragraph\"><!-- [et_pb_line_break_holder] -->                    A sales management CRM like Cirrus Shield helps you organize lead generation and follow-up. It automates key steps to feed your pipeline in a fluid and targeted manner.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->                <\/p>\n<ul class=\"leads-list\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"leads-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-filter leads-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Centralization of leads from different channels<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"leads-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-plug leads-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Native connections with your marketing tools<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"leads-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-star leads-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Prioritization of prospects through scoring<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"leads-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-route leads-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Follow-up journeys adjusted to your business sector<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                <\/ul>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"leads-visual-side\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"leads-bg-decoration\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"leads-glass-wrapper\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"leads-scroll-area\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"leads-grid-table\"><!-- [et_pb_line_break_holder] -->                            <!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"leads-header-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-header-cell\"><\/div>\n<div class=\"leads-header-cell\">Contact<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-header-cell\">Company<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-header-cell\">Status<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-header-cell\">Email<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"leads-data-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-actions\"><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-pen leads-icon-edit\"><\/i><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-trash leads-icon-trash\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-user-wrap\"><!-- [et_pb_line_break_holder] -->                                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&#038;fit=crop&#038;w=64&#038;h=64\" class=\"leads-avatar\" alt=\"User\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"leads-name\">Ulric Ripsher<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-text-cell\">Pomero<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div><span class=\"leads-badge lb-blue\">Closed &#8211; Converted<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-email-cell\">uripshery@pomero.inc<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"leads-data-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-actions\"><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-pen leads-icon-edit\"><\/i><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-trash leads-icon-trash\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-user-wrap\"><!-- [et_pb_line_break_holder] -->                                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?auto=format&#038;fit=crop&#038;w=64&#038;h=64\" class=\"leads-avatar\" alt=\"User\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"leads-name\">Paula Elvin<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-text-cell\">Alter Vista<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div><span class=\"leads-badge lb-green\">New<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-email-cell\">pelvin19@altervista.org<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"leads-data-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-actions\"><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-pen leads-icon-edit\"><\/i><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-trash leads-icon-trash\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-user-wrap\"><!-- [et_pb_line_break_holder] -->                                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&#038;fit=crop&#038;w=64&#038;h=64\" class=\"leads-avatar\" alt=\"User\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"leads-name\">Charles Cowell<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-text-cell\">Squage<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div><span class=\"leads-badge lb-gray\">Closed &#8211; Dropped<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-email-cell\">charles.cowell@squage.net<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"leads-data-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-actions\"><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-pen leads-icon-edit\"><\/i><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-trash leads-icon-trash\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-user-wrap\"><!-- [et_pb_line_break_holder] -->                                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&#038;fit=crop&#038;w=64&#038;h=64\" class=\"leads-avatar\" alt=\"User\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"leads-name\">N\u00e9mir Guezour<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-text-cell\">Armicale<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div><span class=\"leads-badge lb-blue\">Closed &#8211; Converted<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-email-cell\">n.guezour@armicale.fr<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"leads-data-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-actions\"><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-pen leads-icon-edit\"><\/i><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-trash leads-icon-trash\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-user-wrap\"><!-- [et_pb_line_break_holder] -->                                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504257432389-52343af06ae3?auto=format&#038;fit=crop&#038;w=64&#038;h=64\" class=\"leads-avatar\" alt=\"User\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"leads-name\">Adrien Courtiol<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-text-cell\">EAD EL<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div><span class=\"leads-badge lb-orange\">In progress &#8211; Qualifying<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"leads-email-cell\">ahallfordq@eadel.com<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- 1. VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --v360-blue: #3f82f7;<!-- [et_pb_line_break_holder] -->            --v360-bg: #f8fafc;<!-- [et_pb_line_break_holder] -->            --v360-dark: #1e293b;<!-- [et_pb_line_break_holder] -->            --v360-gray: #64748b;<!-- [et_pb_line_break_holder] -->            --v360-border: #e2e8f0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 2. LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->        .v360-section {<!-- [et_pb_line_break_holder] -->            max-width: 1280px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->            padding: 20px 20px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-container {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 40px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .v360-container {<!-- [et_pb_line_break_holder] -->                flex-direction: row;<!-- [et_pb_line_break_holder] -->                align-items: center;<!-- [et_pb_line_break_holder] -->                gap: 80px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .v360-text-side { flex: 0 0 45%; }<!-- [et_pb_line_break_holder] -->            .v360-visual-side { flex: 0 0 50%; width: 100%; position: relative; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 3. TEXT --- *\/<!-- [et_pb_line_break_holder] -->        .v360-title { font-size: 28px; font-weight: 800; color: #0f172a; margin-bottom: 12px; line-height: 1.2; }<!-- [et_pb_line_break_holder] -->        .v360-subtitle { font-size: 16px; font-weight: 600; color: #334155; margin-bottom: 16px; }<!-- [et_pb_line_break_holder] -->        .v360-paragraph { color: var(--v360-gray); font-size: 15px; margin-bottom: 24px; line-height: 1.6; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-list { list-style: none; }<!-- [et_pb_line_break_holder] -->        .v360-list-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; font-size: 14px; color: #475569; }<!-- [et_pb_line_break_holder] -->        .v360-list-icon { color: var(--v360-blue); margin-top: 4px; flex-shrink: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 4. GLASS CARD (Fixed Height + Flex) --- *\/<!-- [et_pb_line_break_holder] -->        .v360-card {<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.9);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(20px);<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255, 255, 255, 0.8);<!-- [et_pb_line_break_holder] -->            border-radius: 16px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.08);<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            font-size: 13px;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            z-index: 10;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            height: 500px;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-bg-glow {<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            top: -30px; left: -30px; width: 150px; height: 150px;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);<!-- [et_pb_line_break_holder] -->            filter: blur(60px);<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            opacity: 0.6;<!-- [et_pb_line_break_holder] -->            z-index: -1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 5. TOOLBAR (Fixed at top) --- *\/<!-- [et_pb_line_break_holder] -->        .v360-toolbar {<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.6);<!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid var(--v360-border);<!-- [et_pb_line_break_holder] -->            padding: 10px 16px;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            gap: 8px;<!-- [et_pb_line_break_holder] -->            flex-shrink: 0; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-btn {<!-- [et_pb_line_break_holder] -->            width: 25px; height: 25px;<!-- [et_pb_line_break_holder] -->            border-radius: 6px;<!-- [et_pb_line_break_holder] -->            border: none;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            cursor: pointer;<!-- [et_pb_line_break_holder] -->            transition: all 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-btn-primary {<!-- [et_pb_line_break_holder] -->            background: var(--v360-blue);<!-- [et_pb_line_break_holder] -->            color: white;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 4px rgba(63, 130, 247, 0.2);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .v360-btn-primary:hover { background: #2563eb; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-btn-light {<!-- [et_pb_line_break_holder] -->            background: white;<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--v360-border);<!-- [et_pb_line_break_holder] -->            color: var(--v360-gray);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .v360-btn-light:hover { background: #f1f5f9; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 6. SCROLLABLE CONTENT AREA --- *\/<!-- [et_pb_line_break_holder] -->        .v360-scroll-area {<!-- [et_pb_line_break_holder] -->            flex: 1;<!-- [et_pb_line_break_holder] -->            overflow-y: auto;<!-- [et_pb_line_break_holder] -->            padding: 16px;<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.4);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-scroll-area::-webkit-scrollbar { width: 6px; }<!-- [et_pb_line_break_holder] -->        .v360-scroll-area::-webkit-scrollbar-track { background: transparent; }<!-- [et_pb_line_break_holder] -->        .v360-scroll-area::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 7. BLOCKS (ACCORDIONS) --- *\/<!-- [et_pb_line_break_holder] -->        .v360-block {<!-- [et_pb_line_break_holder] -->            background: white;<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--v360-border);<!-- [et_pb_line_break_holder] -->            border-radius: 8px;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            margin-bottom: 12px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 1px 2px rgba(0,0,0,0.02);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-block-head {<!-- [et_pb_line_break_holder] -->            padding: 10px 16px;<!-- [et_pb_line_break_holder] -->            background: #fcfcfc;<!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid #f1f5f9;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: space-between;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            cursor: pointer;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .v360-block.flush .v360-block-head { border-bottom: 1px solid var(--v360-border); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-block-title { font-weight: 700; font-size: 12px; color: #334155; }<!-- [et_pb_line_break_holder] -->        .v360-block-icon { font-size: 10px; color: #cbd5e1; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-block-body {<!-- [et_pb_line_break_holder] -->            padding: 16px;<!-- [et_pb_line_break_holder] -->            background: white;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .v360-body-flush {<!-- [et_pb_line_break_holder] -->            padding: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 8. INTERNAL GRIDS & FIELDS --- *\/<!-- [et_pb_line_break_holder] -->        .v360-activity-wrapper {<!-- [et_pb_line_break_holder] -->            overflow-x: auto;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .v360-activity-table {<!-- [et_pb_line_break_holder] -->            min-width: 500px;<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1.2fr 1fr 1.5fr 1fr;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-act-head {<!-- [et_pb_line_break_holder] -->            background: #f8fafc;<!-- [et_pb_line_break_holder] -->            padding: 0px 12px; <!-- [et_pb_line_break_holder] -->            font-size: 10px;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            color: #64748b;<!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid #e2e8f0;<!-- [et_pb_line_break_holder] -->            border-right: 1px solid #e2e8f0;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            align-items: flex-start;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .v360-act-cell {<!-- [et_pb_line_break_holder] -->            background: white;<!-- [et_pb_line_break_holder] -->            padding: 12px 12px; <!-- [et_pb_line_break_holder] -->            font-size: 12px;<!-- [et_pb_line_break_holder] -->            color: var(--v360-dark);<!-- [et_pb_line_break_holder] -->            border-right: 1px solid #f1f5f9;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .v360-act-cell:last-child, .v360-act-head:last-child { border-right: none; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-multi-line { line-height: 1.35; font-size: 12px; color: #475569; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-fields-grid {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->            gap: 12px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (min-width: 640px) {<!-- [et_pb_line_break_holder] -->            .v360-fields-grid {<!-- [et_pb_line_break_holder] -->                grid-template-columns: 1fr 1fr;<!-- [et_pb_line_break_holder] -->                column-gap: 32px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-field-row {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 80px 1fr;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 12px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-label { font-size: 10px; font-weight: 700; color: #94a3b8; }<!-- [et_pb_line_break_holder] -->        .v360-value { font-size: 12px; font-weight: 600; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }<!-- [et_pb_line_break_holder] -->        .v360-value-light { font-weight: 400; }<!-- [et_pb_line_break_holder] -->        .v360-link { color: var(--v360-blue); cursor: pointer; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-avatar {<!-- [et_pb_line_break_holder] -->            width: 36px; height: 36px;<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            object-fit: cover;<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--v360-border);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .v360-status-pill {<!-- [et_pb_line_break_holder] -->            display: inline-flex; align-items: center; gap: 6px;<!-- [et_pb_line_break_holder] -->            background: #eff6ff; color: var(--v360-blue);<!-- [et_pb_line_break_holder] -->            padding: 2px 10px; border-radius: 12px;<!-- [et_pb_line_break_holder] -->            font-size: 10px; font-weight: 600;<!-- [et_pb_line_break_holder] -->            border: 1px solid #dbeafe;<!-- [et_pb_line_break_holder] -->            width: fit-content;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .v360-dot { width: 6px; height: 6px; background: var(--v360-blue); border-radius: 50%; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"v360-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"v360-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"v360-text-side\"><!-- [et_pb_line_break_holder] -->                <span class=\"crm-tag\">360-Degree View<\/span><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"v360-title\">360-Degree View<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3 class=\"v360-subtitle\">A unified vision of your customers with a sales management CRM<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"v360-paragraph\"><!-- [et_pb_line_break_holder] -->                    With a sales management CRM, you gain access to a complete view of every customer. Cirrus Shield centralizes all interactions to simplify analysis and facilitate quick, informed decisions.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->                <\/p>\n<ul class=\"v360-list\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"v360-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-list-ul v360-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Detailed tracking of exchanges, actions, and sales<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"v360-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-rotate v360-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Real-time data synchronization with your tools<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"v360-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-table-columns v360-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Clear dashboards for effective management<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                   <\/p>\n<li class=\"v360-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-regular fa-circle-question v360-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Accessible information shared across teams<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                <\/ul>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"v360-visual-side\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"v360-bg-glow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"v360-card\"><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"v360-toolbar\"><!-- [et_pb_line_break_holder] -->                        <button class=\"v360-btn v360-btn-primary\"><i class=\"fa-solid fa-plus\" style=\"font-size:10px;\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                        <button class=\"v360-btn v360-btn-light\"><i class=\"fa-solid fa-list\" style=\"font-size:10px;\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"v360-scroll-area\"><!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"v360-block flush\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"v360-block-body v360-body-flush\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"v360-activity-wrapper\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"v360-activity-table\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-act-head\" style=\"padding-left:16px;\">Owner<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-act-head\">Subject<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-act-head\">Details<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-act-head\">Modification Date<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-act-cell\" style=\"padding-left:16px;\">Antoine Martin<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-act-cell\">Contract follow-up<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-act-cell v360-multi-line\">Call for annual renewal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-act-cell\">12\/14\/2021 16:30<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"v360-block\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"v360-block-head\"><!-- [et_pb_line_break_holder] -->                                <span class=\"v360-block-title\">Summary<\/span><!-- [et_pb_line_break_holder] -->                                <i class=\"fa-solid fa-chevron-up v360-block-icon\"><\/i><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"v360-block-body\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"v360-fields-grid\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"v360-field-row\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-label\">Photo<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?w=64&#038;h=64&#038;fit=crop\" class=\"v360-avatar\" alt=\"Profile\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"v360-field-row\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-label\">Company<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-value\">Gab Cube<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"v360-field-row\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-label\">Name<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-value\">Anne-marie Sourdin<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"v360-field-row\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-label\">Owner<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-value v360-link\">Antoine Martin<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"v360-field-row\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-label\">Status<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-status-pill\">\n<div class=\"v360-dot\"><\/div>\n<p> Closed &#8211; Converted<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"v360-block\" style=\"margin-bottom: 0;\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"v360-block-head\"><!-- [et_pb_line_break_holder] -->                                <span class=\"v360-block-title\">Contact Information<\/span><!-- [et_pb_line_break_holder] -->                                <i class=\"fa-solid fa-chevron-up v360-block-icon\"><\/i><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"v360-block-body\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"v360-fields-grid\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"v360-field-row\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-label\">Salutation<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-value v360-value-light\">Ms.<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"v360-field-row\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-label\">Email<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-value v360-link\">anne-marie.sourdin@gabcube.fr<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"v360-field-row\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-label\">First Name<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"v360-value v360-value-light\">Anne-marie<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p> <!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- 1. BASE VARIABLES & RESET --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --cf-primary: #3f82f7;<!-- [et_pb_line_break_holder] -->            --cf-primary-light: #eff6ff;<!-- [et_pb_line_break_holder] -->            --cf-bg-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --cf-bg-gray: #f8fafc;<!-- [et_pb_line_break_holder] -->            --cf-border-color: #e2e8f0;<!-- [et_pb_line_break_holder] -->            --cf-text-dark: #1e293b;<!-- [et_pb_line_break_holder] -->            --cf-text-gray: #64748b;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            --cf-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);<!-- [et_pb_line_break_holder] -->            --cf-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.08);<!-- [et_pb_line_break_holder] -->            --cf-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 2. SECTION LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->        .cf-wrapper {<!-- [et_pb_line_break_holder] -->            max-width: 1280px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->            padding: 30px 20px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cf-layout-grid {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 40px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .cf-layout-grid {<!-- [et_pb_line_break_holder] -->                flex-direction: row-reverse;<!-- [et_pb_line_break_holder] -->                align-items: center;<!-- [et_pb_line_break_holder] -->                gap: 80px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cf-col-text { flex: 0 0 40%; }<!-- [et_pb_line_break_holder] -->            .cf-col-visual { flex: 0 0 55%; width: 100%; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 3. TEXT STYLES --- *\/<!-- [et_pb_line_break_holder] -->        .cf-tag {<!-- [et_pb_line_break_holder] -->            display: inline-block; background: #eff6ff; color: var(--cf-primary);<!-- [et_pb_line_break_holder] -->            font-size: 11px; font-weight: 700; text-transform: uppercase;<!-- [et_pb_line_break_holder] -->            padding: 6px 12px; border-radius: 20px; border: 1px solid #dbeafe;<!-- [et_pb_line_break_holder] -->            margin-bottom: 20px; letter-spacing: 0.5px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-title { font-size: 28px; font-weight: 800; color: #0f172a; margin-bottom: 12px; line-height: 1.2; }<!-- [et_pb_line_break_holder] -->        .cf-subtitle { font-size: 16px; font-weight: 600; color: #334155; margin-bottom: 16px; }<!-- [et_pb_line_break_holder] -->        .cf-desc { color: var(--cf-text-gray); font-size: 15px; margin-bottom: 24px; line-height: 1.6; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cf-list { list-style: none; }<!-- [et_pb_line_break_holder] -->        .cf-list-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; font-size: 14px; color: #475569; }<!-- [et_pb_line_break_holder] -->        .cf-list-item i { color: var(--cf-primary); margin-top: 4px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 4. UI FRAME --- *\/<!-- [et_pb_line_break_holder] -->        .cf-ui-frame {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr 280px;<!-- [et_pb_line_break_holder] -->            height: 550px;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            background: var(--cf-bg-white);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            border-radius: 24px;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            box-shadow: var(--cf-shadow-lg);<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 5. CANVAS BOARD --- *\/<!-- [et_pb_line_break_holder] -->        .cf-board {<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            background-color: var(--cf-bg-gray);<!-- [et_pb_line_break_holder] -->            background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);<!-- [et_pb_line_break_holder] -->            background-size: 24px 24px;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            cursor: grab;<!-- [et_pb_line_break_holder] -->            touch-action: none;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-board:active { cursor: grabbing; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cf-zoom-zone {<!-- [et_pb_line_break_holder] -->            width: 100%; height: 100%;<!-- [et_pb_line_break_holder] -->            position: absolute; top: 0; left: 0;<!-- [et_pb_line_break_holder] -->            transform-origin: center center; <!-- [et_pb_line_break_holder] -->            transition: transform 0.1s linear; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* SVG Lines *\/<!-- [et_pb_line_break_holder] -->        .cf-svg-plane {<!-- [et_pb_line_break_holder] -->            position: absolute; top: 0; left: 0; width: 100%; height: 100%;<!-- [et_pb_line_break_holder] -->            pointer-events: none; z-index: 0;<!-- [et_pb_line_break_holder] -->            overflow: visible; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-connector {<!-- [et_pb_line_break_holder] -->            fill: none; stroke: #94a3b8; stroke-width: 2px;<!-- [et_pb_line_break_holder] -->            stroke-linecap: round; stroke-linejoin: round;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-conn-animated { <!-- [et_pb_line_break_holder] -->            stroke: var(--cf-primary); <!-- [et_pb_line_break_holder] -->            stroke-dasharray: 8; <!-- [et_pb_line_break_holder] -->            animation: cf-dash 30s linear infinite; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        @keyframes cf-dash { to { stroke-dashoffset: -1000; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 6. NODES (CARDS) --- *\/<!-- [et_pb_line_break_holder] -->        .cf-card {<!-- [et_pb_line_break_holder] -->            position: absolute; width: 240px;<!-- [et_pb_line_break_holder] -->            background: white; border-radius: 12px;<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--cf-shadow-sm);<!-- [et_pb_line_break_holder] -->            padding: 16px;<!-- [et_pb_line_break_holder] -->            display: flex; gap: 14px; align-items: center;<!-- [et_pb_line_break_holder] -->            cursor: pointer; user-select: none; z-index: 10;<!-- [et_pb_line_break_holder] -->            transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cf-card:hover {<!-- [et_pb_line_break_holder] -->            transform: translateY(-4px);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--cf-shadow-md);<!-- [et_pb_line_break_holder] -->            border-color: var(--cf-primary);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cf-icon-box {<!-- [et_pb_line_break_holder] -->            width: 44px; height: 44px; border-radius: 10px;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            font-size: 1.1rem; flex-shrink: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cf-meta h4 { margin: 0 0 2px 0; font-size: 0.9rem; font-weight: 700; color: var(--cf-text-dark); }<!-- [et_pb_line_break_holder] -->        .cf-meta span { font-size: 0.75rem; color: var(--cf-text-gray); font-weight: 500; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Theme Variants *\/<!-- [et_pb_line_break_holder] -->        .cf-theme-blue .cf-icon-box { background: #eff6ff; color: #3b82f6; }<!-- [et_pb_line_break_holder] -->        .cf-theme-orange .cf-icon-box { background: #fff7ed; color: #f97316; }<!-- [et_pb_line_break_holder] -->        .cf-theme-green .cf-icon-box { background: #f0fdf4; color: #10b981; }<!-- [et_pb_line_break_holder] -->        .cf-theme-red .cf-icon-box { background: #fef2f2; color: #ef4444; }<!-- [et_pb_line_break_holder] -->        .cf-theme-gray .cf-icon-box { background: #f1f5f9; color: #64748b; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Ports *\/<!-- [et_pb_line_break_holder] -->        .cf-port {<!-- [et_pb_line_break_holder] -->            position: absolute; width: 8px; height: 8px;<!-- [et_pb_line_break_holder] -->            background: white; border: 2px solid #cbd5e1;<!-- [et_pb_line_break_holder] -->            border-radius: 50%; z-index: 15;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .pos-t { top: -6px; left: 50%; transform: translateX(-50%); }<!-- [et_pb_line_break_holder] -->        .pos-b { bottom: -6px; left: 50%; transform: translateX(-50%); }<!-- [et_pb_line_break_holder] -->        .pos-l { left: -6px; top: 50%; transform: translateY(-50%); }<!-- [et_pb_line_break_holder] -->        .pos-r { right: -6px; top: 50%; transform: translateY(-50%); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 7. DECORATORS --- *\/<!-- [et_pb_line_break_holder] -->        .cf-btn-add {<!-- [et_pb_line_break_holder] -->            position: absolute; width: 22px; height: 22px;<!-- [et_pb_line_break_holder] -->            background: white; border: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            border-radius: 50%; color: var(--cf-text-gray);<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            font-size: 10px; z-index: 5; transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 4px rgba(0,0,0,0.05); cursor: pointer; transition: 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-btn-add:hover { background: var(--cf-primary); color: white; transform: translate(-50%, -50%) scale(1.1); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cf-label-pill {<!-- [et_pb_line_break_holder] -->            position: absolute; padding: 4px 10px;<!-- [et_pb_line_break_holder] -->            background: white; border: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            border-radius: 12px; font-size: 0.7rem; font-weight: 700;<!-- [et_pb_line_break_holder] -->            transform: translate(-50%, -50%); z-index: 5;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-lbl-yes { color: #15803d; background: #f0fdf4; border-color: #bbf7d0; }<!-- [et_pb_line_break_holder] -->        .cf-lbl-no { color: #b91c1c; background: #fef2f2; border-color: #fecaca; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 8. TOOLBAR --- *\/<!-- [et_pb_line_break_holder] -->        .cf-toolbar {<!-- [et_pb_line_break_holder] -->            position: absolute; bottom: 20px; left: 20px;<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(5px);<!-- [et_pb_line_break_holder] -->            padding: 6px; border-radius: 50px;<!-- [et_pb_line_break_holder] -->            box-shadow: var(--cf-shadow-md); border: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            display: flex; gap: 5px; z-index: 50;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-tool-btn {<!-- [et_pb_line_break_holder] -->            width: 32px; height: 32px; border: none; background: transparent;<!-- [et_pb_line_break_holder] -->            border-radius: 50%; color: var(--cf-text-dark); cursor: pointer;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center; transition: 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-tool-btn:hover { background: var(--cf-primary-light); color: var(--cf-primary); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 9. SIDEBAR --- *\/<!-- [et_pb_line_break_holder] -->        .cf-panel {<!-- [et_pb_line_break_holder] -->            background: white; border-left: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            display: flex; flex-direction: column; z-index: 20;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-panel-head { padding: 25px; border-bottom: 1px solid var(--cf-border-color); }<!-- [et_pb_line_break_holder] -->        .cf-panel-head h3 { margin: 0; font-size: 1.1rem; color: var(--cf-text-dark); font-weight: 700; }<!-- [et_pb_line_break_holder] -->        .cf-panel-head span { font-size: 0.85rem; color: var(--cf-text-gray); display: block; margin-top: 5px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cf-prop-list { padding: 0; list-style: none !important; overflow-y: auto; flex-grow: 1; }<!-- [et_pb_line_break_holder] -->        .cf-prop-item { padding: 15px 25px; border-bottom: 1px solid var(--cf-bg-gray); }<!-- [et_pb_line_break_holder] -->        .cf-key { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; color: var(--cf-text-gray); display: block; margin-bottom: 5px; }<!-- [et_pb_line_break_holder] -->        .cf-val { font-size: 0.9rem; color: var(--cf-text-dark); font-weight: 500; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- RESPONSIVE --- *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 900px) {<!-- [et_pb_line_break_holder] -->            .cf-ui-frame {<!-- [et_pb_line_break_holder] -->                grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->                height: auto;<!-- [et_pb_line_break_holder] -->                display: flex; <!-- [et_pb_line_break_holder] -->                flex-direction: column-reverse;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cf-board {<!-- [et_pb_line_break_holder] -->                height: 500px;<!-- [et_pb_line_break_holder] -->                min-height: 500px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cf-panel {<!-- [et_pb_line_break_holder] -->                border-left: none;<!-- [et_pb_line_break_holder] -->                border-bottom: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->                max-height: 300px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"cf-wrapper\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cf-layout-grid\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cf-col-text\"><!-- [et_pb_line_break_holder] -->                <span class=\"cf-tag\">Automation<\/span><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"cf-title\">Automate your processes<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3 class=\"cf-subtitle\">A powerful and intuitive workflow engine<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"cf-desc\"><!-- [et_pb_line_break_holder] -->                    A sales management CRM like Cirrus Shield lightens your teams&#8217; daily workload by automating recurring tasks. It allows you to streamline operations while focusing on strategic actions.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->                <\/p>\n<ul class=\"cf-list\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"cf-list-item\"><i class=\"fa-solid fa-check\"><\/i> Cycle automation, from initial contact to signature<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"cf-list-item\"><i class=\"fa-solid fa-check\"><\/i> Fewer manual entries, fewer errors<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"cf-list-item\"><i class=\"fa-solid fa-check\"><\/i> Notable reduction in time-consuming tasks<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"cf-list-item\"><i class=\"fa-solid fa-check\"><\/i> Intuitive setup based on your business needs<\/li>\n<p><!-- [et_pb_line_break_holder] -->                <\/ul>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cf-col-visual\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cf-ui-frame\"><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cf-board\" id=\"cf-main-board\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-zoom-zone\" id=\"cf-scale-layer\"><!-- [et_pb_line_break_holder] -->                            <!-- [et_pb_line_break_holder] -->                            <svg class=\"cf-svg-plane\"><!-- [et_pb_line_break_holder] -->                                <defs><!-- [et_pb_line_break_holder] -->                                    <marker id=\"cf-arrow-head\" markerWidth=\"6\" markerHeight=\"6\" refX=\"5\" refY=\"3\" orient=\"auto\" fill=\"#94a3b8\"><!-- [et_pb_line_break_holder] -->                                        <path d=\"M0,0 L6,3 L0,6 L0,0\" \/><!-- [et_pb_line_break_holder] -->                                    <\/marker><!-- [et_pb_line_break_holder] -->                                <\/defs><!-- [et_pb_line_break_holder] -->                                <path id=\"cf-path-1\" class=\"cf-connector\" marker-end=\"url(#cf-arrow-head)\" d=\"\"\/><!-- [et_pb_line_break_holder] -->                                <path id=\"cf-path-2\" class=\"cf-connector\" marker-end=\"url(#cf-arrow-head)\" d=\"\"\/><!-- [et_pb_line_break_holder] -->                                <path id=\"cf-path-3\" class=\"cf-connector cf-conn-animated\" marker-end=\"url(#cf-arrow-head)\" d=\"\"\/><!-- [et_pb_line_break_holder] -->                                <path id=\"cf-path-4\" class=\"cf-connector\" marker-end=\"url(#cf-arrow-head)\" d=\"\"\/><!-- [et_pb_line_break_holder] -->                            <\/svg><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-btn-add\" id=\"cf-add-1\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-btn-add\" id=\"cf-add-2\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-btn-add\" id=\"cf-add-3\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-btn-add\" id=\"cf-add-4\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-label-pill cf-lbl-no\" id=\"cf-tag-no\">No<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-label-pill cf-lbl-yes\" id=\"cf-tag-yes\">Yes<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-card cf-theme-blue\" id=\"cf-node-1\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-port pos-b\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-icon-box\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-meta\">\n<h4>Quote Signed<\/h4>\n<p><span>Manual trigger<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-card cf-theme-orange\" id=\"cf-node-2\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-port pos-t\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-port pos-l\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-port pos-r\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-icon-box\"><i class=\"fa-solid fa-code-branch\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-meta\">\n<h4>Verification<\/h4>\n<p><span>Status = Won?<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-card cf-theme-red\" id=\"cf-node-3\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-port pos-r\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-icon-box\"><i class=\"fa-solid fa-ban\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-meta\">\n<h4>Stop<\/h4>\n<p><span>End of flow<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-card cf-theme-green\" id=\"cf-node-4\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-port pos-l\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-port pos-b\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-icon-box\"><i class=\"fa-solid fa-file-invoice-dollar\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-meta\">\n<h4>Generate Invoice<\/h4>\n<p><span>Automatic action<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-card cf-theme-gray\" id=\"cf-node-5\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-port pos-t\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-icon-box\"><i class=\"fa-solid fa-flag\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cf-meta\">\n<h4>End<\/h4>\n<p><span>Finished<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-toolbar\"><!-- [et_pb_line_break_holder] -->                            <button class=\"cf-tool-btn\" onclick=\"cfZoom(0.1)\"><i class=\"fa-solid fa-plus\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                            <button class=\"cf-tool-btn\" onclick=\"cfZoom(-0.1)\"><i class=\"fa-solid fa-minus\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                            <button class=\"cf-tool-btn\" onclick=\"cfReset()\"><i class=\"fa-solid fa-compress\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cf-panel\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-panel-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3>Properties<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Configuration of selected node<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<ul class=\"cf-prop-list\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<li class=\"cf-prop-item\"><!-- [et_pb_line_break_holder] -->                                <span class=\"cf-key\">Action Type<\/span><!-- [et_pb_line_break_holder] -->\n<div class=\"cf-val\" style=\"display:flex; align-items:center; gap:8px;\"><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-file-invoice-dollar\" style=\"color:#10b981;\"><\/i> Generate Invoice<!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/li>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<li class=\"cf-prop-item\"><!-- [et_pb_line_break_holder] -->                                <span class=\"cf-key\">Template ID<\/span><!-- [et_pb_line_break_holder] -->\n<div class=\"cf-val\">#TPL-2024-EN-V2<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/li>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<li class=\"cf-prop-item\"><!-- [et_pb_line_break_holder] -->                                <span class=\"cf-key\">Assigned to<\/span><!-- [et_pb_line_break_holder] -->\n<div class=\"cf-val\">Accounting Department<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/li>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<li class=\"cf-prop-item\"><!-- [et_pb_line_break_holder] -->                                <span class=\"cf-key\">Delay<\/span><!-- [et_pb_line_break_holder] -->\n<div class=\"cf-val\">Immediate<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/ul>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <script><!-- [et_pb_line_break_holder] -->        document.addEventListener(\"DOMContentLoaded\", () => {<!-- [et_pb_line_break_holder] -->            const container = document.getElementById('cf-main-board');<!-- [et_pb_line_break_holder] -->            const zoomLayer = document.getElementById('cf-scale-layer');<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ --- STATE VARIABLES ---<!-- [et_pb_line_break_holder] -->            let scale = 0.6; \/\/ Zoomed out by default<!-- [et_pb_line_break_holder] -->            let panX = -80, panY = -150;<!-- [et_pb_line_break_holder] -->            let isDragging = false;<!-- [et_pb_line_break_holder] -->            let startX, startY;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- LAYOUT ENGINE ---<!-- [et_pb_line_break_holder] -->            function calculateLayout() {<!-- [et_pb_line_break_holder] -->                const w = container.offsetWidth;<!-- [et_pb_line_break_holder] -->                const h = container.offsetHeight; <!-- [et_pb_line_break_holder] -->                const isMobile = w < 900;<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Adjust zoom for mobile<!-- [et_pb_line_break_holder] -->                let targetScale = 0.65;        <!-- [et_pb_line_break_holder] -->                if (w < 500) targetScale = 0.45; <!-- [et_pb_line_break_holder] -->                else if (w < 900) targetScale = 0.55; <!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Dynamic Center X<!-- [et_pb_line_break_holder] -->                const cx = w \/ 2 \/ scale; <!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ CONFIGURATION<!-- [et_pb_line_break_holder] -->                const gapY = 160; <!-- [et_pb_line_break_holder] -->                const hw = 125; \/\/ Half-width of card<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ CENTERING LOGIC<!-- [et_pb_line_break_holder] -->                const totalFlowHeight = isMobile ? (gapY * 4) : (gapY * 3 + 20);<!-- [et_pb_line_break_holder] -->                const verticalCenterOffset = ((h \/ scale) - totalFlowHeight) \/ 2;<!-- [et_pb_line_break_holder] -->                const startY = Math.max(50, verticalCenterOffset - 50); <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                const pos = {};<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                if (isMobile) {<!-- [et_pb_line_break_holder] -->                    \/\/ Mobile: Vertical Stack<!-- [et_pb_line_break_holder] -->                    pos['cf-node-1'] = { x: cx - hw, y: startY };<!-- [et_pb_line_break_holder] -->                    pos['cf-node-2'] = { x: cx - hw, y: startY + gapY };<!-- [et_pb_line_break_holder] -->                    pos['cf-node-3'] = { x: cx - hw, y: startY + gapY * 2 };<!-- [et_pb_line_break_holder] -->                    pos['cf-node-4'] = { x: cx - hw, y: startY + gapY * 3 };<!-- [et_pb_line_break_holder] -->                    pos['cf-node-5'] = { x: cx - hw, y: startY + gapY * 4 };<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    \/\/ Desktop: Branching<!-- [et_pb_line_break_holder] -->                    const spread = 280; <!-- [et_pb_line_break_holder] -->                    pos['cf-node-1'] = { x: cx - hw, y: startY };             \/\/ Top<!-- [et_pb_line_break_holder] -->                    pos['cf-node-2'] = { x: cx - hw, y: startY + gapY };       \/\/ Branch<!-- [et_pb_line_break_holder] -->                    pos['cf-node-3'] = { x: cx - hw - spread, y: startY + gapY * 2 }; \/\/ Left<!-- [et_pb_line_break_holder] -->                    pos['cf-node-4'] = { x: cx - hw + spread, y: startY + gapY * 2 }; \/\/ Right<!-- [et_pb_line_break_holder] -->                    pos['cf-node-5'] = { x: cx - hw + spread, y: startY + gapY * 3 + 20 }; \/\/ Below Right<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                return { positions: pos, isMobile: isMobile };<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function render() {<!-- [et_pb_line_break_holder] -->                const { positions, isMobile } = calculateLayout();<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                for(const [id, xy] of Object.entries(positions)) {<!-- [et_pb_line_break_holder] -->                    const el = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                    if(el) {<!-- [et_pb_line_break_holder] -->                        el.style.left = xy.x + 'px';<!-- [et_pb_line_break_holder] -->                        el.style.top = xy.y + 'px';<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                updateTransform();<!-- [et_pb_line_break_holder] -->                setTimeout(() => drawLines(isMobile), 10);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- ACTIONS ---<!-- [et_pb_line_break_holder] -->            window.cfZoom = (delta) => {<!-- [et_pb_line_break_holder] -->                scale = Math.min(Math.max(scale + delta, 0.2), 2);<!-- [et_pb_line_break_holder] -->                render(); <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            window.cfReset = () => { scale = 0.65; panX = 0; panY = 0; render(); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function updateTransform() {<!-- [et_pb_line_break_holder] -->                zoomLayer.style.transform = `scale(${scale}) translate(${panX}px, ${panY}px)`;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- PANNING EVENTS ---<!-- [et_pb_line_break_holder] -->            const getXY = (e) => ({<!-- [et_pb_line_break_holder] -->                x: e.touches ? e.touches[0].clientX : e.clientX,<!-- [et_pb_line_break_holder] -->                y: e.touches ? e.touches[0].clientY : e.clientY<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function startPan(e) {<!-- [et_pb_line_break_holder] -->                if(e.target === container || e.target === zoomLayer || e.target.classList.contains('cf-svg-plane')) {<!-- [et_pb_line_break_holder] -->                    isDragging = true;<!-- [et_pb_line_break_holder] -->                    const pos = getXY(e);<!-- [et_pb_line_break_holder] -->                    startX = pos.x \/ scale - panX;<!-- [et_pb_line_break_holder] -->                    startY = pos.y \/ scale - panY;<!-- [et_pb_line_break_holder] -->                    container.style.cursor = 'grabbing';<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function doPan(e) {<!-- [et_pb_line_break_holder] -->                if(!isDragging) return;<!-- [et_pb_line_break_holder] -->                e.preventDefault();<!-- [et_pb_line_break_holder] -->                const pos = getXY(e);<!-- [et_pb_line_break_holder] -->                panX = pos.x \/ scale - startX;<!-- [et_pb_line_break_holder] -->                panY = pos.y \/ scale - startY;<!-- [et_pb_line_break_holder] -->                updateTransform();<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function endPan() {<!-- [et_pb_line_break_holder] -->                isDragging = false;<!-- [et_pb_line_break_holder] -->                container.style.cursor = 'grab';<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            container.addEventListener('mousedown', startPan);<!-- [et_pb_line_break_holder] -->            window.addEventListener('mousemove', doPan);<!-- [et_pb_line_break_holder] -->            window.addEventListener('mouseup', endPan);<!-- [et_pb_line_break_holder] -->            container.addEventListener('touchstart', startPan, {passive: false});<!-- [et_pb_line_break_holder] -->            window.addEventListener('touchmove', doPan, {passive: false});<!-- [et_pb_line_break_holder] -->            window.addEventListener('touchend', endPan);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- DRAG NODES ---<!-- [et_pb_line_break_holder] -->            let activeNode = null;<!-- [et_pb_line_break_holder] -->            let nodeOffset = {x:0, y:0};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            document.querySelectorAll('.cf-card').forEach(node => {<!-- [et_pb_line_break_holder] -->                const startDrag = (e) => {<!-- [et_pb_line_break_holder] -->                    e.stopPropagation(); <!-- [et_pb_line_break_holder] -->                    activeNode = node;<!-- [et_pb_line_break_holder] -->                    const pos = getXY(e);<!-- [et_pb_line_break_holder] -->                    const rect = node.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                    nodeOffset.x = (pos.x - rect.left) \/ scale;<!-- [et_pb_line_break_holder] -->                    nodeOffset.y = (pos.y - rect.top) \/ scale;<!-- [et_pb_line_break_holder] -->                    node.style.zIndex = 100;<!-- [et_pb_line_break_holder] -->                };<!-- [et_pb_line_break_holder] -->                node.addEventListener('mousedown', startDrag);<!-- [et_pb_line_break_holder] -->                node.addEventListener('touchstart', startDrag, {passive: false});<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const moveNode = (e) => {<!-- [et_pb_line_break_holder] -->                if(!activeNode) return;<!-- [et_pb_line_break_holder] -->                e.preventDefault();<!-- [et_pb_line_break_holder] -->                const pos = getXY(e);<!-- [et_pb_line_break_holder] -->                const containerRect = container.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                const x = (pos.x - containerRect.left) \/ scale - panX - nodeOffset.x;<!-- [et_pb_line_break_holder] -->                const y = (pos.y - containerRect.top) \/ scale - panY - nodeOffset.y;<!-- [et_pb_line_break_holder] -->                activeNode.style.left = x + 'px';<!-- [et_pb_line_break_holder] -->                activeNode.style.top = y + 'px';<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                drawLines(container.offsetWidth < 900);<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const endDragNode = () => {<!-- [et_pb_line_break_holder] -->                if(activeNode) {<!-- [et_pb_line_break_holder] -->                    activeNode.style.zIndex = 10;<!-- [et_pb_line_break_holder] -->                    activeNode = null;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            window.addEventListener('mousemove', moveNode);<!-- [et_pb_line_break_holder] -->            window.addEventListener('touchmove', moveNode, {passive: false});<!-- [et_pb_line_break_holder] -->            window.addEventListener('mouseup', endDragNode);<!-- [et_pb_line_break_holder] -->            window.addEventListener('touchend', endDragNode);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- SVG DRAWING HELPERS ---<!-- [et_pb_line_break_holder] -->            function getAnchor(id, type) {<!-- [et_pb_line_break_holder] -->                const el = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                if(!el) return {x:0, y:0};<!-- [et_pb_line_break_holder] -->                const x = parseFloat(el.style.left) || 0;<!-- [et_pb_line_break_holder] -->                const y = parseFloat(el.style.top) || 0;<!-- [et_pb_line_break_holder] -->                const w = el.offsetWidth;<!-- [et_pb_line_break_holder] -->                const h = el.offsetHeight;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                if(type === 't') return { x: x + w\/2, y: y };<!-- [et_pb_line_break_holder] -->                if(type === 'b') return { x: x + w\/2, y: y + h };<!-- [et_pb_line_break_holder] -->                if(type === 'l') return { x: x, y: y + h\/2 };<!-- [et_pb_line_break_holder] -->                if(type === 'r') return { x: x + w, y: y + h\/2 };<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function setPos(id, p, offX=0, offY=0) {<!-- [et_pb_line_break_holder] -->                const el = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                if(el) { el.style.left = (p.x + offX) + 'px'; el.style.top = (p.y + offY) + 'px'; }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function drawCurve(id, p1, p2, type) {<!-- [et_pb_line_break_holder] -->                const path = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                if(!path) return;<!-- [et_pb_line_break_holder] -->                let d = \"\";<!-- [et_pb_line_break_holder] -->                let cp1 = {x:0, y:0}, cp2 = {x:0, y:0};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                if(type === 'v') { <!-- [et_pb_line_break_holder] -->                    const midY = (p2.y - p1.y)\/2;<!-- [et_pb_line_break_holder] -->                    cp1 = { x: p1.x, y: p1.y + midY };<!-- [et_pb_line_break_holder] -->                    cp2 = { x: p2.x, y: p2.y - midY };<!-- [et_pb_line_break_holder] -->                } <!-- [et_pb_line_break_holder] -->                else if (type === 'l-out') { <!-- [et_pb_line_break_holder] -->                    cp1 = { x: p1.x - 50, y: p1.y };<!-- [et_pb_line_break_holder] -->                    cp2 = { x: p2.x, y: p2.y - 50 };<!-- [et_pb_line_break_holder] -->                } <!-- [et_pb_line_break_holder] -->                else if (type === 'r-out') { <!-- [et_pb_line_break_holder] -->                    cp1 = { x: p1.x + 50, y: p1.y };<!-- [et_pb_line_break_holder] -->                    cp2 = { x: p2.x, y: p2.y - 50 };<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                d = `M ${p1.x} ${p1.y} C ${cp1.x} ${cp1.y}, ${cp2.x} ${cp2.y}, ${p2.x} ${p2.y}`;<!-- [et_pb_line_break_holder] -->                path.setAttribute('d', d);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                const t = 0.5;<!-- [et_pb_line_break_holder] -->                const mx = (1-t)*(1-t)*(1-t)*p1.x + 3*(1-t)*(1-t)*t*cp1.x + 3*(1-t)*t*t*cp2.x + t*t*t*p2.x;<!-- [et_pb_line_break_holder] -->                const my = (1-t)*(1-t)*(1-t)*p1.y + 3*(1-t)*(1-t)*t*cp1.y + 3*(1-t)*t*t*cp2.y + t*t*t*p2.y;<!-- [et_pb_line_break_holder] -->                return { x: mx, y: my };<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- DRAW LINES LOGIC ---<!-- [et_pb_line_break_holder] -->            function drawLines(isMobile) {<!-- [et_pb_line_break_holder] -->                const lines = ['cf-path-1','cf-path-2','cf-path-3','cf-path-4'];<!-- [et_pb_line_break_holder] -->                lines.forEach(id => {<!-- [et_pb_line_break_holder] -->                    const el = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                    if(el) el.style.display = 'block';<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                if(!isMobile) {<!-- [et_pb_line_break_holder] -->                    \/\/ Desktop Drawing<!-- [et_pb_line_break_holder] -->                    const m1 = drawCurve('cf-path-1', getAnchor('cf-node-1','b'), getAnchor('cf-node-2','t'), 'v');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-1', m1);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const m2 = drawCurve('cf-path-2', getAnchor('cf-node-2','l'), getAnchor('cf-node-3','t'), 'l-out');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-2', m2);<!-- [et_pb_line_break_holder] -->                    setPos('cf-tag-no', m2, 0, -28);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const m3 = drawCurve('cf-path-3', getAnchor('cf-node-2','r'), getAnchor('cf-node-4','t'), 'r-out');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-3', m3);<!-- [et_pb_line_break_holder] -->                    setPos('cf-tag-yes', m3, 0, -28);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const m4 = drawCurve('cf-path-4', getAnchor('cf-node-4','b'), getAnchor('cf-node-5','t'), 'v');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-4', m4);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    document.getElementById('cf-tag-yes').style.display = 'block';<!-- [et_pb_line_break_holder] -->                    document.getElementById('cf-tag-no').style.display = 'block';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    \/\/ Mobile Drawing<!-- [et_pb_line_break_holder] -->                    const m1 = drawCurve('cf-path-1', getAnchor('cf-node-1','b'), getAnchor('cf-node-2','t'), 'v');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-1', m1);<!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    const m2 = drawCurve('cf-path-2', getAnchor('cf-node-2','b'), getAnchor('cf-node-3','t'), 'v');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-2', m2);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const m3 = drawCurve('cf-path-3', getAnchor('cf-node-3','b'), getAnchor('cf-node-4','t'), 'v');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-3', m3);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const m4 = drawCurve('cf-path-4', getAnchor('cf-node-4','b'), getAnchor('cf-node-5','t'), 'v');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-4', m4);<!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    document.getElementById('cf-tag-yes').style.display = 'none';<!-- [et_pb_line_break_holder] -->                    document.getElementById('cf-tag-no').style.display = 'none';<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            render();<!-- [et_pb_line_break_holder] -->            window.addEventListener('resize', render);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    <\/script><!-- [et_pb_line_break_holder] --><\/body>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- 1. VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --dash-blue: #3f82f7;<!-- [et_pb_line_break_holder] -->            --dash-bg: #f8fafc;<!-- [et_pb_line_break_holder] -->            --dash-dark: #1e293b;<!-- [et_pb_line_break_holder] -->            --dash-gray: #64748b;<!-- [et_pb_line_break_holder] -->            --dash-border: #e2e8f0;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Chart Colors *\/<!-- [et_pb_line_break_holder] -->            --c-yellow: #facc15;<!-- [et_pb_line_break_holder] -->            --c-orange: #fb923c;<!-- [et_pb_line_break_holder] -->            --c-red: #f87171;<!-- [et_pb_line_break_holder] -->            --c-pink: #f472b6;<!-- [et_pb_line_break_holder] -->            --c-purple: #a855f7;<!-- [et_pb_line_break_holder] -->            --c-blue: #3b82f6;<!-- [et_pb_line_break_holder] -->            --c-green: #22c55e;<!-- [et_pb_line_break_holder] -->            --c-cyan: #22d3ee;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 2. LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->        .dash-section {<!-- [et_pb_line_break_holder] -->            max-width: 1280px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->            padding: 20px 20px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .dash-container {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 40px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .dash-container {<!-- [et_pb_line_break_holder] -->                flex-direction: row;<!-- [et_pb_line_break_holder] -->                align-items: center;<!-- [et_pb_line_break_holder] -->                gap: 80px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .dash-text-side { flex: 0 0 45%; }<!-- [et_pb_line_break_holder] -->            .dash-visual-side { flex: 0 0 50%; width: 100%; position: relative; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 3. TEXT --- *\/<!-- [et_pb_line_break_holder] -->        .dash-title { font-size: 28px; font-weight: 800; color: #0f172a; margin-bottom: 12px; line-height: 1.2; }<!-- [et_pb_line_break_holder] -->        .dash-subtitle { font-size: 16px; font-weight: 600; color: #334155; margin-bottom: 16px; }<!-- [et_pb_line_break_holder] -->        .dash-paragraph { color: var(--dash-gray); font-size: 15px; margin-bottom: 24px; line-height: 1.6; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .dash-list { list-style: none; }<!-- [et_pb_line_break_holder] -->        .dash-list-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; font-size: 14px; color: #475569; }<!-- [et_pb_line_break_holder] -->        .dash-list-icon { color: var(--dash-blue); margin-top: 4px; flex-shrink: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 4. VISUAL MOCKUP --- *\/<!-- [et_pb_line_break_holder] -->        .dash-glass-panel {<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.9);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(20px);<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255, 255, 255, 0.8);<!-- [et_pb_line_break_holder] -->            border-radius: 16px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.08);<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            z-index: 10;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Scrollable Area *\/<!-- [et_pb_line_break_holder] -->            height: 500px;<!-- [et_pb_line_break_holder] -->            overflow-y: auto;<!-- [et_pb_line_break_holder] -->            padding: 24px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .dash-glass-panel::-webkit-scrollbar { width: 6px; }<!-- [et_pb_line_break_holder] -->        .dash-glass-panel::-webkit-scrollbar-track { background: transparent; }<!-- [et_pb_line_break_holder] -->        .dash-glass-panel::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .dash-bg-glow {<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            top: -20px; left: -20px; width: 150px; height: 150px;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);<!-- [et_pb_line_break_holder] -->            filter: blur(60px);<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            opacity: 0.6;<!-- [et_pb_line_break_holder] -->            z-index: -1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .dash-header-label {<!-- [et_pb_line_break_holder] -->            font-size: 18px; font-weight: 700; color: #1e293b; margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->            position: sticky; top: -24px; background: rgba(255,255,255,0.95);<!-- [et_pb_line_break_holder] -->            padding: 10px 0; z-index: 20; border-bottom: 1px solid #f1f5f9;<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(5px); margin-top: -10px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 5. GRID --- *\/<!-- [et_pb_line_break_holder] -->        .dash-grid {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->            gap: 20px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (min-width: 600px) {<!-- [et_pb_line_break_holder] -->            .dash-grid { grid-template-columns: 1fr 1fr; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 6. CARDS --- *\/<!-- [et_pb_line_break_holder] -->        .dash-card {<!-- [et_pb_line_break_holder] -->            background: white;<!-- [et_pb_line_break_holder] -->            border-radius: 12px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 6px rgba(0,0,0,0.04);<!-- [et_pb_line_break_holder] -->            border: 1px solid #f1f5f9;<!-- [et_pb_line_break_holder] -->            padding: 16px;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            align-items: center; <!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            min-height: 280px; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .dash-card-title {<!-- [et_pb_line_break_holder] -->            align-self: flex-start;<!-- [et_pb_line_break_holder] -->            font-size: 13px; font-weight: 700; color: #1e293b; margin-bottom: auto; <!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Pie Charts *\/<!-- [et_pb_line_break_holder] -->        .dash-pie {<!-- [et_pb_line_break_holder] -->            width: 120px; height: 120px;<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            margin: 20px 0; <!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            flex-shrink: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .pie-sector {<!-- [et_pb_line_break_holder] -->            background: conic-gradient(<!-- [et_pb_line_break_holder] -->                var(--c-blue) 0% 15%,<!-- [et_pb_line_break_holder] -->                var(--c-cyan) 15% 30%,<!-- [et_pb_line_break_holder] -->                var(--c-purple) 30% 45%,<!-- [et_pb_line_break_holder] -->                var(--c-pink) 45% 65%,<!-- [et_pb_line_break_holder] -->                var(--c-orange) 65% 75%,<!-- [et_pb_line_break_holder] -->                var(--c-yellow) 75% 100%<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .pie-origin {<!-- [et_pb_line_break_holder] -->            background: conic-gradient(<!-- [et_pb_line_break_holder] -->                var(--c-red) 0% 15%,<!-- [et_pb_line_break_holder] -->                var(--c-yellow) 15% 55%,<!-- [et_pb_line_break_holder] -->                var(--c-purple) 55% 80%,<!-- [et_pb_line_break_holder] -->                var(--c-blue) 80% 100%<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .pie-statut {<!-- [et_pb_line_break_holder] -->            background: conic-gradient(<!-- [et_pb_line_break_holder] -->                var(--c-blue) 0% 20%,<!-- [et_pb_line_break_holder] -->                var(--c-yellow) 20% 45%,<!-- [et_pb_line_break_holder] -->                var(--c-orange) 45% 85%,<!-- [et_pb_line_break_holder] -->                var(--c-green) 85% 95%,<!-- [et_pb_line_break_holder] -->                var(--c-red) 95% 100%<!-- [et_pb_line_break_holder] -->            );<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Line Chart Area *\/<!-- [et_pb_line_break_holder] -->        .dash-line-chart {<!-- [et_pb_line_break_holder] -->            width: 90%; <!-- [et_pb_line_break_holder] -->            height: 120px;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            margin: 10px auto 20px auto;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .dash-chart-svg { width: 100%; height: 100px; overflow: visible; }<!-- [et_pb_line_break_holder] -->        .dash-chart-line { fill: none; stroke: #ef4444; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }<!-- [et_pb_line_break_holder] -->        .dash-chart-grid { stroke: #f1f5f9; stroke-width: 1; stroke-dasharray: 4; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .dash-chart-legend { <!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; gap: 6px; <!-- [et_pb_line_break_holder] -->            font-size: 10px; color: #64748b; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .legend-box { width: 100%; height: 6px; background: #ef4444; border-radius: 2px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Tables *\/<!-- [et_pb_line_break_holder] -->        .dash-table {<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            border-collapse: collapse;<!-- [et_pb_line_break_holder] -->            font-size: 11px;<!-- [et_pb_line_break_holder] -->            margin-top: auto; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .dash-th {<!-- [et_pb_line_break_holder] -->            text-align: left; font-weight: 700; color: #64748b;<!-- [et_pb_line_break_holder] -->            padding: 8px 4px; border-bottom: 1px solid #f1f5f9;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .dash-th-right { text-align: right; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .dash-td {<!-- [et_pb_line_break_holder] -->            padding: 6px 4px; border-bottom: 1px solid #f8fafc;<!-- [et_pb_line_break_holder] -->            color: #334155;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .dash-td-right { text-align: right; font-weight: 600; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Dots *\/<!-- [et_pb_line_break_holder] -->        .d-dot { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 6px; }<!-- [et_pb_line_break_holder] -->        .bg-orange { background: var(--c-orange); }<!-- [et_pb_line_break_holder] -->        .bg-yellow { background: var(--c-yellow); }<!-- [et_pb_line_break_holder] -->        .bg-red { background: var(--c-red); }<!-- [et_pb_line_break_holder] -->        .bg-pink { background: var(--c-pink); }<!-- [et_pb_line_break_holder] -->        .bg-purple { background: var(--c-purple); }<!-- [et_pb_line_break_holder] -->        .bg-blue { background: var(--c-blue); }<!-- [et_pb_line_break_holder] -->        .bg-green { background: var(--c-green); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"dash-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"dash-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"dash-text-side\"><!-- [et_pb_line_break_holder] -->                <span class=\"cf-tag\">Dashboards<\/span><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"dash-title\">Dashboards<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3 class=\"dash-subtitle\">Track your performance<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"dash-paragraph\"><!-- [et_pb_line_break_holder] -->                    Access essential data in real time. Cirrus Shield gathers your indicators into clear dashboards to guide your decisions with precision.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->                <\/p>\n<ul class=\"dash-list\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"dash-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-chart-pie dash-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Overview of key performances<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"dash-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-bullseye dash-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Dashboards tailored to your tracking goals<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<li class=\"dash-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-mobile-screen dash-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Instant access across all types of devices<\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                   <\/p>\n<li class=\"dash-list-item\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-book-open-reader dash-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                        <span>Simplified reading to <a href=\"https:\/\/www.cirrus-shield.fr\/en\/management\/\">identify trends<\/a><\/span><!-- [et_pb_line_break_holder] -->                    <\/li>\n<p><!-- [et_pb_line_break_holder] -->                <\/ul>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"dash-visual-side\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"dash-bg-glow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"dash-glass-panel\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"dash-grid\"><!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"dash-card\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"dash-card-title\">Accounts by Industry<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"dash-pie pie-sector\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<table class=\"dash-table\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<th class=\"dash-th\">Category<\/th>\n<th class=\"dash-th dash-th-right\">Value<\/th>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-orange\"><\/span>Other<\/td>\n<td class=\"dash-td dash-td-right\">2<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-yellow\"><\/span>Construction<\/td>\n<td class=\"dash-td dash-td-right\">6<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-red\"><\/span>Consulting<\/td>\n<td class=\"dash-td dash-td-right\">1<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-pink\"><\/span>Education<\/td>\n<td class=\"dash-td dash-td-right\">3<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                            <\/table>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"dash-card\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"dash-card-title\">Leads by Source<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"dash-pie pie-origin\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<table class=\"dash-table\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<th class=\"dash-th\">Category<\/th>\n<th class=\"dash-th dash-th-right\">Value<\/th>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-purple\"><\/span>Blog<\/td>\n<td class=\"dash-td dash-td-right\">9<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-blue\"><\/span>Referral<\/td>\n<td class=\"dash-td dash-td-right\">4<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-red\"><\/span>Social Network<\/td>\n<td class=\"dash-td dash-td-right\">3<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-yellow\"><\/span>Website<\/td>\n<td class=\"dash-td dash-td-right\">12<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                            <\/table>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"dash-card\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"dash-card-title\">Leads by Industry<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"dash-line-chart\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"dash-chart-legend\" style=\"align-self: flex-end; margin-bottom: 4px;\">\n<div class=\"legend-box\" style=\"width: 10px;\"><\/div>\n<p> RecordCount<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <svg class=\"dash-chart-svg\" viewBox=\"0 0 100 60\" preserveAspectRatio=\"none\"><!-- [et_pb_line_break_holder] -->                                    <line x1=\"0\" y1=\"15\" x2=\"100\" y2=\"15\" class=\"dash-chart-grid\" \/><!-- [et_pb_line_break_holder] -->                                    <line x1=\"0\" y1=\"30\" x2=\"100\" y2=\"30\" class=\"dash-chart-grid\" \/><!-- [et_pb_line_break_holder] -->                                    <line x1=\"0\" y1=\"45\" x2=\"100\" y2=\"45\" class=\"dash-chart-grid\" \/><!-- [et_pb_line_break_holder] -->                                    <polyline points=\"0,55 15,52 25,48 40,55 50,58 60,20 75,55 100,53\" class=\"dash-chart-line\" \/><!-- [et_pb_line_break_holder] -->                                <\/svg><!-- [et_pb_line_break_holder] -->                                <!-- [et_pb_line_break_holder] -->                                <\/p>\n<div style=\"display:flex; justify-content:space-between; width:100%; font-size:8px; color:#94a3b8; margin-top:4px;\"><!-- [et_pb_line_break_holder] -->                                    <span>2019<\/span><span>2020<\/span><span>2021<\/span><span>2022<\/span><span>2023<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<table class=\"dash-table\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<th class=\"dash-th\">Year<\/th>\n<th class=\"dash-th dash-th-right\">Total<\/th>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\">2020<\/td>\n<td class=\"dash-td dash-td-right\">45<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\">2021<\/td>\n<td class=\"dash-td dash-td-right\">12<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\" style=\"color:#ef4444; font-weight:700;\">2022<\/td>\n<td class=\"dash-td dash-td-right\" style=\"color:#ef4444;\">800<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\">2023<\/td>\n<td class=\"dash-td dash-td-right\">35<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                            <\/table>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"dash-card\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"dash-card-title\">Leads by Status<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"dash-pie pie-statut\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<table class=\"dash-table\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<th class=\"dash-th\">Status<\/th>\n<th class=\"dash-th dash-th-right\">Qty<\/th>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-blue\"><\/span>New<\/td>\n<td class=\"dash-td dash-td-right\">12<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-yellow\"><\/span>Contacted<\/td>\n<td class=\"dash-td dash-td-right\">18<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-orange\"><\/span>Qualified<\/td>\n<td class=\"dash-td dash-td-right\">24<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tr>\n<td class=\"dash-td\"><span class=\"d-dot bg-green\"><\/span>Won<\/td>\n<td class=\"dash-td dash-td-right\">8<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                            <\/table>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; border_color_top=&#8221;#c2c2c2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Ligne&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- 1. SCOPED VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --gr-primary: #3f82f7;<!-- [et_pb_line_break_holder] -->            --gr-primary-light: #eff6ff;<!-- [et_pb_line_break_holder] -->            --gr-bg-page: #ffffff;<!-- [et_pb_line_break_holder] -->            --gr-bg-grid: #e2e8f0;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            --gr-text-head: #0f172a;<!-- [et_pb_line_break_holder] -->            --gr-text-body: #64748b;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Shared Card Styles *\/<!-- [et_pb_line_break_holder] -->            --gr-card-bg: #ffffff;<!-- [et_pb_line_break_holder] -->            --gr-card-border: #e2e8f0;<!-- [et_pb_line_break_holder] -->            --gr-card-border-active: #bfdbfe;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Unified Shadows *\/<!-- [et_pb_line_break_holder] -->            --gr-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);<!-- [et_pb_line_break_holder] -->            --gr-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.02);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 2. SECTION LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->        .gr-section {<!-- [et_pb_line_break_holder] -->            padding: 50px 24px 30px 24px;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(to bottom, #f8fafc 0%, #ffffff 20%);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Background Grid Decoration *\/<!-- [et_pb_line_break_holder] -->        .gr-bg-decoration {<!-- [et_pb_line_break_holder] -->            position: absolute; top: 0; left: 0; width: 100%; height: 100%;<!-- [et_pb_line_break_holder] -->            background-image: <!-- [et_pb_line_break_holder] -->                linear-gradient(var(--gr-bg-grid) 1px, transparent 1px),<!-- [et_pb_line_break_holder] -->                linear-gradient(90deg, var(--gr-bg-grid) 1px, transparent 1px);<!-- [et_pb_line_break_holder] -->            background-size: 60px 60px;<!-- [et_pb_line_break_holder] -->            opacity: 0.25; z-index: 0;<!-- [et_pb_line_break_holder] -->            mask-image: radial-gradient(circle at center, black 40%, transparent 80%);<!-- [et_pb_line_break_holder] -->            -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 80%);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .gr-container {<!-- [et_pb_line_break_holder] -->            max-width: 1100px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            z-index: 2;<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 3. TYPOGRAPHY & BADGES --- *\/<!-- [et_pb_line_break_holder] -->        .gr-badge {<!-- [et_pb_line_break_holder] -->            display: inline-flex; align-items: center; gap: 8px;<!-- [et_pb_line_break_holder] -->            background: white; border: 1px solid var(--gr-card-border);<!-- [et_pb_line_break_holder] -->            padding: 6px 14px; border-radius: 100px;<!-- [et_pb_line_break_holder] -->            font-size: 11px; font-weight: 700; color: var(--gr-primary);<!-- [et_pb_line_break_holder] -->            text-transform: uppercase; letter-spacing: 0.8px;<!-- [et_pb_line_break_holder] -->            margin-bottom: 24px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 5px rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] -->            animation: grFadeIn 0.8s ease-out;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .gr-dot { width: 6px; height: 6px; background: var(--gr-primary); border-radius: 50%; box-shadow: 0 0 0 0 rgba(63, 130, 247, 0.7); animation: grPulse 2s infinite; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .gr-heading {<!-- [et_pb_line_break_holder] -->            font-size: 35px;<!-- [et_pb_line_break_holder] -->            font-weight: 800; line-height: 1.1; margin-bottom: 24px;<!-- [et_pb_line_break_holder] -->            letter-spacing: -0.04em; color: var(--gr-text-head);<!-- [et_pb_line_break_holder] -->            animation: grSlideUp 0.8s ease-out 0.1s backwards;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .gr-text {<!-- [et_pb_line_break_holder] -->            font-size: 19px; line-height: 1.6; color: var(--gr-text-body);<!-- [et_pb_line_break_holder] -->            max-width: 680px; margin: 0 auto 60px;<!-- [et_pb_line_break_holder] -->            animation: grSlideUp 0.8s ease-out 0.2s backwards;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 4. GRID LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->        .gr-grid-wrapper {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 280px 1fr 280px;<!-- [et_pb_line_break_holder] -->            gap: 24px;<!-- [et_pb_line_break_holder] -->            align-items: stretch;<!-- [et_pb_line_break_holder] -->            perspective: 1000px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 5. CARDS --- *\/<!-- [et_pb_line_break_holder] -->        .gr-card {<!-- [et_pb_line_break_holder] -->            background: var(--gr-card-bg);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--gr-card-border);<!-- [et_pb_line_break_holder] -->            border-radius: 24px;<!-- [et_pb_line_break_holder] -->            padding: 32px;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            display: flex; flex-direction: column; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            box-shadow: var(--gr-shadow);<!-- [et_pb_line_break_holder] -->            transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);<!-- [et_pb_line_break_holder] -->            animation: grScaleIn 0.8s ease-out 0.3s backwards;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .gr-card:hover {<!-- [et_pb_line_break_holder] -->            transform: translateY(-6px);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--gr-shadow-hover);<!-- [et_pb_line_break_holder] -->            border-color: #cbd5e1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Card 1: Left *\/<!-- [et_pb_line_break_holder] -->        .gr-layout-left { text-align: left; align-items: flex-start; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .gr-icon {<!-- [et_pb_line_break_holder] -->            width: 48px; height: 48px; background: #f0fdf4; <!-- [et_pb_line_break_holder] -->            border: 1px solid #dcfce7; border-radius: 14px;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            font-size: 20px; color: #16a34a; margin-bottom: auto;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .gr-stat-md { font-size: 32px; font-weight: 800; color: #16a34a; letter-spacing: -1px; margin-bottom: 4px; }<!-- [et_pb_line_break_holder] -->        .gr-label-sm { font-size: 13px; font-weight: 600; color: var(--gr-text-body); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Graph *\/<!-- [et_pb_line_break_holder] -->        .gr-graph-container { display: flex; align-items: flex-end; gap: 4px; height: 40px; width: 100%; margin-top: 20px; opacity: 0.6; }<!-- [et_pb_line_break_holder] -->        .gr-bar { flex: 1; background: #dcfce7; border-radius: 2px; }<!-- [et_pb_line_break_holder] -->        .gr-bar:last-child { background: #16a34a; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Card 2: Center (Hero) *\/<!-- [et_pb_line_break_holder] -->        .gr-layout-center { <!-- [et_pb_line_break_holder] -->            background: #ffffff;<!-- [et_pb_line_break_holder] -->            border-color: var(--gr-card-border-active);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 15px 30px -5px rgba(63, 130, 247, 0.15), 0 10px 10px -5px rgba(63, 130, 247, 0.04);<!-- [et_pb_line_break_holder] -->            padding: 48px 32px; z-index: 2;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .gr-layout-center:hover { box-shadow: 0 20px 40px -5px rgba(63, 130, 247, 0.2); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .gr-stat-xl {<!-- [et_pb_line_break_holder] -->            font-size: 80px; font-weight: 800; color: var(--gr-primary);<!-- [et_pb_line_break_holder] -->            line-height: 1; letter-spacing: -4px; margin-bottom: 8px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .gr-label-xl { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--gr-text-head); }<!-- [et_pb_line_break_holder] -->        .gr-sub-xl { font-size: 13px; color: var(--gr-text-body); margin-top: 8px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Card 3: Right *\/<!-- [et_pb_line_break_holder] -->        .gr-layout-right { text-align: left; align-items: flex-start; }<!-- [et_pb_line_break_holder] -->        .gr-icon.blue { color: var(--gr-primary); background: #eff6ff; border-color: #dbeafe; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .gr-visual-shield { <!-- [et_pb_line_break_holder] -->            font-size: 80px; position: absolute; bottom: -20px; right: -20px; <!-- [et_pb_line_break_holder] -->            color: var(--gr-primary); opacity: 0.05; transform: rotate(-10deg); <!-- [et_pb_line_break_holder] -->            transition: transform 0.5s; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .gr-card:hover .gr-visual-shield { transform: rotate(0deg) scale(1.1); opacity: 0.1; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 6. CTA BUTTON --- *\/<!-- [et_pb_line_break_holder] -->        .gr-btn {<!-- [et_pb_line_break_holder] -->            margin-top: 60px;<!-- [et_pb_line_break_holder] -->            display: inline-flex; align-items: center; gap: 10px;<!-- [et_pb_line_break_holder] -->            background: var(--gr-primary); color: white;<!-- [et_pb_line_break_holder] -->            padding: 16px 32px; border-radius: 50px;<!-- [et_pb_line_break_holder] -->            font-weight: 600; text-decoration: none;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 6px -1px rgba(63, 130, 247, 0.3);<!-- [et_pb_line_break_holder] -->            transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->            animation: grSlideUp 0.8s ease-out 0.4s backwards;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .gr-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(63, 130, 247, 0.4); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 7. ANIMATIONS --- *\/<!-- [et_pb_line_break_holder] -->        @keyframes grPulse { 0% { box-shadow: 0 0 0 0 rgba(63, 130, 247, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(63, 130, 247, 0); } 100% { box-shadow: 0 0 0 0 rgba(63, 130, 247, 0); } }<!-- [et_pb_line_break_holder] -->        @keyframes grFadeIn { from { opacity: 0; } to { opacity: 1; } }<!-- [et_pb_line_break_holder] -->        @keyframes grSlideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }<!-- [et_pb_line_break_holder] -->        @keyframes grScaleIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- RESPONSIVE --- *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 900px) {<!-- [et_pb_line_break_holder] -->            .gr-grid-wrapper { grid-template-columns: 1fr; }<!-- [et_pb_line_break_holder] -->            .gr-layout-left, .gr-layout-right { flex-direction: row; align-items: center; gap: 20px; text-align: left; min-height: 120px; }<!-- [et_pb_line_break_holder] -->            .gr-graph-container, .gr-visual-shield { display: none; }<!-- [et_pb_line_break_holder] -->            .gr-icon { margin-bottom: 0; }<!-- [et_pb_line_break_holder] -->            .gr-heading { font-size: 25px; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"gr-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"gr-bg-decoration\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"gr-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"gr-badge\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"gr-dot\"><\/div>\n<p> Leader in France<!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h2 class=\"gr-heading\">A sales management CRM used by <!\u2013- [et_pb_br_holder] -\u2013> more than 8,350 companies<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <pee class=\"gr-text\"><!-- [et_pb_line_break_holder] -->                Reliability, performance, and security. Join the preferred growth ecosystem for French SMEs.<!-- [et_pb_line_break_holder] -->            <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"gr-grid-wrapper\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"gr-card gr-layout-left\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"gr-icon\"><i class=\"fa-solid fa-arrow-trend-up\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"margin-top:20px;\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gr-stat-md\">+125%<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gr-label-sm\">Average Growth<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"gr-graph-container\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gr-bar\" style=\"height: 30%\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gr-bar\" style=\"height: 50%\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gr-bar\" style=\"height: 40%\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gr-bar\" style=\"height: 70%\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gr-bar\" style=\"height: 60%\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gr-bar\" style=\"height: 100%\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"gr-card gr-layout-center\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"gr-stat-xl gr-counter\" data-target=\"8350\">0<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"gr-label-xl\">Active Companies<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"gr-sub-xl\">On the Cirrus Shield platform<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"gr-card gr-layout-right\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"gr-icon blue\"><i class=\"fa-solid fa-lock\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"margin-top:20px; position:relative; z-index:2;\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gr-stat-md\" style=\"color:var(--gr-text-head); font-size:24px;\">Secure<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gr-label-sm\">French Hosting<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div style=\"font-size:11px; color:#94a3b8; margin-top:4px;\">GDPR Compliant<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <i class=\"fa-solid fa-shield-halved gr-visual-shield\"><\/i><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <script><!-- [et_pb_line_break_holder] -->        document.addEventListener(\"DOMContentLoaded\", () => {<!-- [et_pb_line_break_holder] -->            const counter = document.querySelector('.gr-counter');<!-- [et_pb_line_break_holder] -->            const target = 8350;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            const animate = () => {<!-- [et_pb_line_break_holder] -->                let current = 0;<!-- [et_pb_line_break_holder] -->                const increment = target \/ 50;<!-- [et_pb_line_break_holder] -->                const timer = setInterval(() => {<!-- [et_pb_line_break_holder] -->                    current += increment;<!-- [et_pb_line_break_holder] -->                    if(current >= target) {<!-- [et_pb_line_break_holder] -->                        counter.innerText = \"8,350\";<!-- [et_pb_line_break_holder] -->                        clearInterval(timer);<!-- [et_pb_line_break_holder] -->                    } else {<!-- [et_pb_line_break_holder] -->                        counter.innerText = Math.ceil(current).toLocaleString('en-US').replace(\/\\s\/g, ',');<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                }, 25);<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const observer = new IntersectionObserver((entries) => {<!-- [et_pb_line_break_holder] -->                if(entries[0].isIntersecting) {<!-- [et_pb_line_break_holder] -->                    animate();<!-- [et_pb_line_break_holder] -->                    observer.disconnect();<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            observer.observe(counter);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    <\/script><!-- [et_pb_line_break_holder] --><\/body>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; border_color_top=&#8221;#c2c2c2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Ligne&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- 1. SCOPED VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --vpro-primary: #3f82f7;<!-- [et_pb_line_break_holder] -->            --vpro-primary-light: #e6f6ff;<!-- [et_pb_line_break_holder] -->            --vpro-dark: #1a1f36;<!-- [et_pb_line_break_holder] -->            --vpro-gray: #4f566b;<!-- [et_pb_line_break_holder] -->            --vpro-bg-section: #f8fafc;<!-- [et_pb_line_break_holder] -->            --vpro-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --vpro-border: #f0f0f0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            --vpro-shadow-base: 0 10px 30px rgba(0, 0, 0, 0.03);<!-- [et_pb_line_break_holder] -->            --vpro-shadow-hover: 0 20px 40px rgba(46, 163, 242, 0.12);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-section {<!-- [et_pb_line_break_holder] -->            padding: 100px 24px;<!-- [et_pb_line_break_holder] -->            background-color: var(--vpro-bg-section);<!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid var(--vpro-border);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-container {<!-- [et_pb_line_break_holder] -->            max-width: 1240px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 50px;<!-- [et_pb_line_break_holder] -->            align-items: flex-start;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-header {<!-- [et_pb_line_break_holder] -->            max-width: 750px;<!-- [et_pb_line_break_holder] -->            text-align: left;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-badge {<!-- [et_pb_line_break_holder] -->            display: inline-flex; align-items: center; gap: 8px;<!-- [et_pb_line_break_holder] -->            font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->            color: var(--vpro-primary); margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->            background: #eff6ff; padding: 6px 12px; border-radius: 100px;<!-- [et_pb_line_break_holder] -->            border: 1px solid #dbeafe;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-title {<!-- [et_pb_line_break_holder] -->            font-size: 35px; font-weight: 800; line-height: 1.15;<!-- [et_pb_line_break_holder] -->            margin-bottom: 20px; letter-spacing: -0.02em; color: var(--vpro-dark);<!-- [et_pb_line_break_holder] -->            margin-top: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-desc {<!-- [et_pb_line_break_holder] -->            font-size: 18px; color: var(--vpro-gray);<!-- [et_pb_line_break_holder] -->            line-height: 1.6; margin-top: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-link {<!-- [et_pb_line_break_holder] -->            color: var(--vpro-primary); font-weight: 600; text-decoration: none;<!-- [et_pb_line_break_holder] -->            display: inline-flex; align-items: center; gap: 8px; transition: gap 0.2s;<!-- [et_pb_line_break_holder] -->            font-size: 16px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .vpro-link:hover { gap: 12px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-grid {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(4, 1fr);<!-- [et_pb_line_break_holder] -->            gap: 30px;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-card {<!-- [et_pb_line_break_holder] -->            background: var(--vpro-white);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--vpro-border);<!-- [et_pb_line_break_holder] -->            border-radius: 20px;<!-- [et_pb_line_break_holder] -->            padding: 30px;<!-- [et_pb_line_break_holder] -->            aspect-ratio: 1 \/ 1;<!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            justify-content: space-between;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            box-shadow: var(--vpro-shadow-base);<!-- [et_pb_line_break_holder] -->            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);<!-- [et_pb_line_break_holder] -->            text-decoration: none; \/* Ensure no underline on card text if wrapper *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-card:hover {<!-- [et_pb_line_break_holder] -->            transform: translateY(-8px);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--vpro-shadow-hover);<!-- [et_pb_line_break_holder] -->            border-color: var(--vpro-primary-light);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-card::before {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            top: 0; left: 0;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            height: 4px;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(90deg, var(--vpro-primary), var(--vpro-primary-light));<!-- [et_pb_line_break_holder] -->            opacity: 0;<!-- [et_pb_line_break_holder] -->            transition: 0.3s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-card:hover::before { opacity: 1; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-card-body {<!-- [et_pb_line_break_holder] -->            display: flex; flex-direction: column; gap: 16px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-icon {<!-- [et_pb_line_break_holder] -->            width: 50px; height: 50px; <!-- [et_pb_line_break_holder] -->            border-radius: 12px;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            font-size: 1.2rem;<!-- [et_pb_line_break_holder] -->            background: #f4f8ff; <!-- [et_pb_line_break_holder] -->            color: var(--vpro-primary);<!-- [et_pb_line_break_holder] -->            transition: 0.3s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-card:hover .vpro-icon {<!-- [et_pb_line_break_holder] -->            background: var(--vpro-primary);<!-- [et_pb_line_break_holder] -->            color: white;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-card-title { <!-- [et_pb_line_break_holder] -->            font-size: 1.1rem; font-weight: 700; color: var(--vpro-dark); <!-- [et_pb_line_break_holder] -->            line-height: 1.3; margin: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .vpro-card-text { <!-- [et_pb_line_break_holder] -->            font-size: 0.9rem; color: var(--vpro-gray); line-height: 1.5;<!-- [et_pb_line_break_holder] -->            margin: 0;<!-- [et_pb_line_break_holder] -->            display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Footer Link Styling *\/<!-- [et_pb_line_break_holder] -->        .vpro-card-footer {<!-- [et_pb_line_break_holder] -->            padding-top: 20px; border-top: 1px solid #f4f8ff;<!-- [et_pb_line_break_holder] -->            display: flex; justify-content: space-between; align-items: center;<!-- [et_pb_line_break_holder] -->            font-size: 0.85rem; font-weight: 700; color: var(--vpro-primary);<!-- [et_pb_line_break_holder] -->            text-decoration: none; \/* Remove underline *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .vpro-arrow {<!-- [et_pb_line_break_holder] -->            width: 32px; height: 32px; border-radius: 50%; background: #f4f8ff;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            transition: 0.3s; color: var(--vpro-primary);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .vpro-card:hover .vpro-arrow { <!-- [et_pb_line_break_holder] -->            transform: translateX(5px);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- RESPONSIVE --- *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 1100px) {<!-- [et_pb_line_break_holder] -->            .vpro-grid { grid-template-columns: repeat(2, 1fr); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        @media (max-width: 640px) {<!-- [et_pb_line_break_holder] -->            .vpro-grid { grid-template-columns: 1fr; }<!-- [et_pb_line_break_holder] -->            .vpro-card { aspect-ratio: auto; min-height: 300px; }<!-- [et_pb_line_break_holder] -->          .vpro-title { font-size: 25px;}<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"vpro-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"vpro-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"vpro-header\"><!-- [et_pb_line_break_holder] -->                <span class=\"vpro-badge\">Industry Solutions<\/span><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"vpro-title\">A sales management CRM designed to support your growth<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"vpro-desc\"><!-- [et_pb_line_break_holder] -->                    Gather contacts, opportunities, and actions in a reliable and scalable sales management CRM. Cirrus Shield adapts to your pace and sustainably supports the development of your business.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"vpro-grid\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"vpro-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"vpro-card-body\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"vpro-icon\"><i class=\"fa-solid fa-house-chimney\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3 class=\"vpro-card-title\">Real Estate Agencies<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <pee class=\"vpro-card-text\">Manage mandates, properties, and client relationships with a CRM designed for real estate professionals. Cirrus Shield helps you structure every stage, from prospecting to closing.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"https:\/\/www.cirrus-shield.fr\/en\/crm-real-estate\/\" class=\"vpro-card-footer\"><!-- [et_pb_line_break_holder] -->                        Discover<!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"vpro-arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/a><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"vpro-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"vpro-card-body\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"vpro-icon\"><i class=\"fa-solid fa-calendar\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3 class=\"vpro-card-title\">Events Sector<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <pee class=\"vpro-card-text\">Centralize the management of participants, registrations, and logistics with a CRM tailored to the events industry. Cirrus Shield simplifies every step, from planning to event closure.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"#\" class=\"vpro-card-footer\"><!-- [et_pb_line_break_holder] -->                        Discover<!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"vpro-arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/a><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"vpro-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"vpro-card-body\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"vpro-icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3 class=\"vpro-card-title\">Consulting Firms<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <pee class=\"vpro-card-text\">Manage missions, teams, and budgets with a CRM designed for consulting firms. Cirrus Shield centralizes data and automates reporting for precise, real-time tracking.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"https:\/\/www.cirrus-shield.fr\/en\/consulting-firms\/\" class=\"vpro-card-footer\"><!-- [et_pb_line_break_holder] -->                        Discover<!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"vpro-arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/a><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"vpro-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"vpro-card-body\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"vpro-icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3 class=\"vpro-card-title\">Training Organizations<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <pee class=\"vpro-card-text\">Gather learners, trainers, and sessions in a CRM designed for training centers. Cirrus Shield facilitates daily administrative and commercial management.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"https:\/\/www.cirrus-shield.fr\/en\/training-organizations\/\" class=\"vpro-card-footer\"><!-- [et_pb_line_break_holder] -->                        Discover<!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"vpro-arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/a><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- 1. SCOPED VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --adp-primary: #3f82f7;<!-- [et_pb_line_break_holder] -->            --adp-primary-soft: #eff6ff;<!-- [et_pb_line_break_holder] -->            --adp-dark: #0f172a;<!-- [et_pb_line_break_holder] -->            --adp-gray: #64748b;<!-- [et_pb_line_break_holder] -->            --adp-bg: #ffffff;<!-- [et_pb_line_break_holder] -->            --adp-border: #e2e8f0;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            --adp-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05);<!-- [et_pb_line_break_holder] -->            --adp-glass-bg: rgba(255, 255, 255, 0.85);<!-- [et_pb_line_break_holder] -->            --adp-glass-border: 1px solid rgba(255, 255, 255, 0.8);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->        \/* --- 2. LAYOUT UTILITIES --- *\/<!-- [et_pb_line_break_holder] -->        .adp-section { <!-- [et_pb_line_break_holder] -->            padding: 0px 24px; <!-- [et_pb_line_break_holder] -->            position: relative; <!-- [et_pb_line_break_holder] -->            overflow: hidden; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .adp-container { <!-- [et_pb_line_break_holder] -->            max-width: 1200px; <!-- [et_pb_line_break_holder] -->            margin: 0 auto; <!-- [et_pb_line_break_holder] -->            position: relative; <!-- [et_pb_line_break_holder] -->            z-index: 2; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Badge *\/<!-- [et_pb_line_break_holder] -->        .adp-badge {<!-- [et_pb_line_break_holder] -->            display: inline-flex; align-items: center; gap: 8px;<!-- [et_pb_line_break_holder] -->            font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->            color: var(--adp-primary); margin-bottom: 24px;<!-- [et_pb_line_break_holder] -->            background: #eff6ff; padding: 6px 12px; border-radius: 100px; border: 1px solid #dbeafe;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Typography *\/<!-- [et_pb_line_break_holder] -->        .adp-title {<!-- [et_pb_line_break_holder] -->            font-size: 35px; <!-- [et_pb_line_break_holder] -->            font-weight: 800; line-height: 1.15; <!-- [et_pb_line_break_holder] -->            margin-bottom: 24px; color: var(--adp-dark);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .adp-subtitle {<!-- [et_pb_line_break_holder] -->            font-size: 18px; <!-- [et_pb_line_break_holder] -->            color: var(--adp-gray); <!-- [et_pb_line_break_holder] -->            margin-bottom: 32px; line-height: 1.7;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        h3 { font-size: clamp(22px, 4vw, 28px); font-weight: 700; margin-bottom: 16px; line-height: 1.2; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 3. ZIG-ZAG LAYOUT (Desktop) --- *\/<!-- [et_pb_line_break_holder] -->        .adp-row {<!-- [et_pb_line_break_holder] -->            display: grid; <!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr 1fr; \/* Side by side *\/<!-- [et_pb_line_break_holder] -->            gap: 80px; <!-- [et_pb_line_break_holder] -->            align-items: center; <!-- [et_pb_line_break_holder] -->            margin-bottom: 140px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .adp-row:last-child { margin-bottom: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .adp-text { padding-right: 20px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* ZigZag Logic: Swap visual order on even rows *\/<!-- [et_pb_line_break_holder] -->        .adp-row.reverse .adp-visual { order: -1; } <!-- [et_pb_line_break_holder] -->        .adp-row.reverse .adp-text { padding-right: 0; padding-left: 20px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 4. VISUAL MOCKUPS --- *\/<!-- [et_pb_line_break_holder] -->        .adp-visual { <!-- [et_pb_line_break_holder] -->            position: relative; <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .glass-mockup {<!-- [et_pb_line_break_holder] -->            background: var(--adp-glass-bg);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);<!-- [et_pb_line_break_holder] -->            border: var(--adp-glass-border);<!-- [et_pb_line_break_holder] -->            border-radius: 24px;<!-- [et_pb_line_break_holder] -->            padding: 40px;<!-- [et_pb_line_break_holder] -->            box-shadow: var(--adp-shadow);<!-- [et_pb_line_break_holder] -->            position: relative; overflow: hidden;<!-- [et_pb_line_break_holder] -->            min-height: 350px;<!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            flex-direction: column; <!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            text-align: left; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Background Blob *\/<!-- [et_pb_line_break_holder] -->        .blob-bg {<!-- [et_pb_line_break_holder] -->            position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;<!-- [et_pb_line_break_holder] -->            background: radial-gradient(circle, rgba(63, 130, 247, 0.08) 0%, transparent 60%);<!-- [et_pb_line_break_holder] -->            z-index: 0; pointer-events: none;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- UI ELEMENTS (Internal Content) --- *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* 1. Form Element *\/<!-- [et_pb_line_break_holder] -->        .ui-group { <!-- [et_pb_line_break_holder] -->            margin-bottom: 16px; position: relative; z-index: 2; <!-- [et_pb_line_break_holder] -->            background: white; padding: 16px; <!-- [et_pb_line_break_holder] -->            border-radius: 12px; border: 1px solid #f1f5f9; <!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 4px rgba(0,0,0,0.02); <!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .ui-lbl { font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase; margin-bottom: 8px; display: block; }<!-- [et_pb_line_break_holder] -->        .ui-inp { height: 10px; background: #f1f5f9; border-radius: 4px; width: 80%; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* 2. Table Element *\/<!-- [et_pb_line_break_holder] -->        .ui-table-wrapper {<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            overflow-x: auto; <!-- [et_pb_line_break_holder] -->            -webkit-overflow-scrolling: touch;<!-- [et_pb_line_break_holder] -->            background: white; border-radius: 12px; <!-- [et_pb_line_break_holder] -->            border: 1px solid #e2e8f0; position: relative; z-index: 2;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .ui-table { <!-- [et_pb_line_break_holder] -->            width: 100%; min-width: 450px; <!-- [et_pb_line_break_holder] -->            border-collapse: separate; border-spacing: 0; font-size: 13px; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .ui-th { background: #f8fafc; padding: 12px 16px; text-align: left; font-weight: 600; color: var(--adp-gray); border-bottom: 1px solid #e2e8f0; white-space: nowrap; }<!-- [et_pb_line_break_holder] -->        .ui-td { padding: 12px 16px; border-bottom: 1px solid #f1f5f9; color: var(--adp-dark); white-space: nowrap; }<!-- [et_pb_line_break_holder] -->        .ui-badge { display: inline-block; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; }<!-- [et_pb_line_break_holder] -->        .bg-grn { background: #dcfce7; color: #166534; }<!-- [et_pb_line_break_holder] -->        .bg-blu { background: #dbeafe; color: #1e40af; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* 3. KANBAN ELEMENT *\/<!-- [et_pb_line_break_holder] -->        .kb-board {<!-- [et_pb_line_break_holder] -->            display: flex; gap: 16px; width: 100%; <!-- [et_pb_line_break_holder] -->            overflow-x: auto; \/* Scroll on mobile *\/<!-- [et_pb_line_break_holder] -->            -webkit-overflow-scrolling: touch;<!-- [et_pb_line_break_holder] -->            padding-bottom: 12px; <!-- [et_pb_line_break_holder] -->            position: relative; z-index: 2;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .kb-column {<!-- [et_pb_line_break_holder] -->            min-width: 200px; flex: 1; <!-- [et_pb_line_break_holder] -->            display: flex; flex-direction: column; gap: 12px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Arrow Header *\/<!-- [et_pb_line_break_holder] -->        .kb-header {<!-- [et_pb_line_break_holder] -->            background: #3b82f6; <!-- [et_pb_line_break_holder] -->            color: white;<!-- [et_pb_line_break_holder] -->            padding: 10px 14px;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            margin-bottom: 4px;<!-- [et_pb_line_break_holder] -->            clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);<!-- [et_pb_line_break_holder] -->            border-radius: 4px 0 0 4px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .kb-h-title { font-weight: 800; text-transform: uppercase; font-size: 10px; margin-bottom: 2px; letter-spacing: 0.5px; }<!-- [et_pb_line_break_holder] -->        .kb-h-sub { font-size: 9px; opacity: 0.9; display: flex; align-items: center; gap: 4px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Kanban Card *\/<!-- [et_pb_line_break_holder] -->        .kb-card-real {<!-- [et_pb_line_break_holder] -->            background: white; border-radius: 8px; padding: 12px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 5px rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] -->            border: 1px solid #f1f5f9;<!-- [et_pb_line_break_holder] -->            display: flex; flex-direction: column; gap: 8px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .kb-accent-bar { width: 24px; height: 3px; border-radius: 2px; background: #ddd; margin-bottom: 2px; }<!-- [et_pb_line_break_holder] -->        .kb-c-title { font-weight: 700; font-size: 11px; color: #1e293b; line-height: 1.3; }<!-- [et_pb_line_break_holder] -->        .kb-c-comp { font-size: 10px; color: #64748b; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .kb-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }<!-- [et_pb_line_break_holder] -->        .kb-user { display: flex; align-items: center; gap: 6px; }<!-- [et_pb_line_break_holder] -->        .kb-av { <!-- [et_pb_line_break_holder] -->            width: 20px; height: 20px; border-radius: 50%; background: #e2e8f0; <!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center; <!-- [et_pb_line_break_holder] -->            font-size: 8px; font-weight: 700; color: #64748b; overflow: hidden;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .kb-av img { width: 100%; height: 100%; object-fit: cover; }<!-- [et_pb_line_break_holder] -->        .kb-price { font-weight: 700; font-size: 11px; color: #0f172a; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .kb-status { width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; }<!-- [et_pb_line_break_holder] -->        .st-ok { background: #dcfce7; color: #16a34a; }<!-- [et_pb_line_break_holder] -->        .st-wait { color: #cbd5e1; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Accents *\/<!-- [et_pb_line_break_holder] -->        .ac-org { background: #f97316; }<!-- [et_pb_line_break_holder] -->        .ac-prp { background: #a855f7; }<!-- [et_pb_line_break_holder] -->        .ac-blu { background: #3b82f6; }<!-- [et_pb_line_break_holder] -->        .ac-grn { background: #22c55e; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* 4. Document Element *\/<!-- [et_pb_line_break_holder] -->        .ui-doc { <!-- [et_pb_line_break_holder] -->            background: white; padding: 30px; border-radius: 8px; <!-- [et_pb_line_break_holder] -->            border: 1px solid #e2e8f0; position: relative; z-index: 2; <!-- [et_pb_line_break_holder] -->            width: 90%; margin: 0 auto; <!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 20px -5px rgba(0,0,0,0.05); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .doc-ln { height: 8px; background: #f1f5f9; margin-bottom: 10px; border-radius: 2px; }<!-- [et_pb_line_break_holder] -->        .doc-head { display: flex; justify-content: space-between; margin-bottom: 20px; border-bottom: 2px solid var(--adp-primary); padding-bottom: 10px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 5. REVIEWS (Floating) --- *\/<!-- [et_pb_line_break_holder] -->        .rev-card {<!-- [et_pb_line_break_holder] -->            position: absolute; bottom: 20px; right: 20px;<!-- [et_pb_line_break_holder] -->            background: white; padding: 16px 20px; border-radius: 16px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->            border: 1px solid #e2e8f0; z-index: 10;<!-- [et_pb_line_break_holder] -->            max-width: 280px;<!-- [et_pb_line_break_holder] -->            text-align: left; <!-- [et_pb_line_break_holder] -->            animation: adpFloat 6s ease-in-out infinite;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        @keyframes adpFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .rev-stars { color: #f59e0b; font-size: 12px; margin-bottom: 6px; }<!-- [et_pb_line_break_holder] -->        .rev-txt { font-size: 12px; font-style: italic; color: var(--adp-gray); margin-bottom: 6px; }<!-- [et_pb_line_break_holder] -->        .rev-auth { font-size: 11px; font-weight: 700; color: var(--adp-dark); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 6. MOBILE OPTIMIZATION --- *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .adp-section { padding: 60px 24px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .adp-row { <!-- [et_pb_line_break_holder] -->                display: flex; <!-- [et_pb_line_break_holder] -->                flex-direction: column; <!-- [et_pb_line_break_holder] -->                gap: 50px; <!-- [et_pb_line_break_holder] -->                margin-bottom: 80px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .adp-row.reverse { flex-direction: column; }<!-- [et_pb_line_break_holder] -->            .adp-row.reverse .adp-visual { order: 0; } <!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .adp-text { order: 1; text-align: left; padding: 0; }<!-- [et_pb_line_break_holder] -->            .adp-visual { order: 2; justify-content: center; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .glass-mockup {<!-- [et_pb_line_break_holder] -->                width: 100%; max-width: 500px; padding: 25px; <!-- [et_pb_line_break_holder] -->                min-height: auto; text-align: left; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .ui-doc { width: 100%; padding: 20px; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Kanban Mobile Fixes *\/<!-- [et_pb_line_break_holder] -->            .kb-board { gap: 12px; padding-bottom: 20px; }<!-- [et_pb_line_break_holder] -->            .kb-column { min-width: 180px; } \/* Smaller columns on mobile to fit more *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .rev-card {<!-- [et_pb_line_break_holder] -->                position: relative; <!-- [et_pb_line_break_holder] -->                bottom: auto; right: auto; left: auto;<!-- [et_pb_line_break_holder] -->                margin-top: 20px;<!-- [et_pb_line_break_holder] -->                max-width: 100%;<!-- [et_pb_line_break_holder] -->                animation: none;<!-- [et_pb_line_break_holder] -->                transform: none !important;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 7. MOBILE SPECIFIC H2 SIZE (Requested) --- *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            .adp-title {<!-- [et_pb_line_break_holder] -->                font-size: 25px !important; \/* Forces 25px on mobile *\/<!-- [et_pb_line_break_holder] -->                line-height: 1.3;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .adp-subtitle {<!-- [et_pb_line_break_holder] -->                font-size: 16px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->          .adp-section { padding: 0px}<!-- [et_pb_line_break_holder] -->          .adp-row.reverse .adp-text {padding-left: 0px;}<!-- [et_pb_line_break_holder] -->          .adp-subtitle {margin-bottom: 0px;}<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"adp-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"adp-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div style=\"text-align:center; max-width:800px; margin:0 auto 80px;\"><!-- [et_pb_line_break_holder] -->                <span class=\"adp-badge\">Total Flexibility<\/span><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"adp-title\">A sales management CRM that adapts to the way you work<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"adp-subtitle\">Don\u2019t change your processes for a tool. Cirrus Shield shapes itself to your needs to sustainably support the development of your business.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"adp-row\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"adp-text\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Adapt your sales management CRM to your industry specificities<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"adp-subtitle\">Configure your sales management CRM according to your processes. Create dedicated modules and add custom fields (text, date, formula) to organize the data that truly matters for your business.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"adp-visual\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"glass-mockup\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"blob-bg\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"ui-group\"><!-- [et_pb_line_break_holder] -->                            <span class=\"ui-lbl\">Contract Type<\/span><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"ui-inp\" style=\"background:#e0f2fe; color:#0369a1; padding:4px 8px; height:auto; font-size:12px; font-weight:600; width:auto; display:inline-block;\">Annual Maintenance<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"ui-group\"><!-- [et_pb_line_break_holder] -->                            <span class=\"ui-lbl\">Due Date<\/span><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"ui-inp\" style=\"width:40%;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"rev-card\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"rev-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <pee class=\"rev-txt\">&#8220;We were able to recreate our specific business processes in just a few clicks without any lines of code.&#8221;<\/pee><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"rev-auth\">Operational Director, BTP France<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"adp-row reverse\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"adp-text\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Display your data exactly how you want with your sales management CRM<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"adp-subtitle\">Instantly access essential information. Centralize your contacts and opportunities in clear, dynamic tables that are fully configurable according to your preferences.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"adp-visual\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"glass-mockup\" style=\"padding:20px;\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"blob-bg\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"ui-table-wrapper\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<table class=\"ui-table\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<thead><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<tr><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<th class=\"ui-th\">Contact<\/th>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<th class=\"ui-th\">Company<\/th>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<th class=\"ui-th\">Status<\/th>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<th class=\"ui-th\" style=\"text-align:right;\">Potential Revenue<\/th>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/thead>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<tbody><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<tr><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\"><strong>Alice Dubois<\/strong><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\">TechFlow<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\"><span class=\"ui-badge bg-grn\">Signed<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\" style=\"text-align:right;\">12,500 \u20ac<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<tr><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\"><strong>Marc Leroy<\/strong><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\">ImmoPlus<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\"><span class=\"ui-badge bg-blu\">In progress<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\" style=\"text-align:right;\">8,200 \u20ac<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<tr><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\"><strong>Sophie Martin<\/strong><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\">Consulting &#038; Co<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\"><span class=\"ui-badge bg-blu\">Negotiation<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"ui-td\" style=\"text-align:right;\">24,000 \u20ac<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                <\/tbody>\n<p><!-- [et_pb_line_break_holder] -->                            <\/table>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"rev-card\" style=\"left: 5px; right:auto;\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"rev-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <pee class=\"rev-txt\">&#8220;The clarity of the dashboards has allowed us to better manage our sales activity.&#8221;<\/pee><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"rev-auth\">Sales Director, ESN<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"adp-row\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"adp-text\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Adapt your sales management CRM display to your usage<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"adp-subtitle\">Reorganize your sales management CRM interface to reflect your way of working. Adjust views, filters, and columns to make data reading clearer and navigation more intuitive.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"adp-visual\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"glass-mockup\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"blob-bg\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"kb-board\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"kb-column\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"kb-header\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-h-title\">Meeting Organized<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-h-sub\"><i class=\"fa-solid fa-scale-balanced\"><\/i> 9,200 \u20ac \u2022 3 deals<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"kb-card-real\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-accent-bar ac-org\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div>\n<div class=\"kb-c-title\">Tim&#038;Co Deal<\/div>\n<div class=\"kb-c-comp\">Tim&#038;Co Logistics<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-footer\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"kb-user\">\n<div class=\"kb-av\">TM<\/div>\n<div class=\"kb-price\">2,300 \u20ac<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"kb-status st-wait\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"kb-card-real\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-accent-bar ac-prp\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div>\n<div class=\"kb-c-title\">Guillemet Deal<\/div>\n<div class=\"kb-c-comp\">Guillemet and Co<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-footer\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"kb-user\">\n<div class=\"kb-av\" style=\"background:#fecaca; color:#b91c1c;\">AG<\/div>\n<div class=\"kb-price\">1,500 \u20ac<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"kb-status st-ok\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"kb-column\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"kb-header\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-h-title\">Demo Scheduled<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-h-sub\"><i class=\"fa-solid fa-scale-balanced\"><\/i> 12,400 \u20ac \u2022 4 deals<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"kb-card-real\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-accent-bar ac-grn\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div>\n<div class=\"kb-c-title\">Hotels Deal<\/div>\n<div class=\"kb-c-comp\">Bellevue Hotels<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-footer\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"kb-user\">\n<div class=\"kb-av\" style=\"background:#bfdbfe; color:#1e40af;\">JL<\/div>\n<div class=\"kb-price\">1,900 \u20ac<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"kb-status st-ok\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"kb-card-real\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-accent-bar ac-prp\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div>\n<div class=\"kb-c-title\">JD Ind. Deal<\/div>\n<div class=\"kb-c-comp\">JD Industries<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"kb-footer\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"kb-user\">\n<div class=\"kb-av\">JD<\/div>\n<div class=\"kb-price\">1,800 \u20ac<\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"kb-status st-wait\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"adp-row reverse\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"adp-text\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Generate your documents easily with a sales management CRM<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"adp-subtitle\">Create quotes, invoices, and contracts directly from your sales management CRM. Thanks to dynamic templates, client and sales information integrates automatically to save time and make your documents reliable.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"adp-visual\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"glass-mockup\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"blob-bg\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"ui-doc\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"doc-head\"><!-- [et_pb_line_break_holder] -->                                <span style=\"font-weight:800; font-size:12px;\">QUOTE #2024-045<\/span><!-- [et_pb_line_break_holder] -->                                <span style=\"font-size:12px; color:#64748b;\">02\/10\/2026<\/span><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"doc-ln\" style=\"width:40%;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"doc-ln\" style=\"width:70%;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div style=\"margin:20px 0; border:1px solid #f1f5f9; padding:10px; border-radius:4px;\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"doc-ln\" style=\"width:90%;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"doc-ln\" style=\"width:50%;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div style=\"text-align:right; font-weight:700; font-size:14px; color:#0f172a;\">Total Incl. Tax: 1,250 \u20ac<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"rev-card\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"rev-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <pee class=\"rev-txt\">&#8220;Generating a contract now takes 30 seconds compared to 15 minutes before.&#8221;<\/pee><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"rev-auth\">CEO, SaaS Startup<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f8fafc&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- 1. PREMIUM VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --tm-primary: #3f82f7;<!-- [et_pb_line_break_holder] -->            --tm-primary-glow: rgba(63, 130, 247, 0.4);<!-- [et_pb_line_break_holder] -->            --tm-dark: #0f172a;<!-- [et_pb_line_break_holder] -->            --tm-gray: #64748b;<!-- [et_pb_line_break_holder] -->            --tm-bg: #f8fafc;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            --tm-card-bg: rgba(255, 255, 255, 0.9);<!-- [et_pb_line_break_holder] -->            --tm-border: 1px solid rgba(255, 255, 255, 0.8);<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            --tm-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);<!-- [et_pb_line_break_holder] -->            --tm-shadow-hover: 0 25px 50px -10px rgba(63, 130, 247, 0.15);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 2. LAYOUT & AMBIENT BACKGROUND --- *\/<!-- [et_pb_line_break_holder] -->        .tm-section {<!-- [et_pb_line_break_holder] -->            padding: 0px 24px 30px 24px;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Ambient Orbs *\/<!-- [et_pb_line_break_holder] -->        .tm-orb {<!-- [et_pb_line_break_holder] -->            position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.4; z-index: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .orb-1 { width: 400px; height: 400px; background: #e0f2fe; top: 10%; left: -100px; }<!-- [et_pb_line_break_holder] -->        .orb-2 { width: 300px; height: 300px; background: #ede9fe; bottom: 20%; right: -50px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .tm-container {<!-- [et_pb_line_break_holder] -->            max-width: 1000px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->            position: relative; z-index: 2;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 3. HEADER --- *\/<!-- [et_pb_line_break_holder] -->        .tm-header { text-align: center; max-width: 700px; margin: 0 auto 100px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .tm-badge {<!-- [et_pb_line_break_holder] -->            display: inline-flex; align-items: center; gap: 8px;<!-- [et_pb_line_break_holder] -->            padding: 8px 16px; border-radius: 100px;<!-- [et_pb_line_break_holder] -->            background: white; color: var(--tm-primary);<!-- [et_pb_line_break_holder] -->            font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->            margin-bottom: 24px; border: 1px solid #e2e8f0;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 6px rgba(0,0,0,0.02);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .tm-title { <!-- [et_pb_line_break_holder] -->            font-size: clamp(32px, 5vw, 44px); <!-- [et_pb_line_break_holder] -->            font-weight: 800; margin-bottom: 24px; line-height: 1.1; <!-- [et_pb_line_break_holder] -->            color: var(--tm-dark);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .tm-desc { font-size: 18px; color: var(--tm-gray); max-width: 600px; margin: 0 auto; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 4. TIMELINE TRACK --- *\/<!-- [et_pb_line_break_holder] -->        .timeline { position: relative; padding: 20px 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Central Line *\/<!-- [et_pb_line_break_holder] -->        .timeline::before {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute; top: 0; bottom: 0; left: 50%;<!-- [et_pb_line_break_holder] -->            width: 2px; <!-- [et_pb_line_break_holder] -->            background: linear-gradient(to bottom, rgba(63, 130, 247, 0), var(--tm-primary), rgba(63, 130, 247, 0));<!-- [et_pb_line_break_holder] -->            transform: translateX(-50%);<!-- [et_pb_line_break_holder] -->            opacity: 0.3;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 5. TIMELINE ITEM --- *\/<!-- [et_pb_line_break_holder] -->        .tm-item {<!-- [et_pb_line_break_holder] -->            position: relative; margin-bottom: 60px;<!-- [et_pb_line_break_holder] -->            width: 100%; display: flex; justify-content: center; align-items: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .tm-item:last-child { margin-bottom: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* THE CARD *\/<!-- [et_pb_line_break_holder] -->        .tm-card {<!-- [et_pb_line_break_holder] -->            width: 45%; \/* Slightly wider *\/<!-- [et_pb_line_break_holder] -->            background: var(--tm-card-bg);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);<!-- [et_pb_line_break_holder] -->            padding: 36px;<!-- [et_pb_line_break_holder] -->            border-radius: 24px;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            border: var(--tm-border);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--tm-shadow);<!-- [et_pb_line_break_holder] -->            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .tm-card:hover { <!-- [et_pb_line_break_holder] -->            transform: translateY(-8px) scale(1.02); <!-- [et_pb_line_break_holder] -->            box-shadow: var(--tm-shadow-hover); <!-- [et_pb_line_break_holder] -->            background: rgba(255,255,255,1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Watermark Number inside Card *\/<!-- [et_pb_line_break_holder] -->        .tm-watermark {<!-- [et_pb_line_break_holder] -->            position: absolute; top: -10px; right: 20px;<!-- [et_pb_line_break_holder] -->            font-size: 80px; font-weight: 900;<!-- [et_pb_line_break_holder] -->            color: var(--tm-primary);<!-- [et_pb_line_break_holder] -->            opacity: 0.05;<!-- [et_pb_line_break_holder] -->            line-height: 1;<!-- [et_pb_line_break_holder] -->            transition: all 0.4s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .tm-card:hover .tm-watermark { transform: translateY(-5px); opacity: 0.1; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* CENTER NODE (Pulsing Dot) *\/<!-- [et_pb_line_break_holder] -->        .tm-node {<!-- [et_pb_line_break_holder] -->            position: absolute; left: 50%; top: 50%;<!-- [et_pb_line_break_holder] -->            transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->            width: 20px; height: 20px;<!-- [et_pb_line_break_holder] -->            background: var(--tm-primary);<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            z-index: 2;<!-- [et_pb_line_break_holder] -->            border: 4px solid white;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 0 0 1px rgba(63, 130, 247, 0.2);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Pulse Animation *\/<!-- [et_pb_line_break_holder] -->        .tm-node::after {<!-- [et_pb_line_break_holder] -->            content: ''; position: absolute; inset: -4px; border-radius: 50%;<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--tm-primary); opacity: 0.6;<!-- [et_pb_line_break_holder] -->            animation: pulse-ring 2s infinite;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @keyframes pulse-ring {<!-- [et_pb_line_break_holder] -->            0% { transform: scale(1); opacity: 0.6; }<!-- [et_pb_line_break_holder] -->            100% { transform: scale(2.5); opacity: 0; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Connecting Lines (Horizontal) *\/<!-- [et_pb_line_break_holder] -->        .tm-line {<!-- [et_pb_line_break_holder] -->            position: absolute; top: 50%; height: 1px; width: 5%; <!-- [et_pb_line_break_holder] -->            background: var(--tm-primary); opacity: 0.3;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 6. ALTERNATING SIDES (Desktop) --- *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* ODD ITEMS (Left) *\/<!-- [et_pb_line_break_holder] -->        .tm-item:nth-child(odd) { justify-content: flex-start; }<!-- [et_pb_line_break_holder] -->        .tm-item:nth-child(odd) .tm-card { margin-left: auto; margin-right: 50%; transform: translateX(-50px); }<!-- [et_pb_line_break_holder] -->        .tm-item:nth-child(odd) .tm-card:hover { transform: translateX(-50px) translateY(-8px) scale(1.02); }<!-- [et_pb_line_break_holder] -->        .tm-item:nth-child(odd) .tm-line { right: 50%; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* EVEN ITEMS (Right) *\/<!-- [et_pb_line_break_holder] -->        .tm-item:nth-child(even) { justify-content: flex-end; }<!-- [et_pb_line_break_holder] -->        .tm-item:nth-child(even) .tm-card { margin-left: 50%; margin-right: auto; transform: translateX(50px); }<!-- [et_pb_line_break_holder] -->        .tm-item:nth-child(even) .tm-card:hover { transform: translateX(50px) translateY(-8px) scale(1.02); }<!-- [et_pb_line_break_holder] -->        .tm-item:nth-child(even) .tm-line { left: 50%; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* TYPOGRAPHY *\/<!-- [et_pb_line_break_holder] -->        .tm-h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: var(--tm-dark); }<!-- [et_pb_line_break_holder] -->        .tm-p { font-size: 15px; color: var(--tm-gray); line-height: 1.6; margin: 0; position: relative; z-index: 2; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 7. RESPONSIVE (Mobile) --- *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 850px) {<!-- [et_pb_line_break_holder] -->            .tm-header { margin-bottom: 60px; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Move main line to left *\/<!-- [et_pb_line_break_holder] -->            .timeline::before { left: 20px; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .tm-item { margin-bottom: 40px; justify-content: flex-start !important; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Adjust Node *\/<!-- [et_pb_line_break_holder] -->            .tm-node { <!-- [et_pb_line_break_holder] -->                left: 20px; top: 24px; \/* Align with top of card *\/<!-- [et_pb_line_break_holder] -->                transform: translate(-50%, 0); <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Adjust Card *\/<!-- [et_pb_line_break_holder] -->            .tm-card {<!-- [et_pb_line_break_holder] -->                width: calc(100% - 60px); \/* Full width minus space *\/<!-- [et_pb_line_break_holder] -->                margin: 0 0 0 60px !important; \/* Push right *\/<!-- [et_pb_line_break_holder] -->                transform: none !important; <!-- [et_pb_line_break_holder] -->                padding: 24px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .tm-card:hover { transform: translateY(-5px) !important; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .tm-line { display: none; } \/* Hide horizontal connectors on mobile *\/<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .tm-watermark { font-size: 60px; top: 10px; right: 10px; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"tm-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"tm-orb orb-1\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"tm-orb orb-2\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"tm-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"tm-header\"><!-- [et_pb_line_break_holder] -->                <span class=\"tm-badge\">Methodology<\/span><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"tm-title\">A deployment method designed for your success<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"tm-desc\"><!-- [et_pb_line_break_holder] -->                    Cirrus Shield follows a structured approach to ensure rapid adoption and align the tool with your objectives.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"timeline\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"tm-item\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-node\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-line\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-card\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"tm-watermark\">01<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"tm-h3\">Needs analysis<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"tm-p\">Comprehensive evaluation of your organization, audit of your current practices and mapping of your sales flows to identify performance levers.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"tm-item\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-node\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-line\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-card\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"tm-watermark\">02<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"tm-h3\">Deployment plan<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"tm-p\">Development of a detailed roadmap, definition of key milestones and validation of the project schedule with your management teams.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"tm-item\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-node\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-line\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-card\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"tm-watermark\">03<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"tm-h3\">CRM Configuration<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"tm-p\">Installation of the technical environment, custom setting of your modules and secure importation of your historical data.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"tm-item\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-node\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-line\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-card\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"tm-watermark\">04<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"tm-h3\">Go-live<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"tm-p\">Team training (administrators and users), change management support and official launch of the platform.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"tm-item\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-node\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-line\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"tm-card\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"tm-watermark\">05<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"tm-h3\">Continuous optimization<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"tm-p\">Post-deployment follow-up, analysis of performance indicators (KPIs), progressive adjustments and continuous improvement.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- 1. VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --st-primary: #3f82f7;<!-- [et_pb_line_break_holder] -->            --st-dark: #0f172a;<!-- [et_pb_line_break_holder] -->            --st-gray: #64748b;<!-- [et_pb_line_break_holder] -->            --st-bg: #f1f5f9;<!-- [et_pb_line_break_holder] -->            --st-white: #ffffff;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            --st-radius: 24px;<!-- [et_pb_line_break_holder] -->            --st-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 2. LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->        .st-section {<!-- [et_pb_line_break_holder] -->            padding: 50px 24px;<!-- [et_pb_line_break_holder] -->            background-color: var(--st-white);<!-- [et_pb_line_break_holder] -->            display: flex; justify-content: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .st-container {<!-- [et_pb_line_break_holder] -->            max-width: 1100px; width: 100%;<!-- [et_pb_line_break_holder] -->            background: var(--st-bg);<!-- [et_pb_line_break_holder] -->            border-radius: var(--st-radius);<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr 1fr; \/* Split 50\/50 *\/<!-- [et_pb_line_break_holder] -->            box-shadow: var(--st-shadow);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 3. LEFT COLUMN (Image & Stat) --- *\/<!-- [et_pb_line_break_holder] -->        .st-visual {<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            background-color: #cbd5e1;<!-- [et_pb_line_break_holder] -->            \/* Placeholder background - simulates a professional photo *\/<!-- [et_pb_line_break_holder] -->            background-image: url('https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80');<!-- [et_pb_line_break_holder] -->            background-size: cover;<!-- [et_pb_line_break_holder] -->            background-position: center;<!-- [et_pb_line_break_holder] -->            min-height: 400px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Overlay Gradient *\/<!-- [et_pb_line_break_holder] -->        .st-visual::after {<!-- [et_pb_line_break_holder] -->            content: ''; position: absolute; inset: 0;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(to bottom, transparent 0%, rgba(15, 23, 42, 0.4) 100%);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Floating Stat Card *\/<!-- [et_pb_line_break_holder] -->        .st-stat-card {<!-- [et_pb_line_break_holder] -->            position: absolute; bottom: 30px; left: 30px;<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.95);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(8px);<!-- [et_pb_line_break_holder] -->            padding: 20px 24px;<!-- [et_pb_line_break_holder] -->            border-radius: 16px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 20px rgba(0,0,0,0.15);<!-- [et_pb_line_break_holder] -->            z-index: 2; border-left: 4px solid var(--st-primary);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .st-stat-val { font-size: 32px; font-weight: 800; color: var(--st-primary); line-height: 1; margin-bottom: 4px; }<!-- [et_pb_line_break_holder] -->        .st-stat-label { font-size: 13px; font-weight: 600; color: var(--st-gray); text-transform: uppercase; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 4. RIGHT COLUMN (Content) --- *\/<!-- [et_pb_line_break_holder] -->        .st-content {<!-- [et_pb_line_break_holder] -->            padding: 60px 50px;<!-- [et_pb_line_break_holder] -->            display: flex; flex-direction: column;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            text-align: left;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .st-badge {<!-- [et_pb_line_break_holder] -->            display: inline-flex; align-items: center; gap: 6px;<!-- [et_pb_line_break_holder] -->            font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;<!-- [et_pb_line_break_holder] -->            color: #166534; background: #dcfce7;<!-- [et_pb_line_break_holder] -->            padding: 6px 12px; border-radius: 6px;<!-- [et_pb_line_break_holder] -->            align-self: flex-start; margin-bottom: 24px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .st-title {<!-- [et_pb_line_break_holder] -->            font-size: 32px; font-weight: 800; color: var(--st-dark);<!-- [et_pb_line_break_holder] -->            line-height: 1.2; margin-bottom: 30px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .st-quote-box {<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            padding-left: 24px;<!-- [et_pb_line_break_holder] -->            border-left: 2px solid #cbd5e1;<!-- [et_pb_line_break_holder] -->            margin-bottom: 40px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .st-quote-text {<!-- [et_pb_line_break_holder] -->            font-size: 18px; font-style: italic; color: #334155;<!-- [et_pb_line_break_holder] -->            line-height: 1.6; margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Author Block *\/<!-- [et_pb_line_break_holder] -->        .st-author {<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; gap: 16px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .st-avatar {<!-- [et_pb_line_break_holder] -->            width: 48px; height: 48px; border-radius: 50%;<!-- [et_pb_line_break_holder] -->            object-fit: cover; background: #94a3b8;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .st-meta h4 { font-size: 15px; font-weight: 700; color: var(--st-dark); margin: 0; }<!-- [et_pb_line_break_holder] -->        .st-meta p { font-size: 13px; color: var(--st-gray); margin: 2px 0 0 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 5. RESPONSIVE --- *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 900px) {<!-- [et_pb_line_break_holder] -->            .st-container { grid-template-columns: 1fr; }<!-- [et_pb_line_break_holder] -->            .st-visual { min-height: 250px; }<!-- [et_pb_line_break_holder] -->            .st-stat-card { bottom: 20px; left: 20px; padding: 16px 20px; }<!-- [et_pb_line_break_holder] -->            .st-stat-val { font-size: 24px; }<!-- [et_pb_line_break_holder] -->            .st-content { padding: 40px 24px; }<!-- [et_pb_line_break_holder] -->            .st-title { font-size: 26px; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"st-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"st-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"st-visual\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"st-stat-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"st-stat-val\">-30%<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"st-stat-label\">Sales Cycle<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"st-content\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"st-badge\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fa-solid fa-check-circle\"><\/i> Verified Client<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"st-title\">Cirrus Shield supports your growth with a sales management CRM<\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"st-quote-box\"><!-- [et_pb_line_break_holder] -->                    <pee class=\"st-quote-text\"><!-- [et_pb_line_break_holder] -->                        &#8220;Since we started using Cirrus Shield, our sales cycle has been reduced by 30%. It is the essential tool that structured our growth and aligned our teams.&#8221;<!-- [et_pb_line_break_holder] -->                    <\/pee><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"color:#f59e0b; font-size:12px; margin-top:10px;\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-star\"><\/i><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-star\"><\/i><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-star\"><\/i><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-star\"><\/i><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-star\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"st-author\"><!-- [et_pb_line_break_holder] -->                    <img decoding=\"async\" src=\"https:\/\/ui-avatars.com\/api\/?name=Thomas+D&#038;background=0f172a&#038;color=fff\" alt=\"Thomas\" class=\"st-avatar\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"st-meta\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4>Thomas Dubois<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <pee>Sales Director, TechSolutions<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;51px|||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;100%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;70%&#8221; max_width_tablet=&#8221;70%&#8221; max_width_phone=&#8221;70%&#8221; max_width_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;|auto|0px|auto||&#8221; custom_margin_tablet=&#8221;|auto|0px|auto||&#8221; custom_margin_phone=&#8221;|||||true&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Inter||||||||&#8221; text_text_color=&#8221;#8F8F8F&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;Inter|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;35px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;|134px||134px|false|true&#8221; custom_margin_tablet=&#8221;|134px||134px|false|true&#8221; custom_margin_phone=&#8221;|-10px||-10px|false|true&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;16px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; header_2_font_size_tablet=&#8221;35px&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Frequently Asked Questions<\/h2>\n<div class=\"process-header\">\n<p>Everything you need to know to drive your growth with Cirrus Shield.<\/p>\n<\/div>\n<div class=\"video-container\"><\/div>\n<div class=\"logo-grid\"><\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_accordion open_toggle_text_color=&#8221;#000000&#8243; closed_toggle_text_color=&#8221;#000000&#8243; icon_color=&#8221;#4294FF&#8221; icon_font_size=&#8221;32px&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; toggle_font_size=&#8221;20px&#8221; closed_toggle_font=&#8221;Inter||||||||&#8221; closed_toggle_font_size=&#8221;20px&#8221; body_text_color=&#8221;#4f566b&#8221; body_font_size=&#8221;15px&#8221; body_line_height=&#8221;1.4em&#8221; custom_padding=&#8221;|0px||0px|false|false&#8221; hover_enabled=&#8221;0&#8243; toggle_font_size_tablet=&#8221;20px&#8221; toggle_font_size_phone=&#8221;15px&#8221; toggle_font_size_last_edited=&#8221;on|phone&#8221; closed_toggle_font_size_tablet=&#8221;20px&#8221; closed_toggle_font_size_phone=&#8221;15px&#8221; closed_toggle_font_size_last_edited=&#8221;on|tablet&#8221; body_font_size_tablet=&#8221;14px&#8221; body_font_size_phone=&#8221;14px&#8221; body_font_size_last_edited=&#8221;on|tablet&#8221; custom_css_free_form=&#8221;h3 {||  margin-bottom: 0px !important;||}&#8221; border_radii=&#8221;on|18px|18px|18px|18px&#8221; border_color_all=&#8221;#e3e8ee&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_accordion_item title=&#8221;Qu\u2019est-ce qu\u2019un CRM et pourquoi est-il essentiel pour votre entreprise ?&#8221; open=&#8221;on&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; custom_css_main_element=&#8221;display: none; &#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;What are the essential features of the Cirrus Shield sales management CRM?&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>What are the essential features of the Cirrus Shield sales management CRM?<\/h2>\n<p><span style=\"font-weight: 400;\">Cirrus Shield offers all the necessary components for complete sales management:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Centralized data<\/b><span style=\"font-weight: 400;\">: history, exchanges, files, and client information<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Sales steering<\/b><span style=\"font-weight: 400;\">: tracking of opportunities, pipelines, and forecasts<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Integrated documents<\/b><span style=\"font-weight: 400;\">: quick creation of quotes and invoices<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Automation<\/b><span style=\"font-weight: 400;\">: workflows to simplify repetitive tasks<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Everything is easily customizable, without the need for an external service provider.<\/span><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Why prioritize a customizable low-code sales management CRM?&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Why prioritize a customizable low-code sales management CRM?<\/h2>\n<p><span style=\"font-weight: 400;\">Many tools apply rigid patterns that are poorly adapted to field realities. A <\/span><b>sales management CRM<\/b><span style=\"font-weight: 400;\"> like Cirrus Shield adjusts to your existing processes, without forcing you to modify your practices.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This low-code approach allows you to structure management according to your business rules, facilitates team adoption, and quickly generates efficiency gains.<\/span><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Can the Cirrus Shield sales management CRM be used in specific sectors?&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Can the Cirrus Shield sales management CRM be used in specific sectors?<\/h2>\n<p><span style=\"font-weight: 400;\">Yes. Cirrus Shield is used in various B2B sectors such as real estate, consulting, events, and training. It adapts to the specific needs of each profession thanks to a modular and customizable structure.<\/span><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Is it possible to create business applications with Cirrus Shield?&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Is it possible to create business applications with Cirrus Shield?<\/h2>\n<p><span style=\"font-weight: 400;\">Yes. Cirrus Shield integrates a low-code logic that allows you to build business applications via drag-and-drop, without complex development. This flexibility is ideal for structuring use cases specific to each company.<\/span><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Does your Cirrus Shield sales management CRM help reduce sales cycles?&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Does your Cirrus Shield sales management CRM help reduce sales cycles?<\/h2>\n<p><span style=\"font-weight: 400;\">Absolutely. By centralizing data, automating follow-ups, and structuring opportunities through clear pipelines, Cirrus Shield helps shorten sales cycles and improve conversion rates.<\/span><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Is your CRM suitable for human-sized organizations?&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Is your CRM suitable for human-sized organizations?<\/h2>\n<p><span style=\"font-weight: 400;\">Yes. Cirrus Shield is designed for VSEs, SMEs, and B2B teams. Its simple interface and progressive approach allow for quick adoption by all employees.<\/span><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Is your Cirrus Shield sales management CRM accessible to non-technical profiles?&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Is your Cirrus Shield sales management CRM accessible to non-technical profiles?<\/h2>\n<p><span style=\"font-weight: 400;\">Yes. Cirrus Shield is designed to be used easily, even without IT skills. Its low-code interface allows for modifying fields, displays, and modules through an intuitive drag-and-drop system.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sales and marketing teams can customize their workspace without depending on a technical department or an external service provider.<\/span><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Does Cirrus Shield allow for better internal collaboration?&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Does Cirrus Shield allow for better internal collaboration?<\/h2>\n<p><span style=\"font-weight: 400;\">Yes. Our <\/span><b>sales management CRM<\/b><span style=\"font-weight: 400;\"> promotes information sharing between teams (sales, marketing, support). Customer data is centralized, accessible, and updated in real time, which strengthens coordination.<\/span><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;What types of documents can be automatically generated with Cirrus Shield?&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>What types of documents can be automatically generated with Cirrus Shield?<\/h2>\n<p><span style=\"font-weight: 400;\">Cirrus Shield allows for the automatic generation of documents such as quotes, invoices, or contracts. The templates are dynamic, populated directly by CRM data, which eliminates manual re-entry and limits errors.<\/span><\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Is Cirrus Shield accessible remotely and on multiple devices?&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_color=&#8221;on&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Is Cirrus Shield accessible remotely and on multiple devices?<\/h2>\n<p><span style=\"font-weight: 400;\">Yes, Cirrus Shield is designed to be used wherever you are. The software is accessed via a browser, allowing you to consult your data, track your opportunities, and manage your activity even while on the move, whether on a computer or mobile.<\/span><\/p>\n<p>[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#3f82f7&#8243; custom_padding=&#8221;||5px|||&#8221; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#C2C2C2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Ligne&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|auto|32px|auto||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Inter||||||||&#8221; text_text_color=&#8221;#8F8F8F&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;Inter|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#FFFFFF&#8221; header_2_font_size=&#8221;35px&#8221; header_2_line_height=&#8221;1.2em&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;|134px|8px|134px|false|true&#8221; custom_margin_tablet=&#8221;|134px||134px|false|true&#8221; custom_margin_phone=&#8221;|-10px||-10px|false|true&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;16px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; header_2_font_size_tablet=&#8221;35px&#8221; header_2_font_size_phone=&#8221;26px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2>Clear pricing for your sales management CRM<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;17px&#8221; text_line_height=&#8221;1.5em&#8221; header_font=&#8221;Inter|800|||||||&#8221; header_text_align=&#8221;center&#8221; header_font_size=&#8221;50px&#8221; header_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Inter|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;35px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;|154px||154px|false|true&#8221; custom_margin_tablet=&#8221;|0px||0px|false|true&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p class=\"cs-sales-text-lead cs-sales-hero-sub\" style=\"text-align: center;\">Select the Cirrus Shield edition that matches your current needs. A solution designed to grow with you.\n<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||11px|||&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><a href=\"https:\/\/www.cirrus-shield.fr\/en\/pricing\/\" class=\"hero-cta\"><!-- [et_pb_line_break_holder] -->    View editions and pricing <!-- [et_pb_line_break_holder] -->    <i class=\"fa-solid fa-arrow-right\"><\/i><!-- [et_pb_line_break_holder] --><\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* Core Variables *\/<!-- [et_pb_line_break_holder] -->:root {<!-- [et_pb_line_break_holder] -->    --primary: white; <!-- [et_pb_line_break_holder] -->    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Button Styles *\/<!-- [et_pb_line_break_holder] -->.hero-cta {<!-- [et_pb_line_break_holder] -->    display: inline-flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center; <!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    background: var(--primary);<!-- [et_pb_line_break_holder] -->    color: #3f82f7;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    padding: 16px 40px;<!-- [et_pb_line_break_holder] -->    border-radius: 100px;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    font-family: 'Segoe UI', system-ui, sans-serif;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->    text-decoration: none;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/* Responsive Safety *\/<!-- [et_pb_line_break_holder] -->    box-sizing: border-box; <!-- [et_pb_line_break_holder] -->    max-width: 100%; <!-- [et_pb_line_break_holder] -->    white-space: nowrap; <!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->    \/* Smooth Animation *\/<!-- [et_pb_line_break_holder] -->    transition: transform 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out), width 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Hover Effect *\/<!-- [et_pb_line_break_holder] -->.hero-cta:hover {<!-- [et_pb_line_break_holder] -->    transform: translateY(-3px);<!-- [et_pb_line_break_holder] -->    box-shadow: 0 25px 50px rgba(37, 99, 235, 0.4);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Icon Animation *\/<!-- [et_pb_line_break_holder] -->.hero-cta:hover i {<!-- [et_pb_line_break_holder] -->    transform: translateX(4px);<!-- [et_pb_line_break_holder] -->    transition: transform 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* --- RESPONSIVE MEDIA QUERIES --- *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Tablet (max-width: 768px) *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->    .hero-cta {<!-- [et_pb_line_break_holder] -->        padding: 14px 30px; <!-- [et_pb_line_break_holder] -->        font-size: 15px;    <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Mobile (max-width: 480px) *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->    .hero-cta {<!-- [et_pb_line_break_holder] -->        display: flex;      <!-- [et_pb_line_break_holder] -->        width: 100%;        <!-- [et_pb_line_break_holder] -->        padding: 14px 20px; <!-- [et_pb_line_break_holder] -->        font-size: 14px;<!-- [et_pb_line_break_holder] -->        white-space: normal; <!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Frequently Asked Questions Everything you need to know to drive your growth with Cirrus Shield. What are the essential features of the Cirrus Shield sales management CRM? Cirrus Shield offers all the necessary components for complete sales management: Centralized data: history, exchanges, files, and client information Sales steering: tracking of opportunities, pipelines, and forecasts Integrated [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-37310","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"et-pb-post-main-image":false,"et-pb-post-main-image-fullwidth":false,"et-pb-portfolio-image":false,"et-pb-portfolio-module-image":false,"et-pb-portfolio-image-single":false,"et-pb-gallery-module-image-portrait":false,"et-pb-post-main-image-fullwidth-large":false,"et-pb-image--responsive--desktop":false,"et-pb-image--responsive--tablet":false,"et-pb-image--responsive--phone":false},"uagb_author_info":{"display_name":"Antoine El Khawand","author_link":"https:\/\/www.cirrus-shield.fr\/en\/article\/author\/antoine\/"},"uagb_comment_info":0,"uagb_excerpt":"Frequently Asked Questions Everything you need to know to drive your growth with Cirrus Shield. What are the essential features of the Cirrus Shield sales management CRM? Cirrus Shield offers all the necessary components for complete sales management: Centralized data: history, exchanges, files, and client information Sales steering: tracking of opportunities, pipelines, and forecasts Integrated&hellip;","_links":{"self":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/comments?post=37310"}],"version-history":[{"count":12,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37310\/revisions"}],"predecessor-version":[{"id":37332,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37310\/revisions\/37332"}],"wp:attachment":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/media?parent=37310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}