{"id":2911,"date":"2020-11-28T11:23:32","date_gmt":"2020-11-28T10:23:32","guid":{"rendered":"https:\/\/www.cirrus-shield.fr\/customization\/"},"modified":"2026-04-30T17:28:46","modified_gmt":"2026-04-30T15:28:46","slug":"customization","status":"publish","type":"page","link":"https:\/\/www.cirrus-shield.fr\/en\/customization\/","title":{"rendered":"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||5px|||&#8221; border_color_bottom=&#8221;#C2C2C2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Ligne&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|auto|32px|auto||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|800|||||||&#8221; header_text_align=&#8221;center&#8221; header_font_size=&#8221;50px&#8221; header_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Inter|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;35px&#8221; custom_margin=&#8221;|140px|0px|140px|false|true&#8221; custom_margin_tablet=&#8221;|0px||0px|false|true&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; hover_enabled=&#8221;0&#8243; header_font_size_tablet=&#8221;30px&#8221; header_font_size_phone=&#8221;30px&#8221; header_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h1 class=\"cs-sales-title-h1\">A CRM that adapts to your processes,<span class=\"cs-sales-highlight\" style=\"color: #3f82f7;\"> not the other way around.<\/h1>\n<div class=\"video-container\"><\/div>\n<div class=\"logo-grid\"><\/div>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#64748b&#8221; text_font_size=&#8221;17px&#8221; text_line_height=&#8221;1.5em&#8221; header_font=&#8221;Inter|800|||||||&#8221; header_text_align=&#8221;center&#8221; header_font_size=&#8221;50px&#8221; header_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Inter|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;35px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;|154px||154px|false|true&#8221; custom_margin_tablet=&#8221;|0px||0px|false|true&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p class=\"cs-sales-text-lead cs-sales-hero-sub\" style=\"text-align: center;\">Every B2B company has its own sales cycles, its own business objects, its own documents. Cirrus Shield offers you complete customization \u2014 no developer, no code, no compromise.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||11px|||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cs-sales-btn-group\"><!-- [et_pb_line_break_holder] -->    <button class=\"cs-sales-btn cs-sales-btn-primary\" onclick=\"openCsModal()\"><!-- [et_pb_line_break_holder] -->        Start My Free Trial<!-- [et_pb_line_break_holder] -->        <svg style=\"width:16px; height:16px; margin-left:8px; fill:currentColor;\" viewBox=\"0 0 320 512\"><path d=\"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\"\/><\/svg><!-- [et_pb_line_break_holder] -->    <\/button><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <button class=\"cs-sales-btn cs-sales-btn-secondary\" onclick=\"window.location.href='https:\/\/www.cirrus-shield.fr\/demande-de-demo\/'\"><!-- [et_pb_line_break_holder] -->        Request a Demo<!-- [et_pb_line_break_holder] -->    <\/button><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [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] -->        <!-- [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] -->        <!-- [et_pb_line_break_holder] -->        <pee class=\"cs-wp-modal-desc\">Get started with access to this subscription and our extensions for 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\" onsubmit=\"event.preventDefault(); sendSignupEmail();\" 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\"><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\" \/><\/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=\"#\">Terms of Use<\/a> and our <a href=\"#\">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=\"submit\" class=\"cs-wp-modal-btn-primary\" id=\"cs-submit-btn\" 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\/\">Login<\/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] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->    \/* --- VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->    :root {<!-- [et_pb_line_break_holder] -->        --cs-primary: #3f82f7;<!-- [et_pb_line_break_holder] -->        --cs-primary-dark: #3268c6;<!-- [et_pb_line_break_holder] -->        --cs-primary-light: #e6f6ff;<!-- [et_pb_line_break_holder] -->        --cs-pop-green: #008745;<!-- [et_pb_line_break_holder] -->        --cs-pop-green-bg: #e6fff0;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- BUTTON STYLES --- *\/<!-- [et_pb_line_break_holder] -->    .cs-sales-btn-group {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        gap: 16px;<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        flex-wrap: wrap; \/* Ensures good display on mobile *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .cs-sales-btn {<!-- [et_pb_line_break_holder] -->        display: inline-flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->        padding: 16px 36px; font-size: 1rem; font-weight: 700; border-radius: 50px;<!-- [et_pb_line_break_holder] -->        text-decoration: none; transition: all 0.3s ease; cursor: pointer; border: none;<!-- [et_pb_line_break_holder] -->        font-family: 'Plus Jakarta Sans', sans-serif;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .cs-sales-btn-primary {<!-- [et_pb_line_break_holder] -->        background: var(--cs-primary); color: white;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 8px 20px -5px rgba(63, 130, 247, 0.3);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .cs-sales-btn-primary:hover {<!-- [et_pb_line_break_holder] -->        background: var(--cs-primary-dark); transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->        box-shadow: 0 12px 25px -5px rgba(63, 130, 247, 0.4);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Styles for the white secondary button *\/<!-- [et_pb_line_break_holder] -->    .cs-sales-btn-secondary {<!-- [et_pb_line_break_holder] -->        background: #ffffff; <!-- [et_pb_line_break_holder] -->        color: var(--cs-primary); \/* Blue text to recall the brand *\/<!-- [et_pb_line_break_holder] -->        border: 1px solid #dbeafe; \/* Subtle border *\/<!-- [et_pb_line_break_holder] -->        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .cs-sales-btn-secondary:hover {<!-- [et_pb_line_break_holder] -->        background: #f8fafc; transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);<!-- [et_pb_line_break_holder] -->        border-color: var(--cs-primary-light);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* --- MODAL STYLES --- *\/<!-- [et_pb_line_break_holder] -->    .cs-wp-modal-overlay {<!-- [et_pb_line_break_holder] -->        display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;<!-- [et_pb_line_break_holder] -->        background: rgba(0, 0, 0, 0.6); z-index: 99999;<!-- [et_pb_line_break_holder] -->        align-items: center; justify-content: center; backdrop-filter: blur(5px);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .cs-wp-modal-content {<!-- [et_pb_line_break_holder] -->        background: white; padding: 40px; border-radius: 8px; width: 90%; max-width: 550px;<!-- [et_pb_line_break_holder] -->        position: relative; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); text-align: center;<!-- [et_pb_line_break_holder] -->        font-family: 'Inter', sans-serif; animation: cs-fadeIn 0.3s ease;<!-- [et_pb_line_break_holder] -->    }<!-- [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] --><!-- [et_pb_line_break_holder] -->    \/* Modal Text *\/<!-- [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-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); font-weight: 700; font-size: 0.85rem; padding: 8px 16px; border-radius: 50px; display: inline-block; margin-bottom: 25px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Check Rows *\/<!-- [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: var(--cs-pop-green); margin-right: 5px; font-weight: bold; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Form Inputs *\/<!-- [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 {<!-- [et_pb_line_break_holder] -->        width: 100%; padding: 12px 12px 12px 45px !important; <!-- [et_pb_line_break_holder] -->        border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; outline: none; background: white;<!-- [et_pb_line_break_holder] -->    }<!-- [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] --><!-- [et_pb_line_break_holder] -->    \/* Checkboxes *\/<!-- [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; transform: scale(0.9); }<!-- [et_pb_line_break_holder] -->    .cs-wp-cb-row a { color: var(--cs-primary); text-decoration: none; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Modal Buttons & Links *\/<!-- [et_pb_line_break_holder] -->    .cs-wp-close-modal { position: absolute; top: 15px; right: 20px; font-size: 1.2rem; cursor: pointer; color: #999; line-height: 1; }<!-- [et_pb_line_break_holder] -->    .cs-wp-modal-btn-primary {<!-- [et_pb_line_break_holder] -->        background: var(--cs-primary); color: white; font-weight: 600; width: 100%;<!-- [et_pb_line_break_holder] -->        padding: 14px 32px; border-radius: 50px; border: none; font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->        cursor: pointer; transition: 0.2s; box-shadow: 0 4px 15px rgba(63, 130, 247, 0.3);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .cs-wp-modal-btn-primary:hover { background: var(--cs-primary-dark); transform: translateY(-3px); }<!-- [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] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ --- 1. Move Modal to Body (prevents overflow issues) ---<!-- [et_pb_line_break_holder] -->    var modal = document.getElementById('csTrialModal');<!-- [et_pb_line_break_holder] -->    if (modal && document.body) { document.body.appendChild(modal); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ --- 2. 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] -->    if(termsCheck && submitBtn) {<!-- [et_pb_line_break_holder] -->        termsCheck.addEventListener('change', function() {<!-- [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] -->    \/\/ --- 3. EXPOSE Modal Functions to Global Window ---<!-- [et_pb_line_break_holder] -->    window.openCsModal = function() { <!-- [et_pb_line_break_holder] -->        var m = document.getElementById('csTrialModal');<!-- [et_pb_line_break_holder] -->        if(m) m.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] -->        var m = document.getElementById('csTrialModal');<!-- [et_pb_line_break_holder] -->        if(m) m.style.display = 'none'; <!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Reset Form<!-- [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] -->        var email = document.getElementById('cs-email-input');<!-- [et_pb_line_break_holder] -->        var msgDiv = document.getElementById('cs-form-message');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        if(btn) {<!-- [et_pb_line_break_holder] -->            btn.innerText = \"Sign up in two minutes\";<!-- [et_pb_line_break_holder] -->            btn.disabled = true;<!-- [et_pb_line_break_holder] -->            btn.style.backgroundColor = '#3f82f7';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        if(terms) terms.checked = false;<!-- [et_pb_line_break_holder] -->        if(email) email.value = \"\";<!-- [et_pb_line_break_holder] -->        if(msgDiv) msgDiv.style.display = 'none';<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Close on click outside<!-- [et_pb_line_break_holder] -->    window.addEventListener('click', function(e) {<!-- [et_pb_line_break_holder] -->        if (e.target == document.getElementById('csTrialModal')) { window.closeCsModal(); }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ --- 4. EXPOSE Send Email Logic (REAL AJAX) ---<!-- [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 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] -->        if(!terms.checked) { alert(\"Please accept the terms of use.\"); return; }<!-- [et_pb_line_break_holder] -->        if (!emailInput.value || !emailInput.value.includes('@')) { alert(\"Please enter a valid email address.\"); return; }<!-- [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'); \/\/ Must match PHP handler<!-- [et_pb_line_break_holder] -->        formData.append('user_email', emailInput.value);<!-- [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] -->                if(msgDiv) {<!-- [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] -->                }<!-- [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 - Retry\";<!-- [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 = \"Retry\";<!-- [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] --><\/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; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f8fafc&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;0px|||||&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;90%&#8221; custom_padding=&#8221;40px||||false|false&#8221; custom_padding_tablet=&#8221;40px||||false|false&#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; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === VARIABLES & SCOPED RESET === *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        .cirrus-crm-wrapper {<!-- [et_pb_line_break_holder] -->            \/* Main Theme Colors *\/<!-- [et_pb_line_break_holder] -->            --color-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --color-blue: #3f82f7; <!-- [et_pb_line_break_holder] -->            --color-blue-dark: #1D4ED8;<!-- [et_pb_line_break_holder] -->            --color-blue-light: #DBEAFE;<!-- [et_pb_line_break_holder] -->            --color-bg-base: #F8FAFC; <!-- [et_pb_line_break_holder] -->            --color-text-dark: #0F172A;<!-- [et_pb_line_break_holder] -->            --color-text-muted: #64748B;<!-- [et_pb_line_break_holder] -->            --color-grey-border: #E2E8F0;<!-- [et_pb_line_break_holder] -->            --color-dark-btn: #1E293B;<!-- [et_pb_line_break_holder] -->            --color-green: #10B981;<!-- [et_pb_line_break_holder] -->            --color-green-light: #D1FAE5;<!-- [et_pb_line_break_holder] -->            --color-orange: #F59E0B;<!-- [et_pb_line_break_holder] -->            --color-orange-light: #FEF3C7;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            background-color: var(--color-bg-base);<!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark);<!-- [et_pb_line_break_holder] -->            overflow-x: hidden;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Scoped Reset to avoid breaking the rest of your website *\/<!-- [et_pb_line_break_holder] -->        .cirrus-crm-wrapper *,<!-- [et_pb_line_break_holder] -->        .cirrus-crm-wrapper *::before,<!-- [et_pb_line_break_holder] -->        .cirrus-crm-wrapper *::after {<!-- [et_pb_line_break_holder] -->            margin: 0;<!-- [et_pb_line_break_holder] -->            padding: 0;<!-- [et_pb_line_break_holder] -->            box-sizing: border-box;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Reusable Components --- *\/<!-- [et_pb_line_break_holder] -->        .cirrus-btn-dark {<!-- [et_pb_line_break_holder] -->            background-color: var(--color-dark-btn);<!-- [et_pb_line_break_holder] -->            color: var(--color-white);<!-- [et_pb_line_break_holder] -->            padding: 0.875rem 2rem;<!-- [et_pb_line_break_holder] -->            border-radius: 8px;<!-- [et_pb_line_break_holder] -->            font-size: 1rem;<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->            text-decoration: none;<!-- [et_pb_line_break_holder] -->            display: inline-block;<!-- [et_pb_line_break_holder] -->            transition: all 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-btn-dark:hover {<!-- [et_pb_line_break_holder] -->            background-color: #0F172A;<!-- [et_pb_line_break_holder] -->            transform: translateY(-2px);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === SECTION CUSTOM CRM & SQUARE MOCKUP ==== *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-section {<!-- [et_pb_line_break_holder] -->            padding: 3rem 1rem;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-container {<!-- [et_pb_line_break_holder] -->            max-width: 1200px;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Top Header --- *\/<!-- [et_pb_line_break_holder] -->        .cirrus-header {<!-- [et_pb_line_break_holder] -->            text-align: left;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            margin-bottom: 4rem; <!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            align-items: flex-start;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-dots {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            gap: 6px;<!-- [et_pb_line_break_holder] -->            margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-dots span {<!-- [et_pb_line_break_holder] -->            width: 8px;<!-- [et_pb_line_break_holder] -->            height: 8px;<!-- [et_pb_line_break_holder] -->            background-color: var(--color-blue);<!-- [et_pb_line_break_holder] -->            border-radius: 2px;<!-- [et_pb_line_break_holder] -->            opacity: 0.8;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-dots span:nth-child(even) { opacity: 0.4; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-header h2 {<!-- [et_pb_line_break_holder] -->            font-size: 2.69rem;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark);<!-- [et_pb_line_break_holder] -->            line-height: 1.2;<!-- [et_pb_line_break_holder] -->            margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->            letter-spacing: -0.02em;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-description {<!-- [et_pb_line_break_holder] -->            font-size: 1.125rem;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-muted);<!-- [et_pb_line_break_holder] -->            line-height: 1.7;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-description strong {<!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Bottom Split Area --- *\/<!-- [et_pb_line_break_holder] -->        .cirrus-split {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr 1fr;<!-- [et_pb_line_break_holder] -->            gap: 5rem;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-features {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* 2x2 Features Grid *\/<!-- [et_pb_line_break_holder] -->        .cirrus-grid {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr 1fr;<!-- [et_pb_line_break_holder] -->            gap: 2.5rem 2rem;<!-- [et_pb_line_break_holder] -->            margin-bottom: 3rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-benefit {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-icon {<!-- [et_pb_line_break_holder] -->            width: 32px;<!-- [et_pb_line_break_holder] -->            height: 32px;<!-- [et_pb_line_break_holder] -->            color: var(--color-blue);<!-- [et_pb_line_break_holder] -->            background-color: var(--color-blue-light);<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [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] -->            margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-icon svg { width: 18px; height: 18px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-benefit h4 {<!-- [et_pb_line_break_holder] -->            font-size: 1.125rem;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark);<!-- [et_pb_line_break_holder] -->            margin-bottom: 0.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-benefit p {<!-- [et_pb_line_break_holder] -->            font-size: 0.95rem;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-muted);<!-- [et_pb_line_break_holder] -->            line-height: 1.5;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-actions {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: flex-start;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Right Column: Square Mockup Card --- *\/<!-- [et_pb_line_break_holder] -->        .cirrus-mockup {<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: flex-end;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-card {<!-- [et_pb_line_break_holder] -->            background-color: var(--color-white);<!-- [et_pb_line_break_holder] -->            border-radius: 16px;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            max-width: 480px; <!-- [et_pb_line_break_holder] -->            aspect-ratio: 1 \/ 1; <!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02);<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;<!-- [et_pb_line_break_holder] -->            transition: transform 0.3s ease, box-shadow 0.3s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-card:hover {<!-- [et_pb_line_break_holder] -->            transform: translateY(-5px);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 35px 60px -15px rgba(0, 86, 210, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-profile { padding: 1.5rem 2rem 1rem; display: flex; align-items: center; gap: 1rem; }<!-- [et_pb_line_break_holder] -->        .cirrus-avatar { width: 48px; height: 48px; background-color: var(--color-blue); color: var(--color-white); font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.25rem; flex-shrink: 0; }<!-- [et_pb_line_break_holder] -->        .cirrus-profile-info h5 { font-size: 1.125rem; font-weight: 600; color: var(--color-text-dark); margin-bottom: 0.25rem; }<!-- [et_pb_line_break_holder] -->        .cirrus-location { font-size: 0.85rem; color: var(--color-text-muted); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-contact { display: grid; grid-template-columns: 1fr 1fr; padding: 0 2rem 1.5rem; border-bottom: 1px dashed var(--color-grey-border); }<!-- [et_pb_line_break_holder] -->        .cirrus-label { display: block; font-size: 0.75rem; text-transform: uppercase; color: var(--color-text-muted); font-weight: 600; margin-bottom: 0.25rem; }<!-- [et_pb_line_break_holder] -->        .cirrus-value { font-size: 0.9rem; color: var(--color-text-dark); font-weight: 500; word-break: break-word; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-chart-section {<!-- [et_pb_line_break_holder] -->            padding: 1.25rem 2rem;<!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid var(--color-grey-border);<!-- [et_pb_line_break_holder] -->            background-color: #FAFAFA;<!-- [et_pb_line_break_holder] -->            flex: 1; <!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cirrus-chart-header { display: flex; align-items: baseline; gap: 0.75rem; margin-top: 0.5rem; margin-bottom: 1rem; flex-wrap: wrap; }<!-- [et_pb_line_break_holder] -->        .cirrus-amount { font-size: 1.5rem; font-weight: 700; color: var(--color-text-dark); }<!-- [et_pb_line_break_holder] -->        .cirrus-growth { font-size: 0.85rem; font-weight: 600; color: var(--color-green); }<!-- [et_pb_line_break_holder] -->        .cirrus-chart-graphic svg { width: 100%; height: 60px; margin-bottom: 0.5rem; }<!-- [et_pb_line_break_holder] -->        .cirrus-chart-axis { display: flex; justify-content: space-between; font-size: 0.7rem; color: #94A3B8; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cirrus-orders { padding: 1.25rem 2rem; background-color: var(--color-white); }<!-- [et_pb_line_break_holder] -->        .cirrus-order-item { padding: 1rem; border: 1px solid var(--color-grey-border); border-radius: 8px; background-color: #FAFAFA; }<!-- [et_pb_line_break_holder] -->        .cirrus-order-header { display: flex; justify-content: space-between; margin-bottom: 0.5rem; flex-wrap: wrap; gap: 0.5rem; }<!-- [et_pb_line_break_holder] -->        .cirrus-order-id { font-size: 0.85rem; font-weight: 600; color: var(--color-orange); }<!-- [et_pb_line_break_holder] -->        .cirrus-view-link { font-size: 0.75rem; color: var(--color-blue); font-weight: 500; cursor: pointer; }<!-- [et_pb_line_break_holder] -->        .cirrus-badges { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.75rem; }<!-- [et_pb_line_break_holder] -->        .cirrus-badge-status { font-size: 0.7rem; font-weight: 600; padding: 0.2rem 0.5rem; border-radius: 4px; }<!-- [et_pb_line_break_holder] -->        .cirrus-badge-status.cirrus-active { background-color: var(--color-orange-light); color: #B45309; }<!-- [et_pb_line_break_holder] -->        .cirrus-badge-status.cirrus-priority { background-color: var(--color-green-light); color: #047857; }<!-- [et_pb_line_break_holder] -->        .cirrus-order-desc { font-size: 0.85rem; color: var(--color-text-muted); margin-bottom: 1rem; }<!-- [et_pb_line_break_holder] -->        .cirrus-order-actions { display: flex; gap: 0.5rem; background-color: var(--color-white); padding: 0.5rem; border-radius: 6px; border: 1px solid var(--color-grey-border); box-shadow: 0 2px 4px rgba(0,0,0,0.02); }<!-- [et_pb_line_break_holder] -->        .cirrus-order-actions button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.35rem; font-size: 0.75rem; font-weight: 600; color: var(--color-text-muted); background: transparent; border: none; cursor: pointer; transition: color 0.2s; padding: 0.25rem; }<!-- [et_pb_line_break_holder] -->        .cirrus-order-actions button svg { width: 14px; height: 14px; flex-shrink: 0; }<!-- [et_pb_line_break_holder] -->        .cirrus-order-actions button:hover { color: var(--color-text-dark); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === MOBILE RESPONSIVENESS ADJUSTMENTS === *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        @media (max-width: 992px) {<!-- [et_pb_line_break_holder] -->            .cirrus-split { grid-template-columns: 1fr; gap: 4rem; }<!-- [et_pb_line_break_holder] -->            .cirrus-mockup { justify-content: center; } <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            .cirrus-section { padding: 4rem 1.5rem; }<!-- [et_pb_line_break_holder] -->            .cirrus-header h2 { font-size: 2rem; }<!-- [et_pb_line_break_holder] -->            .cirrus-description { font-size: 1rem; }<!-- [et_pb_line_break_holder] -->            .cirrus-header { margin-bottom: 2.5rem; }<!-- [et_pb_line_break_holder] -->            .cirrus-grid { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 2rem; }<!-- [et_pb_line_break_holder] -->            .cirrus-actions { justify-content: stretch; width: 100%; }<!-- [et_pb_line_break_holder] -->            .cirrus-btn-dark { width: 100%; text-align: center; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .cirrus-card { <!-- [et_pb_line_break_holder] -->                aspect-ratio: auto; <!-- [et_pb_line_break_holder] -->                padding-bottom: 1rem; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cirrus-profile, .cirrus-contact, .cirrus-chart-section, .cirrus-orders { padding-left: 1.25rem; padding-right: 1.25rem; }<!-- [et_pb_line_break_holder] -->            .cirrus-contact { grid-template-columns: 1fr; gap: 1rem; } <!-- [et_pb_line_break_holder] -->            .cirrus-order-actions { flex-direction: column; }<!-- [et_pb_line_break_holder] -->            .cirrus-order-actions button { padding: 0.5rem; justify-content: flex-start; padding-left: 1rem; }<!-- [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=\"cirrus-crm-wrapper\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"cirrus-section\" id=\"personnalisation\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cirrus-container\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cirrus-header\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cirrus-dots\"><!-- [et_pb_line_break_holder] -->                    <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2>Why customization is at the heart of your CRM?<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"cirrus-description\"><!-- [et_pb_line_break_holder] -->                   A generic CRM tool forces you to adapt your teams to its functioning. The result: difficult adoption, poorly structured data, and wasted time. With <strong>Cirrus Shield<\/strong>, it&#8217;s your CRM that adapts to your reality on the ground \u2014 your objects, your fields, your documents, your terminology.<!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                    Unlike Salesforce or HubSpot, which require integrators or consultants for any structural modification, Cirrus Shield is designed to be managed independently by your operational teams. No support tickets. No months of waiting.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cirrus-split\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cirrus-features\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cirrus-grid\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cirrus-benefit\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cirrus-icon\"><!-- [et_pb_line_break_holder] -->                                <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3>Business Language<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <pee>A CRM that speaks your language (modules, fields, processes).<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cirrus-benefit\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cirrus-icon\"><!-- [et_pb_line_break_holder] -->                                <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3>Zero Dependency<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <pee>No technical service provider required to evolve the tool.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cirrus-benefit\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cirrus-icon\"><!-- [et_pb_line_break_holder] -->                                <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3>Enhanced Adoption<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <pee>Fast onboarding thanks to familiar interfaces.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cirrus-benefit\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cirrus-icon\"><!-- [et_pb_line_break_holder] -->                                <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3><!-- [et_pb_line_break_holder] -->    <a href=\"https:\/\/www.cirrus-shield.fr\/gestion-donnees\/\" style=\"color: inherit; text-decoration: underline; transition: opacity 0.2s; cursor: pointer;\" onmouseover=\"this.style.opacity='0.8'\" onmouseout=\"this.style.opacity='1'\">Structured Data<\/a><!-- [et_pb_line_break_holder] --><\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <pee>Actionable information from day one.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cirrus-actions\"><!-- [et_pb_line_break_holder] -->                        <a href=\"https:\/\/www.cirrus-shield.fr\/crm\/\" class=\"cirrus-btn-dark\">Learn more<\/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=\"cirrus-mockup\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cirrus-card\"><!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cirrus-profile\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cirrus-avatar\" style=\"background-color: var(--color-green);\">IM<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cirrus-profile-info\"><!-- [et_pb_line_break_holder] -->                                <span style=\"font-size: 0.7rem; color: var(--color-blue); font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;\">Custom Object<\/span><!-- [et_pb_line_break_holder] -->                                <\/p>\n<h5>Real Estate Project #402<\/h5>\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=\"cirrus-contact\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                <span class=\"cirrus-label\">Property Type<\/span><!-- [et_pb_line_break_holder] -->                                <span class=\"cirrus-value\">Commercial Space<\/span><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                <span class=\"cirrus-label\">Surface area (sqm)<\/span><!-- [et_pb_line_break_holder] -->                                <span class=\"cirrus-value\">450 m\u00b2<\/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=\"cirrus-chart-section\"><!-- [et_pb_line_break_holder] -->                            <span class=\"cirrus-label\">Site Progress (Customized)<\/span><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cirrus-chart-header\"><!-- [et_pb_line_break_holder] -->                                <span class=\"cirrus-amount\">Phase 3 \/ 5<\/span><!-- [et_pb_line_break_holder] -->                                <span class=\"cirrus-growth\">+ 15% progress<\/span><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cirrus-chart-graphic\"><!-- [et_pb_line_break_holder] -->                                <svg viewBox=\"0 0 400 60\" preserveAspectRatio=\"none\"><!-- [et_pb_line_break_holder] -->                                    <path d=\"M0,50 L40,30 L80,40 L120,10 L160,35 L200,20 L240,45 L280,15 L320,30 L360,5 L400,25\" fill=\"none\" stroke=\"var(--color-blue)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><!-- [et_pb_line_break_holder] -->                                    <path d=\"M0,50 L40,30 L80,40 L120,10 L160,35 L200,20 L240,45 L280,15 L320,30 L360,5 L400,25 L400,60 L0,60 Z\" fill=\"url(#cirrus-gradient-blue)\" opacity=\"0.1\"\/><!-- [et_pb_line_break_holder] -->                                    <defs><!-- [et_pb_line_break_holder] -->                                        <linearGradient id=\"cirrus-gradient-blue\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><!-- [et_pb_line_break_holder] -->                                            <stop offset=\"0%\" stop-color=\"var(--color-blue)\"\/><!-- [et_pb_line_break_holder] -->                                            <stop offset=\"100%\" stop-color=\"rgba(255,255,255,0)\"\/><!-- [et_pb_line_break_holder] -->                                        <\/linearGradient><!-- [et_pb_line_break_holder] -->                                    <\/defs><!-- [et_pb_line_break_holder] -->                                <\/svg><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cirrus-chart-axis\"><!-- [et_pb_line_break_holder] -->                                    <span>Foundations<\/span><!-- [et_pb_line_break_holder] -->                                    <span>Delivery<\/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=\"cirrus-orders\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cirrus-order-item cirrus-active\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cirrus-order-header\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"cirrus-order-id\">Step: Architect Validation<\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"cirrus-view-link\">Edit workflow<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cirrus-badges\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"cirrus-badge-status cirrus-active\">On the ground<\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"cirrus-badge-status cirrus-priority\">Urgent<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <pee class=\"cirrus-order-desc\">Business process created without any code.<\/pee><!-- [et_pb_line_break_holder] -->                                <!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"cirrus-order-actions\"><!-- [et_pb_line_break_holder] -->                                    <button><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Validate<\/button><!-- [et_pb_line_break_holder] -->                                    <button><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><path d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Add Field<\/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] -->                        <\/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_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/div>\n<p> <\/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; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;0px|||||&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;90%&#8221; custom_padding=&#8221;40px||||false|false&#8221; custom_padding_tablet=&#8221;40px||||false|false&#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; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;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] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === VARIABLES & SCOPED RESET === *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        .crm-features-wrapper {<!-- [et_pb_line_break_holder] -->            --color-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --color-blue: #3f82f7; <!-- [et_pb_line_break_holder] -->            --color-blue-dark: #1D4ED8;<!-- [et_pb_line_break_holder] -->            --color-blue-light: #DBEAFE;<!-- [et_pb_line_break_holder] -->            --color-bg-base: #F8FAFC; <!-- [et_pb_line_break_holder] -->            --color-text-dark: #0F172A;<!-- [et_pb_line_break_holder] -->            --color-text-muted: #64748B;<!-- [et_pb_line_break_holder] -->            --color-grey-border: #E2E8F0;<!-- [et_pb_line_break_holder] -->            --color-dark-btn: #1E293B;<!-- [et_pb_line_break_holder] -->            --color-green: #10B981;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            overflow-x: hidden;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-features-wrapper *,<!-- [et_pb_line_break_holder] -->        .crm-features-wrapper *::before,<!-- [et_pb_line_break_holder] -->        .crm-features-wrapper *::after {<!-- [et_pb_line_break_holder] -->            margin: 0;<!-- [et_pb_line_break_holder] -->            padding: 0;<!-- [et_pb_line_break_holder] -->            box-sizing: border-box;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === PREMIUM BENTO GRID SECTION ============ *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-features-section {<!-- [et_pb_line_break_holder] -->            padding: 2rem 2rem;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            background-color: var(--color-white);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-features-container {<!-- [et_pb_line_break_holder] -->            max-width: 1200px;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Header --- *\/<!-- [et_pb_line_break_holder] -->        .crm-features-header {<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->            max-width: 850px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-features-badge {<!-- [et_pb_line_break_holder] -->            background: var(--color-blue-light);<!-- [et_pb_line_break_holder] -->            color: var(--color-blue-dark);<!-- [et_pb_line_break_holder] -->            padding: 0.5rem 1.25rem;<!-- [et_pb_line_break_holder] -->            border-radius: 100px;<!-- [et_pb_line_break_holder] -->            font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            text-transform: uppercase;<!-- [et_pb_line_break_holder] -->            letter-spacing: 0.5px;<!-- [et_pb_line_break_holder] -->            margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-features-title {<!-- [et_pb_line_break_holder] -->            font-size: clamp(2rem, 4vw, 3rem);<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark);<!-- [et_pb_line_break_holder] -->            line-height: 1.15;<!-- [et_pb_line_break_holder] -->            margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->            letter-spacing: -0.02em;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-features-description {<!-- [et_pb_line_break_holder] -->            font-size: 1.15rem;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-muted);<!-- [et_pb_line_break_holder] -->            line-height: 1.7;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Advanced 12-Column Grid --- *\/<!-- [et_pb_line_break_holder] -->        .crm-features-grid {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(12, 1fr);<!-- [et_pb_line_break_holder] -->            gap: 2rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Global Card Styling --- *\/<!-- [et_pb_line_break_holder] -->        .crm-features-card {<!-- [et_pb_line_break_holder] -->            background-color: var(--color-bg-base);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-grey-border);<!-- [et_pb_line_break_holder] -->            border-radius: 24px;<!-- [et_pb_line_break_holder] -->            padding: 3rem;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            transition: all 0.3s ease;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-features-card:hover {<!-- [et_pb_line_break_holder] -->            box-shadow: 0 20px 40px -15px rgba(0, 86, 210, 0.08);<!-- [et_pb_line_break_holder] -->            border-color: #cbd5e1;<!-- [et_pb_line_break_holder] -->            transform: translateY(-4px);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-features-card-heading {<!-- [et_pb_line_break_holder] -->            font-size: 1.35rem;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark);<!-- [et_pb_line_break_holder] -->            margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 0.75rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-features-card-heading i {<!-- [et_pb_line_break_holder] -->            color: var(--color-blue);<!-- [et_pb_line_break_holder] -->            font-size: 1.5rem;<!-- [et_pb_line_break_holder] -->            width: 28px;<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->            flex-shrink: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-features-card-text {<!-- [et_pb_line_break_holder] -->            font-size: 1.05rem;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-muted);<!-- [et_pb_line_break_holder] -->            line-height: 1.6;<!-- [et_pb_line_break_holder] -->            margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Card Sizing --- *\/<!-- [et_pb_line_break_holder] -->        .crm-features-card--modules { grid-column: span 7; }<!-- [et_pb_line_break_holder] -->        .crm-features-card--relations { grid-column: span 5; }<!-- [et_pb_line_break_holder] -->        .crm-features-card--formulas { grid-column: span 5; }<!-- [et_pb_line_break_holder] -->        .crm-features-card--fields { grid-column: span 7; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === ENHANCED HIGH-FIDELITY MINI-UIS ======= *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-mockup-wrapper {<!-- [et_pb_line_break_holder] -->            margin-top: 0.5rem; <!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Mac-style Window Controls *\/<!-- [et_pb_line_break_holder] -->        .crm-mockup-window-controls { display: flex; gap: 6px; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-window-controls span { width: 10px; height: 10px; border-radius: 50%; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-dot--red { background-color: #EF4444; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-dot--yellow { background-color: #F59E0B; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-dot--green { background-color: #10B981; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* 1. Modules UI (Sidebar Mockup) *\/<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar {<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            background: var(--color-white);<!-- [et_pb_line_break_holder] -->            border-radius: 16px;<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-grey-border);<!-- [et_pb_line_break_holder] -->            padding: 1.5rem;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar-group { margin-bottom: 1.5rem; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar-group:last-child { margin-bottom: 0; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar-title { font-size: 0.75rem; text-transform: uppercase; color: var(--color-text-muted); font-weight: 700; margin-bottom: 1rem; letter-spacing: 0.5px; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar-list { display: flex; gap: 0.75rem; flex-wrap: wrap; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar-item { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; font-weight: 600; color: var(--color-text-dark); background: var(--color-bg-base); padding: 0.5rem 0.85rem; border-radius: 8px; border: 1px solid var(--color-grey-border); }<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar-item i { color: var(--color-text-muted); }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Modifiers for Sidebar Items *\/<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar-item--custom { background: var(--color-blue-light); color: var(--color-blue-dark); border-color: var(--color-blue-light); box-shadow: 0 2px 4px rgba(37,99,235,0.1); }<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar-item--custom i { color: var(--color-blue); }<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar-item--add { background: var(--color-white); color: var(--color-blue); border: 1px dashed var(--color-blue); cursor: pointer; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-sidebar-item--add i { color: var(--color-blue); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* 2. Relations UI (Design Vue 360 CRM) *\/<!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-board {<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            background-color: var(--color-bg-base);<!-- [et_pb_line_break_holder] -->            background-image: radial-gradient(#CBD5E1 1px, transparent 1px);<!-- [et_pb_line_break_holder] -->            background-size: 20px 20px;<!-- [et_pb_line_break_holder] -->            border-radius: 16px;<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-grey-border);<!-- [et_pb_line_break_holder] -->            padding: 2.5rem 1.5rem;<!-- [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] -->            box-shadow: inset 0 2px 10px rgba(0,0,0,0.02);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-parent {<!-- [et_pb_line_break_holder] -->            background: var(--color-white);<!-- [et_pb_line_break_holder] -->            border: 2px solid var(--color-blue);<!-- [et_pb_line_break_holder] -->            border-radius: 14px;<!-- [et_pb_line_break_holder] -->            padding: 1.25rem;<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 8px 20px -5px rgba(37,99,235,0.25);<!-- [et_pb_line_break_holder] -->            z-index: 2;<!-- [et_pb_line_break_holder] -->            width: 130px;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            transition: transform 0.3s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-parent:hover {<!-- [et_pb_line_break_holder] -->            transform: scale(1.05);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-parent i { <!-- [et_pb_line_break_holder] -->            color: var(--color-blue); <!-- [et_pb_line_break_holder] -->            font-size: 1.8rem; <!-- [et_pb_line_break_holder] -->            margin-bottom: 0.5rem; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-parent-title { <!-- [et_pb_line_break_holder] -->            font-weight: 700; <!-- [et_pb_line_break_holder] -->            font-size: 0.85rem; <!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-parent-badge {<!-- [et_pb_line_break_holder] -->            font-size: 0.65rem;<!-- [et_pb_line_break_holder] -->            color: grey;<!-- [et_pb_line_break_holder] -->            padding: 0.2rem 0.5rem;<!-- [et_pb_line_break_holder] -->            border-radius: 100px;<!-- [et_pb_line_break_holder] -->            margin-top: 0.5rem;<!-- [et_pb_line_break_holder] -->            display: inline-block;<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-tree {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 1rem;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            padding-left: 2.5rem;<!-- [et_pb_line_break_holder] -->            margin-left: 2.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-tree::before {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            left: -2.5rem;<!-- [et_pb_line_break_holder] -->            top: 50%;<!-- [et_pb_line_break_holder] -->            width: 2.5rem;<!-- [et_pb_line_break_holder] -->            height: 2px;<!-- [et_pb_line_break_holder] -->            background: var(--color-blue-light);<!-- [et_pb_line_break_holder] -->            z-index: 1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-tree::after {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            left: 0;<!-- [et_pb_line_break_holder] -->            top: 26px; <!-- [et_pb_line_break_holder] -->            bottom: 26px;<!-- [et_pb_line_break_holder] -->            width: 2px;<!-- [et_pb_line_break_holder] -->            background: var(--color-blue-light);<!-- [et_pb_line_break_holder] -->            z-index: 1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-child {<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            background: var(--color-white);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-grey-border);<!-- [et_pb_line_break_holder] -->            padding: 0.65rem 1rem;<!-- [et_pb_line_break_holder] -->            border-radius: 10px;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 0.75rem;<!-- [et_pb_line_break_holder] -->            width: 170px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 6px rgba(0,0,0,0.02);<!-- [et_pb_line_break_holder] -->            z-index: 2;<!-- [et_pb_line_break_holder] -->            transition: all 0.2s ease;<!-- [et_pb_line_break_holder] -->            cursor: default;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-child:hover {<!-- [et_pb_line_break_holder] -->            transform: translateX(4px);<!-- [et_pb_line_break_holder] -->            border-color: var(--color-blue);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 12px rgba(37,99,235,0.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-child::before {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            left: -2.5rem;<!-- [et_pb_line_break_holder] -->            top: 50%;<!-- [et_pb_line_break_holder] -->            width: 2.5rem;<!-- [et_pb_line_break_holder] -->            height: 2px;<!-- [et_pb_line_break_holder] -->            background: var(--color-blue-light);<!-- [et_pb_line_break_holder] -->            z-index: -1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-child-icon {<!-- [et_pb_line_break_holder] -->            background: var(--color-bg-base);<!-- [et_pb_line_break_holder] -->            width: 28px;<!-- [et_pb_line_break_holder] -->            height: 28px;<!-- [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] -->            border-radius: 6px;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-muted);<!-- [et_pb_line_break_holder] -->            font-size: 0.8rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-child:hover .crm-mockup-relations-child-icon {<!-- [et_pb_line_break_holder] -->            background: var(--color-blue-light);<!-- [et_pb_line_break_holder] -->            color: var(--color-blue);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-child-label {<!-- [et_pb_line_break_holder] -->            font-size: 0.8rem;<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark);<!-- [et_pb_line_break_holder] -->            flex-grow: 1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-relations-child-badge {<!-- [et_pb_line_break_holder] -->            background: var(--color-blue-light);<!-- [et_pb_line_break_holder] -->            color: var(--color-blue-dark);<!-- [et_pb_line_break_holder] -->            font-size: 0.7rem;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            padding: 0.15rem 0.4rem;<!-- [et_pb_line_break_holder] -->            border-radius: 4px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* 3. Calculs UI (Code Editor) *\/<!-- [et_pb_line_break_holder] -->        .crm-mockup-editor {<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            background: #0F172A;<!-- [et_pb_line_break_holder] -->            border-radius: 16px;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 15px 35px -10px rgba(0,0,0,0.25);<!-- [et_pb_line_break_holder] -->            border: 1px solid #1E293B;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-mockup-editor-header { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1.25rem; background: #1E293B; border-bottom: 1px solid #334155; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-editor-filename { color: #94A3B8; font-size: 0.75rem; font-family: monospace; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-editor-body { padding: 1.5rem; font-family: 'Consolas', 'Monaco', monospace; font-size: 0.9rem; line-height: 1.7; overflow-x: auto; white-space: pre-wrap; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-code-line { display: flex; gap: 1rem; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-code-number { color: #475569; user-select: none; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-code-text { color: #F8FAFC; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-code-keyword { color: #C586C0; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-code-function { color: #38BDF8; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-code-variable { color: #93C5FD; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-code-string { color: #A3E635; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-code-comment { color: #64748B; font-style: italic; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* 4. Champs UI (Drag & Drop Builder App) *\/<!-- [et_pb_line_break_holder] -->        .crm-mockup-builder {<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            background: var(--color-white);<!-- [et_pb_line_break_holder] -->            border-radius: 16px;<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-grey-border);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 30px -10px rgba(0,0,0,0.08);<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-mockup-builder-header {<!-- [et_pb_line_break_holder] -->            background-color: var(--color-bg-base);<!-- [et_pb_line_break_holder] -->            padding: 0.75rem 1.25rem;<!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid var(--color-grey-border);<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 1rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-mockup-builder-title { font-size: 0.75rem; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.5px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-mockup-builder-layout { display: flex; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-mockup-builder-palette {<!-- [et_pb_line_break_holder] -->            width: 45%;<!-- [et_pb_line_break_holder] -->            background: var(--color-bg-base);<!-- [et_pb_line_break_holder] -->            padding: 1.25rem;<!-- [et_pb_line_break_holder] -->            border-right: 1px solid var(--color-grey-border);<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 1.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-mockup-palette-section-title { font-size: 0.7rem; font-weight: 700; color: var(--color-text-muted); text-transform: uppercase; margin-bottom: 0.75rem; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-palette-list { display: flex; flex-direction: column; gap: 0.5rem; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-palette-item {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            justify-content: space-between;<!-- [et_pb_line_break_holder] -->            padding: 0.6rem 0.85rem;<!-- [et_pb_line_break_holder] -->            background: var(--color-white);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-grey-border);<!-- [et_pb_line_break_holder] -->            border-radius: 6px;<!-- [et_pb_line_break_holder] -->            font-size: 0.8rem;<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark);<!-- [et_pb_line_break_holder] -->            cursor: grab;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 1px 2px rgba(0,0,0,0.02);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-mockup-palette-item--active { border-color: var(--color-blue); background: var(--color-blue-light); }<!-- [et_pb_line_break_holder] -->        .crm-mockup-palette-item-content { display: flex; align-items: center; gap: 0.5rem; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-palette-item-content i { font-size: 14px; color: var(--color-blue); width: 16px; text-align: center; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-palette-item-drag { color: #CBD5E1; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-mockup-builder-canvas {<!-- [et_pb_line_break_holder] -->            width: 55%;<!-- [et_pb_line_break_holder] -->            background: var(--color-white);<!-- [et_pb_line_break_holder] -->            padding: 1.5rem;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 1rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-mockup-canvas-dropzone {<!-- [et_pb_line_break_holder] -->            border: 2px dashed var(--color-blue-light);<!-- [et_pb_line_break_holder] -->            background: rgba(219, 234, 254, 0.3);<!-- [et_pb_line_break_holder] -->            border-radius: 8px;<!-- [et_pb_line_break_holder] -->            padding: 1.5rem;<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->            font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->            color: var(--color-blue);<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-mockup-canvas-field {<!-- [et_pb_line_break_holder] -->            background: var(--color-white);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-grey-border);<!-- [et_pb_line_break_holder] -->            border-radius: 8px;<!-- [et_pb_line_break_holder] -->            padding: 0.85rem;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 4px rgba(0,0,0,0.02);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-mockup-canvas-field--dragging {<!-- [et_pb_line_break_holder] -->            border-color: var(--color-blue);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 0 0 3px var(--color-blue-light);<!-- [et_pb_line_break_holder] -->            transform: scale(1.02);<!-- [et_pb_line_break_holder] -->            transition: transform 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-mockup-canvas-field-label { display: block; font-size: 0.75rem; font-weight: 700; color: var(--color-text-muted); margin-bottom: 0.4rem; text-transform: uppercase; }<!-- [et_pb_line_break_holder] -->        .crm-mockup-canvas-field-input { width: 100%; background: var(--color-bg-base); border: 1px solid var(--color-grey-border); padding: 0.5rem; border-radius: 4px; font-size: 0.85rem; color: #94A3B8; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === RESPONSIVE ========================== *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .crm-features-grid { display: flex; flex-direction: column; }<!-- [et_pb_line_break_holder] -->            .crm-features-card--modules, .crm-features-card--relations, .crm-features-card--formulas, .crm-features-card--fields { grid-column: span 12; }<!-- [et_pb_line_break_holder] -->            .crm-features-card { padding: 2rem; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            .crm-features-section { padding: 4rem 1.5rem; }<!-- [et_pb_line_break_holder] -->            .crm-features-card { padding: 1.5rem; border-radius: 20px; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Responsive UI Builder *\/<!-- [et_pb_line_break_holder] -->            .crm-mockup-builder-layout { flex-direction: column; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-builder-palette, .crm-mockup-builder-canvas { width: 100%; border-right: none; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-builder-palette { border-bottom: 1px solid var(--color-grey-border); padding: 1rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-builder-canvas { padding: 1rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-palette-list { flex-direction: row; flex-wrap: wrap; } <!-- [et_pb_line_break_holder] -->            .crm-mockup-palette-item { flex: 1 1 45%; } <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Responsive Relations *\/<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-board { padding: 1.5rem 0.5rem; gap: 0; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-parent { width: 100px; padding: 1rem 0.5rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-parent i { font-size: 1.5rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-parent-title { font-size: 0.75rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-child { width: 140px; padding: 0.5rem 0.75rem; gap: 0.5rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-child-icon { width: 24px; height: 24px; font-size: 0.7rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-child-label { font-size: 0.75rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-tree { margin-left: 1.5rem; padding-left: 1.5rem; gap: 0.75rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-tree::before { width: 1.5rem; left: -1.5rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-child::before { width: 1.5rem; left: -1.5rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Editor Mobile *\/<!-- [et_pb_line_break_holder] -->            .crm-mockup-editor-body { padding: 1rem; font-size: 0.8rem; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->            .crm-mockup-palette-item { flex: 1 1 100%; } <!-- [et_pb_line_break_holder] -->            .crm-features-title { font-size: 2rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Mobile Relations adjustments *\/<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-board { padding: 1.5rem 0.25rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-child { width: 120px; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-tree { margin-left: 1rem; padding-left: 1rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-tree::before { width: 1rem; left: -1rem; }<!-- [et_pb_line_break_holder] -->            .crm-mockup-relations-child::before { width: 1rem; left: -1rem; }<!-- [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-features-wrapper\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"crm-features-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-features-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-features-header\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-features-badge\">100% Flexible Architecture<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"crm-features-title\">Custom modules &#038; fields: build your tailor-made CRM<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"crm-features-description\">Cirrus Shield offers 15 standard modules (Leads, Contacts, Accounts, Opportunities, Tasks\u2026), all fully configurable. But above all: you can create your own business modules in a few clicks, without any lines of code.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-features-grid\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-features-card crm-features-card--modules\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3 class=\"crm-features-card-heading\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-cubes\"><\/i><!-- [et_pb_line_break_holder] -->                        Modules that reflect your reality<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"crm-features-card-text\">Rename existing modules, define their associated process, their icon, and their uniqueness field. Create specific modules for your activity: tenders, partners, projects, contracts&#8230;<\/pee><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-mockup-wrapper\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-mockup-sidebar\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-mockup-sidebar-group\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-sidebar-title\">Standards<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-sidebar-list\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-sidebar-item\"><i class=\"fa-solid fa-user\"><\/i> Contacts<\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-sidebar-item\"><i class=\"fa-solid fa-building\"><\/i> Accounts<\/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 class=\"crm-mockup-sidebar-group\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-sidebar-title\">Custom (Created by you)<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-sidebar-list\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-sidebar-item crm-mockup-sidebar-item--custom\"><i class=\"fa-solid fa-helmet-safety\"><\/i> Sites<\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-sidebar-item crm-mockup-sidebar-item--custom\"><i class=\"fa-solid fa-file-contract\"><\/i> Service Contracts<\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-sidebar-item crm-mockup-sidebar-item--custom\"><i class=\"fa-solid fa-handshake\"><\/i> Distributors<\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-sidebar-item crm-mockup-sidebar-item--add\"><i class=\"fa-solid fa-plus\"><\/i> New Module<\/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=\"crm-features-card crm-features-card--relations\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3 class=\"crm-features-card-heading\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-diagram-project\"><\/i><!-- [et_pb_line_break_holder] -->                        Intelligent Relations<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"crm-features-card-text\">Manage simple and multiple relationships between modules. Get a 360\u00b0 view of your B2B interactions without any data duplication.<\/pee><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-mockup-wrapper\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-mockup-relations-board\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-mockup-relations-parent\"><!-- [et_pb_line_break_holder] -->                                <i class=\"fa-solid fa-building\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-relations-parent-title\">Company Sheet<\/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-mockup-relations-tree\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-relations-child\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-mockup-relations-child-icon\"><i class=\"fa-solid fa-users\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-relations-child-label\">Contacts<\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-relations-child-badge\">12<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-relations-child\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-mockup-relations-child-icon\"><i class=\"fa-solid fa-file-invoice-dollar\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-relations-child-label\">Quotes<\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-relations-child-badge\">5<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-relations-child\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-mockup-relations-child-icon\"><i class=\"fa-solid fa-clipboard-list\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-relations-child-label\">Tasks<\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-relations-child-badge\">8<\/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=\"crm-features-card crm-features-card--formulas\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3 class=\"crm-features-card-heading\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-calculator\"><\/i><!-- [et_pb_line_break_holder] -->                        Calculated &#038; Roll-up Fields<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"crm-features-card-text\">Create formulas (sums, ratios, margins) and fields that automatically aggregate data from a child module onto the parent sheet.<\/pee><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-mockup-wrapper\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-mockup-editor\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-mockup-editor-header\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-window-controls\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-dot--red\"><\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-dot--yellow\"><\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-dot--green\"><\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-editor-filename\">revenue_formula.js<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-mockup-editor-body\"><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"crm-mockup-code-line\"><span class=\"crm-mockup-code-number\">1<\/span> <span class=\"crm-mockup-code-text\"><span class=\"crm-mockup-code-comment\">\/\/ Sum of revenue from won opportunities<\/span><\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"crm-mockup-code-line\"><span class=\"crm-mockup-code-number\">2<\/span> <span class=\"crm-mockup-code-text\"><span class=\"crm-mockup-code-keyword\">let<\/span> totalRevenue = <span class=\"crm-mockup-code-function\">SUM<\/span>(<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"crm-mockup-code-line\"><span class=\"crm-mockup-code-number\">3<\/span> <span class=\"crm-mockup-code-text\">  <span class=\"crm-mockup-code-variable\">[Opportunities.Amount]<\/span>,<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"crm-mockup-code-line\"><span class=\"crm-mockup-code-number\">4<\/span> <span class=\"crm-mockup-code-text\">  <span class=\"crm-mockup-code-function\">WHERE<\/span> <span class=\"crm-mockup-code-variable\">[Status]<\/span> == <span class=\"crm-mockup-code-string\">&#8220;Won&#8221;<\/span><\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"crm-mockup-code-line\"><span class=\"crm-mockup-code-number\">5<\/span> <span class=\"crm-mockup-code-text\">);<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/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-features-card crm-features-card--fields\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3 class=\"crm-features-card-heading\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-list-check\"><\/i><!-- [et_pb_line_break_holder] -->                        Over 18 types of fields available<!-- [et_pb_line_break_holder] -->                    <\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"crm-features-card-text\">Add exactly the information you need to each module. Text, dates, dropdown lists, relationships, ratings&#8230; everything is there.<\/pee><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-mockup-wrapper\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-mockup-builder\"><!-- [et_pb_line_break_holder] -->                            <!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-mockup-builder-header\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-window-controls\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-dot--red\"><\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-dot--yellow\"><\/span><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-mockup-dot--green\"><\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-builder-title\">Form Editor \u2022 Drag &#038; Drop<\/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-mockup-builder-layout\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-mockup-builder-palette\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-mockup-palette-section-title\">Classic Fields<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-mockup-palette-list\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-mockup-palette-item\"><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"crm-mockup-palette-item-content\"><i class=\"fa-solid fa-at\"><\/i> Email \/ Tel<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"crm-mockup-palette-item-drag\">\u22ee\u22ee<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-mockup-palette-item\"><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"crm-mockup-palette-item-content\"><i class=\"fa-regular fa-calendar\"><\/i> Date &#038; Time<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"crm-mockup-palette-item-drag\">\u22ee\u22ee<\/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><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-mockup-palette-section-title\">Advanced Fields<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-mockup-palette-list\"><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-mockup-palette-item crm-mockup-palette-item--active\"><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"crm-mockup-palette-item-content\"><i class=\"fa-solid fa-diagram-project\"><\/i> Module Relation<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"crm-mockup-palette-item-drag\">\u22ee\u22ee<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-mockup-palette-item\"><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"crm-mockup-palette-item-content\"><i class=\"fa-solid fa-paperclip\"><\/i> Attachment<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                                <\/p>\n<div class=\"crm-mockup-palette-item-drag\">\u22ee\u22ee<\/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=\"crm-mockup-builder-canvas\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-mockup-canvas-field\"><!-- [et_pb_line_break_holder] -->                                        <label class=\"crm-mockup-canvas-field-label\">Partner Name (Text)<\/label><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-mockup-canvas-field-input\">User entry&#8230;<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-mockup-canvas-field crm-mockup-canvas-field--dragging\"><!-- [et_pb_line_break_holder] -->                                        <label class=\"crm-mockup-canvas-field-label\">Linked Company (Relation)<\/label><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-mockup-canvas-field-input\" style=\"background:var(--color-blue-light); color:var(--color-blue-dark); border-color:var(--color-blue); display:flex; justify-content:space-between;\"><!-- [et_pb_line_break_holder] -->                                            <span>Select a company&#8230;<\/span><!-- [et_pb_line_break_holder] -->                                            <span>\u25bc<\/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 class=\"crm-mockup-canvas-field-input\" style=\"border: 2px dashed var(--color-blue-light); background: rgba(219, 234, 254, 0.3); padding: 1.5rem; text-align: center; color: var(--color-blue); font-weight: 600;\"><!-- [et_pb_line_break_holder] -->                                        + Drop a field here<!-- [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] -->            <\/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] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f8fafc&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;0px|||||&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.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; locked=&#8221;off&#8221; 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] -->    <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] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === VARIABLES & SCOPED RESET === *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        .cs-hero-doc-wrapper {<!-- [et_pb_line_break_holder] -->            --color-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --color-blue: #2563EB; <!-- [et_pb_line_break_holder] -->            --color-blue-dark: #1D4ED8;<!-- [et_pb_line_break_holder] -->            --color-blue-light: #DBEAFE;<!-- [et_pb_line_break_holder] -->            --color-blue-glow: rgba(37, 99, 235, 0.4);<!-- [et_pb_line_break_holder] -->            --color-bg-base: #F8FAFC; <!-- [et_pb_line_break_holder] -->            --color-text-dark: #0F172A;<!-- [et_pb_line_break_holder] -->            --color-text-muted: #64748B;<!-- [et_pb_line_break_holder] -->            --color-grey-border: #E2E8F0;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            background-color: var(--color-bg-base);<!-- [et_pb_line_break_holder] -->            \/* Subtle background pattern *\/<!-- [et_pb_line_break_holder] -->            background-image: <!-- [et_pb_line_break_holder] -->                radial-gradient(at 0% 0%, rgba(219, 234, 254, 0.5) 0px, transparent 50%),<!-- [et_pb_line_break_holder] -->                radial-gradient(var(--color-grey-border) 1px, transparent 1px);<!-- [et_pb_line_break_holder] -->            background-size: 100% 100%, 32px 32px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-hero-doc-wrapper *,<!-- [et_pb_line_break_holder] -->        .cs-hero-doc-wrapper *::before,<!-- [et_pb_line_break_holder] -->        .cs-hero-doc-wrapper *::after { margin: 0; padding: 0; box-sizing: border-box; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === SECTION LAYOUT ======================== *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        .cs-hero-doc-section { <!-- [et_pb_line_break_holder] -->            padding: 3rem 1.5rem; <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            justify-content: center; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cs-hero-doc-container { <!-- [et_pb_line_break_holder] -->            max-width: 1200px; <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Header SPLIT LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->        .cs-hero-doc-header {<!-- [et_pb_line_break_holder] -->            display: grid; <!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr 1.2fr; <!-- [et_pb_line_break_holder] -->            gap: 4rem; <!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.7); <!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(20px); <!-- [et_pb_line_break_holder] -->            -webkit-backdrop-filter: blur(20px);<!-- [et_pb_line_break_holder] -->            padding: 4rem; <!-- [et_pb_line_break_holder] -->            border-radius: 32px; <!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255, 255, 255, 0.8);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 20px 40px -20px rgba(0,0,0,0.05); <!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-hero-doc-header-left { <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            flex-direction: column; <!-- [et_pb_line_break_holder] -->            align-items: flex-start; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-hero-doc-badge {<!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, #eff6ff 0%, var(--color-blue-light) 100%); <!-- [et_pb_line_break_holder] -->            color: var(--color-blue-dark);<!-- [et_pb_line_break_holder] -->            padding: 0.6rem 1.5rem; <!-- [et_pb_line_break_holder] -->            border-radius: 100px; <!-- [et_pb_line_break_holder] -->            font-size: 0.8rem; <!-- [et_pb_line_break_holder] -->            font-weight: 700; <!-- [et_pb_line_break_holder] -->            text-transform: uppercase;<!-- [et_pb_line_break_holder] -->            letter-spacing: 1px; <!-- [et_pb_line_break_holder] -->            margin-bottom: 1.5rem; <!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(37, 99, 235, 0.1); <!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 10px rgba(37, 99, 235, 0.05);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-hero-doc-title { <!-- [et_pb_line_break_holder] -->            font-size: clamp(2rem, 4vw, 2.5rem); <!-- [et_pb_line_break_holder] -->            font-weight: 700; <!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark); <!-- [et_pb_line_break_holder] -->            line-height: 1.15; <!-- [et_pb_line_break_holder] -->            letter-spacing: -0.03em; <!-- [et_pb_line_break_holder] -->            margin: 0; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-hero-doc-title span { <!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, var(--color-blue) 0%, #60A5FA 100%); <!-- [et_pb_line_break_holder] -->            -webkit-background-clip: text; <!-- [et_pb_line_break_holder] -->            -webkit-text-fill-color: transparent; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-hero-doc-header-right { <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            flex-direction: column; <!-- [et_pb_line_break_holder] -->            align-items: flex-start; <!-- [et_pb_line_break_holder] -->            border-left: 2px solid var(--color-blue-light); <!-- [et_pb_line_break_holder] -->            padding-left: 3rem; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-hero-doc-intro { <!-- [et_pb_line_break_holder] -->            font-size: 1.15rem; <!-- [et_pb_line_break_holder] -->            color: var(--color-text-muted); <!-- [et_pb_line_break_holder] -->            line-height: 1.7; <!-- [et_pb_line_break_holder] -->            margin-bottom: 2.5rem; <!-- [et_pb_line_break_holder] -->            font-weight: 400; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-hero-doc-intro p { margin-bottom: 1rem; }<!-- [et_pb_line_break_holder] -->        .cs-hero-doc-intro p:last-child { margin-bottom: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-hero-doc-cta {<!-- [et_pb_line_break_holder] -->            display: inline-flex; <!-- [et_pb_line_break_holder] -->            align-items: center; <!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            gap: 0.75rem; <!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, var(--color-blue) 0%, var(--color-blue-dark) 100%);<!-- [et_pb_line_break_holder] -->            color: var(--color-white); <!-- [et_pb_line_break_holder] -->            padding: 1.1rem 2.25rem; <!-- [et_pb_line_break_holder] -->            border-radius: 14px; <!-- [et_pb_line_break_holder] -->            font-size: 1.05rem; <!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->            text-decoration: none; <!-- [et_pb_line_break_holder] -->            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); <!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 25px -5px var(--color-blue-glow); <!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255,255,255,0.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-hero-doc-cta:hover { <!-- [et_pb_line_break_holder] -->            transform: translateY(-4px) scale(1.02); <!-- [et_pb_line_break_holder] -->            box-shadow: 0 20px 35px -5px var(--color-blue-glow); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === RESPONSIVE (100% MOBILE PERFECT) ==== *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        @media (max-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-header { <!-- [et_pb_line_break_holder] -->                grid-template-columns: 1fr; <!-- [et_pb_line_break_holder] -->                text-align: center; <!-- [et_pb_line_break_holder] -->                gap: 2.5rem; <!-- [et_pb_line_break_holder] -->                padding: 3rem 2rem; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-header-left, <!-- [et_pb_line_break_holder] -->            .cs-hero-doc-header-right { <!-- [et_pb_line_break_holder] -->                align-items: center; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-header-right { <!-- [et_pb_line_break_holder] -->                border-left: none; <!-- [et_pb_line_break_holder] -->                border-top: 2px solid var(--color-blue-light); <!-- [et_pb_line_break_holder] -->                padding-left: 0; <!-- [et_pb_line_break_holder] -->                padding-top: 2.5rem; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-intro { text-align: center; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-section { padding: 3rem 1rem; }<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-header { <!-- [et_pb_line_break_holder] -->                padding: 2.5rem 1.5rem; <!-- [et_pb_line_break_holder] -->                border-radius: 24px; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-title { font-size: 2.25rem; }<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-intro { font-size: 1.05rem; margin-bottom: 2rem; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-section { padding: 2rem 1rem; }<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-header { <!-- [et_pb_line_break_holder] -->                padding: 2rem 1.25rem; <!-- [et_pb_line_break_holder] -->                border-radius: 20px; <!-- [et_pb_line_break_holder] -->                gap: 2rem;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-badge { <!-- [et_pb_line_break_holder] -->                font-size: 0.75rem; <!-- [et_pb_line_break_holder] -->                padding: 0.5rem 1.25rem; <!-- [et_pb_line_break_holder] -->                margin-bottom: 1.25rem;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cs-hero-doc-title { font-size: 1.85rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .cs-hero-doc-header-right { <!-- [et_pb_line_break_holder] -->                padding-top: 2rem; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .cs-hero-doc-intro { font-size: 1rem; line-height: 1.6; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .cs-hero-doc-cta { <!-- [et_pb_line_break_holder] -->                width: 100%; <!-- [et_pb_line_break_holder] -->                padding: 1rem; <!-- [et_pb_line_break_holder] -->                font-size: 1rem; <!-- [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=\"cs-hero-doc-wrapper\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"cs-hero-doc-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-hero-doc-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-hero-doc-header\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-hero-doc-header-left\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-hero-doc-badge\">Automated Generation<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2 class=\"cs-hero-doc-title\">Generate your business documents in <span>one click<\/span><\/h2>\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-hero-doc-header-right\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-hero-doc-intro\"><!-- [et_pb_line_break_holder] -->                        <pee>One of the most costly points of friction in B2B is the manual creation of documents. Quotes, contracts, reports \u2014 each document takes time and is prone to errors.<\/pee><!-- [et_pb_line_break_holder] -->                        <pee><strong>Cirrus Shield<\/strong> integrates a powerful engine based on your own Word templates. Your teams generate perfect documents instantly, directly from the CRM record.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <a href=\"#demo\" class=\"cs-hero-doc-cta\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> See a document example<!-- [et_pb_line_break_holder] -->                    <\/a><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [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] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; 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] -->    <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] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === VARIABLES & SCOPED RESET === *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-wrapper {<!-- [et_pb_line_break_holder] -->            --color-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --color-blue: #2563EB; <!-- [et_pb_line_break_holder] -->            --color-blue-dark: #1D4ED8;<!-- [et_pb_line_break_holder] -->            --color-blue-light: #DBEAFE;<!-- [et_pb_line_break_holder] -->            --color-bg-base: #F8FAFC; <!-- [et_pb_line_break_holder] -->            --color-text-dark: #0F172A;<!-- [et_pb_line_break_holder] -->            --color-text-muted: #64748B;<!-- [et_pb_line_break_holder] -->            --color-grey-border: #E2E8F0;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            background-color: var(--color-bg-base);<!-- [et_pb_line_break_holder] -->            padding: 2rem 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-wrapper *,<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-wrapper *::before,<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-wrapper *::after { margin: 0; padding: 0; box-sizing: border-box; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === KEYFRAMES (ANIMATIONS) ================ *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        @keyframes csFloat {<!-- [et_pb_line_break_holder] -->            0% { transform: translateY(0px); }<!-- [et_pb_line_break_holder] -->            50% { transform: translateY(-8px); }<!-- [et_pb_line_break_holder] -->            100% { transform: translateY(0px); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @keyframes csFlowLine {<!-- [et_pb_line_break_holder] -->            0% { background-position: 0% 0; }<!-- [et_pb_line_break_holder] -->            100% { background-position: -40px 0; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === SECTION LAYOUT ======================== *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-section { <!-- [et_pb_line_break_holder] -->            padding: 0 1.5rem; <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            justify-content: center; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-container { <!-- [et_pb_line_break_holder] -->            max-width: 1200px; <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-title { <!-- [et_pb_line_break_holder] -->            text-align: center; <!-- [et_pb_line_break_holder] -->            font-size: clamp(1.8rem, 4vw, 2.5rem); <!-- [et_pb_line_break_holder] -->            font-weight: 700; <!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark); <!-- [et_pb_line_break_holder] -->            margin-bottom: 4rem; <!-- [et_pb_line_break_holder] -->            letter-spacing: -0.02em; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Timeline Grid --- *\/<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-grid { <!-- [et_pb_line_break_holder] -->            display: grid; <!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(4, 1fr); <!-- [et_pb_line_break_holder] -->            gap: 2rem; <!-- [et_pb_line_break_holder] -->            position: relative; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Animated flow line in the background *\/<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-grid::before {<!-- [et_pb_line_break_holder] -->            content: ''; <!-- [et_pb_line_break_holder] -->            position: absolute; <!-- [et_pb_line_break_holder] -->            top: 45px; \/* Aligned with the center of icons *\/<!-- [et_pb_line_break_holder] -->            left: 12%; <!-- [et_pb_line_break_holder] -->            right: 12%; <!-- [et_pb_line_break_holder] -->            height: 4px;<!-- [et_pb_line_break_holder] -->            background-image: linear-gradient(90deg, var(--color-blue) 50%, transparent 50%); <!-- [et_pb_line_break_holder] -->            background-size: 20px 100%;<!-- [et_pb_line_break_holder] -->            opacity: 0.3; <!-- [et_pb_line_break_holder] -->            z-index: 1; <!-- [et_pb_line_break_holder] -->            animation: csFlowLine 1s linear infinite;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Individual Steps --- *\/<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-step { <!-- [et_pb_line_break_holder] -->            position: relative; <!-- [et_pb_line_break_holder] -->            z-index: 2; <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            flex-direction: column; <!-- [et_pb_line_break_holder] -->            align-items: center; <!-- [et_pb_line_break_holder] -->            text-align: center; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-icon-box {<!-- [et_pb_line_break_holder] -->            width: 90px; <!-- [et_pb_line_break_holder] -->            height: 90px; <!-- [et_pb_line_break_holder] -->            background: var(--color-white); <!-- [et_pb_line_break_holder] -->            border: 2px solid var(--color-blue-light); <!-- [et_pb_line_break_holder] -->            border-radius: 24px;<!-- [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] -->            margin-bottom: 2rem;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 15px 30px -10px rgba(37,99,235,0.15); <!-- [et_pb_line_break_holder] -->            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);<!-- [et_pb_line_break_holder] -->            position: relative; <!-- [et_pb_line_break_holder] -->            animation: csFloat 6s ease-in-out infinite;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Animation delays for a natural wave effect *\/<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-step:nth-child(2) .cs-timeline-doc-icon-box { animation-delay: 1s; }<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-step:nth-child(3) .cs-timeline-doc-icon-box { animation-delay: 2s; }<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-step:nth-child(4) .cs-timeline-doc-icon-box { animation-delay: 3s; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-icon-box i { <!-- [et_pb_line_break_holder] -->            font-size: 2rem; <!-- [et_pb_line_break_holder] -->            color: var(--color-blue); <!-- [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] -->        \/* Small number badge *\/<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-number {<!-- [et_pb_line_break_holder] -->            position: absolute; <!-- [et_pb_line_break_holder] -->            top: -10px; <!-- [et_pb_line_break_holder] -->            right: -10px; <!-- [et_pb_line_break_holder] -->            width: 32px; <!-- [et_pb_line_break_holder] -->            height: 32px; <!-- [et_pb_line_break_holder] -->            background: var(--color-blue-dark); <!-- [et_pb_line_break_holder] -->            color: var(--color-white);<!-- [et_pb_line_break_holder] -->            border-radius: 50%; <!-- [et_pb_line_break_holder] -->            font-size: 0.9rem; <!-- [et_pb_line_break_holder] -->            font-weight: 800; <!-- [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] -->            border: 4px solid var(--color-bg-base); <!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 10px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Hover effect *\/<!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-step:hover .cs-timeline-doc-icon-box { <!-- [et_pb_line_break_holder] -->            transform: scale(1.1) translateY(-10px); <!-- [et_pb_line_break_holder] -->            border-color: var(--color-blue); <!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, var(--color-white) 0%, var(--color-blue-light) 100%); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-text { <!-- [et_pb_line_break_holder] -->            font-size: 1.05rem; <!-- [et_pb_line_break_holder] -->            color: var(--color-text-muted); <!-- [et_pb_line_break_holder] -->            line-height: 1.6; <!-- [et_pb_line_break_holder] -->            font-weight: 500; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-text strong { <!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-timeline-doc-code { <!-- [et_pb_line_break_holder] -->            display: inline-block; <!-- [et_pb_line_break_holder] -->            background: rgba(37, 99, 235, 0.08); <!-- [et_pb_line_break_holder] -->            color: var(--color-blue-dark); <!-- [et_pb_line_break_holder] -->            font-family: 'Consolas', monospace; <!-- [et_pb_line_break_holder] -->            font-size: 0.85rem; <!-- [et_pb_line_break_holder] -->            padding: 0.4rem 0.75rem; <!-- [et_pb_line_break_holder] -->            border-radius: 8px; <!-- [et_pb_line_break_holder] -->            margin-top: 0.75rem; <!-- [et_pb_line_break_holder] -->            font-weight: 600; <!-- [et_pb_line_break_holder] -->            border: 1px dashed rgba(37, 99, 235, 0.3); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === RESPONSIVE (100% MOBILE PERFECT) ==== *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Tablet (Switch to 2x2) *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .cs-timeline-doc-grid { <!-- [et_pb_line_break_holder] -->                grid-template-columns: repeat(2, 1fr); <!-- [et_pb_line_break_holder] -->                gap: 5rem 2rem; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            \/* Hide animated line as it doesn't make sense in 2x2 *\/<!-- [et_pb_line_break_holder] -->            .cs-timeline-doc-grid::before { display: none; } <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Standard Mobile *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            .cs-timeline-doc-title { margin-bottom: 3rem; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Small Mobile (Switch to vertical list with left icon) *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->            .cs-timeline-doc-grid { <!-- [et_pb_line_break_holder] -->                grid-template-columns: 1fr; <!-- [et_pb_line_break_holder] -->                gap: 2.5rem; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .cs-timeline-doc-step { <!-- [et_pb_line_break_holder] -->                flex-direction: row; <!-- [et_pb_line_break_holder] -->                text-align: left; <!-- [et_pb_line_break_holder] -->                align-items: flex-start;<!-- [et_pb_line_break_holder] -->                gap: 1.5rem;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .cs-timeline-doc-icon-box { <!-- [et_pb_line_break_holder] -->                width: 70px; <!-- [et_pb_line_break_holder] -->                height: 70px; <!-- [et_pb_line_break_holder] -->                margin-bottom: 0; <!-- [et_pb_line_break_holder] -->                flex-shrink: 0; \/* Prevent icon from squishing *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .cs-timeline-doc-icon-box i { font-size: 1.5rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .cs-timeline-doc-text { font-size: 1rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Animation adjustment for horizontal mode *\/<!-- [et_pb_line_break_holder] -->            .cs-timeline-doc-step:hover .cs-timeline-doc-icon-box { <!-- [et_pb_line_break_holder] -->                transform: scale(1.05) translateY(-5px); <!-- [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=\"cs-timeline-doc-wrapper\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"cs-timeline-doc-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-timeline-doc-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<h3 class=\"cs-timeline-doc-title\">How does it work?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-timeline-doc-grid\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-timeline-doc-step\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-timeline-doc-icon-box\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-regular fa-file-word\"><\/i><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-timeline-doc-number\">1<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-timeline-doc-text\"><!-- [et_pb_line_break_holder] -->                        <strong>Create your Word template<\/strong> with simple merge fields.<!-- [et_pb_line_break_holder] -->                        <\/p>\n<div><!-- [et_pb_line_break_holder] -->                            <span class=\"cs-timeline-doc-code\">{{Customer_Name}}<\/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-timeline-doc-step\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-timeline-doc-icon-box\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-cloud-arrow-up\"><\/i><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-timeline-doc-number\">2<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-timeline-doc-text\"><!-- [et_pb_line_break_holder] -->                        <strong>Import the template<\/strong> into Cirrus Shield and link it to the relevant module.<!-- [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-timeline-doc-step\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-timeline-doc-icon-box\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-bolt\"><\/i><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-timeline-doc-number\">3<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-timeline-doc-text\"><!-- [et_pb_line_break_holder] -->                        From a record, click on <strong>&#8220;Generate&#8221;<\/strong>. The document completes itself.<!-- [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-timeline-doc-step\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-timeline-doc-icon-box\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-share-nodes\"><\/i><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-timeline-doc-number\">4<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-timeline-doc-text\"><!-- [et_pb_line_break_holder] -->                        <strong>Download or send<\/strong> the PDF directly from the CRM history.<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; 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] -->    <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] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === VARIABLES & SCOPED RESET === *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        .cs-usecases-wrapper {<!-- [et_pb_line_break_holder] -->            --color-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --color-blue: #2563EB; <!-- [et_pb_line_break_holder] -->            --color-blue-dark: #1D4ED8;<!-- [et_pb_line_break_holder] -->            --color-blue-light: #DBEAFE;<!-- [et_pb_line_break_holder] -->            --color-blue-glow: rgba(37, 99, 235, 0.4);<!-- [et_pb_line_break_holder] -->            --color-bg-base: #F8FAFC; <!-- [et_pb_line_break_holder] -->            --color-text-dark: #0F172A;<!-- [et_pb_line_break_holder] -->            --color-text-muted: #64748B;<!-- [et_pb_line_break_holder] -->            --color-grey-border: #E2E8F0;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            background-color: var(--color-bg-base);<!-- [et_pb_line_break_holder] -->            padding: 1rem 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-usecases-wrapper *,<!-- [et_pb_line_break_holder] -->        .cs-usecases-wrapper *::before,<!-- [et_pb_line_break_holder] -->        .cs-usecases-wrapper *::after { <!-- [et_pb_line_break_holder] -->            margin: 0; <!-- [et_pb_line_break_holder] -->            padding: 0; <!-- [et_pb_line_break_holder] -->            box-sizing: border-box; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === SECTION LAYOUT ======================== *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        .cs-usecases-section { <!-- [et_pb_line_break_holder] -->            padding: 0 1.5rem; <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            justify-content: center; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cs-usecases-container { <!-- [et_pb_line_break_holder] -->            max-width: 1200px; <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-usecases-title { <!-- [et_pb_line_break_holder] -->            text-align: center; <!-- [et_pb_line_break_holder] -->            font-size: clamp(1.8rem, 4vw, 2.5rem); <!-- [et_pb_line_break_holder] -->            font-weight: 700; <!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark); <!-- [et_pb_line_break_holder] -->            margin-bottom: 4rem; <!-- [et_pb_line_break_holder] -->            letter-spacing: -0.02em; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Use Cases Grid --- *\/<!-- [et_pb_line_break_holder] -->        .cs-usecases-grid { <!-- [et_pb_line_break_holder] -->            display: grid; <!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr 1fr; <!-- [et_pb_line_break_holder] -->            gap: 2.5rem; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-usecases-card {<!-- [et_pb_line_break_holder] -->            background: var(--color-white); <!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-grey-border); <!-- [et_pb_line_break_holder] -->            border-radius: 32px; <!-- [et_pb_line_break_holder] -->            padding: 3.5rem;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 20px 40px -10px rgba(0, 0, 0, 0.03); <!-- [et_pb_line_break_holder] -->            transition: all 0.4s ease; <!-- [et_pb_line_break_holder] -->            position: relative; <!-- [et_pb_line_break_holder] -->            overflow: hidden; <!-- [et_pb_line_break_holder] -->            z-index: 1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Giant icons as watermark *\/<!-- [et_pb_line_break_holder] -->        .cs-usecases-card::after { <!-- [et_pb_line_break_holder] -->            font-family: \"Font Awesome 6 Free\"; <!-- [et_pb_line_break_holder] -->            font-weight: 900; <!-- [et_pb_line_break_holder] -->            position: absolute; <!-- [et_pb_line_break_holder] -->            bottom: -20px; <!-- [et_pb_line_break_holder] -->            right: -20px; <!-- [et_pb_line_break_holder] -->            font-size: 12rem; <!-- [et_pb_line_break_holder] -->            color: var(--color-blue-light); <!-- [et_pb_line_break_holder] -->            opacity: 0.2; <!-- [et_pb_line_break_holder] -->            z-index: -1; <!-- [et_pb_line_break_holder] -->            transform: rotate(-15deg); <!-- [et_pb_line_break_holder] -->            transition: all 0.5s ease; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-usecases-card:nth-child(1)::after { content: '\\f573'; } \/* file-signature icon *\/<!-- [et_pb_line_break_holder] -->        .cs-usecases-card:nth-child(2)::after { content: '\\f46c'; } \/* clipboard-list icon *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Card hover effect *\/<!-- [et_pb_line_break_holder] -->        .cs-usecases-card:hover { <!-- [et_pb_line_break_holder] -->            transform: translateY(-8px); <!-- [et_pb_line_break_holder] -->            box-shadow: 0 30px 60px -15px rgba(37,99,235,0.15); <!-- [et_pb_line_break_holder] -->            border-color: #cbd5e1; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cs-usecases-card:hover::after { <!-- [et_pb_line_break_holder] -->            transform: rotate(0deg) scale(1.1); <!-- [et_pb_line_break_holder] -->            opacity: 0.3; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-usecases-card-header { <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            align-items: center; <!-- [et_pb_line_break_holder] -->            gap: 1.25rem; <!-- [et_pb_line_break_holder] -->            margin-bottom: 2rem; <!-- [et_pb_line_break_holder] -->            padding-bottom: 2rem; <!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid var(--color-grey-border); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-usecases-icon-box { <!-- [et_pb_line_break_holder] -->            width: 64px; <!-- [et_pb_line_break_holder] -->            height: 64px; <!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, var(--color-blue) 0%, #60A5FA 100%); <!-- [et_pb_line_break_holder] -->            color: var(--color-white); <!-- [et_pb_line_break_holder] -->            border-radius: 20px; <!-- [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] -->            font-size: 1.8rem; <!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 20px -5px var(--color-blue-glow); <!-- [et_pb_line_break_holder] -->            flex-shrink: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-usecases-card-title { <!-- [et_pb_line_break_holder] -->            font-size: 1.5rem; <!-- [et_pb_line_break_holder] -->            font-weight: 800; <!-- [et_pb_line_break_holder] -->            color: var(--color-text-dark); <!-- [et_pb_line_break_holder] -->            letter-spacing: -0.02em; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-usecases-list { <!-- [et_pb_line_break_holder] -->            list-style: none; <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            flex-direction: column; <!-- [et_pb_line_break_holder] -->            gap: 1.25rem; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-usecases-item { <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            align-items: flex-start; <!-- [et_pb_line_break_holder] -->            gap: 1rem; <!-- [et_pb_line_break_holder] -->            font-size: 1.1rem; <!-- [et_pb_line_break_holder] -->            color: var(--color-text-muted); <!-- [et_pb_line_break_holder] -->            font-weight: 500; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-usecases-item-icon { <!-- [et_pb_line_break_holder] -->            color: var(--color-blue); <!-- [et_pb_line_break_holder] -->            font-size: 0.9rem; <!-- [et_pb_line_break_holder] -->            margin-top: 0.25rem; <!-- [et_pb_line_break_holder] -->            background: var(--color-blue-light); <!-- [et_pb_line_break_holder] -->            width: 26px; <!-- [et_pb_line_break_holder] -->            height: 26px; <!-- [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] -->            border-radius: 50%; <!-- [et_pb_line_break_holder] -->            flex-shrink: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === RESPONSIVE (100% MOBILE PERFECT) ==== *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Tablets *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .cs-usecases-grid { gap: 1.5rem; }<!-- [et_pb_line_break_holder] -->            .cs-usecases-card { padding: 2.5rem; border-radius: 24px; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Standard Mobile (Switch to 1 column) *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            .cs-usecases-title { margin-bottom: 3rem; font-size: 2.25rem; }<!-- [et_pb_line_break_holder] -->            .cs-usecases-grid { grid-template-columns: 1fr; gap: 2rem; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Small Mobiles *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->            .cs-usecases-title { font-size: 1.85rem; margin-bottom: 2rem; line-height: 1.3; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .cs-usecases-card { <!-- [et_pb_line_break_holder] -->                padding: 2rem 1.5rem; <!-- [et_pb_line_break_holder] -->                border-radius: 20px; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Adjustment for watermarks so they don't consume the entire screen *\/<!-- [et_pb_line_break_holder] -->            .cs-usecases-card::after { <!-- [et_pb_line_break_holder] -->                font-size: 8rem; <!-- [et_pb_line_break_holder] -->                bottom: -10px; <!-- [et_pb_line_break_holder] -->                right: -10px; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .cs-usecases-card-header {<!-- [et_pb_line_break_holder] -->                gap: 1rem;<!-- [et_pb_line_break_holder] -->                margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->                padding-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .cs-usecases-icon-box {<!-- [et_pb_line_break_holder] -->                width: 56px;<!-- [et_pb_line_break_holder] -->                height: 56px;<!-- [et_pb_line_break_holder] -->                font-size: 1.5rem;<!-- [et_pb_line_break_holder] -->                border-radius: 16px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .cs-usecases-card-title { font-size: 1.35rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .cs-usecases-list { gap: 1rem; }<!-- [et_pb_line_break_holder] -->            .cs-usecases-item { font-size: 1rem; }<!-- [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=\"cs-usecases-wrapper\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"cs-usecases-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-usecases-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<h3 class=\"cs-usecases-title\">Concrete B2B Use Cases<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-usecases-grid\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-usecases-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-usecases-card-header\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-usecases-icon-box\"><!-- [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<h4 class=\"cs-usecases-card-title\">Commercial Documents<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"cs-usecases-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cs-usecases-item\"><!-- [et_pb_line_break_holder] -->\n<div class=\"cs-usecases-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Quotes and sales proposals<\/span><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cs-usecases-item\"><!-- [et_pb_line_break_holder] -->\n<div class=\"cs-usecases-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Contracts and legal amendments<\/span><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cs-usecases-item\"><!-- [et_pb_line_break_holder] -->\n<div class=\"cs-usecases-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Custom purchase orders<\/span><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cs-usecases-item\"><!-- [et_pb_line_break_holder] -->\n<div class=\"cs-usecases-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Automatic pro forma invoices<\/span><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-usecases-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-usecases-card-header\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cs-usecases-icon-box\"><!-- [et_pb_line_break_holder] -->                            <i class=\"fa-solid fa-clipboard-list\"><\/i><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 class=\"cs-usecases-card-title\">Operational Documents<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"cs-usecases-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cs-usecases-item\"><!-- [et_pb_line_break_holder] -->\n<div class=\"cs-usecases-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>PDF meeting minutes<\/span><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cs-usecases-item\"><!-- [et_pb_line_break_holder] -->\n<div class=\"cs-usecases-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Internal liaison sheets<\/span><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cs-usecases-item\"><!-- [et_pb_line_break_holder] -->\n<div class=\"cs-usecases-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Customer certificates and attestations<\/span><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cs-usecases-item\"><!-- [et_pb_line_break_holder] -->\n<div class=\"cs-usecases-item-icon\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Activity monitoring reports<\/span><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/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] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f8fafc&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;0px|||||&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.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; locked=&#8221;off&#8221; 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] -->    <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] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === VARIABLES & SCOPED RESET === *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        .crsw-vs-wrapper {<!-- [et_pb_line_break_holder] -->            --color-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --color-dark-bg: #030712; <!-- [et_pb_line_break_holder] -->            --color-dark-surface: #0F172A;<!-- [et_pb_line_break_holder] -->            --color-text-muted: #94A3B8;<!-- [et_pb_line_break_holder] -->            --color-green: #10B981;<!-- [et_pb_line_break_holder] -->            --color-green-neon: #34D399;<!-- [et_pb_line_break_holder] -->            --color-blue: #3B82F6;<!-- [et_pb_line_break_holder] -->            --color-red: #EF4444;<!-- [et_pb_line_break_holder] -->            --color-yellow: #F59E0B;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-wrapper *,<!-- [et_pb_line_break_holder] -->        .crsw-vs-wrapper *::before,<!-- [et_pb_line_break_holder] -->        .crsw-vs-wrapper *::after { <!-- [et_pb_line_break_holder] -->            margin: 0; padding: 0; box-sizing: border-box; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === ANIMATIONS ============================ *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        @keyframes crswGlow {<!-- [et_pb_line_break_holder] -->            0% { box-shadow: 0 0 40px -10px rgba(16, 185, 129, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.1); }<!-- [et_pb_line_break_holder] -->            50% { box-shadow: 0 0 60px -10px rgba(16, 185, 129, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.2); }<!-- [et_pb_line_break_holder] -->            100% { box-shadow: 0 0 40px -10px rgba(16, 185, 129, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.1); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === FULL WIDTH SECTION LAYOUT ============= *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        .crsw-vs-section { <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->            background-color: var(--color-dark-bg);<!-- [et_pb_line_break_holder] -->            background-image: <!-- [et_pb_line_break_holder] -->                radial-gradient(ellipse at 50% 0%, rgba(37, 99, 235, 0.15), transparent 60%),<!-- [et_pb_line_break_holder] -->                linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),<!-- [et_pb_line_break_holder] -->                linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);<!-- [et_pb_line_break_holder] -->            background-size: 100% 100%, 40px 40px, 40px 40px;<!-- [et_pb_line_break_holder] -->            padding: 8rem 0; <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            border-top: 1px solid rgba(255,255,255,0.05);<!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid rgba(255,255,255,0.05);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-container { <!-- [et_pb_line_break_holder] -->            max-width: 1300px; <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->            padding: 0 1.5rem;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            z-index: 2;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Header Section --- *\/<!-- [et_pb_line_break_holder] -->        .crsw-vs-header {<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->            margin-bottom: 5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-main-title {<!-- [et_pb_line_break_holder] -->            font-size: clamp(2rem, 4vw, 3rem);<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            color: var(--color-white);<!-- [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: 1.25rem;<!-- [et_pb_line_break_holder] -->            letter-spacing: -0.02em;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-main-title i {<!-- [et_pb_line_break_holder] -->            color: var(--color-blue-light);<!-- [et_pb_line_break_holder] -->            background: rgba(37,99,235,0.15);<!-- [et_pb_line_break_holder] -->            padding: 0.85rem;<!-- [et_pb_line_break_holder] -->            border-radius: 16px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 0 20px rgba(37,99,235,0.2);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- ASYMMETRIC GRID LAYOUT --- *\/<!-- [et_pb_line_break_holder] -->        .crsw-vs-layout {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr 1.3fr; <!-- [et_pb_line_break_holder] -->            align-items: stretch;<!-- [et_pb_line_break_holder] -->            gap: 4rem; <!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-col-title {<!-- [et_pb_line_break_holder] -->            color: var(--color-white);<!-- [et_pb_line_break_holder] -->            font-size: 1.1rem;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            margin-bottom: 2.5rem;<!-- [et_pb_line_break_holder] -->            text-transform: uppercase;<!-- [et_pb_line_break_holder] -->            letter-spacing: 1.5px;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 0.75rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crsw-vs-col-title i { opacity: 0.7; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Left Side : Competitors --- *\/<!-- [et_pb_line_break_holder] -->        .crsw-vs-competitors {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 1.5rem;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-item {<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.02);<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(10px);<!-- [et_pb_line_break_holder] -->            -webkit-backdrop-filter: blur(10px);<!-- [et_pb_line_break_holder] -->            padding: 1.75rem;<!-- [et_pb_line_break_holder] -->            border-radius: 20px;<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255, 255, 255, 0.04);<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: flex-start;<!-- [et_pb_line_break_holder] -->            gap: 1.25rem;<!-- [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] -->        .crsw-vs-item:hover { <!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.04); <!-- [et_pb_line_break_holder] -->            transform: translateX(4px);<!-- [et_pb_line_break_holder] -->            border-color: rgba(255, 255, 255, 0.08);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-icon {<!-- [et_pb_line_break_holder] -->            font-size: 1.25rem;<!-- [et_pb_line_break_holder] -->            flex-shrink: 0;<!-- [et_pb_line_break_holder] -->            background: rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->            width: 44px; <!-- [et_pb_line_break_holder] -->            height: 44px;<!-- [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] -->            border-radius: 12px;<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255,255,255,0.05);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-icon--red { color: #FCA5A5; box-shadow: 0 0 15px rgba(239, 68, 68, 0.15); }<!-- [et_pb_line_break_holder] -->        .crsw-vs-icon--yellow { color: #FCD34D; box-shadow: 0 0 15px rgba(245, 158, 11, 0.15); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-content strong {<!-- [et_pb_line_break_holder] -->            display: block; color: var(--color-white); font-size: 1.1rem; font-weight: 700; margin-bottom: 0.4rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-content p { color: var(--color-text-muted); font-size: 0.95rem; line-height: 1.5; margin: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Right Side : CIRRUS SHIELD (Winner Card) --- *\/<!-- [et_pb_line_break_holder] -->        .crsw-vs-winner-board {<!-- [et_pb_line_break_holder] -->            background: linear-gradient(145deg, rgba(16,185,129,0.15) 0%, var(--color-dark-surface) 100%);<!-- [et_pb_line_break_holder] -->            border-radius: 32px;<!-- [et_pb_line_break_holder] -->            padding: 4rem;<!-- [et_pb_line_break_holder] -->            position: relative; <!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            z-index: 10;<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(16, 185, 129, 0.4);<!-- [et_pb_line_break_holder] -->            animation: crswGlow 4s ease-in-out infinite;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- THE \"VS\" BADGE --- *\/<!-- [et_pb_line_break_holder] -->        .crsw-vs-badge-center {<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            left: 0; <!-- [et_pb_line_break_holder] -->            top: 50%;<!-- [et_pb_line_break_holder] -->            transform: translate(-50%, -50%); <!-- [et_pb_line_break_holder] -->            width: 56px;<!-- [et_pb_line_break_holder] -->            height: 56px;<!-- [et_pb_line_break_holder] -->            background: var(--color-dark-surface);<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255,255,255,0.1);<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [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] -->            color: var(--color-white);<!-- [et_pb_line_break_holder] -->            font-weight: 800;<!-- [et_pb_line_break_holder] -->            font-size: 1rem;<!-- [et_pb_line_break_holder] -->            z-index: 15;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 0 0 10px var(--color-dark-bg);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-winner-badge {<!-- [et_pb_line_break_holder] -->            position: absolute; top: -16px; right: 4rem;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(90deg, var(--color-green), #059669);<!-- [et_pb_line_break_holder] -->            color: var(--color-dark-bg);<!-- [et_pb_line_break_holder] -->            padding: 0.6rem 1.5rem; border-radius: 100px;<!-- [et_pb_line_break_holder] -->            font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 25px rgba(16, 185, 129, 0.4);<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; gap: 0.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-winner-board .crsw-vs-col-title { color: var(--color-green-neon); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-hero-text {<!-- [et_pb_line_break_holder] -->            color: var(--color-white); font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 800;<!-- [et_pb_line_break_holder] -->            line-height: 1.25; margin-bottom: 3rem; letter-spacing: -0.02em;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Bento Grid *\/<!-- [et_pb_line_break_holder] -->        .crsw-vs-bento {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(2, 1fr);<!-- [et_pb_line_break_holder] -->            gap: 1.25rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-bento-card {<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.03);<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255, 255, 255, 0.05);<!-- [et_pb_line_break_holder] -->            border-radius: 20px;<!-- [et_pb_line_break_holder] -->            padding: 1.75rem;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            gap: 1.25rem;<!-- [et_pb_line_break_holder] -->            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-bento-card:hover {<!-- [et_pb_line_break_holder] -->            background: rgba(16, 185, 129, 0.05);<!-- [et_pb_line_break_holder] -->            border-color: rgba(16, 185, 129, 0.3);<!-- [et_pb_line_break_holder] -->            transform: translateY(-4px);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 30px -10px rgba(16, 185, 129, 0.15);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-feature-icon {<!-- [et_pb_line_break_holder] -->            background: rgba(16, 185, 129, 0.15);<!-- [et_pb_line_break_holder] -->            color: var(--color-green-neon);<!-- [et_pb_line_break_holder] -->            width: 48px; height: 48px;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            border-radius: 12px; font-size: 1.25rem;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 0 20px rgba(16, 185, 129, 0.2); <!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(16, 185, 129, 0.2);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crsw-vs-bento-card span {<!-- [et_pb_line_break_holder] -->            color: var(--color-white);<!-- [et_pb_line_break_holder] -->            font-size: 1.05rem;<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->            line-height: 1.4;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === RESPONSIVE ========================== *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        @media (max-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .crsw-vs-section { padding: 5rem 0; }<!-- [et_pb_line_break_holder] -->            .crsw-vs-layout { grid-template-columns: 1fr; gap: 4rem; }<!-- [et_pb_line_break_holder] -->            .crsw-vs-badge-center { display: none; } <!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crsw-vs-winner-board {<!-- [et_pb_line_break_holder] -->                animation: none; <!-- [et_pb_line_break_holder] -->                box-shadow: 0 20px 50px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.1);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .crsw-vs-winner-badge { right: 2rem; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            .crsw-vs-section { padding: 4rem 0; }<!-- [et_pb_line_break_holder] -->            .crsw-vs-header { margin-bottom: 3rem; }<!-- [et_pb_line_break_holder] -->            .crsw-vs-main-title { flex-direction: column; text-align: center; gap: 1rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crsw-vs-winner-board { padding: 2.5rem 1.5rem; border-radius: 24px; }<!-- [et_pb_line_break_holder] -->            .crsw-vs-bento { grid-template-columns: 1fr; gap: 1rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crsw-vs-bento-card { <!-- [et_pb_line_break_holder] -->                flex-direction: row; <!-- [et_pb_line_break_holder] -->                align-items: center; <!-- [et_pb_line_break_holder] -->                padding: 1.25rem; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .crsw-vs-feature-icon { flex-shrink: 0; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->            .crsw-vs-main-title { font-size: 1.75rem; }<!-- [et_pb_line_break_holder] -->            .crsw-vs-item { flex-direction: column; gap: 1rem; padding: 1.25rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crsw-vs-winner-badge { <!-- [et_pb_line_break_holder] -->                position: relative; top: 0; right: 0; align-self: flex-start; margin-bottom: 2rem; <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .crsw-vs-hero-text { font-size: 1.4rem; margin-bottom: 2rem; }<!-- [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=\"crsw-vs-wrapper\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"crsw-vs-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crsw-vs-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crsw-vs-header\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3 class=\"crsw-vs-main-title\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fa-solid fa-scale-balanced\"><\/i> Comparison: The Cirrus Shield Advantage<!-- [et_pb_line_break_holder] -->                <\/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=\"crsw-vs-layout\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crsw-vs-competitors\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h4 class=\"crsw-vs-col-title\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-regular fa-building\"><\/i> Other CRMs<!-- [et_pb_line_break_holder] -->                    <\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crsw-vs-item\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crsw-vs-icon crsw-vs-icon--red\"><i class=\"fa-solid fa-xmark\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crsw-vs-content\"><!-- [et_pb_line_break_holder] -->                            <strong>Salesforce<\/strong><!-- [et_pb_line_break_holder] -->                            <pee>Requires expensive add-ons (Conga, Docusign Composer).<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crsw-vs-item\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crsw-vs-icon crsw-vs-icon--yellow\"><i class=\"fa-solid fa-lock\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crsw-vs-content\"><!-- [et_pb_line_break_holder] -->                            <strong>HubSpot<\/strong><!-- [et_pb_line_break_holder] -->                            <pee>Limited standard templates, forcing plan upgrades.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crsw-vs-item\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crsw-vs-icon crsw-vs-icon--yellow\"><i class=\"fa-solid fa-compress\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crsw-vs-content\"><!-- [et_pb_line_break_holder] -->                            <strong>Sellsy &#038; Pipedrive<\/strong><!-- [et_pb_line_break_holder] -->                            <pee>Rigid customization, offering little business flexibility.<\/pee><!-- [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=\"crsw-vs-winner-board\"><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crsw-vs-badge-center\">VS<\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crsw-vs-winner-badge\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-crown\"><\/i> #1 Solution<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<h4 class=\"crsw-vs-col-title\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-shield-halved\"><\/i> The Cirrus Shield Approach<!-- [et_pb_line_break_holder] -->                    <\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <pee class=\"crsw-vs-hero-text\">Native generation, without limits and 100% integrated into your business.<\/pee><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crsw-vs-bento\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crsw-vs-bento-card\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crsw-vs-feature-icon\"><!-- [et_pb_line_break_holder] -->                                <i class=\"fa-solid fa-comment-dollar\"><\/i><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Zero hidden costs (natively included)<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crsw-vs-bento-card\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crsw-vs-feature-icon\"><!-- [et_pb_line_break_holder] -->                                <i class=\"fa-solid fa-palette\"><\/i><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Total control over the brand guidelines<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crsw-vs-bento-card\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crsw-vs-feature-icon\"><!-- [et_pb_line_break_holder] -->                                <i class=\"fa-solid fa-table\"><\/i><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>Support for complex tables and lists<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crsw-vs-bento-card\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crsw-vs-feature-icon\"><!-- [et_pb_line_break_holder] -->                                <i class=\"fa-solid fa-bolt-lightning\"><\/i><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span>1-click generation everywhere in the CRM<\/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] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f8fafc&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;0px|||||&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.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; locked=&#8221;off&#8221; 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] -->    <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] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === VARIABLES & SCOPED RESET === *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-wrapper {<!-- [et_pb_line_break_holder] -->            --color-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --color-blue: #2563EB; <!-- [et_pb_line_break_holder] -->            --color-blue-dark: #1E40AF;<!-- [et_pb_line_break_holder] -->            --color-blue-light: #DBEAFE;<!-- [et_pb_line_break_holder] -->            --color-blue-glow: rgba(37, 99, 235, 0.2);<!-- [et_pb_line_break_holder] -->            --color-purple-glow: rgba(139, 92, 246, 0.15);<!-- [et_pb_line_break_holder] -->            --color-bg-base: #F8FAFC; <!-- [et_pb_line_break_holder] -->            --color-bg-alt: #F1F5F9;<!-- [et_pb_line_break_holder] -->            --color-text-dark: #0F172A;<!-- [et_pb_line_break_holder] -->            --color-text-muted: #475569;<!-- [et_pb_line_break_holder] -->            --color-grey-border: #E2E8F0;<!-- [et_pb_line_break_holder] -->            --color-green: #10B981;<!-- [et_pb_line_break_holder] -->            --color-green-light: #D1FAE5;<!-- [et_pb_line_break_holder] -->            --color-purple: #8B5CF6;<!-- [et_pb_line_break_holder] -->            --color-orange: #F97316;<!-- [et_pb_line_break_holder] -->            --color-orange-light: #FFEDD5;<!-- [et_pb_line_break_holder] -->            --color-red: #EF4444;<!-- [et_pb_line_break_holder] -->            --color-red-light: #FEE2E2;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            background-color: var(--color-white);<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-ui-wrapper *,<!-- [et_pb_line_break_holder] -->        .crm-ui-wrapper *::before,<!-- [et_pb_line_break_holder] -->        .crm-ui-wrapper *::after { margin: 0; padding: 0; box-sizing: border-box; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === MOCKUP ANIMATIONS ===================== *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        @keyframes crmUiFloatMockup {<!-- [et_pb_line_break_holder] -->            0%, 100% { transform: translateY(0px); }<!-- [et_pb_line_break_holder] -->            50% { transform: translateY(-12px); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @keyframes crmUiPulseGlow {<!-- [et_pb_line_break_holder] -->            0%, 100% { transform: scale(1) translate(-50%, -50%); opacity: 0.8; }<!-- [et_pb_line_break_holder] -->            50% { transform: scale(1.05) translate(-48%, -48%); opacity: 1; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Mockup 1: Kanban - HORIZONTAL ONLY DRAG *\/<!-- [et_pb_line_break_holder] -->        @keyframes crmUiCardDragSync {<!-- [et_pb_line_break_holder] -->            0%, 15% { transform: translate(0, 0) rotate(0deg) scale(1); box-shadow: 0 4px 6px rgba(0,0,0,0.02); border-color: var(--color-grey-border); z-index: 10; }<!-- [et_pb_line_break_holder] -->            \/* Pick up *\/<!-- [et_pb_line_break_holder] -->            20% { transform: translate(0, -5px) rotate(3deg) scale(1.05); box-shadow: 0 20px 25px -5px rgba(37,99,235,0.15); border-color: var(--color-blue); z-index: 20; }<!-- [et_pb_line_break_holder] -->            \/* Move directly to the right and hover over dropzone (100% width + 5rem for paddings & gap) *\/<!-- [et_pb_line_break_holder] -->            35%, 50% { transform: translate(calc(100% + 5rem), 0) rotate(3deg) scale(1.05); box-shadow: 0 20px 25px -5px rgba(37,99,235,0.15); border-color: var(--color-blue); z-index: 20; }<!-- [et_pb_line_break_holder] -->            \/* Drop perfectly onto the dropzone (becomes grey to blend in) *\/<!-- [et_pb_line_break_holder] -->            55%, 80% { transform: translate(calc(100% + 5rem), 0) rotate(0deg) scale(1); box-shadow: 0 4px 6px rgba(0,0,0,0.02); border-color: var(--color-grey-border); z-index: 20; }<!-- [et_pb_line_break_holder] -->            \/* Return home *\/<!-- [et_pb_line_break_holder] -->            85%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); box-shadow: 0 4px 6px rgba(0,0,0,0.02); border-color: var(--color-grey-border); z-index: 10; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        @keyframes crmUiCursorClickSync {<!-- [et_pb_line_break_holder] -->            0%, 5% { transform: translate(30px, 50px); opacity: 0; }<!-- [et_pb_line_break_holder] -->            10%, 15% { transform: translate(0px, 0px); opacity: 1; } <!-- [et_pb_line_break_holder] -->            20%, 50% { transform: translate(0px, 0px) scale(0.85); opacity: 1; } <!-- [et_pb_line_break_holder] -->            55% { transform: translate(0px, 0px) scale(1); opacity: 1; } <!-- [et_pb_line_break_holder] -->            65%, 100% { transform: translate(40px, 60px); opacity: 0; } <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Sync dropzone fade with card drop *\/<!-- [et_pb_line_break_holder] -->        @keyframes crmUiDropzoneSync {<!-- [et_pb_line_break_holder] -->            0%, 50% { opacity: 1; border-color: var(--color-blue); background: var(--color-blue-light); }<!-- [et_pb_line_break_holder] -->            51%, 80% { opacity: 0; visibility: hidden; } \/* Hide exactly when card drops *\/<!-- [et_pb_line_break_holder] -->            85%, 100% { opacity: 1; border-color: var(--color-blue); background: var(--color-blue-light); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Mockup 2: Forms *\/<!-- [et_pb_line_break_holder] -->        @keyframes crmUiFormTyping {<!-- [et_pb_line_break_holder] -->            0% { width: 0%; opacity: 0; }<!-- [et_pb_line_break_holder] -->            15% { opacity: 1; width: 10%; }<!-- [et_pb_line_break_holder] -->            30% { width: 50%; }<!-- [et_pb_line_break_holder] -->            50%, 80% { width: 85%; opacity: 1; }<!-- [et_pb_line_break_holder] -->            90%, 100% { width: 0%; opacity: 0; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Mockup 3: Custom Views *\/<!-- [et_pb_line_break_holder] -->        @keyframes crmUiFilterBtnClick {<!-- [et_pb_line_break_holder] -->            0%, 15% { background: var(--color-bg-alt); color: var(--color-text-muted); border-color: transparent; }<!-- [et_pb_line_break_holder] -->            18% { transform: scale(0.92); background: var(--color-green-light); color: var(--color-green); border-color: var(--color-green); }<!-- [et_pb_line_break_holder] -->            22%, 80% { transform: scale(1); background: var(--color-green-light); color: var(--color-green); border-color: var(--color-green); }<!-- [et_pb_line_break_holder] -->            85%, 100% { background: var(--color-bg-alt); color: var(--color-text-muted); border-color: transparent; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        @keyframes crmUiFilterFadeOut {<!-- [et_pb_line_break_holder] -->            0%, 18% { opacity: 1; transform: scale(1); }<!-- [et_pb_line_break_holder] -->            22%, 80% { opacity: 0.2; transform: scale(0.98); } <!-- [et_pb_line_break_holder] -->            85%, 100% { opacity: 1; transform: scale(1); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        @keyframes crmUiFilterHighlight {<!-- [et_pb_line_break_holder] -->            0%, 18% { transform: scale(1); background: var(--color-white); border-color: var(--color-grey-border); box-shadow: none; }<!-- [et_pb_line_break_holder] -->            22%, 80% { transform: scale(1.02); background: var(--color-white); border-color: var(--color-green); z-index: 10; box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.15); } <!-- [et_pb_line_break_holder] -->            85%, 100% { transform: scale(1); background: var(--color-white); border-color: var(--color-grey-border); box-shadow: none; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Mockup 4: Integration Logos *\/<!-- [et_pb_line_break_holder] -->        @keyframes crmUiLogoFloat {<!-- [et_pb_line_break_holder] -->            0%, 100% { transform: translateY(0); }<!-- [et_pb_line_break_holder] -->            50% { transform: translateY(-8px); }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Mockup 5: Security Toggle *\/<!-- [et_pb_line_break_holder] -->        @keyframes crmUiToggleBg {<!-- [et_pb_line_break_holder] -->            0%, 20% { background: #CBD5E1; } <!-- [et_pb_line_break_holder] -->            35%, 80% { background: var(--color-blue); } <!-- [et_pb_line_break_holder] -->            95%, 100% { background: #CBD5E1; } <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        @keyframes crmUiToggleDot {<!-- [et_pb_line_break_holder] -->            0%, 20% { transform: translateX(0); } <!-- [et_pb_line_break_holder] -->            35%, 80% { transform: translateX(24px); } <!-- [et_pb_line_break_holder] -->            95%, 100% { transform: translateX(0); } <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        \/* === SECTION LAYOUT (VERTICAL) ============= *\/<!-- [et_pb_line_break_holder] -->        \/* =========================================== *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-section { <!-- [et_pb_line_break_holder] -->            padding: 8rem 1.5rem; <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->            display: flex; <!-- [et_pb_line_break_holder] -->            justify-content: center; <!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            overflow: visible;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(180deg, var(--color-white) 0%, var(--color-bg-base) 100%);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-ui-section::before {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            inset: 0;<!-- [et_pb_line_break_holder] -->            background-image: <!-- [et_pb_line_break_holder] -->                linear-gradient(to right, rgba(226, 232, 240, 0.5) 1px, transparent 1px),<!-- [et_pb_line_break_holder] -->                linear-gradient(to bottom, rgba(226, 232, 240, 0.5) 1px, transparent 1px);<!-- [et_pb_line_break_holder] -->            background-size: 40px 40px;<!-- [et_pb_line_break_holder] -->            mask-image: radial-gradient(ellipse at top center, black 40%, transparent 80%);<!-- [et_pb_line_break_holder] -->            -webkit-mask-image: radial-gradient(ellipse at top center, black 40%, transparent 80%);<!-- [et_pb_line_break_holder] -->            z-index: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-ui-container { <!-- [et_pb_line_break_holder] -->            max-width: 1200px; <!-- [et_pb_line_break_holder] -->            width: 100%; <!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 5rem; <!-- [et_pb_line_break_holder] -->            z-index: 1;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 1. HEADER --- *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-header { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 800px; gap: 1.25rem; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-badge { <!-- [et_pb_line_break_holder] -->            background: linear-gradient(135deg, var(--color-blue-light) 0%, var(--color-white) 100%);<!-- [et_pb_line_break_holder] -->            color: var(--color-blue-dark); <!-- [et_pb_line_break_holder] -->            padding: 0.5rem 1.5rem; <!-- [et_pb_line_break_holder] -->            border-radius: 100px; <!-- [et_pb_line_break_holder] -->            font-size: 0.8rem; <!-- [et_pb_line_break_holder] -->            font-weight: 800; <!-- [et_pb_line_break_holder] -->            text-transform: uppercase; <!-- [et_pb_line_break_holder] -->            letter-spacing: 1.5px; <!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(37, 99, 235, 0.2); <!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.05); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-title { font-size: clamp(2.2rem, 3.3vw, 3.5rem); font-weight: 800; color: var(--color-text-dark); line-height: 1.15; letter-spacing: -0.03em; }<!-- [et_pb_line_break_holder] -->        .crm-ui-title span { color: transparent; background: linear-gradient(135deg, var(--color-blue) 0%, var(--color-purple) 100%); -webkit-background-clip: text; background-clip: text; }<!-- [et_pb_line_break_holder] -->        .crm-ui-desc { font-size: clamp(1rem, 2vw, 1.15rem); color: var(--color-text-muted); line-height: 1.7; max-width: 650px; padding: 0 1rem; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 2. TABS --- *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-tabs { <!-- [et_pb_line_break_holder] -->            display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 1rem; width: 100%; <!-- [et_pb_line_break_holder] -->            padding: 0.5rem; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); border-radius: 20px; border: 1px solid var(--color-white);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-tab { <!-- [et_pb_line_break_holder] -->            display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1rem; <!-- [et_pb_line_break_holder] -->            background: transparent; padding: 1.5rem 1rem; border-radius: 14px; border: 1px solid transparent; <!-- [et_pb_line_break_holder] -->            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); cursor: pointer; flex: 1 1 calc(20% - 1rem); min-width: 150px; max-width: 220px; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-tab:hover { background: rgba(255, 255, 255, 0.8); }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-tab.active { <!-- [et_pb_line_break_holder] -->            transform: translateY(-4px); <!-- [et_pb_line_break_holder] -->            border-color: rgba(37, 99, 235, 0.1); <!-- [et_pb_line_break_holder] -->            box-shadow: 0 15px 35px -10px rgba(37, 99, 235, 0.1); <!-- [et_pb_line_break_holder] -->            background: var(--color-white); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-icon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0; transition: all 0.4s ease; background: var(--color-bg-base); color: var(--color-text-muted); box-shadow: inset 0 2px 4px rgba(0,0,0,0.02); }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-tab-content { display: flex; flex-direction: column; align-items: center; width: 100%; }<!-- [et_pb_line_break_holder] -->        .crm-ui-tab-title { color: var(--color-text-dark); font-size: 1.05rem; font-weight: 700; line-height: 1.3; transition: color 0.3s ease; letter-spacing: -0.01em; }<!-- [et_pb_line_break_holder] -->        .crm-ui-tab-desc { color: var(--color-text-muted); font-size: 0.85rem; line-height: 1.5; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); }<!-- [et_pb_line_break_holder] -->        .crm-ui-tab.active .crm-ui-tab-desc { max-height: 100px; opacity: 1; margin-top: 0.75rem; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Colored Active States *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-tab.active:nth-child(1) .crm-ui-icon { background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(37, 99, 235, 0.05)); color: var(--color-blue); }<!-- [et_pb_line_break_holder] -->        .crm-ui-tab.active:nth-child(2) .crm-ui-icon { background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05)); color: var(--color-orange); }<!-- [et_pb_line_break_holder] -->        .crm-ui-tab.active:nth-child(3) .crm-ui-icon { background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(16, 185, 129, 0.05)); color: var(--color-green); }<!-- [et_pb_line_break_holder] -->        .crm-ui-tab.active:nth-child(4) .crm-ui-icon { background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(139, 92, 246, 0.05)); color: var(--color-purple); }<!-- [et_pb_line_break_holder] -->        .crm-ui-tab.active:nth-child(5) .crm-ui-icon { background: linear-gradient(135deg, rgba(15, 23, 42, 0.1), rgba(15, 23, 42, 0.05)); color: var(--color-text-dark); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- 3. VISUAL MOCKUPS --- *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-visual { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 600px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-ambient-glow {<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            top: 50%; left: 50%;<!-- [et_pb_line_break_holder] -->            width: 600px; height: 600px;<!-- [et_pb_line_break_holder] -->            background: radial-gradient(circle, var(--color-blue-glow) 0%, var(--color-purple-glow) 40%, transparent 70%);<!-- [et_pb_line_break_holder] -->            transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->            filter: blur(60px);<!-- [et_pb_line_break_holder] -->            z-index: 0;<!-- [et_pb_line_break_holder] -->            animation: crmUiPulseGlow 8s ease-in-out infinite;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockups-container { width: 100%; max-width: 880px; position: relative; z-index: 2; animation: crmUiFloatMockup 8s ease-in-out infinite; perspective: 1000px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-panel { <!-- [et_pb_line_break_holder] -->            position: absolute; top: 0; left: 0; right: 0; <!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);<!-- [et_pb_line_break_holder] -->            border-radius: 20px; border: 1px solid rgba(226, 232, 240, 0.8); <!-- [et_pb_line_break_holder] -->            box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.1), 0 0 0 1px rgba(255,255,255,0.5) inset; <!-- [et_pb_line_break_holder] -->            opacity: 0; visibility: hidden; <!-- [et_pb_line_break_holder] -->            transform: translateY(30px) scale(0.96) rotateX(2deg); <!-- [et_pb_line_break_holder] -->            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-panel.active { opacity: 1; visibility: visible; transform: translateY(0) scale(1) rotateX(0deg); position: relative; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-header { background: rgba(248, 250, 252, 0.8); padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--color-grey-border); display: flex; align-items: center; justify-content: space-between; border-radius: 20px 20px 0 0; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-dots { display: flex; gap: 8px; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-dots span { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-ui-data-badge { padding: 0.35rem 0.85rem; border-radius: 100px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; border: 1px solid transparent; white-space: nowrap; }<!-- [et_pb_line_break_holder] -->        .badge-green { background: var(--color-green-light); color: var(--color-green); border-color: rgba(16, 185, 129, 0.2); }<!-- [et_pb_line_break_holder] -->        .badge-orange { background: var(--color-orange-light); color: var(--color-orange); border-color: rgba(249, 115, 22, 0.2); }<!-- [et_pb_line_break_holder] -->        .badge-red { background: var(--color-red-light); color: var(--color-red); border-color: rgba(239, 68, 68, 0.2); }<!-- [et_pb_line_break_holder] -->        .badge-blue { background: var(--color-blue-light); color: var(--color-blue); border-color: rgba(37, 99, 235, 0.2); }<!-- [et_pb_line_break_holder] -->        .badge-grey { background: var(--color-bg-base); color: var(--color-text-muted); border-color: var(--color-grey-border); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- MOCKUP 1: KANBAN --- *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-body-kanban { padding: 2.5rem; display: flex; gap: 2rem; min-height: 480px; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-col { flex: 1; background: var(--color-bg-base); border-radius: 16px; padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; border: 1px solid var(--color-grey-border); position: relative; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-card { background: var(--color-white); border: 1px solid var(--color-grey-border); padding: 1.25rem; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02), 0 2px 4px -1px rgba(0,0,0,0.02); display: flex; flex-direction: column; gap: 0.5rem; transition: box-shadow 0.3s ease; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-card-label { font-size: 0.75rem; font-weight: 600; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.5px;}<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-card-value { font-size: 1rem; font-weight: 700; color: var(--color-text-dark); display: flex; align-items: center; gap: 8px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-dropzone {<!-- [et_pb_line_break_holder] -->            height: 74px; border: 2px dashed var(--color-blue); background: var(--color-blue-light); border-radius: 12px;<!-- [et_pb_line_break_holder] -->            animation: crmUiDropzoneSync 6s ease-in-out infinite; box-shadow: none; display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* The card moving *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-card.animated-card { animation: crmUiCardDragSync 6s ease-in-out infinite; position: relative; width: 100%; cursor: grab; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-cursor { position: absolute; bottom: -20px; right: 20px; font-size: 1.8rem; color: var(--color-text-dark); z-index: 20; filter: drop-shadow(0 8px 8px rgba(0,0,0,0.2)); pointer-events: none; transform-origin: top left; animation: crmUiCursorClickSync 6s ease-in-out infinite; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- MOCKUP 2: FORMS --- *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-body-forms { padding: 3.5rem; min-height: 480px; border-radius: 0 0 20px 20px; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-form-group { width: 100%; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-form-label { display: block; font-size: 0.85rem; font-weight: 600; color: var(--color-text-muted); margin-bottom: 0.5rem; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-form-input { width: 100%; height: 52px; background: var(--color-white); border: 1px solid var(--color-grey-border); border-radius: 10px; padding: 0 1rem; display: flex; align-items: center; justify-content: space-between; color: var(--color-text-dark); font-weight: 500; box-shadow: 0 2px 4px rgba(0,0,0,0.01) inset; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-typing-bar { height: 18px; background: var(--color-blue); border-radius: 4px; animation: crmUiFormTyping 4s ease-out infinite; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-form-toggle { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; border: 1px solid var(--color-orange-light); background: var(--color-white); border-radius: 12px; margin-bottom: 2rem; margin-top: 1rem; box-shadow: 0 4px 15px rgba(249, 115, 22, 0.05); }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-form-btn { width: 100%; height: 56px; background: var(--color-blue); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 1.1rem; box-shadow: 0 10px 20px -5px var(--color-blue-glow); transition: transform 0.2s ease; cursor: pointer; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- MOCKUP 3: LIST FILTERING --- *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-body-views { padding: 3rem; min-height: 480px; border-radius: 0 0 20px 20px; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-view-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-view-title { font-size: 1.4rem; font-weight: 800; color: var(--color-text-dark); letter-spacing: -0.02em; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-view-filter-btn { <!-- [et_pb_line_break_holder] -->            height: 42px; padding: 0 1.25rem; background: var(--color-white); border: 1px solid var(--color-grey-border); border-radius: 8px; <!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 0.95rem; font-weight: 600; color: var(--color-text-dark);<!-- [et_pb_line_break_holder] -->            animation: crmUiFilterBtnClick 6s infinite cubic-bezier(0.4, 0, 0.2, 1);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 5px rgba(0,0,0,0.03);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-list { display: flex; flex-direction: column; gap: 0.75rem; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-list-item { <!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; <!-- [et_pb_line_break_holder] -->            background: var(--color-white); border: 1px solid var(--color-grey-border); border-radius: 12px; <!-- [et_pb_line_break_holder] -->            transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.02);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-list-info { display: flex; align-items: center; gap: 1.25rem; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-list-avatar { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.1rem; flex-shrink: 0;}<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-list-text-main { font-weight: 700; color: var(--color-text-dark); font-size: 1.05rem; letter-spacing: -0.01em;}<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-list-text-sub { font-size: 0.85rem; color: var(--color-text-muted); margin-top: 4px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-cell-fade { animation: crmUiFilterFadeOut 6s infinite cubic-bezier(0.4, 0, 0.2, 1); }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-cell-highlight { animation: crmUiFilterHighlight 6s infinite cubic-bezier(0.4, 0, 0.2, 1); position: relative; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- MOCKUP 4: INTEGRATIONS --- *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-body-apps { padding: 3.5rem 3rem; min-height: 480px; border-radius: 0 0 20px 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; align-items: center; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-app-card { background: var(--color-white); padding: 2rem 1.25rem; border-radius: 16px; border: 1px solid var(--color-grey-border); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; box-shadow: 0 10px 20px -5px rgba(0,0,0,0.03); }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-app-icon-wrap { height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 0.25rem; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-app-card i { font-size: 3rem; animation: crmUiLogoFloat 3s ease-in-out infinite; filter: drop-shadow(0 8px 8px rgba(0,0,0,0.05)); }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Stagger animations for apps *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-app-card:nth-child(2) i { animation-delay: 0.2s; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-app-card:nth-child(3) i { animation-delay: 0.4s; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-app-card:nth-child(4) i { animation-delay: 0.6s; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Brand Colors *\/<!-- [et_pb_line_break_holder] -->        .fa-mailchimp { color: #241C15; }<!-- [et_pb_line_break_holder] -->        .fa-google { color: #4285F4; }<!-- [et_pb_line_break_holder] -->        .fa-microsoft { color: #00A4EF; }<!-- [et_pb_line_break_holder] -->        .fa-wordpress { color: #21759B; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-app-name { font-weight: 800; color: var(--color-text-dark); font-size: 1rem; letter-spacing: -0.02em; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-app-desc { font-size: 0.75rem; color: var(--color-text-muted); line-height: 1.4; margin-bottom: 0.5rem; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- MOCKUP 5: SECURITY --- *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-body-security { padding: 3rem 3.5rem; min-height: 480px; border-radius: 0 0 20px 20px; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-sec-row { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 0; border-bottom: 1px solid var(--color-grey-border); }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-sec-row:last-child { border-bottom: none; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-sec-user { display: flex; align-items: center; gap: 1.5rem; }<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-avatar { width: 50px; height: 50px; background: var(--color-bg-base); border: 1px solid var(--color-grey-border); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color-text-muted); font-size: 1.15rem; box-shadow: 0 4px 6px rgba(0,0,0,0.02); }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-sec-role-title { font-size: 1.1rem; font-weight: 800; color: var(--color-text-dark); margin-bottom: 4px; letter-spacing: -0.01em;}<!-- [et_pb_line_break_holder] -->        .crm-ui-mockup-sec-role-desc { font-size: 0.85rem; color: var(--color-text-muted); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Reusable Toggle Classes *\/<!-- [et_pb_line_break_holder] -->        .crm-ui-toggle { width: 52px; height: 28px; border-radius: 20px; position: relative; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); transition: background 0.3s ease; }<!-- [et_pb_line_break_holder] -->        .crm-ui-toggle::after { content: ''; position: absolute; top: 3px; width: 22px; height: 22px; background: var(--color-white); border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.2); transition: transform 0.3s ease; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-toggle-on { background: var(--color-blue); }<!-- [et_pb_line_break_holder] -->        .crm-ui-toggle-on::after { transform: translateX(27px); left: 0; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-ui-toggle-off { background: #CBD5E1; }<!-- [et_pb_line_break_holder] -->        .crm-ui-toggle-off::after { transform: translateX(3px); left: 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-ui-animated-toggle { animation: crmUiToggleBg 4s ease-in-out infinite; }<!-- [et_pb_line_break_holder] -->        .crm-ui-animated-toggle::after { left: 0; animation: crmUiToggleDot 4s ease-in-out infinite; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        \/* === RESPONSIVE PERFECT FIT ============== *\/<!-- [et_pb_line_break_holder] -->        \/* ========================================= *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 1024px) {<!-- [et_pb_line_break_holder] -->            .crm-ui-tab { flex: 1 1 calc(33.333% - 1rem); } <!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-body-apps { grid-template-columns: repeat(2, 1fr); padding: 2.5rem; } <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            .crm-ui-section { padding: 4rem 1rem; }<!-- [et_pb_line_break_holder] -->            .crm-ui-container { gap: 3rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-ui-ambient-glow { width: 300px; height: 300px; }<!-- [et_pb_line_break_holder] -->            .crm-ui-tab { flex: 1 1 calc(50% - 1rem); padding: 1rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-body-kanban,<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-body-forms,<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-body-views,<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-body-apps,<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-body-security {<!-- [et_pb_line_break_holder] -->                padding: 1.5rem;<!-- [et_pb_line_break_holder] -->                min-height: auto;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-body-kanban { flex-direction: column; gap: 1rem; }<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-col { padding: 1rem; gap: 0.75rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-form-row { grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/* Disabled drag animation on mobile to preserve layout flow *\/<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-cursor { display: none; } <!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-card.animated-card { position: static; animation: none !important; transform: none !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02) !important; border-color: var(--color-grey-border) !important; }<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-dropzone { display: none; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-header { padding: 1rem 1.25rem; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->            .crm-ui-title { font-size: 1.85rem; }<!-- [et_pb_line_break_holder] -->            .crm-ui-desc { font-size: 1rem; padding: 0; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-ui-tabs { padding: 0.5rem; border-radius: 16px; }<!-- [et_pb_line_break_holder] -->            .crm-ui-tab { flex: 1 1 100%; max-width: 100%; padding: 1rem; border-radius: 12px; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-ui-visual { min-height: 300px; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-body-apps { grid-template-columns: 1fr; gap: 1rem; padding: 1.5rem; }<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-app-card { padding: 1.5rem 1rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-sec-user { gap: 1rem; }<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-avatar { width: 44px; height: 44px; font-size: 1rem; }<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-sec-role-title { font-size: 1rem; }<!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-sec-role-desc { font-size: 0.8rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .crm-ui-mockup-list-item { flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1rem; }<!-- [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-ui-wrapper\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"crm-ui-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-ui-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-ui-header\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-ui-badge\">Total Flexibility<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"crm-ui-title\">100% Customizable Interface: <!\u2013- [et_pb_br_holder] -\u2013><span>your screens, your rules.<\/span><\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"crm-ui-desc\">Customization doesn&#8217;t stop at data. Cirrus Shield allows you to define exactly what your users see and can do \u2014 for every role, every team.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-ui-tabs\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-ui-tab active\" data-target=\"mockup-1\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-icon\"><i class=\"fa-solid fa-grip-vertical\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-tab-content\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-tab-title\">Screen Editor<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-tab-desc\">Record layout via drag-and-drop (order, tabs).<\/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-ui-tab\" data-target=\"mockup-2\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-tab-content\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-tab-title\">Quick Creation<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-tab-desc\">Configurable quick create forms per module.<\/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-ui-tab\" data-target=\"mockup-3\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-icon\"><i class=\"fa-solid fa-table-columns\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-tab-content\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-tab-title\">Custom Views<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-tab-desc\">Custom filtered views: list, Kanban, calendar.<\/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-ui-tab\" data-target=\"mockup-4\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-icon\"><i class=\"fa-solid fa-puzzle-piece\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-tab-content\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-tab-title\">External Apps<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-tab-desc\">Tabs integrating external business applications.<\/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-ui-tab\" data-target=\"mockup-5\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-tab-content\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-tab-title\">Security &#038; Roles<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-tab-desc\">Security profiles and data access hierarchy.<\/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] -->            <\/p>\n<div class=\"crm-ui-visual\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-ui-ambient-glow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-ui-mockups-container\"><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-mockup-panel active\" id=\"mockup-1\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-mockup-header\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-dots\"><span style=\"background:#EF4444\"><\/span><span style=\"background:#F59E0B\"><\/span><span style=\"background:#10B981\"><\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span style=\"font-size: 0.85rem; font-weight: 700; color: #64748B;\">Screen Editor &#8211; Prospect<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-mockup-body-kanban\"><!-- [et_pb_line_break_holder] -->                            <!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-col\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div style=\"font-size: 0.85rem; font-weight: 800; color: #0F172A; text-transform: uppercase; margin-bottom: 0.5rem;\">Available Fields<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-card\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-label\">Text Field<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-value\"><i class=\"fa-solid fa-font\" style=\"color:#94A3B8\"><\/i> Job Title \/ Position<\/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-ui-mockup-card animated-card\" style=\"border-color: var(--color-blue); box-shadow: 0 10px 15px -3px rgba(37,99,235,0.1);\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-label\" style=\"color: var(--color-blue);\">List Field<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-value\"><i class=\"fa-solid fa-list\" style=\"color:var(--color-blue)\"><\/i> Lead Source<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-arrow-pointer crm-ui-mockup-cursor\"><\/i><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-card\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-label\">Numeric Field<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-value\"><i class=\"fa-solid fa-phone\" style=\"color:#94A3B8\"><\/i> Business Phone<\/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-ui-mockup-card\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-label\">Email Field<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-value\"><i class=\"fa-solid fa-envelope\" style=\"color:#94A3B8\"><\/i> Contact 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] -->                            <\/p>\n<div class=\"crm-ui-mockup-col\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div style=\"font-size: 0.85rem; font-weight: 800; color: #0F172A; text-transform: uppercase; margin-bottom: 0.5rem;\">Prospect Layout<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-card\" style=\"border-left: 4px solid var(--color-green);\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-label\">Text Field (Required)<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-value\">Company Name<\/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-ui-mockup-dropzone\"><!-- [et_pb_line_break_holder] -->                                    <span style=\"font-size: 0.8rem; font-weight: 600; color: var(--color-blue); text-transform: uppercase; letter-spacing: 0.5px;\">Drop here<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-card\" style=\"opacity: 0.5;\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-label\">URL Field<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-card-value\"><i class=\"fa-solid fa-globe\" style=\"color:#94A3B8\"><\/i> Website<\/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] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-ui-mockup-panel\" id=\"mockup-2\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-mockup-header\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-dots\"><span style=\"background:#EF4444\"><\/span><span style=\"background:#F59E0B\"><\/span><span style=\"background:#10B981\"><\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span style=\"font-size: 0.85rem; font-weight: 700; color: #64748B;\">Quick Creation &#8211; Opportunity<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-mockup-body-forms\"><!-- [et_pb_line_break_holder] -->                            <!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-form-group\" style=\"margin-bottom: 1.5rem;\"><!-- [et_pb_line_break_holder] -->                                <span class=\"crm-ui-mockup-form-label\">Opportunity Name *<\/span><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-form-input\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-typing-bar\"><\/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-ui-mockup-form-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-form-group\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-ui-mockup-form-label\">Estimated Amount (\u20ac)<\/span><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-form-input\" style=\"color: var(--color-text-muted);\"><!-- [et_pb_line_break_holder] -->                                        <span>0.00<\/span><!-- [et_pb_line_break_holder] -->                                        <i class=\"fa-solid fa-euro-sign\" style=\"color: var(--color-grey-border);\"><\/i><!-- [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-ui-mockup-form-group\"><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-ui-mockup-form-label\">Sales Stage<\/span><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-form-input\"><!-- [et_pb_line_break_holder] -->                                        <span>1 &#8211; Discovery<\/span><!-- [et_pb_line_break_holder] -->                                        <i class=\"fa-solid fa-chevron-down\" style=\"color: var(--color-text-muted); font-size: 0.8rem;\"><\/i><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-form-toggle\"><!-- [et_pb_line_break_holder] -->                                <span style=\"font-weight: 600; color: var(--color-text-dark);\">Auto-assign to Sales Team<\/span><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-toggle crm-ui-animated-toggle\"><\/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-ui-mockup-form-btn\">Save Opportunity<\/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-ui-mockup-panel\" id=\"mockup-3\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-mockup-header\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-dots\"><span style=\"background:#EF4444\"><\/span><span style=\"background:#F59E0B\"><\/span><span style=\"background:#10B981\"><\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span style=\"font-size: 0.85rem; font-weight: 700; color: #64748B;\">Custom Views<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-mockup-body-views\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-view-header\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-view-title\">My VIP Leads<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-view-filter-btn\"><!-- [et_pb_line_break_holder] -->                                    <i class=\"fa-solid fa-filter\"><\/i> Filter Active<!-- [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-ui-mockup-list\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-list-item crm-ui-mockup-cell-highlight\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-list-info\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-list-avatar\" style=\"background: var(--color-green-light); color: var(--color-green);\">O<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-ui-mockup-list-text-main\">Omega Global SA<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-ui-mockup-list-text-sub\">Key Account \u2022 Revenue > 1M\u20ac<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-ui-data-badge badge-green\">VIP Match<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-list-item crm-ui-mockup-cell-fade\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-list-info\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-list-avatar\" style=\"background: var(--color-blue-light); color: var(--color-blue);\">T<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-ui-mockup-list-text-main\">TechNova Inc.<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-ui-mockup-list-text-sub\">Hot Lead \u2022 Demo Scheduled<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-ui-data-badge badge-blue\">In progress<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-list-item crm-ui-mockup-cell-fade\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-list-info\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-list-avatar\" style=\"background: var(--color-orange-light); color: var(--color-orange);\">G<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-ui-mockup-list-text-main\">Global Industries<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-ui-mockup-list-text-sub\">Cold Lead \u2022 Follow-up in 3 months<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-ui-data-badge badge-orange\">Standby<\/span><!-- [et_pb_line_break_holder] -->                                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-list-item crm-ui-mockup-cell-fade\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-list-info\"><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-list-avatar\" style=\"background: var(--color-bg-base); color: var(--color-text-muted);\">A<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-ui-mockup-list-text-main\">Alpha Corp<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                            <\/p>\n<div class=\"crm-ui-mockup-list-text-sub\">Standard Lead \u2022 Revenue < 50k\u20ac<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <span class=\"crm-ui-data-badge badge-grey\">Inactive<\/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] -->                    <\/p>\n<div class=\"crm-ui-mockup-panel\" id=\"mockup-4\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-mockup-header\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-dots\"><span style=\"background:#EF4444\"><\/span><span style=\"background:#F59E0B\"><\/span><span style=\"background:#10B981\"><\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span style=\"font-size: 0.85rem; font-weight: 700; color: #64748B;\">External Apps<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-mockup-body-apps\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-app-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-icon-wrap\"><i class=\"fa-brands fa-mailchimp\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-name\">Mailchimp<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-desc\">Email Campaigns<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <span class=\"crm-ui-data-badge badge-green\">Connected<\/span><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-app-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-icon-wrap\"><i class=\"fa-brands fa-google\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-name\">Workspace<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-desc\">Docs &#038; Drive<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <span class=\"crm-ui-data-badge badge-green\">Connected<\/span><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-app-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-icon-wrap\"><i class=\"fa-brands fa-microsoft\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-name\">Office 365<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-desc\">Calendar Sync<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <span class=\"crm-ui-data-badge badge-grey\">Inactive<\/span><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-app-card\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-icon-wrap\"><i class=\"fa-brands fa-wordpress\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-name\">WordPress<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-app-desc\">Web Leads<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                <span class=\"crm-ui-data-badge badge-orange\">Processing<\/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=\"crm-ui-mockup-panel\" id=\"mockup-5\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-mockup-header\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-dots\"><span style=\"background:#EF4444\"><\/span><span style=\"background:#F59E0B\"><\/span><span style=\"background:#10B981\"><\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span style=\"font-size: 0.85rem; font-weight: 700; color: #64748B;\">Security &#038; Roles<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-ui-mockup-body-security\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-ui-mockup-sec-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-sec-user\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-avatar\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-sec-role-title\">System Admin<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-sec-role-desc\">Full read, write, and delete access.<\/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=\"crm-ui-toggle crm-ui-toggle-on\"><\/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-ui-mockup-sec-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-sec-user\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-avatar\"><i class=\"fa-solid fa-users\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-sec-role-title\">Sales Manager<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-sec-role-desc\">Access to sales team data only.<\/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=\"crm-ui-toggle crm-ui-animated-toggle\"><\/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-ui-mockup-sec-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-sec-user\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-avatar\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-sec-role-title\">Marketing Team<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-sec-role-desc\">Access to campaigns and generated leads.<\/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=\"crm-ui-toggle crm-ui-toggle-on\"><\/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-ui-mockup-sec-row\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<div class=\"crm-ui-mockup-sec-user\"><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div class=\"crm-ui-mockup-avatar\"><i class=\"fa-solid fa-user\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                                    <\/p>\n<div><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-sec-role-title\">Standard User<\/div>\n<p><!-- [et_pb_line_break_holder] -->                                        <\/p>\n<div class=\"crm-ui-mockup-sec-role-desc\">Restricted access to own records.<\/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=\"crm-ui-toggle crm-ui-toggle-off\"><\/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] -->    <\/section>\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] -->    document.addEventListener(\"DOMContentLoaded\", () => {<!-- [et_pb_line_break_holder] -->        const tabs = document.querySelectorAll('.crm-ui-tab');<!-- [et_pb_line_break_holder] -->        const panels = document.querySelectorAll('.crm-ui-mockup-panel');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        tabs.forEach(tab => {<!-- [et_pb_line_break_holder] -->            tab.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->                \/\/ Remove active classes<!-- [et_pb_line_break_holder] -->                tabs.forEach(t => t.classList.remove('active'));<!-- [et_pb_line_break_holder] -->                panels.forEach(p => p.classList.remove('active'));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Add active class to clicked tab<!-- [et_pb_line_break_holder] -->                tab.classList.add('active');<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Show corresponding panel<!-- [et_pb_line_break_holder] -->                const targetId = tab.getAttribute('data-target');<!-- [et_pb_line_break_holder] -->                const targetPanel = document.getElementById(targetId);<!-- [et_pb_line_break_holder] -->                if (targetPanel) {<!-- [et_pb_line_break_holder] -->                    targetPanel.classList.add('active');<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A CRM that adapts to your processes, not the other way around. Every B2B company has its own sales cycles, its own business objects, its own documents. Cirrus Shield offers you complete customization \u2014 no developer, no code, no compromise. 100% Flexible Architecture Custom modules &#038; fields: build your tailor-made CRM Cirrus Shield offers 15 [&hellip;]<\/p>\n","protected":false},"author":2,"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":"","_et_gb_content_width":"","_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-2911","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Adapt your CRM to your B2B processes: custom modules, business fields, and automated document templates. No developer needed. 30-day free trial.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"ZUkwWW42K8XsLa_NZgIOfdOebks9oCtchEem88DgUPw\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.cirrus-shield.fr\/en\/customization\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Logiciel CRM et de gestion pour entreprises\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents\" \/>\n\t\t<meta property=\"og:description\" content=\"Adapt your CRM to your B2B processes: custom modules, business fields, and automated document templates. No developer needed. 30-day free trial.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.cirrus-shield.fr\/en\/customization\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-11-28T10:23:32+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-04-30T15:28:46+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@CirrusShield\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents | Logiciel CRM et de gestion pour entreprises |\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Adapt your CRM to your B2B processes: custom modules, business fields, and automated document templates. No developer needed. 30-day free trial.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@CirrusShield\" \/>\n\t\t<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t\t<meta name=\"twitter:data1\" content=\"Camille El Hage\" \/>\n\t\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/customization\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/customization\\\/#listItem\",\"name\":\"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/customization\\\/#listItem\",\"position\":2,\"name\":\"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/#organization\",\"name\":\"Cirrus Shield\",\"url\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/logo-cirrus-shield-png.png\",\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/customization\\\/#organizationLogo\",\"width\":465,\"height\":90,\"caption\":\"logo cirrus shield png\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/customization\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/twitter.com\\\/CirrusShield\",\"https:\\\/\\\/www.instagram.com\\\/cirrus.shield\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/cirrusshield\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/cirrus-shield\\\/\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/customization\\\/#webpage\",\"url\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/customization\\\/\",\"name\":\"Customizable B2B CRM | Tailor-made Modules, Fields & Documents\",\"description\":\"Adapt your CRM to your B2B processes: custom modules, business fields, and automated document templates. No developer needed. 30-day free trial.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/customization\\\/#breadcrumblist\"},\"datePublished\":\"2020-11-28T11:23:32+01:00\",\"dateModified\":\"2026-04-30T17:28:46+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/\",\"name\":\"Cirrus Shield\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.cirrus-shield.fr\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Customizable B2B CRM | Tailor-made Modules, Fields & Documents","description":"Adapt your CRM to your B2B processes: custom modules, business fields, and automated document templates. No developer needed. 30-day free trial.","canonical_url":"https:\/\/www.cirrus-shield.fr\/en\/customization\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"ZUkwWW42K8XsLa_NZgIOfdOebks9oCtchEem88DgUPw","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.cirrus-shield.fr\/en\/customization\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.cirrus-shield.fr\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/www.cirrus-shield.fr\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.cirrus-shield.fr\/en\/customization\/#listItem","name":"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents"}},{"@type":"ListItem","@id":"https:\/\/www.cirrus-shield.fr\/en\/customization\/#listItem","position":2,"name":"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents","previousItem":{"@type":"ListItem","@id":"https:\/\/www.cirrus-shield.fr\/en\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/www.cirrus-shield.fr\/en\/#organization","name":"Cirrus Shield","url":"https:\/\/www.cirrus-shield.fr\/en\/","logo":{"@type":"ImageObject","url":"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2020\/11\/logo-cirrus-shield-png.png","@id":"https:\/\/www.cirrus-shield.fr\/en\/customization\/#organizationLogo","width":465,"height":90,"caption":"logo cirrus shield png"},"image":{"@id":"https:\/\/www.cirrus-shield.fr\/en\/customization\/#organizationLogo"},"sameAs":["https:\/\/twitter.com\/CirrusShield","https:\/\/www.instagram.com\/cirrus.shield\/","https:\/\/www.youtube.com\/user\/cirrusshield","https:\/\/www.linkedin.com\/company\/cirrus-shield\/"]},{"@type":"WebPage","@id":"https:\/\/www.cirrus-shield.fr\/en\/customization\/#webpage","url":"https:\/\/www.cirrus-shield.fr\/en\/customization\/","name":"Customizable B2B CRM | Tailor-made Modules, Fields & Documents","description":"Adapt your CRM to your B2B processes: custom modules, business fields, and automated document templates. No developer needed. 30-day free trial.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.cirrus-shield.fr\/en\/#website"},"breadcrumb":{"@id":"https:\/\/www.cirrus-shield.fr\/en\/customization\/#breadcrumblist"},"datePublished":"2020-11-28T11:23:32+01:00","dateModified":"2026-04-30T17:28:46+02:00"},{"@type":"WebSite","@id":"https:\/\/www.cirrus-shield.fr\/en\/#website","url":"https:\/\/www.cirrus-shield.fr\/en\/","name":"Cirrus Shield","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.cirrus-shield.fr\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Logiciel CRM et de gestion pour entreprises","og:type":"article","og:title":"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents","og:description":"Adapt your CRM to your B2B processes: custom modules, business fields, and automated document templates. No developer needed. 30-day free trial.","og:url":"https:\/\/www.cirrus-shield.fr\/en\/customization\/","article:published_time":"2020-11-28T10:23:32+00:00","article:modified_time":"2026-04-30T15:28:46+00:00","twitter:card":"summary_large_image","twitter:site":"@CirrusShield","twitter:title":"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents | Logiciel CRM et de gestion pour entreprises |","twitter:description":"Adapt your CRM to your B2B processes: custom modules, business fields, and automated document templates. No developer needed. 30-day free trial.","twitter:creator":"@CirrusShield","twitter:label1":"Written by","twitter:data1":"Camille El Hage","twitter:label2":"Est. reading time","twitter:data2":"9 minutes"},"aioseo_meta_data":{"post_id":"2911","title":"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents","description":"Adapt your CRM to your B2B processes: custom modules, business fields, and automated document templates. No developer needed. 30-day free trial.","keywords":null,"keyphrases":{"focus":{"keyphrase":"","analysis":{"keyphraseInTitle":{"score":3,"maxScore":9,"error":1},"keyphraseInDescription":{"score":3,"maxScore":9,"error":1},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":1},"keyphraseInURL":{"score":1,"maxScore":5,"error":1},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":[],"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}},"score":37},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"featured","og_image_url":"","og_image_width":"0","og_image_height":"0","og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":"#post_title #separator_sa #site_title #separator_sa #tagline","twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2022-11-14 08:59:42","updated":"2026-05-03 10:12:53","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.cirrus-shield.fr\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCustomizable B2B CRM | Tailor-made Modules, Fields &amp; Documents\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.cirrus-shield.fr\/en\/"},{"label":"Customizable B2B CRM | Tailor-made Modules, Fields &amp; Documents","link":"https:\/\/www.cirrus-shield.fr\/en\/customization\/"}],"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":"Camille El Hage","author_link":"https:\/\/www.cirrus-shield.fr\/en\/article\/author\/celhage\/"},"uagb_comment_info":0,"uagb_excerpt":"A CRM that adapts to your processes, not the other way around. Every B2B company has its own sales cycles, its own business objects, its own documents. Cirrus Shield offers you complete customization \u2014 no developer, no code, no compromise. 100% Flexible Architecture Custom modules & fields: build your tailor-made CRM Cirrus Shield offers 15&hellip;","_links":{"self":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/2911","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/comments?post=2911"}],"version-history":[{"count":35,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/2911\/revisions"}],"predecessor-version":[{"id":37358,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/2911\/revisions\/37358"}],"wp:attachment":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/media?parent=2911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}