{"id":37076,"date":"2025-12-04T12:33:09","date_gmt":"2025-12-04T11:33:09","guid":{"rendered":"https:\/\/www.cirrus-shield.fr\/new-landing-page\/"},"modified":"2026-04-22T15:45:20","modified_gmt":"2026-04-22T13:45:20","slug":"new-landing-page","status":"publish","type":"page","link":"https:\/\/www.cirrus-shield.fr\/en\/","title":{"rendered":"Flexible and customizable CRM | Cirrus Shield"},"content":{"rendered":"<p>[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;#f2f5ff&#8221; custom_padding=&#8221;||0px||false|false&#8221; custom_padding_tablet=&#8221;||0px||false|false&#8221; custom_padding_phone=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;0px||||false|false&#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_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 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] --><link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"cs-wp-wrapper\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"cs-wp-hero\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-wp-container cs-wp-hero-grid\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-wp-review-pill\"><!-- [et_pb_line_break_holder] -->                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><!-- [et_pb_line_break_holder] -->                        <path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\" fill=\"#4285F4\" \/><!-- [et_pb_line_break_holder] -->                        <path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\" fill=\"#34A853\" \/><!-- [et_pb_line_break_holder] -->                        <path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\" fill=\"#FBBC05\" \/><!-- [et_pb_line_break_holder] -->                        <path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\" fill=\"#EA4335\" \/><!-- [et_pb_line_break_holder] -->                        <path d=\"M1 1h22v22H1z\" fill=\"none\" \/><!-- [et_pb_line_break_holder] -->                    <\/svg><!-- [et_pb_line_break_holder] -->                    <span class=\"cs-wp-stars\">\u2605\u2605\u2605\u2605\u2605<\/span><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-wp-review-content\"><!-- [et_pb_line_break_holder] -->                        <span class=\"cs-wp-review-text\">4.4\/5<\/span><!-- [et_pb_line_break_holder] -->                        <span class=\"cs-wp-review-sub\">10 Google reviews<\/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<h1>The <span>Customizable<\/span> CRM<\/h1>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <pee class=\"cs-wp-hero-subtitle\"><!-- [et_pb_line_break_holder] -->                    Centralize, automate, analyze, and revolutionize the management of your<!-- [et_pb_line_break_holder] -->                    <span id=\"cs-dynamic-text\" class=\"cs-wp-dynamic-text\"><\/span><span class=\"cs-wp-cursor\"><\/span><!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-wp-hero-buttons\"><!-- [et_pb_line_break_holder] -->                    <button class=\"cs-wp-btn cs-wp-btn-primary\" onclick=\"openCsModal()\">Free trial<\/button><!-- [et_pb_line_break_holder] -->                    <a href=\"https:\/\/www.cirrus-shield.fr\/en\/demo-request\/\"><!-- [et_pb_line_break_holder] -->                        <button class=\"cs-wp-btn cs-wp-btn-secondary\">Request a demo<\/button><!-- [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=\"cs-wp-trust-text\"><!-- [et_pb_line_break_holder] -->                    <span><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg> Free trial<\/span><!-- [et_pb_line_break_holder] -->                    <span><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg> No credit card required<\/span><!-- [et_pb_line_break_holder] -->                    <span><svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg> GDPR Compliant<\/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<div class=\"cs-wp-hero-visual\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-wp-decor-blob\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-wp-board-container\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-wp-glass-plane\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-wp-mobile-device\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-wp-mobile-screen-image\"><\/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] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"csTrialModal\" class=\"cs-wp-modal-overlay\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-wp-modal-content\"><!-- [et_pb_line_break_holder] -->            <span class=\"cs-wp-close-modal\" onclick=\"closeCsModal()\">\u00d7<\/span><!-- [et_pb_line_break_holder] -->            <\/p>\n<h2 class=\"cs-wp-modal-h2\">Start selling more with Cirrus Shield &#8211; 30 days free!<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-wp-check-row\"><!-- [et_pb_line_break_holder] -->                <span class=\"cs-wp-check-item\">CRM designed by and for salespeople<\/span><!-- [et_pb_line_break_holder] -->                <span class=\"cs-wp-check-item\">Easy to customize and organize<\/span><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <pee class=\"cs-wp-modal-desc\">Get started with access to this plan and our extensions Docusign, Sirene, Chorus Pro, etc&#8230;<\/pee><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-wp-green-badge\">Full access. No credit card required<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<form id=\"cs-signup-form\" style=\"text-align: left; max-width: 450px; margin: 0 auto;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-wp-input-group\"><!-- [et_pb_line_break_holder] -->                    <svg viewBox=\"0 0 24 24\"><!-- [et_pb_line_break_holder] -->                        <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\" \/><!-- [et_pb_line_break_holder] -->                    <\/svg><!-- [et_pb_line_break_holder] -->                    <input type=\"email\" id=\"cs-email-input\" class=\"cs-wp-modal-input\" placeholder=\"Enter your professional email\" required><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-wp-checkbox-group\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-wp-cb-row\"><!-- [et_pb_line_break_holder] -->                        <input type=\"checkbox\" id=\"cs-terms-check\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div>By signing up, you agree to our <a href=\"https:\/\/www.cirrus-shield.fr\/en\/terms-of-use\/\">Terms of Use<\/a> and our <a href=\"https:\/\/www.cirrus-shield.fr\/en\/privacy-policy\/\">Privacy Policy<\/a><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-wp-cb-row\"><!-- [et_pb_line_break_holder] -->                        <input type=\"checkbox\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div>Receive practical tips by email<\/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] -->                <button type=\"button\" class=\"cs-wp-modal-btn-primary\" id=\"cs-submit-btn\" onclick=\"sendSignupEmail()\" disabled>Sign up in two minutes<\/button><!-- [et_pb_line_break_holder] -->                <\/p>\n<div id=\"cs-form-message\" style=\"display:none; margin-top:10px; font-size:0.9rem; font-weight:600;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/form>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-wp-login-link\">Already have an account? <a href=\"https:\/\/www.cirrus-shield.net\">Log in<\/a><\/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] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    (function() {<!-- [et_pb_line_break_holder] -->        \/\/ --- FIX 1: MOVE MODAL TO BODY ---<!-- [et_pb_line_break_holder] -->        var modal = document.getElementById('csTrialModal');<!-- [et_pb_line_break_holder] -->        if (modal && document.body) {<!-- [et_pb_line_break_holder] -->            document.body.appendChild(modal);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ --- NEW: CHECKBOX LOGIC ---<!-- [et_pb_line_break_holder] -->        var termsCheck = document.getElementById('cs-terms-check');<!-- [et_pb_line_break_holder] -->        var submitBtn = document.getElementById('cs-submit-btn');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if(termsCheck && submitBtn) {<!-- [et_pb_line_break_holder] -->            termsCheck.addEventListener('change', function() {<!-- [et_pb_line_break_holder] -->                \/\/ If checked, enable button. If unchecked, disable button.<!-- [et_pb_line_break_holder] -->                submitBtn.disabled = !this.checked;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Modal Logic<!-- [et_pb_line_break_holder] -->        window.openCsModal = function() { <!-- [et_pb_line_break_holder] -->            document.getElementById('csTrialModal').style.display = 'flex'; <!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        window.closeCsModal = function() { <!-- [et_pb_line_break_holder] -->            document.getElementById('csTrialModal').style.display = 'none'; <!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ RESET FORM STATE ON CLOSE<!-- [et_pb_line_break_holder] -->            var btn = document.getElementById('cs-submit-btn');<!-- [et_pb_line_break_holder] -->            var terms = document.getElementById('cs-terms-check');<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            btn.innerText = \"Sign up in two minutes\";<!-- [et_pb_line_break_holder] -->            btn.disabled = true; \/\/ Disable button again<!-- [et_pb_line_break_holder] -->            if(terms) terms.checked = false; \/\/ Uncheck box<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            document.getElementById('cs-form-message').style.display = 'none';<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        window.addEventListener('click', function(e) {<!-- [et_pb_line_break_holder] -->            if (e.target == document.getElementById('csTrialModal')) {<!-- [et_pb_line_break_holder] -->                closeCsModal();<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Email Sending Logic<!-- [et_pb_line_break_holder] -->        window.sendSignupEmail = function() {<!-- [et_pb_line_break_holder] -->            var emailInput = document.getElementById('cs-email-input');<!-- [et_pb_line_break_holder] -->            var terms = document.getElementById('cs-terms-check');<!-- [et_pb_line_break_holder] -->            var email = emailInput.value;<!-- [et_pb_line_break_holder] -->            var btn = document.getElementById('cs-submit-btn');<!-- [et_pb_line_break_holder] -->            var msgDiv = document.getElementById('cs-form-message');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ Double check security in case user removed disabled attribute via inspector<!-- [et_pb_line_break_holder] -->            if(!terms.checked) {<!-- [et_pb_line_break_holder] -->                alert(\"Please accept the terms of use.\");<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            if (!email || !email.includes('@')) {<!-- [et_pb_line_break_holder] -->                alert(\"Please enter a valid email address.\");<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            btn.innerText = \"Sending...\";<!-- [et_pb_line_break_holder] -->            btn.disabled = true;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            var formData = new FormData();<!-- [et_pb_line_break_holder] -->            formData.append('action', 'send_cirrus_email'); <!-- [et_pb_line_break_holder] -->            formData.append('user_email', email);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            fetch('\/wp-admin\/admin-ajax.php', {<!-- [et_pb_line_break_holder] -->                method: 'POST',<!-- [et_pb_line_break_holder] -->                body: formData<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .then(response => response.text())<!-- [et_pb_line_break_holder] -->            .then(data => {<!-- [et_pb_line_break_holder] -->                if(data.includes('success')) {<!-- [et_pb_line_break_holder] -->                    btn.style.backgroundColor = '#34A853'; <!-- [et_pb_line_break_holder] -->                    btn.innerText = \"Email sent!\";<!-- [et_pb_line_break_holder] -->                    msgDiv.style.color = '#34A853';<!-- [et_pb_line_break_holder] -->                    msgDiv.style.textAlign = 'center';<!-- [et_pb_line_break_holder] -->                    msgDiv.innerText = \"Check your inbox. The link is valid for 8 hours.\";<!-- [et_pb_line_break_holder] -->                    msgDiv.style.display = 'block';<!-- [et_pb_line_break_holder] -->                    emailInput.value = \"\";<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    console.warn(\"PHP Handler response:\", data);<!-- [et_pb_line_break_holder] -->                    alert(\"Error: The server could not send the email.\");<!-- [et_pb_line_break_holder] -->                    btn.innerText = \"Error - Try again\";<!-- [et_pb_line_break_holder] -->                    btn.disabled = false;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .catch(error => {<!-- [et_pb_line_break_holder] -->                console.error('Error:', error);<!-- [et_pb_line_break_holder] -->                btn.innerText = \"Try again\";<!-- [et_pb_line_break_holder] -->                btn.disabled = false;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Typewriter (Original)<!-- [et_pb_line_break_holder] -->        const textElement = document.getElementById(\"cs-dynamic-text\");<!-- [et_pb_line_break_holder] -->        if(textElement) {<!-- [et_pb_line_break_holder] -->            const phrases = [\"training center\", \"real estate agency\", \"consulting firm\", \"non-profit\", \"company\"];<!-- [et_pb_line_break_holder] -->            let phraseIndex = 0; <!-- [et_pb_line_break_holder] -->            let charIndex = 0; <!-- [et_pb_line_break_holder] -->            let isDeleting = false;<!-- [et_pb_line_break_holder] -->            function type() {<!-- [et_pb_line_break_holder] -->                const currentPhrase = phrases[phraseIndex];<!-- [et_pb_line_break_holder] -->                if (isDeleting) { <!-- [et_pb_line_break_holder] -->                    textElement.textContent = currentPhrase.substring(0, charIndex - 1); <!-- [et_pb_line_break_holder] -->                    charIndex--; <!-- [et_pb_line_break_holder] -->                } else { <!-- [et_pb_line_break_holder] -->                    textElement.textContent = currentPhrase.substring(0, charIndex + 1); <!-- [et_pb_line_break_holder] -->                    charIndex++; <!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                let typeSpeed = isDeleting ? 40 : 80;<!-- [et_pb_line_break_holder] -->                if (!isDeleting && charIndex === currentPhrase.length) { <!-- [et_pb_line_break_holder] -->                    typeSpeed = 2000; isDeleting = true; <!-- [et_pb_line_break_holder] -->                } else if (isDeleting && charIndex === 0) { <!-- [et_pb_line_break_holder] -->                    isDeleting = false; phraseIndex = (phraseIndex + 1) % phrases.length; typeSpeed = 200; <!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                setTimeout(type, typeSpeed);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            type();<!-- [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] -->\/* CSS UNCHANGED FOR DESKTOP *\/<!-- [et_pb_line_break_holder] -->:root {<!-- [et_pb_line_break_holder] -->    --primary: #3f82f7;<!-- [et_pb_line_break_holder] -->    --primary-dark: #0f86d6;<!-- [et_pb_line_break_holder] -->    --primary-light: #e6f6ff;<!-- [et_pb_line_break_holder] -->    --text-main: #1a1f36;<!-- [et_pb_line_break_holder] -->    --text-secondary: #4f566b;<!-- [et_pb_line_break_holder] -->    --accent-green: #008745;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    --cs-primary: var(--primary);<!-- [et_pb_line_break_holder] -->    --cs-primary-dark: var(--primary-dark);<!-- [et_pb_line_break_holder] -->    --cs-primary-light: var(--primary-light);<!-- [et_pb_line_break_holder] -->    --cs-text-main: var(--text-main);<!-- [et_pb_line_break_holder] -->    --cs-text-secondary: var(--text-secondary);<!-- [et_pb_line_break_holder] -->    --cs-radius-btn: 50px;<!-- [et_pb_line_break_holder] -->    --cs-pop-green-bg: #e6fff0;<!-- [et_pb_line_break_holder] -->    --cs-pop-green-text: #008745;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cs-wp-wrapper * { box-sizing: border-box; }<!-- [et_pb_line_break_holder] -->.cs-wp-wrapper h1, .cs-wp-wrapper h2, .cs-wp-wrapper h3 { font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; margin-top: 0; color: var(--cs-text-main); }<!-- [et_pb_line_break_holder] -->.cs-wp-wrapper p { color: var(--cs-text-secondary); margin-bottom: 1rem; font-size: 1.05rem; }<!-- [et_pb_line_break_holder] -->.cs-wp-wrapper a { text-decoration: none; color: inherit; transition: 0.2s; }<!-- [et_pb_line_break_holder] -->.cs-wp-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Buttons *\/<!-- [et_pb_line_break_holder] -->.cs-wp-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 32px; font-weight: 600; font-size: 1rem; border-radius: var(--cs-radius-btn); cursor: pointer; transition: all 0.2s ease; border: 1px solid transparent; gap: 8px; line-height: 1.2; }<!-- [et_pb_line_break_holder] -->.cs-wp-btn:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }<!-- [et_pb_line_break_holder] -->.cs-wp-btn-primary { background: var(--cs-primary); color: white !important; box-shadow: 0 4px 15px rgba(46, 163, 242, 0.3); }<!-- [et_pb_line_break_holder] -->.cs-wp-btn-primary:hover { background: var(--cs-primary-dark); color: white; }<!-- [et_pb_line_break_holder] -->.cs-wp-btn-secondary { background: white; color: var(--cs-text-main) !important; border: 1px solid #e0e0e0; }<!-- [et_pb_line_break_holder] -->.cs-wp-btn-secondary:hover { border-color: var(--cs-primary); color: var(--cs-primary) !important; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Hero *\/<!-- [et_pb_line_break_holder] -->.cs-wp-hero { padding: 60px 0 100px; overflow: hidden; position: relative; }<!-- [et_pb_line_break_holder] -->.cs-wp-hero-grid { display: grid; grid-template-columns: 1fr; gap: 60px; align-items: center; }<!-- [et_pb_line_break_holder] -->@media(min-width: 992px) { .cs-wp-hero-grid { grid-template-columns: 1fr 1fr; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Review Pill *\/<!-- [et_pb_line_break_holder] -->.cs-wp-review-pill { display: inline-flex; align-items: center; gap: 12px; background: white; border: 1px solid #eee; padding: 8px 20px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); margin-bottom: 24px;  }<!-- [et_pb_line_break_holder] -->.cs-wp-review-pill img, .cs-wp-review-pill svg { width: 24px; height: 24px; }<!-- [et_pb_line_break_holder] -->.cs-wp-stars { color: #e7711b; letter-spacing: 2px; font-size: 0.9rem; }<!-- [et_pb_line_break_holder] -->.cs-wp-review-content { display: flex; flex-direction: column; line-height: 1.2; text-align: left; }<!-- [et_pb_line_break_holder] -->.cs-wp-review-text { font-weight: 800; color: #333; font-size: 1rem; }<!-- [et_pb_line_break_holder] -->.cs-wp-review-sub { font-weight: 500; color: #666; font-size: 0.75rem; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Hero Text *\/<!-- [et_pb_line_break_holder] -->.cs-wp-hero h1 { font-size: clamp(2.5rem, 5vw, 3.8rem); margin-bottom: 24px; color: var(--cs-text-main); line-height: 1.1; }<!-- [et_pb_line_break_holder] -->.cs-wp-hero h1 span { color: var(--cs-primary); }<!-- [et_pb_line_break_holder] -->.cs-wp-hero-subtitle { font-size: 1.35rem !important; color: var(--cs-text-secondary); margin-bottom: 40px !important; line-height: 1.6; max-width: 650px; }<!-- [et_pb_line_break_holder] -->.cs-wp-dynamic-text { color: var(--cs-primary); font-weight: 800; }<!-- [et_pb_line_break_holder] -->.cs-wp-hero-buttons { display: flex; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; }<!-- [et_pb_line_break_holder] -->.cs-wp-trust-text { display: flex; gap: 15px; font-size: 0.85rem; color: var(--cs-text-secondary); opacity: 0.9; flex-wrap: wrap; }<!-- [et_pb_line_break_holder] -->.cs-wp-trust-text span { display: flex; align-items: center; gap: 5px; }<!-- [et_pb_line_break_holder] -->.cs-wp-trust-text svg { fill: var(--cs-primary); width: 16px; height: 16px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Visual *\/<!-- [et_pb_line_break_holder] -->.cs-wp-hero-visual { position: relative; perspective: 1500px; width: 100%; aspect-ratio: 4\/3; display: flex; align-items: center; justify-content: center; padding-right: 60px; }<!-- [et_pb_line_break_holder] -->.cs-wp-board-container { position: relative; width: 100%; height: 80%; transform: rotateY(-10deg) rotateX(5deg); transform-style: preserve-3d; transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); }<!-- [et_pb_line_break_holder] -->.cs-wp-hero-visual:hover .cs-wp-board-container { transform: rotateY(0deg) rotateX(0deg); }<!-- [et_pb_line_break_holder] -->.cs-wp-glass-plane { position: absolute; inset: 0; background: url('https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2026\/01\/Notre-CRM-Cirrus-Shield-e1768467268931.jpg') center center \/ contain no-repeat, rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 24px; box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.1); transform: translateZ(-20px); opacity: 0.9; z-index: 5; }<!-- [et_pb_line_break_holder] -->.cs-wp-mobile-device { position: absolute; bottom: -60px; right: -40px; width: 140px; height: 260px; border: 4px solid white; border-radius: 24px; transform: translateZ(80px) rotateY(-15deg); box-shadow: -15px 20px 40px rgba(0,0,0,0.25); display: flex; flex-direction: column; overflow: hidden; z-index: 20; transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); }<!-- [et_pb_line_break_holder] -->.cs-wp-hero-visual:hover .cs-wp-mobile-device { transform: translateZ(80px) rotateY(0deg) translateY(-10px); }<!-- [et_pb_line_break_holder] -->.cs-wp-mobile-screen-image { width: 100%; height: 100%; background: url('https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-12-124650.png') center center \/ cover no-repeat; }<!-- [et_pb_line_break_holder] -->.cs-wp-decor-blob { position: absolute; width: 400px; height: 400px; background: radial-gradient(circle, rgba(46, 163, 242, 0.12) 0%, rgba(255, 255, 255, 0) 70%); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* MODAL STYLES *\/<!-- [et_pb_line_break_holder] -->.cs-wp-cursor { display: inline-block; width: 2px; height: 1.2em; background-color: var(--cs-primary); margin-left: 2px; animation: cs-blink 1s infinite; vertical-align: middle; }<!-- [et_pb_line_break_holder] -->@keyframes cs-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Fix: Modal z-index set extremely high *\/<!-- [et_pb_line_break_holder] -->.cs-wp-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2147483647; align-items: center; justify-content: center; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cs-wp-modal-content { background: white; padding: 40px; border-radius: 8px; width: 90%; max-width: 550px; position: relative; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); text-align: center;  animation: cs-fadeIn 0.3s ease; }<!-- [et_pb_line_break_holder] -->@keyframes cs-fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }<!-- [et_pb_line_break_holder] -->.cs-wp-close-modal { position: absolute; top: 15px; right: 20px; font-size: 1.5rem; cursor: pointer; color: #999; line-height: 1; }<!-- [et_pb_line_break_holder] -->.cs-wp-modal-h2 { color: #00562d; font-size: 1.6rem; margin-bottom: 20px; line-height: 1.2; font-weight: 700; }<!-- [et_pb_line_break_holder] -->.cs-wp-check-row { display: flex; justify-content: center; gap: 20px; font-size: 0.85rem; color: #26292c; margin-bottom: 20px; flex-wrap: wrap; }<!-- [et_pb_line_break_holder] -->.cs-wp-check-item::before { content: '\u2713'; color: #008745; margin-right: 5px; font-weight: bold; }<!-- [et_pb_line_break_holder] -->.cs-wp-modal-desc { font-size: 0.85rem; color: #444; margin-bottom: 20px; line-height: 1.5; padding: 0 10px; }<!-- [et_pb_line_break_holder] -->.cs-wp-green-badge { background: var(--cs-pop-green-bg); color: var(--cs-pop-green-text); font-weight: 700; font-size: 0.85rem; padding: 8px 16px; border-radius: 50px; display: inline-block; margin-bottom: 25px; }<!-- [et_pb_line_break_holder] -->.cs-wp-input-group { position: relative; text-align: left; margin-bottom: 15px; }<!-- [et_pb_line_break_holder] -->.cs-wp-input-group svg { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); fill: #666; width: 18px; height: 18px; z-index: 10; pointer-events: none; }<!-- [et_pb_line_break_holder] -->.cs-wp-modal-input { position: relative; z-index: 1; width: 100%; padding: 12px 12px 12px 45px !important; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem;  outline: none; background: white; }<!-- [et_pb_line_break_holder] -->.cs-wp-modal-input:focus { border-color: var(--cs-primary); box-shadow: 0 0 0 2px var(--cs-primary-light); }<!-- [et_pb_line_break_holder] -->.cs-wp-checkbox-group { text-align: left; font-size: 0.75rem; color: #555; display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }<!-- [et_pb_line_break_holder] -->.cs-wp-cb-row { display: flex; align-items: flex-start; gap: 10px; }<!-- [et_pb_line_break_holder] -->.cs-wp-cb-row input { margin-top: 3px; }<!-- [et_pb_line_break_holder] -->.cs-wp-cb-row a { color: var(--cs-primary); text-decoration: none; }<!-- [et_pb_line_break_holder] -->.cs-wp-modal-btn-primary { background: var(--cs-primary); color: white; font-weight: 600; width: 100%; padding: 14px 32px; border-radius: var(--cs-radius-btn); border: none; font-size: 1.1rem; cursor: pointer; transition: 0.2s; box-shadow: 0 4px 15px rgba(46, 163, 242, 0.3);  }<!-- [et_pb_line_break_holder] -->.cs-wp-modal-btn-primary:hover { background: var(--cs-primary-dark); transform: translateY(-3px); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* --- DISABLED STATE STYLE --- *\/<!-- [et_pb_line_break_holder] -->.cs-wp-modal-btn-primary:disabled { background: #cccccc; cursor: not-allowed; box-shadow: none; transform: none; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cs-wp-login-link { margin-top: 15px; font-size: 0.9rem; color: #333; }<!-- [et_pb_line_break_holder] -->.cs-wp-login-link a { color: var(--cs-primary); font-weight: 600; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ----------------------------------------------------------<!-- [et_pb_line_break_holder] -->   MOBILE OPTIMIZATIONS (Max Width 768px)<!-- [et_pb_line_break_holder] -->   ----------------------------------------------------------<!-- [et_pb_line_break_holder] -->*\/<!-- [et_pb_line_break_holder] -->@media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/* 1. HERO & GENERAL TEXT REDUCTION *\/<!-- [et_pb_line_break_holder] -->    .cs-wp-hero h1 { font-size: 2rem; margin-bottom: 16px; }<!-- [et_pb_line_break_holder] -->    .cs-wp-hero-subtitle { font-size: 1rem !important; margin-bottom: 24px !important; }<!-- [et_pb_line_break_holder] -->    .cs-wp-hero-buttons { gap: 10px; flex-direction: column; width: 100%; }<!-- [et_pb_line_break_holder] -->    .cs-wp-btn { width: 100%; padding: 12px 20px; font-size: 0.95rem; }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/* 2. STRAIGHTEN VISUALS (No Rotation) *\/<!-- [et_pb_line_break_holder] -->    .cs-wp-hero-visual { <!-- [et_pb_line_break_holder] -->        padding-right: 0; <!-- [et_pb_line_break_holder] -->        perspective: none; <!-- [et_pb_line_break_holder] -->        transform: none; <!-- [et_pb_line_break_holder] -->        margin-top: 40px; <!-- [et_pb_line_break_holder] -->        height: auto;<!-- [et_pb_line_break_holder] -->        aspect-ratio: 16\/10; <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    .cs-wp-board-container { <!-- [et_pb_line_break_holder] -->        transform: none !important; <!-- [et_pb_line_break_holder] -->        width: 100%; <!-- [et_pb_line_break_holder] -->        height: 100%; <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    .cs-wp-glass-plane { <!-- [et_pb_line_break_holder] -->        transform: none !important; <!-- [et_pb_line_break_holder] -->        inset: 0;<!-- [et_pb_line_break_holder] -->        border-radius: 12px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    .cs-wp-mobile-device { <!-- [et_pb_line_break_holder] -->        transform: none !important; <!-- [et_pb_line_break_holder] -->        bottom: -20px; <!-- [et_pb_line_break_holder] -->        right: -5px; <!-- [et_pb_line_break_holder] -->        width: 90px; <!-- [et_pb_line_break_holder] -->        height: 160px; <!-- [et_pb_line_break_holder] -->        border-width: 2px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    .cs-wp-decor-blob { <!-- [et_pb_line_break_holder] -->        width: 250px; <!-- [et_pb_line_break_holder] -->        height: 250px; <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    .cs-wp-hero-visual:hover .cs-wp-board-container,<!-- [et_pb_line_break_holder] -->    .cs-wp-hero-visual:hover .cs-wp-mobile-device {<!-- [et_pb_line_break_holder] -->        transform: none !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* 3. MODAL MOBILE OPTIMIZATION *\/<!-- [et_pb_line_break_holder] -->    .cs-wp-modal-content {<!-- [et_pb_line_break_holder] -->        padding: 24px 20px; \/* Reduced padding *\/<!-- [et_pb_line_break_holder] -->        width: 95%; <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .cs-wp-modal-h2 {<!-- [et_pb_line_break_holder] -->        font-size: 1.3rem; \/* Reduced Title *\/<!-- [et_pb_line_break_holder] -->        margin-bottom: 16px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .cs-wp-check-row {<!-- [et_pb_line_break_holder] -->        gap: 10px;<!-- [et_pb_line_break_holder] -->        font-size: 0.75rem; \/* Smaller text *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .cs-wp-modal-desc {<!-- [et_pb_line_break_holder] -->        font-size: 0.8rem;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .cs-wp-modal-btn-primary {<!-- [et_pb_line_break_holder] -->        font-size: 1rem; \/* Smaller button text *\/<!-- [et_pb_line_break_holder] -->        padding: 12px;<!-- [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][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;#FFFFFF&#8221; custom_padding=&#8221;0px|||||&#8221; custom_padding_tablet=&#8221;0px|||||&#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; width_tablet=&#8221;100%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;100%&#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_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;:root {||    &#8211;cs-color-primary: #3f82f7;||    &#8211;cs-color-primary-light: #e6f6ff;||    &#8211;cs-color-text-main: #1a1f36;||    &#8211;cs-color-text-sub: #4f566b;||    &#8211;cs-color-bg: #ffffff;||    &#8211;cs-color-border: #e3e8ee;||    &#8211;cs-color-green: #008745;||    &#8211;cs-font: &#8216;Inter&#8217;, sans-serif;||||    \/* WORKFLOW SPECIFIC VARS *\/||    &#8211;wf-bg-canvas: #f8fafc;||    &#8211;wf-line-color: #94a3b8;||    &#8211;wf-text-main: #1e293b;||    &#8211;wf-text-sub: #64748b;||    &#8211;wf-c-blue-bg: #eff6ff; &#8211;wf-c-blue-fg: #3b82f6;||    &#8211;wf-c-green-bg: #ecfdf5; &#8211;wf-c-green-fg: #10b981;||    &#8211;wf-c-red-bg: #fef2f2;   &#8211;wf-c-red-fg: #ef4444;||    &#8211;wf-c-orange-bg: #fff7ed; &#8211;wf-c-orange-fg: #f97316;||    &#8211;wf-shadow-card: 0 2px 4px -1px rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.03);||    &#8211;wf-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.04);||    &#8211;wf-radius-node: 8px;||||    \/* DASHBOARD SPECIFIC VARS *\/||    &#8211;dash-bg-card: #ffffff;||    &#8211;dash-border-color: #e3e8ee;||    &#8211;dash-text-main: #1a1f36;||    &#8211;dash-text-sub: #6b7280;||    &#8211;dash-primary: #3f82f7;||    &#8211;dash-primary-light: #eff6ff;||}||||\/* =========================================||   MAIN LAYOUT STRUCTURE||   ========================================= *\/||||.cs-feat-section {||    color: var(&#8211;cs-color-text-main);||    border-radius: 15px;||    max-width: 1280px;||    margin: 0 auto;||}||||.cs-feat-container {||    width: 100%;||}||||\/* =========================================||   TABS NAVIGATION||   ========================================= *\/||.cs-feat-tabs-wrapper {||    display: flex;||    justify-content: center;||    gap: 10px;||    margin-bottom: 50px;||    flex-wrap: wrap;||}||||.cs-feat-tab-button {||    padding: 12px 24px;||    border-radius: 50px;||    background: white;||    border: 1px solid #e0e0e0;||    color: var(&#8211;cs-color-text-sub);||    font-weight: 600;||    cursor: pointer;||    transition: 0.3s;||    font-size: 0.95rem;||}||||.cs-feat-tab-button:hover {||    border-color: var(&#8211;cs-color-primary);||    color: var(&#8211;cs-color-primary);||}||||.cs-feat-tab-button.cs-active {||    background: var(&#8211;cs-color-primary);||    color: white;||    border-color: var(&#8211;cs-color-primary);||    box-shadow: 0 4px 12px rgba(46, 163, 242, 0.3);||}||||\/* =========================================||   CONTENT PANELS||   ========================================= *\/||.cs-feat-content-panel {||    display: none;||    grid-template-columns: 1fr 1fr;||    gap: 60px;||    align-items: center;||    animation: csFadeIn 0.5s ease;||}||||.cs-feat-content-panel.cs-active {||    display: grid;||}||||@keyframes csFadeIn {||    from { opacity: 0; transform: translateY(10px); }||    to { opacity: 1; transform: translateY(0); }||}||||\/* Text Side Styles *\/||.cs-feat-text-block h2 {||    font-size: 2.2rem;||    margin-bottom: 20px;||    font-weight: 700;||    line-height: 1.2;||}||||.cs-feat-text-block p {||    margin-bottom: 30px;||    font-size: 1.1rem;||    color: var(&#8211;cs-color-text-sub);||    line-height: 1.6;||}||||.cs-feat-benefits-list {||    list-style: none;||    margin-bottom: 30px;||    padding: 0;||}||||.cs-feat-benefits-list li {||    display: flex;||    align-items: center;||    gap: 12px;||    margin-bottom: 12px;||    font-weight: 500;||    color: var(&#8211;cs-color-text-main);||}||||.cs-feat-benefits-list li::before {||    content: &#8216;+&#8217;;||    font-weight: 900;||    color: var(&#8211;cs-color-primary);||    font-size: 1.2rem;||}||||.cs-feat-cta-link {||    color: var(&#8211;cs-color-primary);||    font-weight: 700;||    border: 2px solid var(&#8211;cs-color-primary);||    padding: 10px 24px;||    border-radius: 50px;||    display: inline-flex;||    align-items: center;||    gap: 5px;||    text-decoration: none;||    transition: 0.3s;||}||||.cs-feat-cta-link:hover {||    background: var(&#8211;cs-color-primary-light);||}||||\/* Visual Side Wrapper *\/||.cs-feat-visual-block {||    position: relative;||    min-width: 0; \/* Important for flex\/grid children shrinking *\/||}||||\/* =========================================||   GENERIC \/ IMAGE MOCKUP COMPONENTS||   ========================================= *\/||.cs-mock-card {||    background: white;||    border-radius: 12px;||    border: 1px solid #eee;||    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);||    overflow: hidden;||    position: relative;||    min-height: 350px;||}||||.cs-mock-window-header {||    background: #f8fafc;||    padding: 12px 15px;||    border-bottom: 1px solid #eee;||    display: flex;||    gap: 6px;||}||||.cs-mock-dot { width: 10px; height: 10px; border-radius: 50%; }||.cs-dot-red { background: #ff5f56; }||.cs-dot-yellow { background: #ffbd2e; }||.cs-dot-green { background: #27c93f; }||||.cs-mock-body { padding: 20px; background: white; }||||\/* =========================================||   1. KANBAN STYLES (Pipeline) &#8211; Compact||   ========================================= *\/||.cs-kb-window {||    background-color: #ffffff;||    width: 100%;||    max-width: 850px;||    margin: 0 auto;||    border-radius: 12px;||    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);||    border: 1px solid #e3e8ee;||    overflow: hidden;||    display: flex;||    flex-direction: column;||    min-height: 400px;||}||||.cs-kb-browser-header {||    height: 32px;||    background-color: #f8fafc;||    border-bottom: 1px solid #e3e8ee;||    display: flex;||    align-items: center;||    padding-left: 12px;||}||||.cs-kb-controls { display: flex; gap: 6px; }||.cs-kb-dot { width: 10px; height: 10px; border-radius: 50%; }||.cs-kb-red { background-color: #ff5f57; border: 1px solid #e0443e; }||.cs-kb-yellow { background-color: #febc2e; border: 1px solid #d89e24; }||.cs-kb-green { background-color: #28c840; border: 1px solid #1aab29; }||||.cs-kb-content {||    background-color: #f3f4f6;||    padding: 12px;||    flex: 1;||    overflow-x: auto;||    overflow-y: hidden;||}||||.cs-kb-board-container {||    display: flex;||    gap: 10px;||    align-items: flex-start;||    min-width: 550px;||}||||.cs-kb-column {||    flex: 1;||    display: flex;||    flex-direction: column;||    gap: 6px;||    min-width: 180px;||    transition: background-color 0.2s;||}||||.cs-kb-column.cs-drag-over {||    background-color: #e2e8f0;||    border-radius: 8px;||}||||.cs-kb-header {||    position: relative;||    background-color: #3f82f7;||    padding: 8px 12px;||    clip-path: polygon(0% 0%, calc(100% &#8211; 10px) 0%, 100% 50%, calc(100% &#8211; 10px) 100%, 0% 100%);||    min-height: 36px;||    display: flex;||    flex-direction: column;||    justify-content: center;||    color: white;||    filter: drop-shadow(0 2px 3px rgba(63, 130, 247, 0.25));||    margin-bottom: 4px;||}||||.cs-kb-header h2 {||    margin: 0 0 2px 0;||    font-size: 11px;||    font-weight: 700;||    letter-spacing: 0.3px;||    color: white;||    line-height: 1.2;||}||||.cs-kb-meta {||    display: flex;||    align-items: center;||    font-size: 10px;||    color: rgba(255, 255, 255, 0.9);||    font-weight: 500;||}||.cs-kb-meta i { margin-right: 5px; font-size: 9px; opacity: 0.8; }||||.cs-kb-card {||    background-color: white;||    border: 1px solid #e5e7eb;||    border-radius: 4px;||    padding: 8px 10px;||    box-shadow: 0 1px 1px rgba(0,0,0,0.05);||    cursor: grab;||    transition: all 0.2s ease;||}||||.cs-kb-card:hover {||    box-shadow: 0 6px 10px -3px rgba(0, 0, 0, 0.1);||    transform: translateY(-2px);||    border-color: #d1d5db;||}||||.cs-kb-card.cs-dragging {||    opacity: 0.5;||    cursor: grabbing;||    border: 2px dashed #3f82f7;||    background: #e6f6ff;||    transform: scale(0.95);||}||||.cs-kb-accent-strip { display: flex; gap: 2px; margin-bottom: 6px; }||.cs-kb-strip { width: 16px; height: 3px; border-radius: 2px; }||.cs-kb-purple { background-color: #A855F7; }||.cs-kb-yellow { background-color: #FACC15; }||.cs-kb-green { background-color: #22C55E; }||.cs-kb-blue { background-color: #3B82F6; }||.cs-kb-red { background-color: #EF4444; }||||.cs-kb-card-title { font-size: 11px; font-weight: 600; color: #111827; margin-bottom: 2px; line-height: 1.3; }||.cs-kb-card-subtitle { font-size: 10px; color: #6b7280; margin-bottom: 8px; }||.cs-kb-card-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #f3f4f6; padding-top: 6px; }||.cs-kb-price { display: flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 600; color: #374151; }||.cs-kb-avatar { width: 18px; height: 18px; border-radius: 50%; background-color: #f3f4f6; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 8px; font-weight: bold; color: #6b7280; border: 1px solid #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.05); }||.cs-kb-avatar img { width: 100%; height: 100%; object-fit: cover; }||.cs-kb-action { width: 18px; height: 18px; border-radius: 50%; background-color: #f9fafb; color: #9ca3af; display: flex; align-items: center; justify-content: center; font-size: 9px; transition: all 0.2s; }||.cs-kb-card:hover .cs-kb-action { background-color: #eff6ff; color: #3b82f6; }||.cs-kb-action.cs-kb-active { background-color: #dcfce7; color: #16a34a; }||||\/* =========================================||   2. TABLE STYLES (Leads) &#8211; Extra Compact||   ========================================= *\/||.cs-tb-mockup {||    background-color: #ffffff;||    width: 100%;||    max-width: 850px; ||    border-radius: 8px;||    box-shadow: 0 8px 20px rgba(0,0,0,0.05);||    border: 1px solid #e5e8eb;||    overflow: hidden;||    display: flex;||    flex-direction: column;||    min-height: 400px;||    margin: 0 auto;||}||||.cs-tb-header {||    height: 32px;||    background-color: #f9fafb;||    border-bottom: 1px solid #e5e7eb;||    display: flex;||    align-items: center;||    padding-left: 12px;||    flex-shrink: 0;||}||||.cs-tb-controls { display: flex; gap: 6px; }||.cs-tb-dot { width: 10px; height: 10px; border-radius: 50%; }||.cs-tb-dot.red { background-color: #ff5f57; }||.cs-tb-dot.yellow { background-color: #febc2e; }||.cs-tb-dot.green { background-color: #28c840; }||||.cs-tb-content { ||    padding-bottom: 1px;||    overflow-x: auto; ||    -webkit-overflow-scrolling: touch;||    width: 100%;||}||||.cs-data-table {||    width: 100%;||    min-width: 600px;||    border-collapse: separate;||    border-spacing: 0;||    text-align: left;||    font-size: 11px;||    color: #6b7280;||}||||.cs-data-table th, .cs-data-table td {||    padding: 6px 10px;||    vertical-align: middle;||}||||.cs-data-table thead tr { background-color: #f3f4f6; }||.cs-data-table th { ||    font-weight: 600; ||    color: #111827; ||    white-space: nowrap; ||    padding-top: 8px; ||    padding-bottom: 8px;||}||||.cs-data-table tbody tr { border-bottom: 1px solid #e5e7eb; transition: background-color 0.1s ease; }||.cs-data-table tbody tr.cs-selected { background-color: #eff6ff; }||.cs-data-table tbody td { border-bottom: 1px solid #e5e7eb; }||.cs-data-table tbody tr:last-child td { border-bottom: none; }||||.cs-tb-checkbox input { margin: 0; cursor: pointer; transform: scale(0.85); }||.cs-tb-actions { display: flex; gap: 8px; font-size: 11px; }||.cs-tb-actions .fa-pen { color: #2563eb; cursor: pointer; }||.cs-tb-actions .fa-trash { color: #ef4444; cursor: pointer; }||||.cs-tb-avatar { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; min-width: 20px;}||.cs-tb-col-name { color: #2563eb; font-weight: 500; }||||.cs-tb-badge {||    display: inline-block;||    padding: 1px 8px;||    border-radius: 9999px;||    font-size: 9px;||    font-weight: 600;||    text-align: center;||    white-space: nowrap;||}||.cs-tb-badge.blue { background-color: #dbeafe; color: #1e40af; }||.cs-tb-badge.yellow { background-color: #fef3c7; color: #92400e; }||.cs-tb-badge.green { background-color: #dcfce7; color: #166534; }||.cs-tb-badge.gray { background-color: #f3f4f6; color: #4b5563; }||||\/* =========================================||   3. 360 VIEW STYLES &#8211; RESPONSIVE||   ========================================= *\/||.cs-360-frame {||    background: #fff;||    border-radius: 8px;||    box-shadow: 0 10px 25px rgba(0,0,0,0.1), 0 4px 10px rgba(0,0,0,0.05);||    overflow: hidden;||    width: 100%;||    max-width: 700px;||    display: flex;||    flex-direction: column;||    margin: 0 auto;||    border: 1px solid #e3e8ee;||}||||.cs-360-browser-header {||    background: #f8f9fa;||    padding: 10px 15px;||    display: flex;||    align-items: center;||    border-bottom: 1px solid #eaeaea;||    flex-shrink: 0;||    z-index: 10;||}||||.cs-360-controls { display: flex; gap: 6px; }||.cs-360-dot { width: 10px; height: 10px; border-radius: 50%; }||.cs-360-dot.red { background-color: #ff5f57; border: 1px solid #e0443e; }||.cs-360-dot.yellow { background-color: #febc2e; border: 1px solid #d8a124; }||.cs-360-dot.green { background-color: #28c840; border: 1px solid #1aab29; }||||.cs-360-window {||    background: #f1f3f6;||    padding: 15px;||    height: 450px;||    overflow-y: auto;||    scroll-behavior: smooth;||    color: #333;||}||||.cs-360-window::-webkit-scrollbar { width: 6px; }||.cs-360-window::-webkit-scrollbar-track { background: #f1f3f6; }||.cs-360-window::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 4px; border: 2px solid #f1f3f6; }||.cs-360-window::-webkit-scrollbar-thumb:hover { background-color: #94a3b8; }||||.cs-360-toolbar {||    background: white;||    border-radius: 4px;||    padding: 6px 10px;||    display: flex;||    align-items: center;||    gap: 10px;||    margin: 0 0 12px 0;||    box-shadow: 0 1px 2px rgba(0,0,0,0.05);||    border: 1px solid #eaeaea;||}||||.cs-360-btn-plus {||    background-color: #4a8df6; color: white; border: none; width: 22px; height: 22px;||    font-size: 12px; border-radius: 3px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s;||}||.cs-360-btn-plus:hover { background-color: #357abd; }||.cs-360-list-icon { color: #999; font-size: 15px; }||||.cs-360-table-container {||    background: #f1f1f1; overflow-x: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;||}||.cs-360-table { width: 100%; border-collapse: collapse; font-size: 11px; min-width: 450px; }||.cs-360-table th { text-align: left; padding: 8px 12px; background-color: #eee; border-bottom: 1px solid #ddd; font-weight: 700; color: #555; white-space: nowrap; }||.cs-360-table th i { font-size: 9px; margin-left: 4px; color: #777; }||.cs-360-table td { padding: 8px 12px; background-color: #f9f9f9; border-bottom: 1px solid #ddd; color: #333; }||.cs-360-table tr:last-child td { border-bottom: none; }||||.cs-360-card {||    background: white; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 12px; overflow: hidden; border: 1px solid #eaeaea; transition: all 0.2s ease;||}||.cs-360-card-header {||    padding: 8px 15px; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; background-color: #fafafa; user-select: none; position: sticky; top: 0; z-index: 5;||}||.cs-360-card-header:hover { background-color: #f5f5f5; }||.cs-360-card-title { font-size: 13px; font-weight: 700; color: #333; margin: 0; padding: 0;}||.cs-360-chevron { color: #999; font-size: 11px; transition: transform 0.3s ease; }||||.cs-360-card.cs-collapsed .cs-360-chevron { transform: rotate(180deg); }||.cs-360-card-body { padding: 15px; display: block; }||.cs-360-card.cs-collapsed .cs-360-card-body { display: none; }||.cs-360-card.cs-collapsed .cs-360-card-header { border-bottom: none; }||||\/* UPDATED: RESPONSIVE GRID FOR 360 *\/||.cs-360-grid { ||    display: grid; ||    \/* Auto-fit columns, min width 240px before stacking *\/||    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); ||    gap: 10px 30px; ||}||||\/* UPDATED: RESPONSIVE FIELD ROWS *\/||.cs-360-field-row { ||    display: flex;||    flex-wrap: wrap; ||    gap: 4px; ||    margin-bottom: 6px;||    align-items: baseline;||}||.cs-360-label { ||    font-size: 11px; ||    color: #888; ||    font-weight: 500; ||    width: 110px; \/* Fixed width for alignment on desktop *\/||    flex-shrink: 0;||}||.cs-360-value { font-size: 12px; color: #333; font-weight: 400; word-break: break-word; }||.cs-360-value.bold { font-weight: 500; }||.cs-360-text-link { color: #3b82f6; text-decoration: none; font-weight: 500; }||.cs-360-text-link:hover { text-decoration: underline; }||||.cs-360-resume-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }||.cs-360-status-badge { display: inline-flex; align-items: center; gap: 5px; background-color: #f0f7ff; padding: 2px 8px; border-radius: 20px; color: #0056b3; font-weight: 500; width: fit-content; font-size: 11px; }||.cs-360-status-dot { width: 6px; height: 6px; background-color: #3b82f6; border-radius: 50%; }||.cs-360-mb-0 { margin-bottom: 0 !important; }||||@media (max-width: 600px) {||    .cs-360-grid { gap: 8px; }||    \/* Force stacking on very small screens if flex-wrap isn&#8217;t enough *\/||    .cs-360-label { width: 100%; margin-bottom: 2px; }||}||||\/* =========================================||   4. WORKFLOW \/ AUTOMATION STYLES||   ========================================= *\/||.wf-app-window {||    background: white;||    width: 100%;||    max-width: 850px; ||    height: 480px;    ||    border-radius: 12px;||    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.1);||    display: flex;||    flex-direction: column;||    border: 1px solid #cbd5e1;||    overflow: hidden;||    margin: 0 auto;||}||||.wf-app-header {||    padding: 10px 20px;||    border-bottom: 1px solid #e2e8f0;||    display: flex;||    align-items: center;||    justify-content: space-between;||    background: #fff;||    z-index: 10;||}||.wf-header-controls { display: flex; gap: 6px; }||.wf-control-dot { width: 10px; height: 10px; border-radius: 50%; }||.wf-dot-red { background: #ef4444; }||.wf-dot-yellow { background: #f59e0b; }||.wf-dot-green { background: #22c55e; }||||.wf-header-title { font-weight: 600; color: var(&#8211;wf-text-main); font-size: 13px; }||||.wf-workspace {||    display: flex;||    flex: 1;||    overflow: hidden;||    position: relative;||}||||.wf-canvas-viewport {||    flex: 1;||    background-color: var(&#8211;wf-bg-canvas);||    background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);||    background-size: 20px 20px;||    position: relative;||    overflow: hidden;||    cursor: grab;||}||.wf-canvas-viewport:active { cursor: grabbing; }||||.wf-pan-zoom-layer {||    position: absolute;||    top: 0; left: 0; width: 100%; height: 100%;||    transform-origin: 0 0;||    transition: transform 0.1s linear;||}||||.wf-flow-svg {||    position: absolute; top: 0; left: 0; width: 100%; height: 100%;||    pointer-events: none; z-index: 0;||}||.wf-flow-line {||    fill: none;||    stroke: var(&#8211;wf-line-color);||    stroke-width: 2px;||    stroke-linecap: round;||}||||.wf-node-card {||    background: white;||    width: 140px;||    padding: 10px;||    border-radius: var(&#8211;wf-radius-node);||    border: 1px solid #e2e8f0;||    box-shadow: var(&#8211;wf-shadow-card);||    display: flex;||    flex-direction: column;||    align-items: center;||    text-align: center;||    position: absolute;||    transform: translate(-50%, -50%);||    z-index: 5;||    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);||    cursor: pointer;||}||.wf-node-card:hover {||    transform: translate(-50%, -56%);||    box-shadow: var(&#8211;wf-shadow-hover);||    border-color: var(&#8211;wf-c-blue-fg);||}||||.wf-node-icon-wrapper {||    width: 32px; height: 32px; border-radius: 8px;||    display: flex; align-items: center; justify-content: center;||    font-size: 14px; margin-bottom: 6px;||}||||.wf-style-trigger .wf-node-icon-wrapper { background: var(&#8211;wf-c-blue-bg); color: var(&#8211;wf-c-blue-fg); }||.wf-style-logic .wf-node-icon-wrapper { background: var(&#8211;wf-c-orange-bg); color: var(&#8211;wf-c-orange-fg); }||.wf-style-action .wf-node-icon-wrapper { background: var(&#8211;wf-c-green-bg); color: var(&#8211;wf-c-green-fg); }||.wf-style-stop .wf-node-icon-wrapper { background: var(&#8211;wf-c-red-bg); color: var(&#8211;wf-c-red-fg); }||||.wf-node-title { font-size: 12px; font-weight: 700; color: var(&#8211;wf-text-main); margin-bottom: 2px; }||.wf-node-subtitle { font-size: 10px; color: var(&#8211;wf-text-sub); font-weight: 500; }||||.wf-add-btn {||    width: 20px; height: 20px;||    background: white; border: 1px solid #e2e8f0; border-radius: 50%;||    color: var(&#8211;wf-c-green-fg);||    display: flex; align-items: center; justify-content: center;||    font-size: 9px;||    box-shadow: var(&#8211;wf-shadow-card);||    cursor: pointer;||    position: absolute;||    transform: translate(-50%, -50%);||    z-index: 6;||    transition: 0.2s;||}||.wf-add-btn:hover { background: var(&#8211;wf-c-green-fg); color: white; transform: translate(-50%, -50%) scale(1.15); }||||.wf-branch-label {||    background: white; padding: 2px 8px; border-radius: 12px;||    border: 1px solid #e2e8f0; font-size: 9px; font-weight: 700;||    color: var(&#8211;wf-text-sub);||    position: absolute; transform: translate(-50%, -50%);||    z-index: 4;||}||||.wf-join-dot {||    width: 8px; height: 8px; background: var(&#8211;wf-line-color);||    border-radius: 50%; border: 2px solid white;||    position: absolute; transform: translate(-50%, -50%);||    z-index: 2;||}||||.wf-sidebar {||    width: 200px;||    background: white;||    border-left: 1px solid #e2e8f0;||    display: flex;||    flex-direction: column;||    z-index: 20;||    box-shadow: -2px 0 10px rgba(0,0,0,0.02);||}||||.wf-sidebar-header {||    padding: 15px;||    border-bottom: 1px solid #f1f5f9;||}||.wf-sidebar h2 { margin: 0 0 5px 0; font-size: 15px; color: var(&#8211;wf-text-main); font-weight: 700; }||.wf-sidebar p { margin: 0; font-size: 11px; color: var(&#8211;wf-text-sub); line-height: 1.4; }||||.wf-step-list { padding: 15px; flex: 1; overflow-y: auto; }||||.wf-step-item {||    display: flex; gap: 12px; margin-bottom: 20px;||    position: relative;||}||.wf-step-item:not(:last-child)::after {||    content: &#8221;; position: absolute; left: 13px; top: 30px; bottom: -20px;||    width: 2px; background: #e2e8f0;||}||||.wf-step-icon-small {||    width: 28px; height: 28px; border-radius: 6px;||    display: flex; align-items: center; justify-content: center;||    font-size: 12px; flex-shrink: 0; z-index: 2;||    background: white; border: 1px solid #e2e8f0;||}||||.wf-step-content h4 { margin: 0 0 2px 0; font-size: 12px; color: var(&#8211;wf-text-main); font-weight: 600; }||.wf-step-content span { font-size: 10px; color: var(&#8211;wf-text-sub); display: block; }||||.wf-zoom-controls {||    position: absolute; bottom: 15px; left: 15px;||    background: white; padding: 4px; border-radius: 6px;||    box-shadow: 0 4px 12px rgba(0,0,0,0.1);||    display: flex; gap: 4px; border: 1px solid #e2e8f0;||}||.wf-zoom-btn {||    width: 24px; height: 24px; border: none; background: transparent;||    border-radius: 4px; color: var(&#8211;wf-text-sub); cursor: pointer;||    display: flex; align-items: center; justify-content: center;||    font-size: 12px; transition: background 0.2s;||}||.wf-zoom-btn:hover { background: #f1f5f9; color: var(&#8211;wf-text-main); }||||\/* =========================================||   5. DASHBOARD MOCKUP STYLES||   ========================================= *\/||.cs-dash-window {||    background-color: var(&#8211;dash-bg-card);||    width: 100%;||    max-width: 650px; ||    height: 450px;    ||    border-radius: 12px;||    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);||    border: 1px solid var(&#8211;dash-border-color);||    overflow: hidden;||    display: flex;||    flex-direction: column;||    margin: 0 auto;||}||||.cs-dash-header {||    height: 45px;||    background-color: #f8fafc;||    border-bottom: 1px solid var(&#8211;dash-border-color);||    display: flex;||    align-items: center;||    justify-content: space-between;||    padding: 0 15px;||    flex-shrink: 0;||}||||.cs-dash-controls { display: flex; gap: 8px; }||.cs-dash-dot { width: 10px; height: 10px; border-radius: 50%; }||.cs-dash-dot-red { background-color: #ff5f57; border: 1px solid #e0443e; }||.cs-dash-dot-yellow { background-color: #febc2e; border: 1px solid #d89e24; }||.cs-dash-dot-green { background-color: #28c840; border: 1px solid #1aab29; }||||.cs-layout-toggle {||    background: white;||    border: 1px solid var(&#8211;dash-border-color);||    border-radius: 6px;||    padding: 4px 10px;||    cursor: pointer;||    color: var(&#8211;dash-text-sub);||    font-size: 12px;||    font-weight: 500;||    display: flex;||    align-items: center;||    gap: 6px;||    transition: all 0.2s ease;||}||||.cs-layout-toggle:hover {||    border-color: var(&#8211;dash-primary);||    color: var(&#8211;dash-primary);||    background: var(&#8211;dash-primary-light);||}||||.cs-dash-content {||    padding: 15px 20px;||    background-color: #f8f9fa;||    flex: 1;||    overflow-y: auto;||    color: #333;||    scrollbar-width: thin;||    scrollbar-color: #cbd5e1 #f8f9fa;||}||||.cs-dash-content::-webkit-scrollbar { width: 6px; }||.cs-dash-content::-webkit-scrollbar-track { background: #f8f9fa; }||.cs-dash-content::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 3px; }||||.cs-dash-title {||    margin: 0 0 15px 0;||    font-size: 16px;||    font-weight: 700;||    color: var(&#8211;dash-text-main);||}||||.cs-dash-grid {||    display: grid;||    grid-template-columns: 1fr; \/* Default: 1 Column *\/||    gap: 15px;||    margin-bottom: 20px;||    transition: all 0.3s ease;||}||||\/* Toggled: 2 Columns *\/||.cs-dash-grid.cs-grid-2-cols {||    grid-template-columns: 1fr 1fr;||}||||.cs-dash-card {||    background: white;||    border-radius: 8px;||    box-shadow: 0 2px 5px rgba(0,0,0,0.03);||    padding: 15px;||    border: 1px solid #eef1f5;||    display: flex;||    flex-direction: column;||}||||.cs-dash-card h3 {||    margin: 0 0 15px 0;||    font-size: 13px;||    color: var(&#8211;dash-text-main);||    font-weight: 600;||}||||.cs-dash-chart-wrap {||    display: flex;||    justify-content: center;||    margin-bottom: 15px;||}||||.cs-dash-pie-1 {||    width: 110px; height: 110px; border-radius: 50%;||    background: conic-gradient(#facc15 0% 35%, #f472b6 35% 50%, #fb923c 50% 60%, #f87171 60% 65%, #a78bfa 65% 75%, #2dd4bf 75% 90%, #3b82f6 90% 100%);||}||.cs-dash-pie-2 {||    width: 110px; height: 110px; border-radius: 50%;||    background: conic-gradient(#fbbf24 0% 40%, #a855f7 40% 70%, #3b82f6 70% 85%, #ef4444 85% 100%);||}||.cs-dash-pie-status {||    width: 110px; height: 110px; border-radius: 50%;||    background: conic-gradient(#3b82f6 0% 25%, #facc15 25% 50%, #fb923c 50% 75%, #10b981 75% 90%, #ef4444 90% 100%);||}||||.cs-dash-table {||    width: 100%; border-collapse: collapse; font-size: 10px; color: var(&#8211;dash-text-sub);||}||.cs-dash-table th {||    text-align: left; background: #f8f9fa; padding: 6px; font-weight: 600; color: var(&#8211;dash-text-main); border-radius: 4px;||}||.cs-dash-table td { padding: 6px; border-bottom: 1px solid #f1f5f9; }||.cs-dash-table tr:last-child td { border-bottom: none; }||.cs-dash-color-box {||    display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 6px; vertical-align: middle;||}||||.cs-line-chart-wrapper { display: flex; align-items: flex-end; height: 160px; padding: 10px 0; }||.cs-y-axis { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding-bottom: 20px; font-size: 9px; color: var(&#8211;dash-text-sub); padding-right: 8px; text-align: right; min-width: 25px; }||.cs-line-chart-container { flex: 1; height: 100%; position: relative; display: flex; flex-direction: column; }||.cs-line-chart-svg { width: 100%; height: 100%; overflow: visible; flex: 1; }||||.cs-x-axis { display: flex; justify-content: space-between; margin-top: 5px; font-size: 8px; color: var(&#8211;dash-text-sub); overflow: hidden; }||.cs-x-label { transform: rotate(-45deg); transform-origin: top left; white-space: nowrap; margin-top: 5px; }||||.cs-line-chart-legend { display: flex; align-items: center; justify-content: center; gap: 5px; margin-bottom: 8px; font-size: 10px; color: var(&#8211;dash-text-sub); }||.cs-line-legend-box { width: 16px; height: 8px; background: #ef4444; margin-right: 4px; border-radius: 2px; }||||||\/* =========================================||   RESPONSIVE (Main)||   ========================================= *\/||@media(max-width: 992px) {||    .cs-feat-content-panel {||        grid-template-columns: 1fr;||        text-align: left;||    }||    .cs-feat-text-block { order: 1; }||    .cs-feat-visual-block { order: 2; margin-bottom: 30px; }||  ||    .cs-feat-benefits-list li { justify-content: flex-start; text-align: left; }||    ||    .wf-sidebar { display: none; } ||    ||    \/* Dashboard Responsive *\/||    .cs-dash-grid.cs-grid-2-cols {||        grid-template-columns: 1fr !important;||    }||    .cs-layout-toggle span { display: none; }||}||||\/* =========================================||   MOBILE OPTIMIZATIONS (Max Width 768px)||   ========================================= *\/||@media (max-width: 768px) {||    ||    \/* 1. TABS NAVIGATION *\/||    .cs-feat-tabs-wrapper {||        flex-wrap: nowrap; \/* Prevent stacking *\/||        overflow-x: auto; \/* Enable horizontal scrolling *\/||        justify-content: flex-start;||        padding-bottom: 10px; \/* Space for scrollbar *\/||        -webkit-overflow-scrolling: touch;||    }||    ||    .cs-feat-tab-button {||        flex: 0 0 auto; \/* Prevent shrinking *\/||        padding: 8px 16px; \/* Smaller padding *\/||        font-size: 0.85rem; \/* Smaller font *\/||        white-space: nowrap; \/* Keep text on one line *\/||    }||||    \/* 2. TEXT BLOCKS *\/||    .cs-feat-text-block h2 { ||        font-size: 1.5rem; \/* Smaller heading *\/||        margin-bottom: 15px; ||    }||    .cs-feat-text-block p { ||        font-size: 0.95rem; \/* Smaller paragraph *\/||        line-height: 1.5; ||    }||    .cs-feat-benefits-list li { ||        font-size: 0.9rem; \/* Smaller list items *\/||    }||    .cs-feat-cta-link {||        font-size: 0.9rem; \/* Smaller button text *\/||        padding: 8px 16px;||    }||||    \/* 3. VISUAL BLOCKS \/ MOCKUPS *\/||    \/* Ensure containers don&#8217;t overflow *\/||    .cs-feat-visual-block {||        width: 100%;||        overflow-x: auto; \/* Allow horizontal scroll if needed *\/||        -webkit-overflow-scrolling: touch;||    }||    ||    .cs-kb-window, ||    .cs-tb-mockup, ||    .cs-360-frame, ||    .wf-app-window, ||    .cs-dash-window {||        min-height: 350px; \/* Slightly shorter *\/||        max-width: 100%;||    }||}&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;family=Roboto:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\"><!-- [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 rel=\"stylesheet\" href=\"style.css\"><!-- [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 id=\"cs-features\" class=\"cs-feat-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-feat-container\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-feat-tabs-wrapper\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-tab-button cs-active\" onclick=\"toggleCsFeature('cs-feat-pipeline', this)\">Sales Pipeline<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-tab-button\" onclick=\"toggleCsFeature('cs-feat-leads', this)\">Lead Generation<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-tab-button\" onclick=\"toggleCsFeature('cs-feat-360', this)\">360 Degree View<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-tab-button\" onclick=\"toggleCsFeature('cs-feat-automation', this)\">Automation<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-tab-button\" onclick=\"toggleCsFeature('cs-feat-dashboard', this)\">Dashboards<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div id=\"cs-feat-pipeline\" class=\"cs-feat-content-panel cs-active\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-text-block\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2>The CRM your sales teams will love<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Embrace the fluidity of a sales management software perfectly tailored to your business. Cirrus Shield is much more than a sales CRM for managing your pipeline.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"cs-feat-benefits-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Use pipelines to track your progress<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Gain visibility into opportunities<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Customize sales pipelines<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Easily view and filter opportunities<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"https:\/\/www.cirrus-shield.fr\/gestion-pipeline-commercial\/\" class=\"cs-feat-cta-link\">About Pipelines \u2192<\/a><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-visual-block\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-kb-window\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-kb-browser-header\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-kb-controls\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-kb-dot cs-kb-red\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-kb-dot cs-kb-yellow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-kb-dot cs-kb-green\"><\/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=\"cs-kb-content\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-kb-board-container\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-kb-column\" data-status=\"col-1\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-kb-header\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<h2>Meeting scheduled<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-meta\"><i class=\"fa-solid fa-scale-balanced\"><\/i> \u20ac9,200 \u2022 5 deals<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-kb-card\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-title\">Tim&#038;Co Logistics Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-subtitle\">Tim&#038;Co Logistics<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-footer\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-price\">\n<div class=\"cs-kb-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=1\" alt=\"u\"><\/div>\n<p> \u20ac2,300<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-action\"><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=\"cs-kb-card\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-accent-strip\">\n<div class=\"cs-kb-strip cs-kb-purple\"><\/div>\n<div class=\"cs-kb-strip cs-kb-yellow\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-title\">Guillemet and Co Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-subtitle\">Guillemet and Co<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-footer\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-price\">\n<div class=\"cs-kb-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=2\" alt=\"u\"><\/div>\n<p> \u20ac1,500<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-action cs-kb-active\"><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=\"cs-kb-card\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-accent-strip\">\n<div class=\"cs-kb-strip cs-kb-blue\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-title\">TechFlow Systems Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-subtitle\">TechFlow Systems<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-footer\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-price\">\n<div class=\"cs-kb-avatar\">TS<\/div>\n<p> \u20ac3,200<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-action\"><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=\"cs-kb-card\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-title\">Corner Bakery<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-subtitle\">Corner Bakery<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-footer\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-price\">\n<div class=\"cs-kb-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=8\" alt=\"u\"><\/div>\n<p> \u20ac800<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-action\"><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] -->                                <\/p>\n<div class=\"cs-kb-column\" data-status=\"col-2\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-kb-header\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<h2>Demo scheduled<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-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] -->                                    <\/p>\n<div class=\"cs-kb-card\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-title\">Bellevue Hotels Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-subtitle\">Bellevue Hotels LLC<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-footer\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-price\">\n<div class=\"cs-kb-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=3\" alt=\"u\"><\/div>\n<p> \u20ac1,900<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-action cs-kb-active\"><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=\"cs-kb-card\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-accent-strip\">\n<div class=\"cs-kb-strip cs-kb-purple\"><\/div>\n<div class=\"cs-kb-strip cs-kb-green\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-title\">JD Industries Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-subtitle\">JD Industries<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-footer\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-price\">\n<div class=\"cs-kb-avatar\">JD<\/div>\n<p> \u20ac1,800<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-action\"><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=\"cs-kb-card\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-accent-strip\">\n<div class=\"cs-kb-strip cs-kb-yellow\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-title\">Marketing 360 Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-subtitle\">Marketing 360<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-footer\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-price\">\n<div class=\"cs-kb-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=9\" alt=\"u\"><\/div>\n<p> \u20ac4,200<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-action\"><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] -->                                <\/p>\n<div class=\"cs-kb-column\" data-status=\"col-3\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-kb-header\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<h2>Proposal<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-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] -->                                    <\/p>\n<div class=\"cs-kb-card\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-accent-strip\">\n<div class=\"cs-kb-strip cs-kb-purple\"><\/div>\n<div class=\"cs-kb-strip cs-kb-yellow\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-title\">Paradise Residences Deal<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-subtitle\">Paradise Residences<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-footer\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-price\">\n<div class=\"cs-kb-avatar\"><\/div>\n<p> \u20ac2,700<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-action\"><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=\"cs-kb-card\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-accent-strip\">\n<div class=\"cs-kb-strip cs-kb-green\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-title\">Global Corp Solutions<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-subtitle\">Global Corp<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-footer\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-price\">\n<div class=\"cs-kb-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=12\" alt=\"u\"><\/div>\n<p> \u20ac12,000<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-action cs-kb-active\"><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=\"cs-kb-card\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-title\">Smith &#038; Sons<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-subtitle\">Smith Family LLC<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-kb-card-footer\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-price\">\n<div class=\"cs-kb-avatar\">SS<\/div>\n<p> \u20ac1,200<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-kb-action\"><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] -->                        <\/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 id=\"cs-feat-leads\" class=\"cs-feat-content-panel\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-text-block\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2>Generate and convert your leads effortlessly<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Automate the capture, qualification, and tracking of your prospects with Cirrus Shield. A smart, integrated, and tailored solution to maximize your sales pipeline.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"cs-feat-benefits-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Automated lead capture from various sources.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Native integration with your marketing tools.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Scoring to prioritize top prospects.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Custom workflows according to your industry.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"https:\/\/www.cirrus-shield.fr\/generation-leads\/\" class=\"cs-feat-cta-link\">View lead generation \u2192<\/a><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-visual-block\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-tb-mockup\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-tb-header\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-tb-controls\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-tb-dot red\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-tb-dot yellow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-tb-dot green\"><\/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=\"cs-tb-content\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<table class=\"cs-data-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 style=\"width: 25px;\"><\/th>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<th style=\"width: 40px;\"><\/th>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<th style=\"width: 30px;\"><\/th>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<th>Contact<\/th>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<th>Company<\/th>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<th>Status<\/th>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<th>Email<\/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=\"cs-tb-checkbox\"><input type=\"checkbox\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>\n<div class=\"cs-tb-actions\"><i class=\"fa-solid fa-pen\"><\/i><i class=\"fa-solid fa-trash\"><\/i><\/div>\n<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=1\" alt=\"Avatar\" class=\"cs-tb-avatar\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"cs-tb-col-name\">Ulric Ripsher<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>Pomero<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><span class=\"cs-tb-badge blue\">Closed &#8211; Converted<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>uripshery@pon&#8230;<\/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=\"cs-tb-checkbox\"><input type=\"checkbox\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>\n<div class=\"cs-tb-actions\"><i class=\"fa-solid fa-pen\"><\/i><i class=\"fa-solid fa-trash\"><\/i><\/div>\n<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=2\" alt=\"Avatar\" class=\"cs-tb-avatar\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"cs-tb-col-name\">Paula Elvin<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>Alter Vista<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><span class=\"cs-tb-badge green\">New<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>pelvin19@alter&#8230;<\/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=\"cs-tb-checkbox\"><input type=\"checkbox\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>\n<div class=\"cs-tb-actions\"><i class=\"fa-solid fa-pen\"><\/i><i class=\"fa-solid fa-trash\"><\/i><\/div>\n<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=3\" alt=\"Avatar\" class=\"cs-tb-avatar\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"cs-tb-col-name\">Charles Cowell<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>Squage<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><span class=\"cs-tb-badge gray\">Closed &#8211; Lost<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>charles.cowell&#8230;<\/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=\"cs-tb-checkbox\"><input type=\"checkbox\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>\n<div class=\"cs-tb-actions\"><i class=\"fa-solid fa-pen\"><\/i><i class=\"fa-solid fa-trash\"><\/i><\/div>\n<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=4\" alt=\"Avatar\" class=\"cs-tb-avatar\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"cs-tb-col-name\">N\u00e9mir Guezour<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>Armicale<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><span class=\"cs-tb-badge blue\">Closed &#8211; Converted<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>n.guezour@ar&#8230;<\/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=\"cs-tb-checkbox\"><input type=\"checkbox\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>\n<div class=\"cs-tb-actions\"><i class=\"fa-solid fa-pen\"><\/i><i class=\"fa-solid fa-trash\"><\/i><\/div>\n<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=5\" alt=\"Avatar\" class=\"cs-tb-avatar\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"cs-tb-col-name\">Adrien Courtiol<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>EAD EL<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><span class=\"cs-tb-badge yellow\">Qualifying<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>ahallfordq@ea&#8230;<\/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=\"cs-tb-checkbox\"><input type=\"checkbox\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>\n<div class=\"cs-tb-actions\"><i class=\"fa-solid fa-pen\"><\/i><i class=\"fa-solid fa-trash\"><\/i><\/div>\n<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=6\" alt=\"Avatar\" class=\"cs-tb-avatar\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"cs-tb-col-name\">Claudine Tomanek<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>Squage<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><span class=\"cs-tb-badge green\">New<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>claudine.tomar&#8230;<\/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=\"cs-tb-checkbox\"><input type=\"checkbox\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>\n<div class=\"cs-tb-actions\"><i class=\"fa-solid fa-pen\"><\/i><i class=\"fa-solid fa-trash\"><\/i><\/div>\n<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=7\" alt=\"Avatar\" class=\"cs-tb-avatar\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"cs-tb-col-name\">B\u00e9randine Pettit<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>Myntte Group<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><span class=\"cs-tb-badge gray\">Closed &#8211; Lost<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>berandine.petti&#8230;<\/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=\"cs-tb-checkbox\"><input type=\"checkbox\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>\n<div class=\"cs-tb-actions\"><i class=\"fa-solid fa-pen\"><\/i><i class=\"fa-solid fa-trash\"><\/i><\/div>\n<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=8\" alt=\"Avatar\" class=\"cs-tb-avatar\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"cs-tb-col-name\">Anastasia Armandin<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>Gray<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><span class=\"cs-tb-badge yellow\">Qualifying<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>anastasia.stee&#8230;<\/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=\"cs-tb-checkbox\"><input type=\"checkbox\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>\n<div class=\"cs-tb-actions\"><i class=\"fa-solid fa-pen\"><\/i><i class=\"fa-solid fa-trash\"><\/i><\/div>\n<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=9\" alt=\"Avatar\" class=\"cs-tb-avatar\"><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td class=\"cs-tb-col-name\">Elias Wakim<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>Libano-France Corp<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td><span class=\"cs-tb-badge blue\">Closed &#8211; Converted<\/span><\/td>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<td>elias.wakim@l&#8230;<\/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] -->                    <\/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 id=\"cs-feat-360\" class=\"cs-feat-content-panel\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-text-block\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2>A complete view of your customers, at a glance<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Centralize all interactions, data, and history of your prospects and customers. With Cirrus Shield, access a unified view for faster and more relevant decisions.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"cs-feat-benefits-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Unified history: Emails, calls, transactions.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Real-time data: Synchronized with your tools.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Clear dashboards: Immediate analysis.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Simplified sharing: Team collaboration.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"https:\/\/www.cirrus-shield.fr\/vue-360-client\/\" class=\"cs-feat-cta-link\">Discover the 360 view \u2192<\/a><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-visual-block\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-360-frame\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-360-browser-header\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-360-controls\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-dot red\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-dot yellow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-dot green\"><\/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=\"cs-360-window\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-360-card\" style=\"padding: 12px 0px 0 0px; background: transparent; box-shadow: none; border: none;\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-toolbar\"><!-- [et_pb_line_break_holder] -->                                     <button class=\"cs-360-btn-plus\"><i class=\"fa-solid fa-plus\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                                     <i class=\"fa-solid fa-list cs-360-list-icon\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-table-container\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<table class=\"cs-360-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 style=\"width: 25%;\">Owner <i class=\"fa-solid fa-chevron-down\"><\/i><\/th>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<th style=\"width: 25%;\">Subject<\/th>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<th style=\"width: 25%;\">Details<\/th>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<th style=\"width: 25%;\">Date Modified<\/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>Antoine Martin<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<td>Contract Follow-up<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<td>Call for annual renewal<\/td>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<td>12\/14\/2021 4:30 PM<\/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] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-360-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-header\" onclick=\"toggleCs360Card(this)\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3 class=\"cs-360-card-title\">Summary<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-chevron-up cs-360-chevron\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-body\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-360-grid\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div style=\"display: flex; flex-direction: column; gap: 8px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\" style=\"align-items: center;\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Photo<\/span><!-- [et_pb_line_break_holder] -->                                                <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=anne\" class=\"cs-360-resume-avatar\" alt=\"Anne-marie\"><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">First Name<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value bold\">Anne-marie Sourdin<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Status<\/span><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"cs-360-status-badge cs-360-value\"><!-- [et_pb_line_break_holder] -->                                                    <span class=\"cs-360-status-dot\"><\/span> Closed &#8211; Converted<!-- [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 style=\"display: flex; flex-direction: column; gap: 8px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Company<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value bold\">Gab Cube<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Owner<\/span><!-- [et_pb_line_break_holder] -->                                                <a href=\"#\" class=\"cs-360-value cs-360-text-link\">Antoine Martin<\/a><!-- [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] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-360-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-header\" onclick=\"toggleCs360Card(this)\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3 class=\"cs-360-card-title\">Contact Information<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-chevron-up cs-360-chevron\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-body\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-360-grid\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div style=\"display: flex; flex-direction: column; gap: 6px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Salutation<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">Mrs.<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">First Name<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">Anne-marie<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Last Name<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">Sourdin<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Job Title<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">Senior Sales Associate<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div style=\"display: flex; flex-direction: column; gap: 6px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Email<\/span><!-- [et_pb_line_break_holder] -->                                                <a href=\"#\" class=\"cs-360-value cs-360-text-link\">anne-marie.sourdin@gabcube.fr<\/a><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Phone<\/span><!-- [et_pb_line_break_holder] -->                                                <a href=\"#\" class=\"cs-360-value cs-360-text-link\">06 78 16 27 92<\/a><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Mobile<\/span><!-- [et_pb_line_break_holder] -->                                                <a href=\"#\" class=\"cs-360-value cs-360-text-link\">06 78 16 27 92<\/a><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Lead Source<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value bold\">Blog<\/span><!-- [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] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-360-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-header\" onclick=\"toggleCs360Card(this)\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3 class=\"cs-360-card-title\">Account Information<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-chevron-up cs-360-chevron\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-body\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-360-grid\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div style=\"display: flex; flex-direction: column; gap: 6px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Industry<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">Technology &#038; Services<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Employees<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">45<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Annual Revenue<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">\u20ac3,200,000<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div style=\"display: flex; flex-direction: column; gap: 6px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Website<\/span><!-- [et_pb_line_break_holder] -->                                                <a href=\"#\" class=\"cs-360-value cs-360-text-link\">www.gabcube.fr<\/a><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">VAT Number<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">802 954 785 00018<\/span><!-- [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] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-360-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-header\" onclick=\"toggleCs360Card(this)\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3 class=\"cs-360-card-title\">Description<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-chevron-up cs-360-chevron\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-body\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-360-field-row\" style=\"grid-template-columns: 110px 1fr;\"><!-- [et_pb_line_break_holder] -->                                        <span class=\"cs-360-label\">Description<\/span><!-- [et_pb_line_break_holder] -->                                        <span class=\"cs-360-value\" style=\"line-height: 1.4;\">Long-standing client met at the annual trade show. Interested in expanding the marketing module for the sales team.<\/span><!-- [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=\"cs-360-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-header\" onclick=\"toggleCs360Card(this)\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3 class=\"cs-360-card-title\">Address<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-chevron-up cs-360-chevron\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-body\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-360-grid\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div style=\"display: flex; flex-direction: column; gap: 6px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Google Maps<\/span><!-- [et_pb_line_break_holder] -->                                                <a href=\"#\" class=\"cs-360-value cs-360-text-link\">Open<\/a><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Street<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">15 Rue de la R\u00e9publique<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">City<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">Lyon<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div style=\"display: flex; flex-direction: column; gap: 6px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">State\/Province<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">Auvergne-Rh\u00f4ne-Alpes<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Zip Code<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">69002<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Country<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">France<\/span><!-- [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] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-360-card cs-360-mb-0\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-header\" onclick=\"toggleCs360Card(this)\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3 class=\"cs-360-card-title\">System Information<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-chevron-up cs-360-chevron\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-360-card-body\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-360-grid\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div style=\"display: flex; flex-direction: column; gap: 6px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Created Date<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">11\/13\/2020 11:18:16 AM<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Created By<\/span><!-- [et_pb_line_break_holder] -->                                                <a href=\"#\" class=\"cs-360-value cs-360-text-link\">Antoine Martin<\/a><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div style=\"display: flex; flex-direction: column; gap: 6px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Modified Date<\/span><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-value\">12\/14\/2021 4:17:58 PM<\/span><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-360-field-row\"><!-- [et_pb_line_break_holder] -->                                                <span class=\"cs-360-label\">Modified By<\/span><!-- [et_pb_line_break_holder] -->                                                <a href=\"#\" class=\"cs-360-value cs-360-text-link\">Antoine Martin<\/a><!-- [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] -->                            <\/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 id=\"cs-feat-automation\" class=\"cs-feat-content-panel\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-text-block\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2>Automate your processes, save time<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Free yourself from repetitive tasks. With Cirrus Shield, optimize your workflows and focus on what matters most.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"cs-feat-benefits-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Automated processes: From capture to conversion.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Reduced errors: Less manual entry.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Time saved: Up to 70% fewer tasks.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Easy customization: Tailored to your business needs.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"https:\/\/www.cirrus-shield.fr\/automatisation-workflows\/\" class=\"cs-feat-cta-link\">Explore automation \u2192<\/a><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-visual-block\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"wf-app-window\"><!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"wf-app-header\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"wf-header-controls\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"wf-control-dot wf-dot-red\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"wf-control-dot wf-dot-yellow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"wf-control-dot wf-dot-green\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div style=\"width: 50px;\"><\/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=\"wf-workspace\"><!-- [et_pb_line_break_holder] -->                            <!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"wf-canvas-viewport\" id=\"wf-viewport\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"wf-pan-zoom-layer\" id=\"wf-layer\"><!-- [et_pb_line_break_holder] -->                                    <!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div style=\"position: relative; width: 800px; height: 800px; margin: 50px auto;\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                        <svg class=\"wf-flow-svg\" viewBox=\"0 0 800 800\"><!-- [et_pb_line_break_holder] -->                                            <defs><!-- [et_pb_line_break_holder] -->                                                <marker id=\"arrow\" 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] -->                                            <!-- [et_pb_line_break_holder] -->                                            <path d=\"M400 100 L400 140\" class=\"wf-flow-line\" marker-end=\"url(#arrow)\"\/><!-- [et_pb_line_break_holder] -->                                            <path d=\"M330 220 C 200 220, 200 280, 200 310\" class=\"wf-flow-line\" marker-end=\"url(#arrow)\"\/><!-- [et_pb_line_break_holder] -->                                            <path d=\"M470 220 C 600 220, 600 280, 600 310\" class=\"wf-flow-line\" marker-end=\"url(#arrow)\"\/><!-- [et_pb_line_break_holder] -->                                            <path d=\"M600 390 C 600 480, 400 450, 400 520\" class=\"wf-flow-line\" marker-end=\"url(#arrow)\"\/><!-- [et_pb_line_break_holder] -->                                            <path d=\"M400 520 L400 580\" class=\"wf-flow-line\" marker-end=\"url(#arrow)\"\/><!-- [et_pb_line_break_holder] -->                                        <\/svg><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-node-card wf-style-trigger\" style=\"left: 400px; top: 60px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-icon-wrapper\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-title\">Quote Signed<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-subtitle\">Manual trigger<\/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=\"wf-add-btn\" style=\"left: 400px; top: 120px;\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-node-card wf-style-logic\" style=\"left: 400px; top: 220px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-icon-wrapper\"><i class=\"fa-solid fa-code-branch\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-title\">Verification<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-subtitle\">Status = Won?<\/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=\"wf-add-btn\" style=\"left: 230px; top: 245px;\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-branch-label\" style=\"left: 230px; top: 270px;\">No<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-add-btn\" style=\"left: 570px; top: 245px;\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-branch-label\" style=\"left: 570px; top: 270px;\">Yes<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-node-card wf-style-stop\" style=\"left: 200px; top: 350px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-icon-wrapper\"><i class=\"fa-solid fa-ban\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-title\">Stop<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-subtitle\">End of flow<\/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=\"wf-node-card wf-style-action\" style=\"left: 600px; top: 350px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-icon-wrapper\"><i class=\"fa-solid fa-file-invoice-dollar\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-title\">Generate Invoice<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-subtitle\">Automatic action<\/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=\"wf-add-btn\" style=\"left: 510px; top: 480px;\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-join-dot\" style=\"left: 400px; top: 520px;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-add-btn\" style=\"left: 400px; top: 550px;\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-node-card wf-style-stop\" style=\"left: 400px; top: 620px;\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-icon-wrapper\"><i class=\"fa-solid fa-flag-checkered\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-title\">End<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"wf-node-subtitle\">Finished<\/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] --><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"wf-zoom-controls\"><!-- [et_pb_line_break_holder] -->                                    <button class=\"wf-zoom-btn\" onclick=\"zoomIn()\"><i class=\"fa-solid fa-plus\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                                    <button class=\"wf-zoom-btn\" onclick=\"zoomOut()\"><i class=\"fa-solid fa-minus\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                                    <button class=\"wf-zoom-btn\" onclick=\"resetZoom()\"><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=\"wf-sidebar\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"wf-sidebar-header\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h2>Details<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                                    <pee>Quote signing.<\/pee><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"wf-step-list\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"wf-step-item\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-step-icon-small\" style=\"color: var(--wf-c-blue-fg); background: var(--wf-c-blue-bg);\"><!-- [et_pb_line_break_holder] -->                                            <i class=\"fa-solid fa-file-signature\"><\/i><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-step-content\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<h4>Quote Signed<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                                            <span>Trigger<\/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<div class=\"wf-step-item\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-step-icon-small\" style=\"color: var(--wf-c-orange-fg); background: var(--wf-c-orange-bg);\"><!-- [et_pb_line_break_holder] -->                                            <i class=\"fa-solid fa-code-branch\"><\/i><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-step-content\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<h4>Verification<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                                            <span>If Status == &#8220;Won&#8221;<\/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<div class=\"wf-step-item\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-step-icon-small\" style=\"color: var(--wf-c-green-fg); background: var(--wf-c-green-bg);\"><!-- [et_pb_line_break_holder] -->                                            <i class=\"fa-solid fa-file-invoice-dollar\"><\/i><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-step-content\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<h4>Generate Invoice<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                                            <span>Action<\/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<div class=\"wf-step-item\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-step-icon-small\" style=\"color: var(--wf-c-red-fg); background: var(--wf-c-red-bg);\"><!-- [et_pb_line_break_holder] -->                                            <i class=\"fa-solid fa-flag-checkered\"><\/i><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"wf-step-content\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<h4>End<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                                            <span>Archiving<\/span><!-- [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] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div id=\"cs-feat-dashboard\" class=\"cs-feat-content-panel\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-text-block\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2>Clear dashboards to steer your business<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Visualize your performance in real time. With Cirrus Shield, make decisions based on reliable and accessible data.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"cs-feat-benefits-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Centralized data: All your metrics at a glance.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Total customization: Indicators tailored to your goals.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Instant access: From any device.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li>Simplified analysis: Identify trends at a glance.<\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"https:\/\/www.cirrus-shield.fr\/tableaux-de-bords-bi\/\" class=\"cs-feat-cta-link\">View dashboards \u2192<\/a><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-feat-visual-block\"><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-dash-window\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-dash-header\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-dash-controls\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-dash-dot cs-dash-dot-red\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-dash-dot cs-dash-dot-yellow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-dash-dot cs-dash-dot-green\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <!-- [et_pb_line_break_holder] -->                            <button class=\"cs-layout-toggle\" onclick=\"toggleLayout()\"><!-- [et_pb_line_break_holder] -->                                <span id=\"toggleText\">View: 2 Columns<\/span><!-- [et_pb_line_break_holder] -->                                <i class=\"fa-solid fa-table-columns\"><\/i><!-- [et_pb_line_break_holder] -->                            <\/button><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-dash-content\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h2 class=\"cs-dash-title\">General Dashboard<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                            <!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-dash-grid cs-grid-2-cols\" id=\"dashboardGrid\"><!-- [et_pb_line_break_holder] -->                                <!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-dash-card\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3>Accounts by Industry<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-dash-chart-wrap\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-dash-pie-1\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<table class=\"cs-dash-table\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<thead>\n<tr>\n<th>Category<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<tbody><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#fb923c;\"><\/span> Other<\/td>\n<td>2<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#facc15;\"><\/span> Construction<\/td>\n<td>6<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#f87171;\"><\/span> Consulting<\/td>\n<td>1<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#f472b6;\"><\/span> Education<\/td>\n<td>3<\/td>\n<\/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] --><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-dash-card\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3>Leads by Source<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-dash-chart-wrap\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-dash-pie-2\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<table class=\"cs-dash-table\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<thead>\n<tr>\n<th>Category<\/th>\n<th>Value<\/th>\n<\/tr>\n<\/thead>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<tbody><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#a855f7;\"><\/span> Blog<\/td>\n<td>9<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#3b82f6;\"><\/span> Referral<\/td>\n<td>4<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#ef4444;\"><\/span> Social Media<\/td>\n<td>3<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#fbbf24;\"><\/span> Website<\/td>\n<td>12<\/td>\n<\/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] --><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cs-dash-card\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3>Leads by Industry<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-line-chart-legend\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-line-legend-box\"><\/div>\n<p>RecordCount<!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-line-chart-wrapper\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-y-axis\"><span>800<\/span><span>600<\/span><span>400<\/span><span>200<\/span><span>0<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-line-chart-container\"><!-- [et_pb_line_break_holder] -->                                            <svg class=\"cs-line-chart-svg\" viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\"><!-- [et_pb_line_break_holder] -->                                                <line x1=\"0\" y1=\"150\" x2=\"500\" y2=\"150\" stroke=\"#e2e8f0\" stroke-width=\"1\"\/><!-- [et_pb_line_break_holder] -->                                                <line x1=\"0\" y1=\"112.5\" x2=\"500\" y2=\"112.5\" stroke=\"#e2e8f0\" stroke-width=\"1\" stroke-dasharray=\"4\"\/><!-- [et_pb_line_break_holder] -->                                                <line x1=\"0\" y1=\"75\" x2=\"500\" y2=\"75\" stroke=\"#e2e8f0\" stroke-width=\"1\" stroke-dasharray=\"4\"\/><!-- [et_pb_line_break_holder] -->                                                <line x1=\"0\" y1=\"37.5\" x2=\"500\" y2=\"37.5\" stroke=\"#e2e8f0\" stroke-width=\"1\" stroke-dasharray=\"4\"\/><!-- [et_pb_line_break_holder] -->                                                <line x1=\"0\" y1=\"0\" x2=\"500\" y2=\"0\" stroke=\"#e2e8f0\" stroke-width=\"1\" stroke-dasharray=\"4\"\/><!-- [et_pb_line_break_holder] -->                                                <!-- [et_pb_line_break_holder] -->                                                <polyline <!-- [et_pb_line_break_holder] -->                                                    points=&#8221;0,148 35,145 70,135 105,142 140,146 175,148 210,145 245,147 280,10 315,145 350,146 385,147 420,147 455,147 500,146&#8243; <!-- [et_pb_line_break_holder] -->                                                    fill=&#8221;none&#8221; <!-- [et_pb_line_break_holder] -->                                                    stroke=&#8221;#ef4444&#8243; <!-- [et_pb_line_break_holder] -->                                                    stroke-width=&#8221;2&#8243; <!-- [et_pb_line_break_holder] -->                                                    vector-effect=&#8221;non-scaling-stroke&#8221;<!-- [et_pb_line_break_holder] -->                                                \/><!-- [et_pb_line_break_holder] -->                                                <!-- [et_pb_line_break_holder] -->                                                <circle cx=\"70\" cy=\"135\" r=\"3\" fill=\"#ef4444\"\/><!-- [et_pb_line_break_holder] -->                                                <circle cx=\"280\" cy=\"10\" r=\"3\" fill=\"#ef4444\"\/><!-- [et_pb_line_break_holder] -->                                            <\/svg><!-- [et_pb_line_break_holder] -->                                            <!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"cs-x-axis\"><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"cs-x-label\">2020-09<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"cs-x-label\">2021-05<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"cs-x-label\">2022-05<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"cs-x-label\">2023-01<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"cs-x-label\">2024-05<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"cs-x-label\">2025-09<\/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=\"cs-dash-card\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<h3>Leads by Status<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"cs-dash-chart-wrap\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"cs-dash-pie-status\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<table class=\"cs-dash-table\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<thead>\n<tr>\n<th>Status<\/th>\n<th>Qty<\/th>\n<\/tr>\n<\/thead>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<tbody><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#3b82f6;\"><\/span> New<\/td>\n<td>12<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#facc15;\"><\/span> Contacted<\/td>\n<td>18<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#fb923c;\"><\/span> Qualified<\/td>\n<td>24<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<tr>\n<td><span class=\"cs-dash-color-box\" style=\"background:#10b981;\"><\/span> Won<\/td>\n<td>8<\/td>\n<\/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] --><!-- [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] -->            <\/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] -->        \/\/ 1. TABS LOGIC<!-- [et_pb_line_break_holder] -->        function toggleCsFeature(targetId, btnElement) {<!-- [et_pb_line_break_holder] -->            document.querySelectorAll('.cs-feat-content-panel').forEach(panel => {<!-- [et_pb_line_break_holder] -->                panel.classList.remove('cs-active');<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            document.querySelectorAll('.cs-feat-tab-button').forEach(button => {<!-- [et_pb_line_break_holder] -->                button.classList.remove('cs-active');<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            document.getElementById(targetId).classList.add('cs-active');<!-- [et_pb_line_break_holder] -->            btnElement.classList.add('cs-active');<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        document.addEventListener('DOMContentLoaded', () => {<!-- [et_pb_line_break_holder] -->             const firstButton = document.querySelector('.cs-feat-tab-button');<!-- [et_pb_line_break_holder] -->             const firstPanel = document.querySelector('.cs-feat-content-panel');<!-- [et_pb_line_break_holder] -->             if (firstButton && !firstButton.classList.contains('cs-active')) {<!-- [et_pb_line_break_holder] -->                 firstButton.classList.add('cs-active');<!-- [et_pb_line_break_holder] -->             }<!-- [et_pb_line_break_holder] -->             if (firstPanel && !firstPanel.classList.contains('cs-active')) {<!-- [et_pb_line_break_holder] -->                 firstPanel.classList.add('cs-active');<!-- [et_pb_line_break_holder] -->             }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ 2. PIPELINE: DRAG AND DROP LOGIC<!-- [et_pb_line_break_holder] -->        document.addEventListener('DOMContentLoaded', () => {<!-- [et_pb_line_break_holder] -->            const draggables = document.querySelectorAll('.cs-kb-card[draggable=\"true\"]');<!-- [et_pb_line_break_holder] -->            const columns = document.querySelectorAll('.cs-kb-column');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            draggables.forEach(draggable => {<!-- [et_pb_line_break_holder] -->                draggable.addEventListener('dragstart', () => {<!-- [et_pb_line_break_holder] -->                    draggable.classList.add('cs-dragging');<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->                draggable.addEventListener('dragend', () => {<!-- [et_pb_line_break_holder] -->                    draggable.classList.remove('cs-dragging');<!-- [et_pb_line_break_holder] -->                    columns.forEach(col => col.classList.remove('cs-drag-over'));<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            columns.forEach(column => {<!-- [et_pb_line_break_holder] -->                column.addEventListener('dragover', e => {<!-- [et_pb_line_break_holder] -->                    e.preventDefault();<!-- [et_pb_line_break_holder] -->                    column.classList.add('cs-drag-over');<!-- [et_pb_line_break_holder] -->                    const afterElement = getDragAfterElement(column, e.clientY);<!-- [et_pb_line_break_holder] -->                    const draggable = document.querySelector('.cs-dragging');<!-- [et_pb_line_break_holder] -->                    if (afterElement == null) {<!-- [et_pb_line_break_holder] -->                        column.appendChild(draggable);<!-- [et_pb_line_break_holder] -->                    } else {<!-- [et_pb_line_break_holder] -->                        column.insertBefore(draggable, afterElement);<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->                column.addEventListener('dragleave', () => {<!-- [et_pb_line_break_holder] -->                    column.classList.remove('cs-drag-over');<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->                column.addEventListener('drop', () => {<!-- [et_pb_line_break_holder] -->                    column.classList.remove('cs-drag-over');<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function getDragAfterElement(column, y) {<!-- [et_pb_line_break_holder] -->                const draggableElements = [...column.querySelectorAll('.cs-kb-card:not(.cs-dragging)')];<!-- [et_pb_line_break_holder] -->                return draggableElements.reduce((closest, child) => {<!-- [et_pb_line_break_holder] -->                    const box = child.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                    const offset = y - box.top - box.height \/ 2;<!-- [et_pb_line_break_holder] -->                    if (offset < 0 &#038;&#038; offset > closest.offset) {<!-- [et_pb_line_break_holder] -->                        return { offset: offset, element: child };<!-- [et_pb_line_break_holder] -->                    } else {<!-- [et_pb_line_break_holder] -->                        return closest;<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                }, { offset: Number.NEGATIVE_INFINITY }).element;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ 3. LEADS: TABLE ROW SELECTION LOGIC<!-- [et_pb_line_break_holder] -->        document.addEventListener('DOMContentLoaded', () => {<!-- [et_pb_line_break_holder] -->            const checkboxes = document.querySelectorAll('.cs-tb-checkbox input[type=\"checkbox\"]');<!-- [et_pb_line_break_holder] -->            checkboxes.forEach(checkbox => {<!-- [et_pb_line_break_holder] -->                checkbox.addEventListener('change', function() {<!-- [et_pb_line_break_holder] -->                    const row = this.closest('tr');<!-- [et_pb_line_break_holder] -->                    if (this.checked) {<!-- [et_pb_line_break_holder] -->                        row.classList.add('cs-selected');<!-- [et_pb_line_break_holder] -->                    } else {<!-- [et_pb_line_break_holder] -->                        row.classList.remove('cs-selected');<!-- [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] --><!-- [et_pb_line_break_holder] -->        \/\/ 4. 360 VIEW: CARD TOGGLE LOGIC<!-- [et_pb_line_break_holder] -->        function toggleCs360Card(headerElement) {<!-- [et_pb_line_break_holder] -->            const card = headerElement.parentElement;<!-- [et_pb_line_break_holder] -->            card.classList.toggle('cs-collapsed');<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ 5. WORKFLOW CANVAS LOGIC<!-- [et_pb_line_break_holder] -->        const wfViewport = document.getElementById('wf-viewport');<!-- [et_pb_line_break_holder] -->        const wfLayer = document.getElementById('wf-layer');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ --- SCALE AND POSITION FOR \"FULL ZOOM OUT\" EFFECT ---<!-- [et_pb_line_break_holder] -->        let scale = 0.55; <!-- [et_pb_line_break_holder] -->        let panning = false;<!-- [et_pb_line_break_holder] -->        let pointX = -20; <!-- [et_pb_line_break_holder] -->        let pointY = 0;<!-- [et_pb_line_break_holder] -->        let startX = 0;<!-- [et_pb_line_break_holder] -->        let startY = 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        function setTransform() {<!-- [et_pb_line_break_holder] -->            if(wfLayer) wfLayer.style.transform = `translate(${pointX}px, ${pointY}px) scale(${scale})`;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        window.zoomIn = () => {<!-- [et_pb_line_break_holder] -->            scale = Math.min(scale + 0.1, 2);<!-- [et_pb_line_break_holder] -->            setTransform();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        window.zoomOut = () => {<!-- [et_pb_line_break_holder] -->            scale = Math.max(scale - 0.1, 0.5);<!-- [et_pb_line_break_holder] -->            setTransform();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        window.resetZoom = () => {<!-- [et_pb_line_break_holder] -->            scale = 0.55;<!-- [et_pb_line_break_holder] -->            pointX = 60;<!-- [et_pb_line_break_holder] -->            pointY = -30;<!-- [et_pb_line_break_holder] -->            setTransform();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if(wfViewport) {<!-- [et_pb_line_break_holder] -->            setTransform(); \/\/ Apply initial zoom<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            wfViewport.addEventListener('mousedown', (e) => {<!-- [et_pb_line_break_holder] -->                panning = true;<!-- [et_pb_line_break_holder] -->                startX = e.clientX - pointX;<!-- [et_pb_line_break_holder] -->                startY = e.clientY - pointY;<!-- [et_pb_line_break_holder] -->                wfViewport.style.cursor = 'grabbing';<!-- [et_pb_line_break_holder] -->                wfLayer.style.transition = 'none';<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            window.addEventListener('mousemove', (e) => {<!-- [et_pb_line_break_holder] -->                if (!panning) return;<!-- [et_pb_line_break_holder] -->                e.preventDefault();<!-- [et_pb_line_break_holder] -->                pointX = e.clientX - startX;<!-- [et_pb_line_break_holder] -->                pointY = e.clientY - startY;<!-- [et_pb_line_break_holder] -->                setTransform();<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            window.addEventListener('mouseup', () => {<!-- [et_pb_line_break_holder] -->                if(panning) {<!-- [et_pb_line_break_holder] -->                    panning = false;<!-- [et_pb_line_break_holder] -->                    wfViewport.style.cursor = 'grab';<!-- [et_pb_line_break_holder] -->                    wfLayer.style.transition = 'transform 0.1s linear';<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            wfViewport.addEventListener('wheel', (e) => {<!-- [et_pb_line_break_holder] -->                if(e.ctrlKey) {<!-- [et_pb_line_break_holder] -->                    e.preventDefault();<!-- [et_pb_line_break_holder] -->                    const delta = e.deltaY * -0.001;<!-- [et_pb_line_break_holder] -->                    const newScale = Math.min(Math.max(0.5, scale + delta), 2);<!-- [et_pb_line_break_holder] -->                    scale = newScale;<!-- [et_pb_line_break_holder] -->                    setTransform();<!-- [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] -->        \/\/ 6. DASHBOARD LAYOUT TOGGLE<!-- [et_pb_line_break_holder] -->        function toggleLayout() {<!-- [et_pb_line_break_holder] -->            const grid = document.getElementById('dashboardGrid');<!-- [et_pb_line_break_holder] -->            const btnText = document.getElementById('toggleText');<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Toggle the 2-column class<!-- [et_pb_line_break_holder] -->            grid.classList.toggle('cs-grid-2-cols');<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ Update button text<!-- [et_pb_line_break_holder] -->            if (grid.classList.contains('cs-grid-2-cols')) {<!-- [et_pb_line_break_holder] -->                btnText.innerText = \"View: 2 Columns\";<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                btnText.innerText = \"View: 1 Column\";<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/script><!-- [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;#f7fbff&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||3px|||&#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; header_2_font=&#8221;||||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#4f566b&#8221; header_2_font_size=&#8221;35px&#8221; custom_margin=&#8221;||-1px|||&#8221; hover_enabled=&#8221;0&#8243; 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>Used by over 8,357 users in France<\/h2>\n<div class=\"logo-grid\"><\/div>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    \/* Section Container *\/<!-- [et_pb_line_break_holder] -->    .clients-section {<!-- [et_pb_line_break_holder] -->        padding: 60px 20px;<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        overflow: hidden; \/* Essential for the mobile slider crop *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Clients Grid Container (Desktop Default) *\/<!-- [et_pb_line_break_holder] -->    .clients-container {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-wrap: wrap; \/* Allows items to wrap into rows on desktop *\/<!-- [et_pb_line_break_holder] -->        justify-content: center; <!-- [et_pb_line_break_holder] -->        align-items: center; <!-- [et_pb_line_break_holder] -->        gap: 40px; <!-- [et_pb_line_break_holder] -->        max-width: 1200px;<!-- [et_pb_line_break_holder] -->        margin: 0 auto;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Individual Client Item *\/<!-- [et_pb_line_break_holder] -->    .client-logo-item {<!-- [et_pb_line_break_holder] -->        flex: 0 0 auto; \/* Prevent shrinking *\/<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Client Image Styling *\/<!-- [et_pb_line_break_holder] -->    .client-logo-item img {<!-- [et_pb_line_break_holder] -->        max-height: 50px; <!-- [et_pb_line_break_holder] -->        max-width: 150px; <!-- [et_pb_line_break_holder] -->        width: auto;<!-- [et_pb_line_break_holder] -->        height: auto;<!-- [et_pb_line_break_holder] -->        object-fit: contain;<!-- [et_pb_line_break_holder] -->        filter: grayscale(100%); <!-- [et_pb_line_break_holder] -->        opacity: 0.7;<!-- [et_pb_line_break_holder] -->        transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Hover Effect (Desktop) *\/<!-- [et_pb_line_break_holder] -->    .client-logo-item img:hover {<!-- [et_pb_line_break_holder] -->        filter: grayscale(0%); <!-- [et_pb_line_break_holder] -->        opacity: 1;<!-- [et_pb_line_break_holder] -->        transform: scale(1.1); <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* IMPORTANT: Hide the duplicate set on Desktop *\/<!-- [et_pb_line_break_holder] -->    .clients-mobile-duplicate {<!-- [et_pb_line_break_holder] -->        display: none;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* =========================================<!-- [et_pb_line_break_holder] -->       MOBILE AUTO-SLIDER ANIMATION<!-- [et_pb_line_break_holder] -->       ========================================= *\/<!-- [et_pb_line_break_holder] -->    @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Show the duplicate set ONLY on mobile to enable the loop *\/<!-- [et_pb_line_break_holder] -->        \/* 'display: contents' makes the children act as direct children of .clients-container *\/<!-- [et_pb_line_break_holder] -->        .clients-mobile-duplicate {<!-- [et_pb_line_break_holder] -->            display: contents; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .clients-section {<!-- [et_pb_line_break_holder] -->            padding: 40px 0; \/* Remove side padding to let logos touch edges *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .clients-container {<!-- [et_pb_line_break_holder] -->            flex-wrap: nowrap; \/* Force single line *\/<!-- [et_pb_line_break_holder] -->            justify-content: flex-start; \/* Align start for animation *\/<!-- [et_pb_line_break_holder] -->            gap: 40px; \/* Keep consistent gap *\/<!-- [et_pb_line_break_holder] -->            width: max-content; \/* Allow container to exceed screen width *\/<!-- [et_pb_line_break_holder] -->            animation: clientScroll 20s linear infinite; \/* The sliding animation *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Define the scrolling animation *\/<!-- [et_pb_line_break_holder] -->        @keyframes clientScroll {<!-- [et_pb_line_break_holder] -->            0% {<!-- [et_pb_line_break_holder] -->                transform: translateX(0);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            100% {<!-- [et_pb_line_break_holder] -->                transform: translateX(-50%); \/* Move half way *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .client-logo-item img {<!-- [et_pb_line_break_holder] -->            max-height: 40px; <!-- [et_pb_line_break_holder] -->            max-width: 120px;<!-- [et_pb_line_break_holder] -->            filter: grayscale(0%); \/* Optional: Color always on for mobile *\/<!-- [et_pb_line_break_holder] -->            opacity: 0.9;<!-- [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=\"clients-section\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"clients-container\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/1-e1765374431133.png\" alt=\"Client Logo 1\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/2-e1765375714744.png\" alt=\"Client Logo 2\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/3-e1765374688197.png\" alt=\"Client Logo 3\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/4-e1765374711307.png\" alt=\"Client Logo 4\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/5-e1765374737855.png\" alt=\"Client Logo 5\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/6-e1765374828849.png\" alt=\"Client Logo 6\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/7-e1765374851370.png\" alt=\"Client Logo 7\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/8-e1765374876168.png\" alt=\"Client Logo 8\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"clients-mobile-duplicate\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/1-e1765374431133.png\" alt=\"Client Logo 1\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/2-e1765375714744.png\" alt=\"Client Logo 2\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/3-e1765374688197.png\" alt=\"Client Logo 3\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/4-e1765374711307.png\" alt=\"Client Logo 4\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/5-e1765374737855.png\" alt=\"Client Logo 5\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/6-e1765374828849.png\" alt=\"Client Logo 6\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/7-e1765374851370.png\" alt=\"Client Logo 7\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"client-logo-item\"><img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/8-e1765374876168.png\" alt=\"Client Logo 8\"><\/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] --><\/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; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#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; custom_css_free_form=&#8221;||    \/* &#8212; VARIABLES &#038; RESET &#8212; *\/||    :root {||        &#8211;primary-blue: #3f82f7;||        &#8211;primary-light-blue: #e6f6ff;||        &#8211;text-dark: #1a1f36;||        &#8211;text-grey: #4f566b;||        &#8211;bg-white: #ffffff;||        &#8211;font-inter: &#8216;Inter&#8217;, sans-serif;||    }||    a {||        text-decoration: none;||        color: inherit;||        transition: 0.2s;||    }||||    .crm-sectors-grid {||        display: flex;||        flex-wrap: wrap;||        justify-content: center;||        gap: 30px;||    }||||    \/* &#8212; CARD SPECIFIC STYLES &#8212; *\/||    .crm-sector-card {||        flex: 1 1 300px;||        max-width: 350px;||        background: white;||        border-radius: 20px;||        border: 1px solid #f0f0f0;||        padding: 30px;||        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);||        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);||        position: relative;||        overflow: hidden;||        display: flex;||        flex-direction: row;||        align-items: flex-start;||        gap: 20px;||        text-align: left;||    }||||    .crm-sector-card:hover {||        transform: translateY(-8px);||        box-shadow: 0 20px 40px rgba(46, 163, 242, 0.12);||        border-color: var(&#8211;primary-light-blue);||    }||||    \/* Top Gradient Border Effect *\/||    .crm-sector-card::before {||        content: &#8221;;||        position: absolute;||        top: 0;||        left: 0;||        width: 100%;||        height: 4px;||        background: linear-gradient(90deg, var(&#8211;primary-blue), var(&#8211;primary-light-blue));||        opacity: 0;||        transition: 0.3s;||    }||||    .crm-sector-card:hover::before {||        opacity: 1;||    }||||    \/* &#8212; ICON WRAPPER &#8212; *\/||    .crm-sector-icon-box {||        flex-shrink: 0;||        width: 50px;||        height: 50px;||        background: #f4f8ff;||        color: var(&#8211;primary-blue);||        border-radius: 12px;||        display: flex;||        align-items: center;||        justify-content: center;||        font-size: 1.2rem;||        transition: 0.3s;||    }||||    .crm-sector-card:hover .crm-sector-icon-box {||        background: var(&#8211;primary-blue);||        color: white;||    }||||    \/* &#8212; CONTENT &#8212; *\/||    .crm-sector-body {||        flex: 1;||        display: flex;||        flex-direction: column;||    }||||    .crm-sector-title {||        font-size: 1.1rem;||        font-weight: 700;||        color: var(&#8211;text-dark);||        margin-bottom: 10px;||        line-height: 1.3;||    }||||    .crm-sector-desc {||        font-size: 0.9rem;||        color: var(&#8211;text-grey);||        line-height: 1.5;||        margin-bottom: 15px;||        flex-grow: 1;||    }||||    \/* &#8212; LINK ANIMATION &#8212; *\/||    .crm-sector-link {||        font-weight: 700;||        font-size: 0.85rem;||        color: var(&#8211;primary-blue);||        display: flex;||        align-items: center;||        gap: 6px;||        transition: 0.3s;||    }||||    .crm-sector-link span {||        transition: 0.3s;||    }||||    .crm-sector-card:hover .crm-sector-link span {||        transform: translateX(5px);||    }||&#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] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"crm-sectors-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-global-container\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-sectors-grid\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-sector-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-sector-icon-box\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-graduation-cap\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-sector-body\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 class=\"crm-sector-title\">CRM for Training Centers<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-sector-desc\">Manage trainees, trainers, and sessions in a single tool.<\/pee><!-- [et_pb_line_break_holder] -->                        <a href=\"https:\/\/www.cirrus-shield.fr\/en\/training-organizations\/\" class=\"crm-sector-link\">Learn more <span>\u2192<\/span><\/a><!-- [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=\"crm-sector-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-sector-icon-box\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-briefcase\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-sector-body\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 class=\"crm-sector-title\">CRM for Consulting Firms<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-sector-desc\">Manage missions, consultants, and budgets. Automate your client reports in real time.<\/pee><!-- [et_pb_line_break_holder] -->                        <a href=\"https:\/\/www.cirrus-shield.fr\/en\/consulting-firms\/\" class=\"crm-sector-link\">Learn more <span>\u2192<\/span><\/a><!-- [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=\"crm-sector-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-sector-icon-box\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-house\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-sector-body\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 class=\"crm-sector-title\">CRM for Real Estate Agencies<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-sector-desc\">Track properties, mandates, and clients. From acquisition to signing, everything is automated.<\/pee><!-- [et_pb_line_break_holder] -->                        <a href=\"https:\/\/www.cirrus-shield.fr\/en\/crm-real-estate\/\" class=\"crm-sector-link\">Learn more <span>\u2192<\/span><\/a><!-- [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=\"crm-sector-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-sector-icon-box\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-calendar-days\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-sector-body\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 class=\"crm-sector-title\">CRM for Event Management<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-sector-desc\">Manage attendees, registrations, and logistics. Automate your events from A to Z.<\/pee><!-- [et_pb_line_break_holder] -->                        <a href=\"#\" class=\"crm-sector-link\">Learn more <span>\u2192<\/span><\/a><!-- [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=\"crm-sector-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-sector-icon-box\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-rocket\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-sector-body\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 class=\"crm-sector-title\">CRM for SMEs<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-sector-desc\">Centralize clients, sales, and follow-ups. A simple, powerful CRM tailored to your growth.<\/pee><!-- [et_pb_line_break_holder] -->                        <a href=\"https:\/\/www.cirrus-shield.fr\/en\/sme\/\" class=\"crm-sector-link\">Learn more <span>\u2192<\/span><\/a><!-- [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] -->    <\/section>\n<p>[\/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;#f7fbff&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#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_tablet=&#8221;&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#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; header_2_font=&#8221;|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;35px&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; hover_enabled=&#8221;0&#8243; header_2_text_align_tablet=&#8221;center&#8221; header_2_text_align_phone=&#8221;left&#8221; header_2_text_align_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>Customize a CRM tailored to your business<\/h2>\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 column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;|auto|-1px|auto||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.5&#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|500|||||||&#8221; text_text_color=&#8221;#6B6B6B&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|800|||||||&#8221; header_2_font_size=&#8221;29px&#8221; custom_margin=&#8221;||19px|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;29px&#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>Module and field creation<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|500|||||||&#8221; text_text_color=&#8221;#6B6B6B&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|800|||||||&#8221; text_orientation=&#8221;justified&#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; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p><a href=\"https:\/\/www.cirrus-shield.fr\/en\/data-managment\/\"><span style=\"text-decoration: underline;\"><span style=\"color: #3366ff; text-decoration: underline;\">Adapt the data structure to your business<\/span><\/span><\/a> Add custom modules and specific fields (text, date, calculation) to capture the information that truly matters.<\/p>\n<p>[\/et_pb_text][et_pb_icon font_icon=&#8221;&#xf10d;||fa||900&#8243; icon_color=&#8221;#3f82f7&#8243; icon_width=&#8221;30px&#8221; align=&#8221;left&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||16px|||&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_icon][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|500|||||||&#8221; text_text_color=&#8221;#6B6B6B&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|800|||||||&#8221; text_orientation=&#8221;justified&#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; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p class=\"quote-text\"><em>Cirrus Shield is a flexible and easy-to-use CRM. I manage my contacts, campaigns, and documents, and I generate quotes and invoices in one click.<\/em><\/p>\n<p class=\"quote-text\"><span style=\"color: #000000;\"><strong><span class=\"quote-author\">Micka\u00ebl Brasseleur<br \/><\/span><\/strong><\/span>Real Estate Agent, Bemystate Zehom immobilier<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#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; custom_margin=&#8221;|-70px|||false|false&#8221; custom_margin_tablet=&#8221;|-70px|||false|false&#8221; custom_margin_phone=&#8221;|0px|||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;19px||||false|false&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;\/* &#8212; CORE VARIABLES &#038; RESET &#8212; *\/||        :root {||            &#8211;crm-primary: #3f82f7; ||            &#8211;crm-primary-dark: #2a63c9;||            &#8211;crm-bg: #f4f7fc;||            &#8211;crm-border: #dfe3eb;||            &#8211;crm-text-main: #2b3648;||            &#8211;crm-text-sub: #6b778c;||        }||||        \/* &#8212; CONTAINER &#8212; *\/||        .visual-stage-wrapper {||            position: relative;||            width: 100%;||            max-width: 550px;||            height: 640px;||            display: flex;||            justify-content: center;||            align-items: center;||            \/* Added padding for mobile safety *\/||            padding: 20px; ||            box-sizing: border-box;||        }||||        \/* &#8212; PANELS &#8212; *\/||        .ui-surface {||            position: absolute;||            background: #ffffff;||            border-radius: 8px;||            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.04);||            border: 1px solid var(&#8211;crm-border);||            width: 100%;||            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);||            overflow: hidden;||            display: flex;||            flex-direction: column;||        }||||        \/* &#8212; LAYERING LOGIC &#8212; *\/||||        \/* Bottom Layer *\/||        .depth-layer-3 {||            top: 10px;||            height: 90px;||            transform: scale(0.92) translateY(-50px);||            opacity: 0.4;||            z-index: 10;||            background: #fafbfc;||        }||||        \/* Middle Layer *\/||        .depth-layer-2 {||            top: 35px;||            height: 420px;||            transform: scale(0.96) translateY(-25px);||            opacity: 0.7;||            z-index: 20;||        }||||        \/* Top Layer (Active Form) *\/||        .depth-layer-1 {||            top: 60px;||            transform: scale(1);||            opacity: 1;||            z-index: 30;||            box-shadow: 0 20px 40px rgba(63, 130, 247, 0.12);||            height: auto;||            min-height: 450px;||            \/* Ensure it doesn&#8217;t overflow vertically on very short screens *\/||            max-height: calc(100vh &#8211; 100px); ||        }||||        \/* &#8212; INTERIOR LAYOUT &#8212; *\/||||        .surface-header {||            padding: 12px 20px;||            border-bottom: 1px solid var(&#8211;crm-border);||            background: #fff;||            flex-shrink: 0;||        }||||        .surface-content {||            padding: 24px;||            background: #fff;||            flex-grow: 1;||            overflow-y: auto; \/* Allow scrolling inside the card if content is long *\/||        }||||        .surface-footer {||            padding: 15px 24px;||            border-top: 1px solid var(&#8211;crm-border);||            display: flex;||            justify-content: flex-end;||            gap: 10px;||            background: #fcfcfd;||            flex-shrink: 0;||        }||||        \/* &#8212; TYPOGRAPHY &#8212; *\/||        ||        .txt-heading {||            font-size: 15px;||            font-weight: 600;||            color: var(&#8211;crm-text-main);||            \/* Added margin-bottom here *\/||            margin: 0 0 6px 0; ||        }||||        .txt-breadcrumb {||            font-size: 11px;||            color: var(&#8211;crm-text-sub);||            margin-bottom: 3px;||            font-weight: 500;||        }||||        .txt-step-indicator {||            font-size: 13px;||            color: #4a5568;||            margin-bottom: 18px;||        }||||        \/* &#8212; FORM ELEMENTS &#8212; *\/||||        .layout-grid-split {||            display: grid;||            grid-template-columns: 1fr 1fr;||            gap: 24px;||        }||||        .input-wrapper {||            margin-bottom: 16px;||        }||||        .field-label {||            display: block;||            font-size: 12px;||            color: var(&#8211;crm-text-sub);||            margin-bottom: 5px;||            font-weight: 500;||        }||||        .field-req {||            color: #e53e3e;||            margin-left: 2px;||        }||||        .text-input, ||        .area-input {||            width: 100%;||            padding: 8px 10px;||            border: 1px solid #d0d7e0;||            border-radius: 4px;||            font-size: 13px;||            color: var(&#8211;crm-text-main);||            background-color: #fff;||            transition: all 0.2s;||            box-sizing: border-box; \/* Crucial for responsiveness *\/||        }||||        .text-input:focus, ||        .area-input:focus {||            border-color: var(&#8211;crm-primary);||            box-shadow: 0 0 0 3px rgba(63, 130, 247, 0.1);||            outline: none;||        }||||        .area-input {||            resize: vertical;||            min-height: 60px;||        }||||        \/* Custom Checkbox *\/||        .check-container {||            display: flex;||            align-items: flex-start;||            margin-top: 6px;||            gap: 8px;||        }||||        .check-container input%91type=%22checkbox%22%93 {||            margin-top: 2px;||            width: 14px;||            height: 14px;||            accent-color: var(&#8211;crm-primary);||            cursor: pointer;||        }||||        .check-desc {||            font-size: 11px;||            color: #555;||            line-height: 1.3;||        }||||        \/* Buttons *\/||        .cmd-btn {||            padding: 7px 16px;||            border-radius: 4px;||            font-size: 13px;||            font-weight: 500;||            cursor: pointer;||            transition: 0.2s;||            border: 1px solid transparent;||        }||||        .cmd-btn-secondary {||            background: #fff;||            border-color: #d0d7e0;||            color: var(&#8211;crm-text-main);||        }||||        .cmd-btn-primary {||            background: var(&#8211;crm-primary);||            color: white;||        }||||        \/* &#8212; SKELETON UI &#8212; *\/||        .ghost-row {||            height: 28px;||            border-bottom: 1px solid #eee;||            display: flex;||            align-items: center;||            padding: 0 8px;||        }||        .ghost-block {||            background: #e2e8f0;||            height: 8px;||            border-radius: 2px;||            margin-right: 12px;||        }||        ||        .opt-row {||            display: flex;||            align-items: center;||            gap: 8px;||            margin-bottom: 12px;||        }||        .opt-circle {||            width: 14px;||            height: 14px;||            border: 1px solid #cbd5e0;||            border-radius: 50%;||        }||        .opt-line {||            height: 6px;||            background: #e2e8f0;||            border-radius: 2px;||        }||||        \/* &#8212; MOBILE RESPONSIVE ADJUSTMENTS &#8212; *\/||        @media (max-width: 600px) {||            .visual-stage-wrapper {||                height: auto; \/* Allow flexible height on mobile *\/||                min-height: 600px;||                padding: 10px;||            }||          ||||||            .layout-grid-split {||                grid-template-columns: 1fr; \/* Stack columns vertically *\/||                gap: 10px;||            }||||            .ui-surface {||                width: 95%; \/* Add side margins *\/||            }||||            .depth-layer-1 {||                position: relative; \/* Switch to relative to allow scrolling page *\/||                top: 0;||                transform: none;||                margin-top: 40px; \/* Push down to clear ghost cards *\/||            }||||            .depth-layer-2, .depth-layer-3 {||                width: 90%; \/* Slightly narrower ghost cards *\/||            }||        }&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"visual-stage-wrapper\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"ui-surface depth-layer-3\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"surface-header\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"txt-breadcrumb\">Objects > Contact<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"txt-heading\">Custom Fields<\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"surface-content\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div style=\"background: #edf2f7; height: 28px; margin-bottom: 8px; width: 100%; border-radius: 3px;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"ghost-row\">\n<div class=\"ghost-block\" style=\"width: 20%\"><\/div>\n<div class=\"ghost-block\" style=\"width: 35%\"><\/div>\n<div class=\"ghost-block\" style=\"width: 15%\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"ghost-row\">\n<div class=\"ghost-block\" style=\"width: 20%\"><\/div>\n<div class=\"ghost-block\" style=\"width: 35%\"><\/div>\n<div class=\"ghost-block\" style=\"width: 15%\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"ghost-row\">\n<div class=\"ghost-block\" style=\"width: 20%\"><\/div>\n<div class=\"ghost-block\" style=\"width: 35%\"><\/div>\n<div class=\"ghost-block\" style=\"width: 15%\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"ghost-row\">\n<div class=\"ghost-block\" style=\"width: 20%\"><\/div>\n<div class=\"ghost-block\" style=\"width: 35%\"><\/div>\n<div class=\"ghost-block\" style=\"width: 15%\"><\/div>\n<\/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=\"ui-surface depth-layer-2\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"surface-header\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"txt-heading\">Step 1: New custom field<\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"surface-content\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"txt-step-indicator\">Step 1 of 2: Select type<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div style=\"column-count: 2; column-gap: 30px;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"opt-row\">\n<div class=\"opt-circle\"><\/div>\n<div class=\"opt-line\" style=\"width: 70px;\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"opt-row\">\n<div class=\"opt-circle\"><\/div>\n<div class=\"opt-line\" style=\"width: 100px;\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"opt-row\">\n<div class=\"opt-circle\"><\/div>\n<div class=\"opt-line\" style=\"width: 50px;\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"opt-row\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"opt-circle\" style=\"border: 3px solid var(--crm-primary);\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"opt-line\" style=\"background: var(--crm-primary); width: 60px;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"opt-row\">\n<div class=\"opt-circle\"><\/div>\n<div class=\"opt-line\" style=\"width: 80px;\"><\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"opt-row\">\n<div class=\"opt-circle\"><\/div>\n<div class=\"opt-line\" style=\"width: 90px;\"><\/div>\n<\/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=\"ui-surface depth-layer-1\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"surface-header\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"txt-heading\">Step 2: Enter details<\/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=\"surface-content\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"layout-grid-split\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"col-left\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"input-wrapper\"><!-- [et_pb_line_break_holder] -->                        <label class=\"field-label\">Label <span class=\"field-req\">*<\/span><\/label><!-- [et_pb_line_break_holder] -->                        <input type=\"text\" class=\"text-input\" value=\"Estimated Budget\"><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"input-wrapper\"><!-- [et_pb_line_break_holder] -->                        <label class=\"field-label\">Description<\/label><!-- [et_pb_line_break_holder] -->                        <textarea class=\"area-input\">This field tracks the client&#8217;s estimated budget for the upcoming fiscal year. Used for calculating the sales pipeline.<\/textarea><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"input-wrapper\"><!-- [et_pb_line_break_holder] -->                        <label class=\"field-label\">Information text<\/label><!-- [et_pb_line_break_holder] -->                        <textarea class=\"area-input\">Please enter the gross amount excluding taxes. Visible only to the sales team and management.<\/textarea><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"col-right\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"input-wrapper\"><!-- [et_pb_line_break_holder] -->                        <label class=\"field-label\">Name <span class=\"field-req\">*<\/span><\/label><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div style=\"position:relative;\"><!-- [et_pb_line_break_holder] -->                            <input type=\"text\" class=\"text-input\" value=\"Estimated_Budget_c\">                            <\/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=\"input-wrapper\"><!-- [et_pb_line_break_holder] -->                        <label class=\"field-label\">Help text<\/label><!-- [et_pb_line_break_holder] -->                        <textarea class=\"area-input\">Indicate the total planned amount for this project (in Euros).<\/textarea><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"input-wrapper\"><!-- [et_pb_line_break_holder] -->                        <label class=\"field-label\">Length <span class=\"field-req\">*<\/span><\/label><!-- [et_pb_line_break_holder] -->                        <input type=\"number\" class=\"text-input\" value=\"18\"><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"input-wrapper\"><!-- [et_pb_line_break_holder] -->                        <label class=\"field-label\">Decimals <span class=\"field-req\">*<\/span><\/label><!-- [et_pb_line_break_holder] -->                        <input type=\"number\" class=\"text-input\" value=\"2\"><!-- [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=\"surface-footer\"><!-- [et_pb_line_break_holder] -->            <button class=\"cmd-btn cmd-btn-primary\">Save<\/button><!-- [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_code][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;|auto|59px|auto||&#8221; custom_margin_tablet=&#8221;|auto|59px|auto||&#8221; custom_margin_phone=&#8221;||15px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;3px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#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; custom_margin=&#8221;|||-65px|false|false&#8221; custom_margin_tablet=&#8221;|||-65px|false|false&#8221; custom_margin_phone=&#8221;|||0px|false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<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] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- ORIGINAL CSS (Base) --- *\/<!-- [et_pb_line_break_holder] -->        .crm-builder-wrapper * { box-sizing: border-box; }<!-- [et_pb_line_break_holder] -->        .crm-builder-wrapper { display: flex; justify-content: center;  }<!-- [et_pb_line_break_holder] -->        .crm-builder-container { width: 100%; max-width: 800px; background: #ffffff; padding: 16px; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }<!-- [et_pb_line_break_holder] -->        .crm-builder-header { margin-bottom: 16px; display: flex; justify-content: space-between; align-items: baseline; }<!-- [et_pb_line_break_holder] -->        .crm-builder-title { font-size: 15px; font-weight: 600; margin: 0; color: #1e293b; }<!-- [et_pb_line_break_holder] -->        .crm-builder-link { color: #3b82f6; text-decoration: underline; font-size: 12px; cursor: pointer; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Grid Layout *\/<!-- [et_pb_line_break_holder] -->        .crm-builder-grid { display: grid; grid-template-columns: 180px 1fr; gap: 16px; align-items: start; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Sidebar *\/<!-- [et_pb_line_break_holder] -->        .crm-builder-sidebar { display: flex; flex-direction: column; gap: 16px; }<!-- [et_pb_line_break_holder] -->        .crm-builder-label { font-weight: 600; font-size: 12px; margin-bottom: 8px; color: #334155; text-transform: uppercase; letter-spacing: 0.5px; }<!-- [et_pb_line_break_holder] -->        .crm-builder-list { display: flex; flex-direction: column; gap: 6px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Draggable Items *\/<!-- [et_pb_line_break_holder] -->        .crm-builder-item { background-color: #3b82f6; color: white; padding: 6px 10px; font-size: 11px; border-radius: 3px; cursor: grab; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; user-select: none; touch-action: none; }<!-- [et_pb_line_break_holder] -->        .crm-builder-item:hover { background-color: #2563eb; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Canvas & Zones *\/<!-- [et_pb_line_break_holder] -->        .crm-builder-canvas { display: flex; flex-direction: column; gap: 16px; min-height: 200px; }<!-- [et_pb_line_break_holder] -->        .crm-builder-zone { border: 1px dashed #cbd5e1; padding: 12px; background: #f8fafc; border-radius: 4px; transition: background 0.2s, border-color 0.2s; }<!-- [et_pb_line_break_holder] -->        .crm-builder-zone-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }<!-- [et_pb_line_break_holder] -->        .crm-builder-zone-title { font-weight: 700; font-size: 12px; color: #334155; }<!-- [et_pb_line_break_holder] -->        .crm-builder-zone-tools { display: flex; gap: 8px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Icons *\/<!-- [et_pb_line_break_holder] -->        .crm-builder-icon { color: #3b82f6; cursor: pointer; width: 14px; height: 14px; transition: color 0.2s ease; }<!-- [et_pb_line_break_holder] -->        .crm-builder-icon:hover { color: #1d4ed8; }<!-- [et_pb_line_break_holder] -->        .crm-builder-icon.crm-builder-icon-del { color: #ef4444; }<!-- [et_pb_line_break_holder] -->        .crm-builder-icon.crm-builder-icon-del:hover { color: #dc2626; }<!-- [et_pb_line_break_holder] -->        .crm-builder-icon-settings { color: rgba(255,255,255,0.85); width: 12px; height: 12px; min-width: 12px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Grids inside zones *\/<!-- [et_pb_line_break_holder] -->        .crm-builder-grid-split { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; min-height: 40px; }<!-- [et_pb_line_break_holder] -->        .crm-builder-grid-single { display: grid; grid-template-columns: 1fr; gap: 8px; min-height: 40px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Pills inside zones *\/<!-- [et_pb_line_break_holder] -->        .crm-builder-pill { background-color: #3b82f6; color: white; padding: 6px 10px; font-size: 11px; border-radius: 3px; display: flex; justify-content: space-between; align-items: center; gap: 8px; cursor: grab; user-select: none; touch-action: none; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Drag Feedback *\/<!-- [et_pb_line_break_holder] -->        .crm-builder-zone.drag-over, .crm-builder-grid-split.drag-over, .crm-builder-grid-single.drag-over {<!-- [et_pb_line_break_holder] -->            background-color: #e0f2fe;<!-- [et_pb_line_break_holder] -->            border-color: #3b82f6;<!-- [et_pb_line_break_holder] -->            outline: 2px dashed #3b82f6;<!-- [et_pb_line_break_holder] -->            outline-offset: -2px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .dragging { opacity: 0.5; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- MOBILE RESPONSIVE CSS --- *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            .crm-builder-container { padding: 12px; border: none; box-shadow: none; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Stack Sidebar on TOP *\/<!-- [et_pb_line_break_holder] -->            .crm-builder-grid { grid-template-columns: 1fr; gap: 20px; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-builder-sidebar { <!-- [et_pb_line_break_holder] -->                position: sticky; <!-- [et_pb_line_break_holder] -->                top: 0; <!-- [et_pb_line_break_holder] -->                z-index: 50; <!-- [et_pb_line_break_holder] -->                background: #fff; <!-- [et_pb_line_break_holder] -->                padding: 10px 0 15px 0;<!-- [et_pb_line_break_holder] -->                border-bottom: 2px solid #f1f5f9;<!-- [et_pb_line_break_holder] -->                order: -1; \/* Move visually to top *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Horizontal scrolling sidebar for items *\/<!-- [et_pb_line_break_holder] -->            .crm-builder-list { <!-- [et_pb_line_break_holder] -->                flex-direction: row; <!-- [et_pb_line_break_holder] -->                flex-wrap: wrap; <!-- [et_pb_line_break_holder] -->                gap: 8px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-builder-item { <!-- [et_pb_line_break_holder] -->                width: auto; <!-- [et_pb_line_break_holder] -->                font-size: 12px; <!-- [et_pb_line_break_holder] -->                padding: 8px 12px; <!-- [et_pb_line_break_holder] -->                cursor: default; \/* Remove grab cursor on mobile *\/<!-- [et_pb_line_break_holder] -->                touch-action: auto; \/* Re-enable natural scrolling over elements on mobile *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->          <!-- [et_pb_line_break_holder] -->          .crm-builder-title {<!-- [et_pb_line_break_holder] -->            font-size: 14px;<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Larger tap targets for mobile *\/<!-- [et_pb_line_break_holder] -->            .crm-builder-zone-header { padding: 5px 0; }<!-- [et_pb_line_break_holder] -->            .crm-builder-icon { width: 16px; height: 16px; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-builder-grid-split { <!-- [et_pb_line_break_holder] -->                grid-template-columns: 1fr; \/* Stack inputs vertically on mobile *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-builder-pill { <!-- [et_pb_line_break_holder] -->                padding: 10px; <!-- [et_pb_line_break_holder] -->                font-size: 13px; <!-- [et_pb_line_break_holder] -->                cursor: default; \/* Remove grab cursor on mobile *\/<!-- [et_pb_line_break_holder] -->                touch-action: auto; \/* Re-enable natural scrolling over elements on mobile *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- GHOST ELEMENT FOR MOBILE TOUCH DRAG --- *\/<!-- [et_pb_line_break_holder] -->        .touch-ghost {<!-- [et_pb_line_break_holder] -->            position: fixed;<!-- [et_pb_line_break_holder] -->            left: 0;<!-- [et_pb_line_break_holder] -->            top: 0;<!-- [et_pb_line_break_holder] -->            z-index: 9999;<!-- [et_pb_line_break_holder] -->            pointer-events: none; \/* Crucial: allows touch to detect element BELOW finger *\/<!-- [et_pb_line_break_holder] -->            opacity: 0.8;<!-- [et_pb_line_break_holder] -->            transform: scale(1.05);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 20px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->            width: auto !important;<!-- [et_pb_line_break_holder] -->            max-width: 200px;<!-- [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<div class=\"crm-builder-wrapper\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"crm-builder-container\"><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-builder-header\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h2 class=\"crm-builder-title\">Display Customization<\/h2>\n<p><!-- [et_pb_line_break_holder] -->            <span class=\"crm-builder-link\" onclick=\"createNewSection()\">Create a section<\/span><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-builder-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-builder-sidebar\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-builder-group\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-builder-label\">Available fields<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-builder-list source-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Billing State<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Chorus_Pro_Code<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Code_NAF<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Email<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Group_Head<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Id \/ IsDeleted<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Revenue<\/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=\"crm-builder-group\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-builder-label\">Related lists<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-builder-list source-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Support_Contract<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Account (Parent)<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Sales_Order_Line<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Purchase_Order<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-item\" draggable=\"true\">Visitor (Company)<\/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] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-builder-canvas\" id=\"mainCanvas\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-builder-zone\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-builder-zone-header\"><!-- [et_pb_line_break_holder] -->                        <span class=\"crm-builder-zone-title\">Notes<\/span><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-zone-tools\"><!-- [et_pb_line_break_holder] -->                            <svg class=\"crm-builder-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                            <svg class=\"crm-builder-icon crm-builder-icon-del\" onclick=\"deleteZone(this)\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg><!-- [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=\"crm-builder-grid-single drop-target\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\"><!-- [et_pb_line_break_holder] -->                            Note (Account)<!-- [et_pb_line_break_holder] -->                            <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><!-- [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=\"crm-builder-zone\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-builder-zone-header\"><!-- [et_pb_line_break_holder] -->                        <span class=\"crm-builder-zone-title\">Overview<\/span><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-zone-tools\"><!-- [et_pb_line_break_holder] -->                             <svg class=\"crm-builder-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                             <svg class=\"crm-builder-icon crm-builder-icon-del\" onclick=\"deleteZone(this)\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg><!-- [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=\"crm-builder-grid-split drop-target\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">Name <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">Date <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">Type <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">Origin <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">Owner <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">Interest <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/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=\"crm-builder-zone\"><!-- [et_pb_line_break_holder] -->                      <\/p>\n<div class=\"crm-builder-zone-header\"><!-- [et_pb_line_break_holder] -->                        <span class=\"crm-builder-zone-title\">Account Information<\/span><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-zone-tools\"><!-- [et_pb_line_break_holder] -->                             <svg class=\"crm-builder-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                             <svg class=\"crm-builder-icon crm-builder-icon-del\" onclick=\"deleteZone(this)\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg><!-- [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=\"crm-builder-grid-split drop-target\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">CLV <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">Employees <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">Website <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">CA_M <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">Phone <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-builder-pill\" draggable=\"true\">Industry <svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg><\/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] -->                <!-- [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] --><script><!-- [et_pb_line_break_holder] -->    const settingsIconSVG = `<svg class=\"crm-builder-icon-settings\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    let draggedItem = null;<!-- [et_pb_line_break_holder] -->    let sourceContainer = null;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ --- 1. INITIAL SETUP ---<!-- [et_pb_line_break_holder] -->    function initializeDragEvents() {<!-- [et_pb_line_break_holder] -->        const draggables = document.querySelectorAll('.crm-builder-item, .crm-builder-pill');<!-- [et_pb_line_break_holder] -->        const dropTargets = document.querySelectorAll('.drop-target');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Mouse Events (Desktop)<!-- [et_pb_line_break_holder] -->        draggables.forEach(elem => {<!-- [et_pb_line_break_holder] -->            elem.removeEventListener('dragstart', handleDragStart);<!-- [et_pb_line_break_holder] -->            elem.removeEventListener('dragend', handleDragEnd);<!-- [et_pb_line_break_holder] -->            elem.addEventListener('dragstart', handleDragStart);<!-- [et_pb_line_break_holder] -->            elem.addEventListener('dragend', handleDragEnd);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ TOUCH EVENTS (Mobile)<!-- [et_pb_line_break_holder] -->            elem.removeEventListener('touchstart', handleTouchStart);<!-- [et_pb_line_break_holder] -->            elem.removeEventListener('touchmove', handleTouchMove);<!-- [et_pb_line_break_holder] -->            elem.removeEventListener('touchend', handleTouchEnd);<!-- [et_pb_line_break_holder] -->            elem.addEventListener('touchstart', handleTouchStart, {passive: false});<!-- [et_pb_line_break_holder] -->            elem.addEventListener('touchmove', handleTouchMove, {passive: false});<!-- [et_pb_line_break_holder] -->            elem.addEventListener('touchend', handleTouchEnd);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        dropTargets.forEach(zone => {<!-- [et_pb_line_break_holder] -->            zone.removeEventListener('dragover', handleDragOver);<!-- [et_pb_line_break_holder] -->            zone.removeEventListener('dragleave', handleDragLeave);<!-- [et_pb_line_break_holder] -->            zone.removeEventListener('drop', handleDrop);<!-- [et_pb_line_break_holder] -->            zone.addEventListener('dragover', handleDragOver);<!-- [et_pb_line_break_holder] -->            zone.addEventListener('dragleave', handleDragLeave);<!-- [et_pb_line_break_holder] -->            zone.addEventListener('drop', handleDrop);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ --- 2. DESKTOP DRAG FUNCTIONS ---<!-- [et_pb_line_break_holder] -->    function handleDragStart(e) {<!-- [et_pb_line_break_holder] -->        \/\/ Prevent DnD on mobile to avoid conflicts<!-- [et_pb_line_break_holder] -->        if (window.innerWidth <= 768) {<!-- [et_pb_line_break_holder] -->            e.preventDefault();<!-- [et_pb_line_break_holder] -->            return false;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        draggedItem = this;<!-- [et_pb_line_break_holder] -->        sourceContainer = this.parentNode;<!-- [et_pb_line_break_holder] -->        e.dataTransfer.effectAllowed = 'copyMove';<!-- [et_pb_line_break_holder] -->        e.dataTransfer.setData('text\/html', this.innerHTML);<!-- [et_pb_line_break_holder] -->        this.classList.add('dragging');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function handleDragEnd(e) {<!-- [et_pb_line_break_holder] -->        this.classList.remove('dragging');<!-- [et_pb_line_break_holder] -->        document.querySelectorAll('.crm-builder-zone, .crm-builder-grid-split, .crm-builder-grid-single').forEach(z => z.classList.remove('drag-over'));<!-- [et_pb_line_break_holder] -->        draggedItem = null;<!-- [et_pb_line_break_holder] -->        sourceContainer = null;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function handleDragOver(e) {<!-- [et_pb_line_break_holder] -->        e.preventDefault();<!-- [et_pb_line_break_holder] -->        const zoneWrapper = this.closest('.crm-builder-zone');<!-- [et_pb_line_break_holder] -->        this.classList.add('drag-over'); <!-- [et_pb_line_break_holder] -->        if(zoneWrapper) zoneWrapper.classList.add('drag-over');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function handleDragLeave(e) {<!-- [et_pb_line_break_holder] -->        this.classList.remove('drag-over');<!-- [et_pb_line_break_holder] -->        const zoneWrapper = this.closest('.crm-builder-zone');<!-- [et_pb_line_break_holder] -->        if(zoneWrapper) zoneWrapper.classList.remove('drag-over');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function handleDrop(e) {<!-- [et_pb_line_break_holder] -->        e.preventDefault();<!-- [et_pb_line_break_holder] -->        this.classList.remove('drag-over');<!-- [et_pb_line_break_holder] -->        const zoneWrapper = this.closest('.crm-builder-zone');<!-- [et_pb_line_break_holder] -->        if(zoneWrapper) zoneWrapper.classList.remove('drag-over');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        processDrop(this, e.clientY);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ --- 3. MOBILE TOUCH FUNCTIONS (Custom Logic) ---<!-- [et_pb_line_break_holder] -->    let touchGhost = null;<!-- [et_pb_line_break_holder] -->    let touchOffsetX = 0;<!-- [et_pb_line_break_holder] -->    let touchOffsetY = 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function handleTouchStart(e) {<!-- [et_pb_line_break_holder] -->        \/\/ Disable completely on mobile width<!-- [et_pb_line_break_holder] -->        if (window.innerWidth <= 768) return;<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        if (e.touches.length > 1) return; \/\/ Ignore multi-touch<!-- [et_pb_line_break_holder] -->        e.preventDefault(); \/\/ Stop scrolling<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        draggedItem = this;<!-- [et_pb_line_break_holder] -->        sourceContainer = this.parentNode;<!-- [et_pb_line_break_holder] -->        this.classList.add('dragging');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Create Ghost Element<!-- [et_pb_line_break_holder] -->        touchGhost = this.cloneNode(true);<!-- [et_pb_line_break_holder] -->        touchGhost.classList.add('touch-ghost');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        const touch = e.touches[0];<!-- [et_pb_line_break_holder] -->        const rect = this.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->        touchOffsetX = touch.clientX - rect.left;<!-- [et_pb_line_break_holder] -->        touchOffsetY = touch.clientY - rect.top;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        touchGhost.style.left = (touch.clientX - touchOffsetX) + 'px';<!-- [et_pb_line_break_holder] -->        touchGhost.style.top = (touch.clientY - touchOffsetY) + 'px';<!-- [et_pb_line_break_holder] -->        touchGhost.style.width = rect.width + 'px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        document.body.appendChild(touchGhost);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function handleTouchMove(e) {<!-- [et_pb_line_break_holder] -->        if (!touchGhost) return;<!-- [et_pb_line_break_holder] -->        e.preventDefault(); \/\/ Stop scrolling<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const touch = e.touches[0];<!-- [et_pb_line_break_holder] -->        touchGhost.style.left = (touch.clientX - touchOffsetX) + 'px';<!-- [et_pb_line_break_holder] -->        touchGhost.style.top = (touch.clientY - touchOffsetY) + 'px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        touchGhost.style.display = 'none';<!-- [et_pb_line_break_holder] -->        let elemBelow = document.elementFromPoint(touch.clientX, touch.clientY);<!-- [et_pb_line_break_holder] -->        touchGhost.style.display = 'block';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (!elemBelow) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        document.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over'));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        let dropTarget = elemBelow.closest('.drop-target');<!-- [et_pb_line_break_holder] -->        if (dropTarget) {<!-- [et_pb_line_break_holder] -->            dropTarget.classList.add('drag-over');<!-- [et_pb_line_break_holder] -->            let zone = dropTarget.closest('.crm-builder-zone');<!-- [et_pb_line_break_holder] -->            if(zone) zone.classList.add('drag-over');<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function handleTouchEnd(e) {<!-- [et_pb_line_break_holder] -->        if (!touchGhost) return;<!-- [et_pb_line_break_holder] -->        const touch = e.changedTouches[0];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        touchGhost.style.display = 'none';<!-- [et_pb_line_break_holder] -->        let elemBelow = document.elementFromPoint(touch.clientX, touch.clientY);<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        document.body.removeChild(touchGhost);<!-- [et_pb_line_break_holder] -->        touchGhost = null;<!-- [et_pb_line_break_holder] -->        this.classList.remove('dragging');<!-- [et_pb_line_break_holder] -->        document.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over'));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (elemBelow) {<!-- [et_pb_line_break_holder] -->            let dropTarget = elemBelow.closest('.drop-target');<!-- [et_pb_line_break_holder] -->            if (dropTarget) {<!-- [et_pb_line_break_holder] -->                processDrop(dropTarget, touch.clientY);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        draggedItem = null;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ --- 4. SHARED DROP LOGIC ---<!-- [et_pb_line_break_holder] -->    function processDrop(container, clientY) {<!-- [et_pb_line_break_holder] -->        const isFromSidebar = draggedItem.classList.contains('crm-builder-item');<!-- [et_pb_line_break_holder] -->        const afterElement = getDragAfterElement(container, clientY);<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        if (isFromSidebar) {<!-- [et_pb_line_break_holder] -->            const newPill = document.createElement('div');<!-- [et_pb_line_break_holder] -->            newPill.className = 'crm-builder-pill';<!-- [et_pb_line_break_holder] -->            newPill.draggable = true;<!-- [et_pb_line_break_holder] -->            const textContent = draggedItem.innerText.trim();<!-- [et_pb_line_break_holder] -->            newPill.innerHTML = `${textContent} ${settingsIconSVG}`;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            newPill.addEventListener('dragstart', handleDragStart);<!-- [et_pb_line_break_holder] -->            newPill.addEventListener('dragend', handleDragEnd);<!-- [et_pb_line_break_holder] -->            newPill.addEventListener('touchstart', handleTouchStart, {passive: false});<!-- [et_pb_line_break_holder] -->            newPill.addEventListener('touchmove', handleTouchMove, {passive: false});<!-- [et_pb_line_break_holder] -->            newPill.addEventListener('touchend', handleTouchEnd);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            if (afterElement == null) {<!-- [et_pb_line_break_holder] -->                container.appendChild(newPill);<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                container.insertBefore(newPill, afterElement);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            if (afterElement == null) {<!-- [et_pb_line_break_holder] -->                container.appendChild(draggedItem);<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                container.insertBefore(draggedItem, afterElement);<!-- [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] -->    function getDragAfterElement(container, y) {<!-- [et_pb_line_break_holder] -->        const draggableElements = [...container.querySelectorAll('.crm-builder-pill:not(.dragging)')];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        return draggableElements.reduce((closest, child) => {<!-- [et_pb_line_break_holder] -->            const box = child.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->            const offset = y - box.top - box.height \/ 2;<!-- [et_pb_line_break_holder] -->            if (offset < 0 &#038;&#038; offset > closest.offset) {<!-- [et_pb_line_break_holder] -->                return { offset: offset, element: child };<!-- [et_pb_line_break_holder] -->            } else {<!-- [et_pb_line_break_holder] -->                return closest;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }, { offset: Number.NEGATIVE_INFINITY }).element;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ --- 5. UTILS ---<!-- [et_pb_line_break_holder] -->    function deleteZone(btn) {<!-- [et_pb_line_break_holder] -->        const zone = btn.closest('.crm-builder-zone');<!-- [et_pb_line_break_holder] -->        if(confirm('Delete this section?')) {<!-- [et_pb_line_break_holder] -->            zone.remove();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function createNewSection() {<!-- [et_pb_line_break_holder] -->        const canvas = document.getElementById('mainCanvas');<!-- [et_pb_line_break_holder] -->        const newZone = document.createElement('div');<!-- [et_pb_line_break_holder] -->        newZone.className = 'crm-builder-zone';<!-- [et_pb_line_break_holder] -->        newZone.innerHTML = `<!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-builder-zone-header\"><!-- [et_pb_line_break_holder] -->                <span class=\"crm-builder-zone-title\">New Section<\/span><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-builder-zone-tools\"><!-- [et_pb_line_break_holder] -->                    <svg class=\"crm-builder-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                    <svg class=\"crm-builder-icon crm-builder-icon-del\" onclick=\"deleteZone(this)\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"><\/path><\/svg><!-- [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=\"crm-builder-grid-split drop-target\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        `;<!-- [et_pb_line_break_holder] -->        canvas.appendChild(newZone);<!-- [et_pb_line_break_holder] -->        initializeDragEvents(); <!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Initialize on Load<!-- [et_pb_line_break_holder] -->    document.addEventListener('DOMContentLoaded', initializeDragEvents);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/script><!-- [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_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.5&#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|500|||||||&#8221; text_text_color=&#8221;#6B6B6B&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|800|||||||&#8221; header_2_font_size=&#8221;29px&#8221; custom_margin=&#8221;||19px|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;29px&#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>Display Customization<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|500|||||||&#8221; text_text_color=&#8221;#6B6B6B&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|800|||||||&#8221; text_orientation=&#8221;justified&#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; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>Organize screens the way you want. Configure your list views, filters, and column order for optimal readability and smooth navigation.<\/p>\n<p>[\/et_pb_text][et_pb_icon font_icon=&#8221;&#xf10d;||fa||900&#8243; icon_color=&#8221;#3f82f7&#8243; icon_width=&#8221;30px&#8221; align=&#8221;left&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||16px|||&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_icon][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|500|||||||&#8221; text_text_color=&#8221;#6B6B6B&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|800|||||||&#8221; text_orientation=&#8221;justified&#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; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p class=\"quote-text\"><em>A professional, available, and responsive team. The solution is intuitive, easy to use, and perfectly meets our needs. Thanks again.<\/em><\/p>\n<p class=\"quote-text\"><span style=\"color: #000000;\"><strong><span class=\"quote-author\">Cyrielle<br \/><\/span><\/strong><\/span><span class=\"quote-role\">Sales and Marketing Manager, Solutions performances<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _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_tablet=&#8221;&#8221; max_width_phone=&#8221;90%&#8221; max_width_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.5&#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|500|||||||&#8221; text_text_color=&#8221;#6B6B6B&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|800|||||||&#8221; header_2_font_size=&#8221;29px&#8221; custom_margin=&#8221;||19px|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;29px&#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>Document Templates<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|500|||||||&#8221; text_text_color=&#8221;#6B6B6B&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|800|||||||&#8221; text_orientation=&#8221;justified&#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; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>Generate your quotes, invoices, and contracts in one click. Create dynamic templates that automatically populate with data from the CRM.<\/p>\n<p>[\/et_pb_text][et_pb_icon font_icon=&#8221;&#xf10d;||fa||900&#8243; icon_color=&#8221;#3f82f7&#8243; icon_width=&#8221;30px&#8221; align=&#8221;left&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||16px|||&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_icon][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|500|||||||&#8221; text_text_color=&#8221;#6B6B6B&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|800|||||||&#8221; text_orientation=&#8221;justified&#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; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p class=\"quote-text\"><em>Cirrus Shield is a powerful and easy-to-use solution for managing our marketing and sales actions. It helps us identify more prospects and be more responsive in tracking opportunities.<br \/><\/em><\/p>\n<p class=\"quote-text\"><span style=\"color: #000000;\"><strong><span class=\"quote-author\">Thierry Hachem\u200b<br \/><\/span><\/strong><\/span><span class=\"quote-role\">CEO, T2S Consulting<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#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; custom_margin=&#8221;|-49px|||false|false&#8221; custom_margin_tablet=&#8221;|-49px|||false|false&#8221; custom_margin_phone=&#8221;|0px|||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;\/* MAIN WRAPPER &#8211; The containment context *\/||.gen-wrapper {||    position: relative; \/* This is crucial: it traps the absolute overlay inside *\/||    width: 100%;||    display: flex;||    justify-content: center;||    align-items: flex-start; \/* Aligns content to top *\/||    padding: 20px; ||    box-sizing: border-box;||    overflow: hidden; \/* Ensures nothing spills out *\/||    min-height: 500px; \/* Ensures enough height for the modal to sit nicely *\/||}||||\/* INVOICE SHEET *\/||.gen-invoice-sheet {||    background: #ffffff;||    width: 100%;||    max-width: 600px;||    min-height: 400px;||    padding: 40px;||    box-shadow: 0 5px 20px rgba(0,0,0,0.08);||    position: relative;||    color: #333;||    font-size: 11px;||    transition: opacity 0.3s ease, transform 0.3s ease;||    transform: scale(0.98);||    filter: blur(1px) brightness(0.98); \/* Blurs the background doc *\/||    border: 1px solid #e0e0e0;||    border-radius: 8px;||}||||.gen-inv-header { display: flex; justify-content: space-between; margin-bottom: 30px; align-items: flex-start; }||||.gen-logo-container { display: flex; align-items: center; gap: 10px; }||.gen-logo-img { max-height: 30px; max-width: 150px; object-fit: contain; }||||.gen-inv-meta { text-align: right; line-height: 1.4; color: #444; }||||.gen-inv-title {||    text-align: center;||    font-size: 18px;||    font-weight: 700;||    letter-spacing: 1px;||    margin: 20px 0;||    text-transform: uppercase;||    color: #333;||}||||\/* Addresses *\/||.gen-addr-row { display: flex; border: 1px solid #ddd; margin-bottom: 30px; }||.gen-addr-col { flex: 1; padding: 8px 12px; border-right: 1px solid #ddd; }||.gen-addr-col:last-child { border-right: none; }||.gen-label-bold { font-weight: 700; margin-right: 5px; }||||\/* Table *\/||.gen-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }||.gen-table th { background: #f0f0f0; font-weight: 700; text-align: left; padding: 6px 8px; border: 1px solid #ccc; font-size: 11px; }||.gen-table td { border: 1px solid #ccc; padding: 8px; vertical-align: top; }||||\/* Totals *\/||.gen-totals { width: 200px; margin-left: auto; }||.gen-total-row { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid #eee; }||.gen-total-final { font-weight: 700; font-size: 13px; border-bottom: 2px solid #333; margin-top: 5px; padding-top: 5px; }||||\/* MODAL OVERLAY &#8211; RESTRICTED TO SECTION *\/||.gen-modal-overlay {||    position: absolute; \/* Stick to gen-wrapper *\/||    top: 0; ||    left: 0; ||    width: 100%; ||    height: 100%;||    display: flex; ||    justify-content: center; ||    align-items: center; \/* Center modal in the wrapper *\/||    z-index: 10; ||    backdrop-filter: blur(2px);||    background: rgba(255, 255, 255, 0.4); \/* Slight white tint *\/||}||||.gen-modal {||    background: white;||    width: 340px; ||    padding: 20px; ||    border-radius: 8px;||    box-shadow: 0 15px 30px rgb(0 0 0 \/ 25%);||    border: 1px solid #eee;||}||||.gen-modal-title { font-size: 16px; font-weight: 600; color: #1a1a1a; margin: 0 0 20px 0; }||||.gen-field-group { margin-bottom: 15px; display: flex; align-items: center; gap: 10px; }||.gen-label { width: 60px; font-size: 12px; color: #666; flex-shrink: 0; }||.gen-input-wrapper { flex-grow: 1; position: relative; }||||.gen-select-box {||    width: 100%; padding: 8px 10px; border: 1px solid #3b82f6; border-radius: 4px;||    background: white; font-size: 12px; color: #333; display: flex; justify-content: space-between;||    align-items: center; cursor: pointer; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1); user-select: none;||    box-sizing: border-box; ||}||.gen-select-box.inactive { border-color: #ddd; box-shadow: none; color: #555; }||||.gen-dropdown-menu {||    position: absolute; top: 100%; left: 0; width: 100%; background: white;||    border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);||    margin-top: 4px; z-index: 20; display: none;||}||.gen-dropdown-menu.show { display: block; animation: fadeIn 0.15s ease; }||||.gen-option { padding: 8px 10px; font-size: 12px; cursor: pointer; color: #444; }||.gen-option:hover { background-color: #f3f4f6; }||.gen-option.selected { background-color: #3b82f6; color: white; }||||.gen-modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }||.gen-btn { padding: 6px 12px; border-radius: 4px; font-size: 12px; cursor: pointer; font-weight: 500; border: none; }||.gen-btn-cancel { background: transparent; color: #666; }||.gen-btn-confirm { background: #3f82f7; color: white; }||||@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }||||\/* &#8212; 100% RESPONSIVE ADJUSTMENTS &#8212; *\/||@media (max-width: 640px) {||    .gen-wrapper {||        padding: 10px; ||        min-height: 450px; \/* Ensure height for modal on mobile *\/||    }||||    \/* Invoice Sheet: Stack vertically *\/||    .gen-invoice-sheet {||        display: flex;||        flex-direction: column;||        width: 100%;||        height: auto;||        min-height: auto;||        padding: 15px; \/* Reduced padding *\/||    }||||    \/* Header: Stack Logo and Meta vertically *\/||    .gen-inv-header {||        flex-direction: column;||        align-items: center;||        text-align: center;||        gap: 15px;||        margin-bottom: 20px;||    }||||    .gen-logo-img {||        max-height: 25px; \/* Smaller Logo *\/||    }||||    .gen-inv-meta {||        text-align: center;||        width: 100%;||        font-size: 10px; \/* Smaller Meta *\/||    }||||    .gen-inv-title {||        font-size: 16px; \/* Smaller Title *\/||        margin: 15px 0;||    }||||    \/* Address Row: Stack columns *\/||    .gen-addr-row {||        flex-direction: column;||        margin-bottom: 20px;||    }||    .gen-addr-col {||        border-right: none;||        border-bottom: 1px solid #ddd;||        padding: 8px;||        font-size: 10px; \/* Smaller Address Text *\/||    }||    .gen-addr-col:last-child {||        border-bottom: none;||    }||||    \/* Table: Compact and Scrollable *\/||    .gen-table {||        display: block;||        overflow-x: auto;||        white-space: nowrap;||        font-size: 10px; \/* Smaller Table Text *\/||        margin-bottom: 15px;||    }||    .gen-table th, .gen-table td {||        padding: 4px 6px; \/* Tighter cells *\/||    }||||    \/* Totals: Full width *\/||    .gen-totals {||        width: 100%;||        font-size: 10px; \/* Smaller Totals *\/||    }||||    \/* Modal: Fit Screen *\/||    .gen-modal-overlay {||        position: absolute; ||        align-items: center; ||    }||    ||    .gen-modal {||        width: 90%; ||        max-width: 320px;||        padding: 15px;||    }||||    .gen-modal-title {||        font-size: 14px; \/* Smaller Modal Title *\/||        margin-bottom: 15px;||    }||||    .gen-label {||        font-size: 11px; ||    }||||    .gen-select-box {||        font-size: 11px;||        padding: 6px 8px;||    }||||    .gen-btn {||        font-size: 11px;||        padding: 8px 12px;||    }||}&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"gen-wrapper\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"gen-invoice-sheet\" id=\"genDocument\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"gen-inv-header\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"gen-logo-container\" id=\"docLogo\"><!-- [et_pb_line_break_holder] -->                <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/logo-cirrus-shield-png.png\" alt=\"Cirrus Shield Logo\" class=\"gen-logo-img\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"gen-inv-meta\"><!-- [et_pb_line_break_holder] -->                Date: 10\/11\/2025<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                Due Date: 10\/12\/2025<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                Reference: <span id=\"docRef\">FCT01014<\/span><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                Your contact: Camille El Hage<!-- [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<h2 class=\"gen-inv-title\" id=\"docTitle\">Invoice<\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"gen-addr-row\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"gen-addr-col\"><!-- [et_pb_line_break_holder] -->                <span class=\"gen-label-bold\">Attention to<\/span> Bechara Raad<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                <span class=\"gen-label-bold\">Company<\/span> NEO-DIS.COM SAS<!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"gen-addr-col\"><!-- [et_pb_line_break_holder] -->                <span class=\"gen-label-bold\">Address<\/span><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                56 Rue de Boulainvilliers<!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                75016 Paris<!-- [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=\"gen-label-bold\" style=\"background:#f9f9f9; padding:5px; border:1px solid #ccc; border-bottom:none;\">Details<\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<table class=\"gen-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>Description<\/th>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<th>Qty<\/th>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<th>Price<\/th>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<th>Total<\/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>IT services provision<\/td>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<td>1<\/td>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<td id=\"docPrice\">EUR 6765.00<\/td>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<td id=\"docRowTotal\">EUR 6765.00<\/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] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"gen-totals\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"gen-total-row\"><!-- [et_pb_line_break_holder] -->                <span>Subtotal (excl. tax)<\/span><!-- [et_pb_line_break_holder] -->                <span id=\"docTotalHT\">EUR 6765.00<\/span><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"gen-total-row\"><!-- [et_pb_line_break_holder] -->                <span>VAT (20%)<\/span><!-- [et_pb_line_break_holder] -->                <span id=\"docTax\">EUR 1353.00<\/span><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"gen-total-row gen-total-final\"><!-- [et_pb_line_break_holder] -->                <span>TOTAL (incl. tax)<\/span><!-- [et_pb_line_break_holder] -->                <span id=\"docTotalTTC\">EUR 8118.00<\/span><!-- [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=\"gen-modal-overlay\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"gen-modal\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3 class=\"gen-modal-title\">Generate a template<\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"gen-field-group\"><!-- [et_pb_line_break_holder] -->                <label class=\"gen-label\">Type<\/label><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"gen-input-wrapper\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"gen-select-box inactive\">PDF<\/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=\"gen-field-group\"><!-- [et_pb_line_break_holder] -->                <label class=\"gen-label\">Template<\/label><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"gen-input-wrapper\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"gen-select-box\" id=\"modelSelectTrigger\" onclick=\"toggleGenDropdown()\"><!-- [et_pb_line_break_holder] -->                        <span id=\"selectedModelText\">Invoice Template 1<\/span><!-- [et_pb_line_break_holder] -->                        <svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" stroke=\"#555\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M1 5L5 1L9 5\"\/><\/svg><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"gen-dropdown-menu\" id=\"modelDropdown\"><!-- [et_pb_line_break_holder] -->                         <\/p>\n<div style=\"padding:8px; border-bottom:1px solid #eee; display:flex; justify-content:flex-end;\"><!-- [et_pb_line_break_holder] -->                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#999\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/><\/svg><!-- [et_pb_line_break_holder] -->                         <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gen-option selected\" onclick=\"selectGenOption(this, 'cirrus')\">Invoice Template 1<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"gen-option\" onclick=\"selectGenOption(this, 'aliston')\">Invoice Template 2<\/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=\"gen-modal-actions\"><!-- [et_pb_line_break_holder] -->                <button class=\"gen-btn gen-btn-cancel\">Cancel<\/button><!-- [et_pb_line_break_holder] -->                <button class=\"gen-btn gen-btn-confirm\">Generate<\/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] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    const templates = {<!-- [et_pb_line_break_holder] -->        'cirrus': {<!-- [et_pb_line_break_holder] -->            logo: '<img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/logo-cirrus-shield-png.png\" alt=\"Cirrus Shield Logo\" class=\"gen-logo-img\">',<!-- [et_pb_line_break_holder] -->            title: 'Invoice',<!-- [et_pb_line_break_holder] -->            ref: 'FCT01014',<!-- [et_pb_line_break_holder] -->            price: 'EUR 6765.00',<!-- [et_pb_line_break_holder] -->            totalHT: 'EUR 6765.00',<!-- [et_pb_line_break_holder] -->            tax: 'EUR 1353.00',<!-- [et_pb_line_break_holder] -->            totalTTC: 'EUR 8118.00',<!-- [et_pb_line_break_holder] -->            color: '#333'<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        'aliston': {<!-- [et_pb_line_break_holder] -->            logo: '<img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/ALISTON-logo-transparent-couleur-413x149-1.png\" alt=\"Aliston Consulting\" class=\"gen-logo-img\">',<!-- [et_pb_line_break_holder] -->            title: 'Service Invoice',<!-- [et_pb_line_break_holder] -->            ref: 'AC-2025-88',<!-- [et_pb_line_break_holder] -->            price: 'EUR 4500.00',<!-- [et_pb_line_break_holder] -->            totalHT: 'EUR 4500.00',<!-- [et_pb_line_break_holder] -->            tax: 'EUR 900.00',<!-- [et_pb_line_break_holder] -->            totalTTC: 'EUR 5400.00',<!-- [et_pb_line_break_holder] -->            color: '#2c3e50'<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function toggleGenDropdown() {<!-- [et_pb_line_break_holder] -->        document.getElementById('modelDropdown').classList.toggle('show');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function selectGenOption(element, type) {<!-- [et_pb_line_break_holder] -->        document.getElementById('selectedModelText').innerText = element.innerText;<!-- [et_pb_line_break_holder] -->        let options = document.querySelectorAll('.gen-option');<!-- [et_pb_line_break_holder] -->        options.forEach(opt => opt.classList.remove('selected'));<!-- [et_pb_line_break_holder] -->        element.classList.add('selected');<!-- [et_pb_line_break_holder] -->        document.getElementById('modelDropdown').classList.remove('show');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const doc = document.getElementById('genDocument');<!-- [et_pb_line_break_holder] -->        const data = templates[type];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        doc.style.opacity = '0.5';<!-- [et_pb_line_break_holder] -->        doc.style.transform = 'scale(0.96)';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            document.getElementById('docLogo').innerHTML = data.logo;<!-- [et_pb_line_break_holder] -->            document.getElementById('docTitle').innerText = data.title;<!-- [et_pb_line_break_holder] -->            document.getElementById('docTitle').style.color = data.color;<!-- [et_pb_line_break_holder] -->            document.getElementById('docRef').innerText = data.ref;<!-- [et_pb_line_break_holder] -->            document.getElementById('docPrice').innerText = data.price;<!-- [et_pb_line_break_holder] -->            document.getElementById('docRowTotal').innerText = data.totalHT;<!-- [et_pb_line_break_holder] -->            document.getElementById('docTotalHT').innerText = data.totalHT;<!-- [et_pb_line_break_holder] -->            document.getElementById('docTax').innerText = data.tax;<!-- [et_pb_line_break_holder] -->            document.getElementById('docTotalTTC').innerText = data.totalTTC;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            doc.style.opacity = '1';<!-- [et_pb_line_break_holder] -->            doc.style.transform = 'scale(0.98)';<!-- [et_pb_line_break_holder] -->        }, 300);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    window.onclick = function(event) {<!-- [et_pb_line_break_holder] -->        if (!event.target.matches('.gen-select-box') && !event.target.closest('.gen-select-box')) {<!-- [et_pb_line_break_holder] -->            var dropdowns = document.getElementsByClassName(\"gen-dropdown-menu\");<!-- [et_pb_line_break_holder] -->            for (var i = 0; i < dropdowns.length; i++) {<!-- [et_pb_line_break_holder] -->                var openDropdown = dropdowns[i];<!-- [et_pb_line_break_holder] -->                if (openDropdown.classList.contains('show')) {<!-- [et_pb_line_break_holder] -->                    openDropdown.classList.remove('show');<!-- [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_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; 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; custom_margin=&#8221;|auto|59px|auto||&#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_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|300|on||||||&#8221; text_font_size=&#8221;23px&#8221; text_line_height=&#8221;1.4em&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;|167px||167px|false|true&#8221; custom_margin_tablet=&#8221;|167px||167px|false|true&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; hover_enabled=&#8221;0&#8243; text_font_size_tablet=&#8221;23px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<span>&#8220;We can modify the CRM however we like&#8230; It&#8217;s this low-code, Lego-block approach that won us over.&#8221;<\/span>[\/et_pb_text][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;]<!-- [et_pb_line_break_holder] -->    <!-- [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] -->        \/* --- CORE VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --text-main: #1a1f36;<!-- [et_pb_line_break_holder] -->            --text-secondary: #4f566b;<!-- [et_pb_line_break_holder] -->            --bg-canvas: #f4f6f8; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- QUOTE AUTHOR CSS --- *\/<!-- [et_pb_line_break_holder] -->        .quote-author-block {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            gap: 16px; <!-- [et_pb_line_break_holder] -->            text-align: left;<!-- [et_pb_line_break_holder] -->            border-radius: 12px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .quote-avatar {<!-- [et_pb_line_break_holder] -->            width: 60px;<!-- [et_pb_line_break_holder] -->            height: 60px;<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            object-fit: cover;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->            border: 2px solid white;<!-- [et_pb_line_break_holder] -->            flex-shrink: 0;<!-- [et_pb_line_break_holder] -->            \/* The image is set via the HTML <img> tag, so no background color needed here *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .qa-content {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            line-height: 1.3;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .qa-name {<!-- [et_pb_line_break_holder] -->            font-weight: 800;<!-- [et_pb_line_break_holder] -->            color: var(--text-main);<!-- [et_pb_line_break_holder] -->            font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .qa-role {<!-- [et_pb_line_break_holder] -->            font-size: 0.9rem;<!-- [et_pb_line_break_holder] -->            color: var(--text-secondary);<!-- [et_pb_line_break_holder] -->            font-weight: 500;<!-- [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<div class=\"quote-author-block\"><!-- [et_pb_line_break_holder] -->        <img <!-- [et_pb_line_break_holder] -->            src=&#8221;https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2022\/11\/52.png&#8221; <!-- [et_pb_line_break_holder] -->            alt=&#8221;William Berdugo&#8221; <!-- [et_pb_line_break_holder] -->            class=&#8221;quote-avatar&#8221;<!-- [et_pb_line_break_holder] -->        ><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"qa-content\"><!-- [et_pb_line_break_holder] -->            <span class=\"qa-name\">William Berdugo<\/span><!-- [et_pb_line_break_holder] --><span class=\"qa-role\">Founder, Mill-Forma<\/span>        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;70%&#8221; max_width_tablet=&#8221;70%&#8221; max_width_phone=&#8221;80%&#8221; max_width_last_edited=&#8221;on|phone&#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;||||||||&#8221; text_text_color=&#8221;#8F8F8F&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|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;|0px||0px|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>Our CRM deployment methodology<\/h2>\n<div class=\"process-header\">\n<p>Benefit from expert support. From launch to adoption, we secure every step of the Cirrus Shield implementation to guarantee your ROI.<\/p>\n<\/div>\n<div class=\"video-container\"><\/div>\n<div class=\"logo-grid\"><\/div>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|-63px||-63px|false|true&#8221; custom_margin_tablet=&#8221;|-63px||-63px|false|true&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;  \/* &#8212; CSS VARIABLES (REQUIRED for colors) &#8212; *\/||        :root {||            &#8211;crm-methodo-primary: #3f82f7;||            &#8211;crm-methodo-primary-dark: #0f86d6;||            &#8211;crm-methodo-text-main: #1a1f36;||            &#8211;crm-methodo-text-secondary: #4f566b;||            &#8211;crm-methodo-bg-light: #f7fbff; \/* Renamed from bg-alt *\/||            &#8211;crm-methodo-bg-surface: #ffffff;||            &#8211;crm-methodo-bg-step: #f8fafc; \/* New specific background for steps *\/||        }||||        \/* &#8212; GLOBAL RESET &#038; BASE (minimal for testing) &#8212; *\/||        .crm-methodo-desc { color: var(&#8211;crm-methodo-text-secondary); margin-bottom: 1rem; font-size: 1.05rem; }||||        \/* &#8212; SECTION SPECIFIC STYLES: PROCESS SECTION &#8212; *\/||||        .crm-methodo-section {||            padding: 20px 0 0px;||        }||||        .crm-methodo-header {||            text-align: center;||            max-width: 700px;||            margin: 0 auto 60px;||        }||||        .crm-methodo-header h2 {||            font-size: 2.5rem;||            margin-bottom: 15px;||            color: var(&#8211;crm-methodo-text-main);||            font-weight: 700;||        }||||        .crm-methodo-steps-wrapper {||            display: flex;||            justify-content: center;||            \/* Filter for shadow on clipped shapes *\/||            filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.08));||            width: 100%;||        }||||        .crm-methodo-step-card {||            flex: 1;||            position: relative;||            background: var(&#8211;crm-methodo-bg-step);||            \/* Light gray base *\/||            padding: 40px 20px 40px 50px;||            \/* Extra left padding for the indent *\/||            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);||            cursor: default;||||            \/* The Arrow Shape *\/||            clip-path: polygon(0% 0%,||                \/* Top Left *\/||                calc(100% &#8211; 30px) 0%,||                \/* Top Right (before arrow) *\/||                100% 50%,||                \/* Arrow Tip *\/||                calc(100% &#8211; 30px) 100%,||                \/* Bottom Right *\/||                0% 100%,||                \/* Bottom Left *\/||                30px 50%||                \/* Left Indent (Arrow tail) *\/||            );||||            \/* Overlap slightly for seamless connection *\/||            margin-left: -28px;||            z-index: 1;||            border-right: 1px solid rgba(0, 0, 0, 0.02);||        }||||        \/* Fix the First Step (No left indent) *\/||        .crm-methodo-step-card:first-child {||            clip-path: polygon(0% 0%,||                calc(100% &#8211; 30px) 0%,||                100% 50%,||                calc(100% &#8211; 30px) 100%,||                0% 100%);||            margin-left: 0;||            padding-left: 30px;||            border-top-left-radius: 8px;||            border-bottom-left-radius: 8px;||        }||        ||        \/* Fix the Last Step (Right Padding balance) *\/||        .crm-methodo-step-card:last-child {||            padding-right: 50px;||            \/* Remove right arrow shape if needed *\/||            \/* clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 30px 50%); *\/||        }||||||        \/* &#8212; STEP CONTENT STYLING &#8212; *\/||        .crm-step-number {||            font-size: 3rem;||            font-weight: 900;||            color: #e2e8f0;||            position: absolute;||            top: 10px;||            right: 40px;||            line-height: 1;||            transition: 0.3s;||            z-index: -1;||        }||||        .crm-step-icon {||            font-size: 1.8rem;||            color: var(&#8211;crm-methodo-primary);||            margin-bottom: 20px;||            display: inline-block;||            transition: 0.3s;||        }||||        .crm-methodo-step-card h4 {||            font-size: 1.1rem;||            margin-bottom: 10px;||            color: var(&#8211;crm-methodo-text-main);||            font-weight: 700;||        }||||        .crm-methodo-step-card p {||            font-size: 0.9rem;||            color: var(&#8211;crm-methodo-text-secondary);||            line-height: 1.5;||            margin: 0;||        }||||        \/* &#8212; HOVER EFFECTS &#8212; *\/||        .crm-methodo-step-card:hover {||            background: var(&#8211;crm-methodo-primary);||            z-index: 10;||            \/* Bring to front *\/||            transform: translateY(-5px);||            \/* Lift up *\/||        }||||        .crm-methodo-step-card:hover .crm-step-number {||            color: rgba(255, 255, 255, 0.2);||        }||||        .crm-methodo-step-card:hover .crm-step-icon {||            color: white;||            transform: scale(1.1);||        }||||        .crm-methodo-step-card:hover h4,||        .crm-methodo-step-card:hover p {||            color: white;||        }||||        \/* &#8212; MOBILE RESPONSIVENESS (Crucial for the arrow shape) &#8212; *\/||        @media (max-width: 992px) {||            .crm-methodo-steps-wrapper {||                flex-direction: column;||                filter: none;||                \/* Remove filter for cleaner mobile look *\/||                gap: 20px;||            }||||            .crm-methodo-step-card {||                clip-path: none !important;||                \/* Remove arrow shape on mobile *\/||                margin-left: 0;||                padding: 30px;||                border-radius: 16px;||                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);||                border: 1px solid #eee;||            }||||            .crm-methodo-step-card:first-child {||                border-radius: 16px;||                padding-left: 30px;||            }||||            .crm-step-number {||                right: 20px;||                top: 20px;||            }||||            \/* Disable aggressive hover on touch devices\/mobile *\/||            .crm-methodo-step-card:hover {||                transform: none;||            }||        }&#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] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"crm-methodo-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-methodo-container\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-methodo-steps-wrapper\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-methodo-step-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-step-number\">01<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-step-icon\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h4>Analysis<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Analysis of your needs and business processes.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-methodo-step-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-step-number\">02<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-step-icon\"><i class=\"fa-solid fa-clipboard-list\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h4>Planning<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Validation of the roadmap and schedule.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-methodo-step-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-step-number\">03<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-step-icon\"><i class=\"fa-solid fa-sliders\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h4>Configuration<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Setup of your environment. Data integration.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-methodo-step-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-step-number\">04<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-step-icon\"><i class=\"fa-solid fa-rocket\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h4>Launch<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Team training and go-live.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-methodo-step-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-step-number\">05<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-step-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h4>Optimization<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Regular monitoring and continuous adjustments.<\/pee><!-- [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_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; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;4px||0px|||&#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; custom_padding=&#8221;1px|||||&#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; custom_css_free_form=&#8221;\/* &#8212; CSS VARIABLES (REQUIRED) &#8212; *\/||:root {||    &#8211;primary: #3f82f7;||    &#8211;primary-dark: #0f86d6;||    &#8211;text-main: #1a1f36;||    &#8211;text-secondary: #4f566b;||    &#8211;bg-surface: #ffffff;||    &#8211;quote-green: #3f82f7; \/* Using primary color for consistency *\/||    &#8211;radius-btn: 50px;||}||||\/* &#8212; GLOBAL RESET &#038; BASE &#8212; *\/||.cs-container { max-width: 1380px; margin: 0 auto; padding: 0 24px; }||a { text-decoration: none; color: inherit; transition: 0.2s; }||||\/* &#8212; BUTTONS &#8212; *\/||.cs-btn {||    display: inline-flex;||    align-items: center;||    justify-content: center;||    padding: 14px 32px;||    font-weight: 600;||    font-size: 1rem;||    border-radius: var(&#8211;radius-btn);||    cursor: pointer;||    transition: all 0.2s ease;||    border: 1px solid transparent;||    text-align: center;||}||.cs-btn-primary {||    background: var(&#8211;primary);||    color: white;||    box-shadow: 0 4px 15px rgba(46, 163, 242, 0.3);||}||.cs-btn:hover {||    transform: translateY(-3px);||    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);||}||.cs-btn-primary:hover {||    background: var(&#8211;primary-dark);||}||||\/* &#8212; SPLIT LAYOUT TESTIMONIALS &#8212; *\/||.cs-testimonial-split {||    padding: 100px 0;||    background: var(&#8211;bg-surface);||}||||.cs-testi-grid {||    display: grid;||    grid-template-columns: 1fr 1.5fr; \/* Left takes less space than right *\/||    gap: 80px;||    align-items: start;||}||||\/* Left Column: Heading &#038; Button *\/||.cs-testi-left-col {||    position: sticky;||    top: 100px; \/* Sticks when scrolling on desktop *\/||}||||.cs-testi-left-col h2 {||    font-size: 1.9rem;||    line-height: 1.2;||    color: var(&#8211;text-main);||    font-weight: 800;||    margin-bottom: 30px;||    margin-top: 0;||}||||\/* Right Column: List of Quotes *\/||.cs-testi-right-quotes {||    display: flex;||    flex-direction: column;||    gap: 60px; \/* Space between testimonials *\/||}||||.cs-quote-item {||    display: flex;||    flex-direction: column;||    gap: 15px;||    padding-bottom: 20px;||    border-bottom: 1px solid #f0f0f0;||}||.cs-quote-item:last-child {||    border-bottom: none;||}||||\/* Quote Icon *\/||.cs-quote-icon {||    font-size: 2rem;||    color: var(&#8211;quote-green);||    opacity: 0.3;||    display: inline-block;||    line-height: 1;||}||||.cs-quote-text {||    font-size: 1.15rem;||    line-height: 1.7;||    color: #26292c;||    font-weight: 400;||    margin: 0;||}||||\/* Profile Section *\/||.cs-quote-profile {||    display: flex;||    align-items: center;||    gap: 15px;||    margin-top: 10px;||}||||.cs-profile-avatar {||    width: 56px;||    height: 56px;||    border-radius: 50%;||    object-fit: cover;||    background: #f0f0f0;||}||||.cs-profile-info {||    display: flex;||    flex-direction: column;||    line-height: 1.3;||}||||.cs-profile-name {||    font-weight: 700;||    color: var(&#8211;text-main);||    font-size: 1rem;||}||||.cs-profile-role {||    font-size: 0.9rem;||    color: var(&#8211;text-secondary);||}||||\/* &#8212; TABLET RESPONSIVENESS (Original Logic) &#8212; *\/||@media (max-width: 900px) {||    .cs-testimonial-split {||        padding: 60px 0;||    }||||    .cs-testi-grid {||        grid-template-columns: 1fr; \/* Stack vertically *\/||        gap: 50px;||    }||||    .cs-testi-left-col {||        position: static; \/* Remove sticky on mobile *\/||        text-align: center;||        max-width: 600px;||        margin: 0 auto;||    }||||    .cs-testi-left-col h2 {||        font-size: 2rem;||    }||||    .cs-testi-right-quotes {||        gap: 40px;||    }||    ||    .cs-quote-text {||        font-size: 1.05rem;||    }||  ||    .cs-testi-left-col h2 {||        font-size: 1.5rem;||        line-height: 1.3;||    }||}||||\/* &#8212; MOBILE OPTIMIZATION (Max Width 768px) &#8212; *\/||@media (max-width: 768px) {||    \/* 1. Tighter Spacing *\/||    .cs-testimonial-split {||        padding: 40px 0; ||    }||    .cs-testi-grid {||        gap: 30px; ||    }||    ||    \/* 2. Heading Sizing *\/||    .cs-testi-left-col h2 {||        font-size: 1.6rem !important; \/* Approx 26px *\/||        margin-bottom: 20px;||    }||||    \/* 3. Button Optimization (Full width for touch) *\/||    .cs-btn {||        width: 100%;||        padding: 12px 20px;||        font-size: 0.9rem !important;||    }||||    \/* 4. Quote Text Reduction *\/||    .cs-quote-text {||        font-size: 0.95rem; \/* ~15px *\/||        line-height: 1.6;||    }||    .cs-quote-icon {||        font-size: 1.5rem; \/* Smaller icon *\/||    }||||    \/* 5. Profile Compactness *\/||    .cs-quote-profile {||        gap: 12px;||        margin-top: 5px;||    }||    .cs-profile-avatar {||        width: 42px; \/* Smaller avatar *\/||        height: 42px;||    }||    .cs-profile-name {||        font-size: 0.95rem;||    }||    .cs-profile-role {||        font-size: 0.85rem;||    }||    ||    \/* 6. Gap between quotes *\/||    .cs-testi-right-quotes {||        gap: 30px;||    }||}&#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] -->        \/* Styles inserted here for preview, move to style.css in production *\/<!-- [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 id=\"testimonials\" class=\"cs-testimonial-split\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-container\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-testi-grid\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-testi-left-col\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2>Discover how Cirrus Shield simplifies growth for SMEs<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"https:\/\/www.cirrus-shield.fr\/en\/demo-request\/\" class=\"cs-btn cs-btn-primary\" onclick=\"alert('Demo Request Clicked!')\"><!-- [et_pb_line_break_holder] -->                        Become our next success story<!-- [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=\"cs-testi-right-quotes\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-quote-item\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-quote-icon\"><i class=\"fa-solid fa-quote-left\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"cs-quote-text\">Cirrus Shield automatically saves all my data and saves me precious time. The tool is easy to master and allows me to track all my customer interactions. I recommended it to my colleagues, who are also very satisfied with it.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-quote-profile\"><!-- [et_pb_line_break_holder] -->                            <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2022\/11\/7-3.png\" <!-- [et_pb_line_break_holder] -->                                class=&#8221;cs-profile-avatar&#8221; alt=&#8221;Kamel Kajout&#8221;><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-profile-info\"><!-- [et_pb_line_break_holder] -->                                <span class=\"cs-profile-name\">Kamel Kajout<\/span><!-- [et_pb_line_break_holder] -->                                <span class=\"cs-profile-role\">General Manager, Graines de r\u00e9ussite<\/span><!-- [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=\"cs-quote-item\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-quote-icon\"><i class=\"fa-solid fa-quote-left\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"cs-quote-text\">Thank you for your support and the clarity of your explanations. The Cirrus Shield team shows great professionalism.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-quote-profile\"><!-- [et_pb_line_break_holder] -->                            <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2022\/11\/777.png\" <!-- [et_pb_line_break_holder] -->                                class=&#8221;cs-profile-avatar&#8221; alt=&#8221;Edmond Chidiac&#8221;><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-profile-info\"><!-- [et_pb_line_break_holder] -->                                <span class=\"cs-profile-name\">Edmond Chidiac<\/span><!-- [et_pb_line_break_holder] -->                                <span class=\"cs-profile-role\">Founder, Silcom<\/span><!-- [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=\"cs-quote-item\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-quote-icon\"><i class=\"fa-solid fa-quote-left\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"cs-quote-text\">We chose Cirrus Shield for its flexibility. It now centralizes our project management, sales, training, and billing. Without a CRM, everything was manual; with Cirrus Shield, automations save us time and provide better visibility into our actions.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-quote-profile\"><!-- [et_pb_line_break_holder] -->                            <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2022\/11\/411.png\" <!-- [et_pb_line_break_holder] -->                                class=&#8221;cs-profile-avatar&#8221; alt=&#8221;L\u00e9andra R\u00f6ttger&#8221;><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cs-profile-info\"><!-- [et_pb_line_break_holder] -->                                <span class=\"cs-profile-name\">L\u00e9andra R\u00f6ttger<\/span><!-- [et_pb_line_break_holder] -->                                <span class=\"cs-profile-role\">Talent management specialist, Authentic Talent Consulting<\/span><!-- [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] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <script><!-- [et_pb_line_break_holder] -->        function openModal() {<!-- [et_pb_line_break_holder] -->             alert(\"Demo modal would open here.\");<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/script><!-- [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;#FFFFFF&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;0px||0px||true|false&#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; custom_padding=&#8221;0px||3px||false|false&#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 module_class=&#8221;recompense-class&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#000000&#8243; header_2_font=&#8221;||||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; custom_margin=&#8221;||-1px|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;&#8221; header_2_font_size_phone=&#8221;32px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; custom_css_free_form=&#8221;.recompense-class  {||  font-size: 26px !important||}&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2><strong>Our awards<\/strong><\/h2>\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; max_width=&#8221;100%&#8221; custom_padding=&#8221;||3px|||&#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_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->    .cs-awards-container {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        \/* Responsive Gap: starts at 20px on mobile, grows to 50px on desktop *\/<!-- [et_pb_line_break_holder] -->        gap: clamp(20px, 5vw, 50px); <!-- [et_pb_line_break_holder] -->        margin: 20px 0;<!-- [et_pb_line_break_holder] -->        flex-wrap: wrap; \/* Safety net: allows wrapping on extremely small screens *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .cs-award-img {<!-- [et_pb_line_break_holder] -->        width: 120px; \/* Default Desktop Width *\/<!-- [et_pb_line_break_holder] -->        height: auto;<!-- [et_pb_line_break_holder] -->        \/* Responsive Logic: *\/<!-- [et_pb_line_break_holder] -->        max-width: 28vw; \/* Ensures 3 images always fit in one row (3 x 28% = 84% width) *\/<!-- [et_pb_line_break_holder] -->        object-fit: contain;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"cs-awards-container\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/13.jpg\" <!-- [et_pb_line_break_holder] -->         alt=&#8221;Award 3&#8243; class=&#8221;cs-award-img&#8221;><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/12.jpg\" <!-- [et_pb_line_break_holder] -->         alt=&#8221;Award 2&#8243; class=&#8221;cs-award-img&#8221;><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2025\/12\/11.jpg\" <!-- [et_pb_line_break_holder] -->         alt=&#8221;Award 1&#8243; class=&#8221;cs-award-img&#8221;><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/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|||&#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; custom_css_free_form=&#8221;\/* &#8212; CSS VARIABLES (REQUIRED) &#8212; *\/||:root {||    &#8211;primary: #3f82f7;||    &#8211;primary-dark: #0f86d6;||    &#8211;primary-light: #e6f6ff;||    &#8211;accent: #ffb900;||    &#8211;text-main: #1a1f36;||    &#8211;text-secondary: #4f566b;||    &#8211;bg-body: #ffffff;||    &#8211;bg-alt: #f7fbff;||    &#8211;border: #e3e8ee;||    &#8211;radius-btn: 50px;||}||||\/* &#8212; RESET &#038; BASE &#8212; *\/||.cs-container { ||    max-width: 1450px; ||    margin: 0 auto; ||    position: relative; ||    z-index: 1; ||}||||\/* Adjusted spacing for the %22Factur\u00e9 annuellement%22 text *\/||.facture-annuel {||  margin-top: -10px; \/* Adjusted from -50px to fit flow better, or keep 0 if it overlaps *\/||  display: block;||  font-size: 0.85rem;||  color: #94a3b8;||}||||.cs-pricing-left-block h2, .cs-card-dot-popular h3 { font-weight: 700; line-height: 1.2; margin: 0; }||||\/* &#8212; BUTTONS &#8212; *\/||.cs-btn {||    display: inline-flex;||    align-items: center;||    justify-content: center;||    padding: 14px 32px;||    font-weight: 600;||    font-size: 1rem;||    border-radius: var(&#8211;radius-btn);||    cursor: pointer;||    transition: all 0.2s ease;||    border: 1px solid transparent;||}||.cs-btn-primary {||    background: var(&#8211;primary);||    color: white;||    box-shadow: 0 4px 15px rgba(46, 163, 242, 0.3);||}||.cs-btn:hover {||    transform: translateY(-3px);||    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);||}||.cs-btn-primary:hover {||    background: var(&#8211;primary-dark);||}||||\/* &#8212; PRICING SECTION STYLES &#8212; *\/||.cs-pricing-section {||    padding: 50px 0;||    background: linear-gradient(to bottom, var(&#8211;bg-body), var(&#8211;bg-alt)); ||    position: relative; ||    overflow: hidden;||}||||.cs-pricing-section::before {||    \/* Decor Blob *\/||    content: &#8221;;||    position: absolute; ||    right: -100px; ||    top: 20%; ||    width: 600px; ||    height: 600px; ||    background: radial-gradient(circle, rgba(46, 163, 242, 0.08) 0%, rgba(255,255,255,0) 70%); ||    border-radius: 50%; ||    z-index: 0; ||    pointer-events: none;||}||||.cs-pricing-content-wrapper {||    display: flex; ||    flex-wrap: wrap; ||    align-items: center; ||    justify-content: space-between; ||    gap: 60px;||}||||.cs-pricing-left-block {||    flex: 1; ||    min-width: 320px;||}||||.cs-pricing-left-block h2 {||    font-size: 3rem; ||    line-height: 1.1; ||    margin-bottom: 25px; ||    color: var(&#8211;text-main); ||    letter-spacing: -1px;||}||||.cs-pricing-left-block .text-primary {||    color: var(&#8211;primary);||}||||.cs-pricing-left-block p {||    font-size: 1.15rem; ||    line-height: 1.6; ||    color: var(&#8211;text-secondary); ||    margin-bottom: 45px; ||    max-width: 480px;||}||||.cs-pricing-buttons {||    display: flex; ||    flex-wrap: wrap; ||    gap: 20px; ||    align-items: center;||}||||.cs-pricing-link-secondary {||    display: inline-flex; ||    align-items: center; ||    gap: 10px; ||    font-weight: 600; ||    color: var(&#8211;text-main); ||    font-size: 1.05rem; ||    padding: 10px 20px; ||    border-radius: var(&#8211;radius-btn); ||    transition: 0.3s; ||    background: white; ||    border: 1px solid #e3e8ee;||}||||.cs-pricing-link-secondary i {||    font-size: 0.8em; ||    color: var(&#8211;primary);||}||||\/* Right Column: Cards *\/||.cs-pricing-cards-wrapper {||    flex: 1.1; ||    display: flex; ||    gap: 30px; ||    min-width: 320px; ||    flex-wrap: wrap; ||    justify-content: center; ||    align-items: flex-start;||}||||.cs-price-card {||    flex: 1; ||    min-width: 260px; ||    background: white; ||    border-radius: 20px; ||    padding: 40px 30px; ||    box-shadow: 0 10px 30px rgba(0,0,0,0.03); ||    border: 1px solid #f0f0f0; ||    transition: transform 0.3s ease;||    position: relative; ||}||||.cs-price-card:hover {||    transform: translateY(-5px);||    box-shadow: 0 15px 40px rgba(46, 163, 242, 0.1);||}||||.cs-price-card.popular {||    border: 2px solid var(&#8211;primary-light);||    transform: translateY(-20px); \/* Lift the popular card on desktop *\/||    box-shadow: 0 25px 50px -12px rgba(46, 163, 242, 0.2);||}||||.cs-card-badge {||    position: absolute; ||    top: -12px; ||    right: 30px; ||    background: var(&#8211;accent); ||    color: white; ||    font-size: 0.75rem; ||    font-weight: 700; ||    padding: 6px 12px; ||    border-radius: 20px; ||    box-shadow: 0 4px 10px rgba(255, 185, 0, 0.3);||}||||.cs-card-header {||    margin-bottom: 20px; ||    display: flex; ||    align-items: center; ||    gap: 10px;||}||||.cs-card-dot-standard {||    width: 8px; ||    height: 8px; ||    background: #cbd5e1; ||    border-radius: 50%; ||    display: inline-block;||}||||.cs-card-dot-popular {||    width: 8px; ||    height: 8px; ||    background: var(&#8211;primary); ||    border-radius: 50%; ||    display: inline-block;||}||||.cs-card-header h3 {||    font-size: 0.9rem; ||    font-weight: 700; ||    text-transform: uppercase; ||    letter-spacing: 1px; ||    color: #64748b; ||    margin: 0;||    padding: 0;||}||.cs-price-tag {||    margin-bottom: 30px;||}||.cs-price-tag .value {||    font-size: 3.4rem; ||    font-weight: 800; ||    color: var(&#8211;text-main); ||    letter-spacing: -1.5px;||}||.cs-price-tag .period {||    font-size: 1.1rem; ||    font-weight: 500; ||    color: #94a3b8;||}||||\/* &#8212; USERS BOX &#038; NEW FEATURE LIST &#8212; *\/||.cs-users-box {||    background: #f8fafc; ||    border-radius: 12px; ||    padding: 20px; ||}||.cs-users-box.popular {||    background: var(&#8211;primary-light);||}||||\/* Feature List Styles *\/||.cs-feature-list {||    margin: 0;||    padding: 0 !important;||    list-style: none;||    text-align: left;||}||||.cs-feature-list li {||    margin-bottom: 10px;||    font-size: 0.95rem;||    font-weight: 500;||    display: flex;||    align-items: center; \/* Vertically align checkmark *\/||    gap: 10px;||    line-height: 1.3;||}||||\/* Add a checkmark icon before each item *\/||.cs-feature-list li::before {||    content: &#8216;%92f00c&#8217;; \/* FontAwesome Check Unicode *\/||    font-family: &#8216;Font Awesome 6 Free&#8217;;||    font-weight: 900;||}||||\/* Standard Box Colors (Grey) *\/||.cs-users-box .cs-feature-list li {||    color: var(&#8211;text-secondary);||}||.cs-users-box .cs-feature-list li::before {||    color: #cbd5e1;||}||||\/* Popular Box Colors (Blue) *\/||.cs-users-box.popular .cs-feature-list li {||    color: var(&#8211;primary-dark);||}||.cs-users-box.popular .cs-feature-list li::before {||    color: var(&#8211;primary);||}||||\/* Remove margin from last item *\/||.cs-feature-list li:last-child {||    margin-bottom: 0;||}||||\/* =========================================||   RESPONSIVE ADJUSTMENTS (Base Tablet)||   ========================================= *\/||@media (max-width: 900px) {||    .cs-pricing-section {||        padding: 60px 0;||    }||    .cs-pricing-content-wrapper {||        gap: 40px;||        flex-direction: column;||    }||    .cs-pricing-left-block {||        text-align: center;||        min-width: auto;||    }||    .cs-pricing-left-block h2 {||         font-size: 2.5rem;||    }||    .cs-pricing-left-block p {||        margin-left: auto;||        margin-right: auto;||    }||    ||    \/* Center the buttons on mobile *\/||    .cs-pricing-buttons {||        justify-content: center;||    }||||    .cs-pricing-cards-wrapper {||        justify-content: center;||        min-width: auto;||    }||    .cs-price-card.popular {||        transform: translateY(0); \/* Remove the &#8216;lift&#8217; effect on mobile so they stack nicely *\/||    }||    .cs-pricing-section::before {||        display: none; \/* Hide decorative background blob on small screens *\/||    }||}||||\/* =========================================||   MOBILE OPTIMIZATIONS (Max Width 768px)||   ========================================= *\/||@media (max-width: 768px) {||    .cs-pricing-left-block h2 {||        font-size: 2rem; \/* Smaller Title *\/||    }||    ||    .cs-pricing-left-block p {||        font-size: 1rem;||        padding: 0 10px;||    }||||    \/* Stack buttons nicely *\/||    .cs-pricing-buttons {||        flex-direction: column;||        width: 100%;||    }||    ||    .cs-btn, .cs-pricing-link-secondary {||        width: 100%; \/* Full width buttons *\/||        justify-content: center;||        box-sizing: border-box;||    }||||    \/* Cards stack vertically with gap *\/||    .cs-pricing-cards-wrapper {||        flex-direction: column;||        width: 100%;||        gap: 20px;||    }||||    .cs-price-card {||        width: 100%;||        max-width: 100%;||    }||}&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section id=\"pricing\" class=\"cs-pricing-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-container\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-pricing-content-wrapper\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-pricing-left-block\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2><!-- [et_pb_line_break_holder] -->                        Tailored <span class=\"text-primary\">pricing<\/span><!-- [et_pb_line_break_holder] -->                    <\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <pee><!-- [et_pb_line_break_holder] -->                        Select the Cirrus Shield CRM version best suited to your needs. Start small and grow at your own pace, with no hidden fees.<!-- [et_pb_line_break_holder] -->                    <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-pricing-buttons\"><!-- [et_pb_line_break_holder] -->                        <a href=\"https:\/\/www.cirrus-shield.fr\/en\/demo-request\/\" class=\"cs-btn cs-btn-primary\"<!-- [et_pb_line_break_holder] -->                            style=&#8221;padding: 16px 36px; font-size: 1.05rem; box-shadow: 0 10px 25px rgba(46, 163, 242, 0.25);&#8221;><!-- [et_pb_line_break_holder] -->                            Request a demo<!-- [et_pb_line_break_holder] -->                        <\/a><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <a href=\"https:\/\/www.cirrus-shield.fr\/en\/pricing\/\" class=\"cs-pricing-link-secondary\"><!-- [et_pb_line_break_holder] -->                            View plans 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] -->                    <\/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=\"cs-pricing-cards-wrapper\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-price-card\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-card-header\"><!-- [et_pb_line_break_holder] -->                            <span class=\"cs-card-dot-standard\"><\/span><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3>Standard<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-price-tag\"><!-- [et_pb_line_break_holder] -->                            <span class=\"value\">\u20ac9<\/span><!-- [et_pb_line_break_holder] -->                            <span class=\"period\">\/ user \/ month<\/span><!-- [et_pb_line_break_holder] -->                            <span class=\"facture-annuel\"><i>Billed annually<\/i><\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-users-box\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<ul class=\"cs-feature-list\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<li>Prospecting<\/li>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<li>Accounts and Contacts<\/li>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<li>Quotes<\/li>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<li>Emailing<\/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] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-price-card popular\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-card-badge\"><!-- [et_pb_line_break_holder] -->                            POPULAR<!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-card-header\"><!-- [et_pb_line_break_holder] -->                            <span class=\"cs-card-dot-popular\"><\/span><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3 style=\"color: var(--primary);\">Professional<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-price-tag\"><!-- [et_pb_line_break_holder] -->                            <span class=\"value\">\u20ac20<\/span><!-- [et_pb_line_break_holder] -->                            <span class=\"period\">\/ user \/ month<\/span><!-- [et_pb_line_break_holder] -->                            <span class=\"facture-annuel\"><i>Billed annually<\/i><\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-users-box popular\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<ul class=\"cs-feature-list\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<li>Invoices<\/li>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<li>Document Generation<\/li>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<li>Emails<\/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] --><!-- [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] --><\/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; custom_padding=&#8221;2px|||||&#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;||||||||&#8221; text_text_color=&#8221;#8F8F8F&#8221; text_font_size=&#8221;16px&#8221; header_2_font=&#8221;|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;||||||||&#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; 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 is a CRM and why is it essential for your business?&#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<p>A<span> <\/span><strong>CRM (Customer Relationship Management)<\/strong><span> <\/span>is much more than just a simple database. It is a strategic tool that centralizes your information, structures your sales, and streamlines your business interactions.<\/p>\n<p>A modern CRM like Cirrus Shield goes further: it is designed to<span> <\/span><strong>optimize your internal processes<\/strong><span> <\/span>and drive the overall performance of your marketing and sales teams, becoming a true growth driver.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;What are the key features of the Cirrus Shield CRM software?&#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<p>Cirrus Shield brings together all the essential tools for 360\u00b0 customer management:<\/p>\n<ul>\n<li><strong>Data centralization:<\/strong><span> <\/span>Customer history, emails, and documents.<\/li>\n<li><strong>Sales management:<\/strong><span> <\/span>Opportunity tracking, pipelines, and forecasting.<\/li>\n<li><strong>Commercial documents:<\/strong><span> <\/span>One-click quote and invoice generation.<\/li>\n<li><strong>Automation:<\/strong><span> <\/span>Workflows to streamline teamwork.<\/li>\n<\/ul>\n<p>Everything is fully customizable without needing an external service provider.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;What industries is Cirrus Shield designed for?&#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<p>Thanks to its flexibility, Cirrus Shield equips a variety of organizations. It is particularly effective for:<\/p>\n<p>Training centers, consulting firms, real estate agencies, developers, event management, non-profits\/NGOs, as well as law firms and vehicle dealerships.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Why choose a customizable (Low-Code) 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<p>Many software solutions impose a standardized logic that doesn&#8217;t fit. A<span> <\/span><strong>customizable CRM<\/strong><span> <\/span>like Cirrus Shield adapts to YOUR processes, not the other way around.<\/p>\n<p>This allows you to structure management according to your specific business rules, thereby ensuring faster adoption by your teams and immediate efficiency.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Is Cirrus Shield suitable for SMEs and small businesses?&#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; title__hover_enabled=&#8221;off|desktop&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]p>Absolutely. SMEs look for power without complexity. Cirrus Shield meets this need with a<span> <\/span><strong>ready-to-use<\/strong><span> <\/span>solution that covers the entire customer lifecycle (sales, marketing, admin) without requiring months of configuration.<\/p>\n<p>The interface is intuitive and the human support is designed for human-sized organizations.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;When should you equip your business with CRM software?&#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; title__hover_enabled=&#8221;off|desktop&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>If you are losing time looking for scattered information, managing follow-ups on Excel, or missing opportunities due to forgetfulness, it is time to move to a CRM.<\/p>\n<p>It is the essential tool for any company wishing to <span> <\/span><strong>secure its data<\/strong>, structure its growth, and automate time-consuming tasks.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Is the software easy to use for non-technical teams?&#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; title__hover_enabled=&#8221;off|desktop&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>Yes, that is one of its major strengths. The<span> <\/span><strong>Low-Code<\/strong><span> <\/span>interface allows you to customize the tool (adding fields, modifying views) with simple drag-and-drop.<\/p>\n<p>Your sales or marketing teams can adapt their workspace independently, without needing advanced technical skills.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Does Cirrus Shield integrate with my existing tools?&#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; title__hover_enabled=&#8221;off|desktop&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>Yes, Cirrus Shield is an open system. It easily connects to your emails (Outlook, Gmail), your marketing tools, your ERP, or your e-commerce platforms.<\/p>\n<p>The goal is to avoid duplicate entries and ensure that information flows smoothly throughout the entire company.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;How does this CRM improve sales performance?&#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; title__hover_enabled=&#8221;off|desktop&#8221; open=&#8221;off&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>It structures your sales cycle from A to Z. Your teams can visualize their pipeline, prioritize hot leads, and never miss a follow-up thanks to automation.<\/p>\n<p>The result: better coordination, reliable data for management, and ultimately, an increase in conversion rates.<\/p>\n<p>[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Used by over 8,357 users in France Customize a CRM tailored to your business Module and field creationAdapt the data structure to your business Add custom modules and specific fields (text, date, calculation) to capture the information that truly matters.Cirrus Shield is a flexible and easy-to-use CRM. I manage my contacts, campaigns, and documents, and [&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":"","_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-37076","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":"Used by over 8,357 users in France Customize a CRM tailored to your business Module and field creationAdapt the data structure to your business Add custom modules and specific fields (text, date, calculation) to capture the information that truly matters.Cirrus Shield is a flexible and easy-to-use CRM. I manage my contacts, campaigns, and documents, and&hellip;","_links":{"self":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37076","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=37076"}],"version-history":[{"count":22,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37076\/revisions"}],"predecessor-version":[{"id":37133,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37076\/revisions\/37133"}],"wp:attachment":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/media?parent=37076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}