{"id":37715,"date":"2026-01-13T15:43:40","date_gmt":"2026-01-13T14:43:40","guid":{"rendered":"https:\/\/www.cirrus-shield.fr\/automatisation-workflows\/"},"modified":"2026-05-11T16:38:41","modified_gmt":"2026-05-11T14:38:41","slug":"automatisation-workflows","status":"publish","type":"page","link":"https:\/\/www.cirrus-shield.fr\/en\/automatisation-workflows\/","title":{"rendered":"Automatisation Workflow CRM : G\u00e9rez et Simplifiez vos Processus"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||5px|||&#8221; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#C2C2C2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Ligne&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|auto|32px|auto||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; 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; custom_margin=&#8221;|106px|0px|106px|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>Automate Your Business Processes and Gain <span class=\"cs-sales-highlight\" style=\"color: #3f82f7;\">70% Productivity<\/span><\/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;|82px||82px|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;\">Let robots do the repetitive work. Use our &#8220;Low Code&#8221; workflow engine to trigger intelligent actions without human intervention.<\/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;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><a href=\"https:\/\/www.cirrus-shield.fr\/en\/demo-request\/\" class=\"hero-cta\"><!-- [et_pb_line_break_holder] -->    Book a Demo<!-- [et_pb_line_break_holder] -->    <i class=\"fa-solid fa-arrow-right\"><\/i><!-- [et_pb_line_break_holder] --><\/a><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* Core Variables *\/<!-- [et_pb_line_break_holder] -->:root {<!-- [et_pb_line_break_holder] -->    --primary: #3f82f7; <!-- [et_pb_line_break_holder] -->    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* Button Styles *\/<!-- [et_pb_line_break_holder] -->.hero-cta {<!-- [et_pb_line_break_holder] -->    display: inline-flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center; \/* Key for keeping text centered if button stretches *\/<!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    background: var(--primary);<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    padding: 16px 40px;<!-- [et_pb_line_break_holder] -->    border-radius: 100px;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    font-family: 'Segoe UI', system-ui, sans-serif;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->    text-decoration: none;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/* Responsive Safety *\/<!-- [et_pb_line_break_holder] -->    box-sizing: border-box; \/* Prevents padding from breaking layout *\/<!-- [et_pb_line_break_holder] -->    max-width: 100%; \/* Prevents overflow on very small screens *\/<!-- [et_pb_line_break_holder] -->    white-space: nowrap; \/* Keeps text on one line *\/<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/* Modern Shadow *\/<!-- [et_pb_line_break_holder] -->    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.3);<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/* Smooth Animation *\/<!-- [et_pb_line_break_holder] -->    transition: transform 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out), width 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* Hover Effect *\/<!-- [et_pb_line_break_holder] -->.hero-cta:hover {<!-- [et_pb_line_break_holder] -->    transform: translateY(-3px);<!-- [et_pb_line_break_holder] -->    box-shadow: 0 25px 50px rgba(37, 99, 235, 0.4);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* Icon Animation *\/<!-- [et_pb_line_break_holder] -->.hero-cta:hover i {<!-- [et_pb_line_break_holder] -->    transform: translateX(4px);<!-- [et_pb_line_break_holder] -->    transition: transform 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* --- RESPONSIVE MEDIA QUERIES --- *\/<!-- [et_pb_line_break_holder] -->\/* Tablet (max-width: 768px) *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->    .hero-cta {<!-- [et_pb_line_break_holder] -->        padding: 14px 30px; \/* Reduce padding slightly *\/<!-- [et_pb_line_break_holder] -->        font-size: 15px;    \/* Slightly smaller font *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* Mobile (max-width: 480px) *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->    .hero-cta {<!-- [et_pb_line_break_holder] -->        display: flex;      \/* Switches to flex block *\/<!-- [et_pb_line_break_holder] -->        width: 100%;        \/* Full width for easier tapping *\/<!-- [et_pb_line_break_holder] -->        padding: 14px 20px; \/* Compact padding *\/<!-- [et_pb_line_break_holder] -->        font-size: 14px;<!-- [et_pb_line_break_holder] -->        white-space: normal; \/* Allows text to wrap if it's very long *\/<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f8fafc&#8221; custom_padding=&#8221;0px||5px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;54px|||||&#8221; custom_css_free_form=&#8221;.et_pb_section_1.et_pb_section {||  border-radius: 0;||}&#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;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; custom_margin=&#8221;||0px|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;25px&#8221; header_2_font_size_phone=&#8221;25px&#8221; header_2_font_size_last_edited=&#8221;on|tablet&#8221; header_2_line_height_tablet=&#8221;&#8221; header_2_line_height_phone=&#8221;1.4em&#8221; header_2_line_height_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2 class=\"cs-sales-title-h2\">Automate to Perform Better<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#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;|0px|10px|0px|false|true&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cs-sales-text-center\">\n<p class=\"cs-sales-text-p\">Transform your slow processes into a flawless machine.<\/p>\n<\/div>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px|||||&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;   :root {||            &#8211;cs-color-primary: #3b82f6;       ||            &#8211;cs-color-dark: #0f172a;      ||            &#8211;cs-color-text: #475569;||            &#8211;cs-bg-white: #ffffff;||            &#8211;cs-border-color: #e2e8f0;||            &#8211;cs-shadow-main: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);||            &#8211;cs-bg-base: #f8fafc;||        }||||        \/* Renamed Container *\/||        .cs-wrapper-main { ||            max-width: 1200px; ||            margin: 0 auto; ||            padding: 60px 24px; ||        }||||||        \/* Renamed Grid System *\/||        .cs-layout-split { ||            display: grid; ||            grid-template-columns: 1fr 1fr; ||            gap: 40px; ||            margin-top: -30px; ||        }||||        \/* Renamed Card Component *\/||        .cs-panel-box {||            background: var(&#8211;cs-bg-white); ||            padding: 40px;||            border-radius: 20px; ||            border: 1px solid var(&#8211;cs-border-color);||            box-shadow: var(&#8211;cs-shadow-main); ||            transition: transform 0.3s ease;||        }||||        .cs-panel-box:hover { ||            transform: translateY(-5px); ||        }||||        \/* Specific modifier for the second card border *\/||        .cs-panel-box.cs-panel-highlight {||            border-color: var(&#8211;cs-color-primary);||        }||||        \/* Renamed Icon Wrapper *\/||        .cs-symbol-container {||            width: 50px; ||            height: 50px; ||            border-radius: 12px; ||            display: flex; ||            align-items: center; ||            justify-content: center; ||            font-size: 1.5rem; ||            margin-bottom: 20px;||        }||||        \/* Renamed Icon Variants *\/||        .cs-state-alert { ||            background: #fef2f2; ||            color: #ef4444; ||        }||||        .cs-state-valid { ||            background: #f0fdf4; ||            color: #10b981; ||        }||||        \/* Renamed Text Utilities *\/||        .cs-heading-md { ||            color: var(&#8211;cs-color-dark); ||            font-weight: 700; ||            font-size: 1.5rem; ||            margin: 0;||            line-height: 1.2;||        }||||        .cs-text-body {||            margin-top: 10px; ||            color: var(&#8211;cs-color-text);||            line-height: 1.6;||        }||||        \/* Responsive Rename *\/||        @media (max-width: 1024px) {||            .cs-layout-split { ||                grid-template-columns: 1fr; ||                margin-top: 40px; ||            }||        }&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;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] -->        \/* --- SCOPED VARIABLES --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --cs-color-primary: #3b82f6;       <!-- [et_pb_line_break_holder] -->            --cs-color-dark: #0f172a;      <!-- [et_pb_line_break_holder] -->            --cs-color-text: #475569;<!-- [et_pb_line_break_holder] -->            --cs-bg-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --cs-border-color: #e2e8f0;<!-- [et_pb_line_break_holder] -->            --cs-shadow-main: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);<!-- [et_pb_line_break_holder] -->            --cs-bg-base: #f8fafc;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Reset & Base *\/<!-- [et_pb_line_break_holder] -->        body.cs-app-body {<!-- [et_pb_line_break_holder] -->            font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->            background-color: var(--cs-bg-base);<!-- [et_pb_line_break_holder] -->            margin: 0;<!-- [et_pb_line_break_holder] -->            padding: 0;<!-- [et_pb_line_break_holder] -->            line-height: 1.6;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Wrapper *\/<!-- [et_pb_line_break_holder] -->        .cs-wrapper-main { <!-- [et_pb_line_break_holder] -->            max-width: 1200px; <!-- [et_pb_line_break_holder] -->            margin: 0 auto; <!-- [et_pb_line_break_holder] -->            padding: 0px 24px !important; \/* Padding lateral safety for mobile *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Section Spacing *\/<!-- [et_pb_line_break_holder] -->        .cs-section-spacer { <!-- [et_pb_line_break_holder] -->            padding: 0px 0; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- GRID SYSTEM (Responsive) --- *\/<!-- [et_pb_line_break_holder] -->        .cs-layout-split { <!-- [et_pb_line_break_holder] -->            display: grid; <!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr 1fr; \/* Desktop: 2 equal columns *\/<!-- [et_pb_line_break_holder] -->            gap: 40px; <!-- [et_pb_line_break_holder] -->            align-items: stretch; \/* Cards will have equal height *\/<!-- [et_pb_line_break_holder] -->            margin-top: -50px; \/* Aesthetic overlap desktop *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- CARD COMPONENT --- *\/<!-- [et_pb_line_break_holder] -->        .cs-panel-box {<!-- [et_pb_line_break_holder] -->            background: var(--cs-bg-white); <!-- [et_pb_line_break_holder] -->            padding: 40px;<!-- [et_pb_line_break_holder] -->            border-radius: 20px; <!-- [et_pb_line_break_holder] -->            border: 1px solid var(--cs-border-color);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--cs-shadow-main); <!-- [et_pb_line_break_holder] -->            transition: transform 0.3s ease, box-shadow 0.3s ease;<!-- [et_pb_line_break_holder] -->            height: 100%; \/* Force height *\/<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            justify-content: flex-start;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-panel-box:hover { <!-- [et_pb_line_break_holder] -->            transform: translateY(-5px); <!-- [et_pb_line_break_holder] -->            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Highlight Modifier *\/<!-- [et_pb_line_break_holder] -->        .cs-panel-box.cs-panel-highlight {<!-- [et_pb_line_break_holder] -->            border-color: var(--cs-color-primary);<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Icons *\/<!-- [et_pb_line_break_holder] -->        .cs-symbol-container {<!-- [et_pb_line_break_holder] -->            width: 50px; <!-- [et_pb_line_break_holder] -->            height: 50px; <!-- [et_pb_line_break_holder] -->            border-radius: 12px; <!-- [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.5rem; <!-- [et_pb_line_break_holder] -->            margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->            flex-shrink: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-state-alert { background: #fef2f2; color: #ef4444; }<!-- [et_pb_line_break_holder] -->        .cs-state-valid { background: #f0fdf4; color: #10b981; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Typography *\/<!-- [et_pb_line_break_holder] -->        .cs-heading-md { <!-- [et_pb_line_break_holder] -->            color: var(--cs-color-dark); <!-- [et_pb_line_break_holder] -->            font-weight: 700; <!-- [et_pb_line_break_holder] -->            font-size: 1.5rem; <!-- [et_pb_line_break_holder] -->            margin: 0 0 12px 0;<!-- [et_pb_line_break_holder] -->            line-height: 1.2;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cs-text-body {<!-- [et_pb_line_break_holder] -->            margin: 0; <!-- [et_pb_line_break_holder] -->            color: var(--cs-color-text);<!-- [et_pb_line_break_holder] -->            font-size: 1rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- RESPONSIVE MEDIA QUERIES --- *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Tablet (Portrait) & Mobile (< 900px) *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 900px) {<!-- [et_pb_line_break_holder] -->            .cs-layout-split { <!-- [et_pb_line_break_holder] -->                grid-template-columns: 1fr; \/* Switches to 1 column *\/<!-- [et_pb_line_break_holder] -->                gap: 24px; \/* Reduced gap between cards *\/<!-- [et_pb_line_break_holder] -->                margin-top: 0; \/* Removes negative overlap on mobile *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .cs-section-spacer {<!-- [et_pb_line_break_holder] -->                padding: 0px 0; \/* Reduced global vertical padding *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Mobile (< 480px) *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->            .cs-wrapper-main {<!-- [et_pb_line_break_holder] -->                padding: 0 10px; \/* Tighter lateral margins *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .cs-panel-box {<!-- [et_pb_line_break_holder] -->                padding: 30px 24px; \/* Less internal padding in card *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .cs-heading-md {<!-- [et_pb_line_break_holder] -->                font-size: 1.35rem; \/* Slightly smaller heading *\/<!-- [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 class=\"cs-app-body\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"cs-section-spacer\" style=\"padding-top: 60px;\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-wrapper-main\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-layout-split\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-panel-box\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-symbol-container cs-state-alert\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-triangle-exclamation\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3 class=\"cs-heading-md\">The Problem<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"cs-text-body\">Your teams forget to follow up? Creating invoices takes too much time? Manual errors cost you money?<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-panel-box cs-panel-highlight\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-symbol-container cs-state-valid\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-robot\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3 class=\"cs-heading-md\">Cirrus Shield Solution<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"cs-text-body\">A powerful automation engine that works on logic: <strong>Trigger > Condition > Action<\/strong>.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0px|||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;54px|||||&#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;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; custom_margin=&#8221;||0px|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;25px&#8221; header_2_font_size_phone=&#8221;25px&#8221; header_2_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2 class=\"cs-sales-title-h2\">How It Works<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#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;|0px|0px|0px|false|true&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cs-sales-text-center\">\n<p class=\"cs-sales-text-p\">Cirrus Shield&#8217;s logic engine in 3 simple steps.<\/p>\n<\/div>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;41px|||||&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;  :root {||            &#8211;csw-primary: #3b82f6;||            &#8211;csw-purple: #7c3aed;||            &#8211;csw-slate-dark: #0f172a;||            &#8211;csw-slate-light: #64748b;||            &#8211;csw-accent: #10b981;||            &#8211;csw-bg-white: #ffffff;||            &#8211;csw-border: #e2e8f0;||            &#8211;csw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);||        }||||        .csw-container {||            max-width: 1200px;||            margin: 0 auto;||        }||||        \/* Text Headers *\/||        .csw-header-box {||            text-align: center;||            max-width: 600px;||            margin: 0 auto 60px;||        }||        ||        .csw-title {||            color: var(&#8211;csw-slate-dark);||            font-size: 2rem;||            font-weight: 700;||            margin: 0 0 16px 0;||            line-height: 1.2;||        }||||        .csw-subtitle {||            color: var(&#8211;csw-slate-light);||            font-size: 1.1rem;||            margin: 0;||        }||||        \/* Flow Container (The Line &#038; Grid) *\/||        .csw-flow-wrapper {||            display: flex;||            justify-content: space-between;||            align-items: stretch;||            position: relative;||            gap: 30px;||        }||||        \/* The Connecting Line Background *\/||        .csw-flow-wrapper::before {||            content: &#8221;;||            position: absolute;||            top: 50px;||            left: 50px;||            right: 50px;||            height: 3px;||            background: linear-gradient(90deg, var(&#8211;csw-primary) 0%, var(&#8211;csw-purple) 100%);||            z-index: 0;||            opacity: 0.2;||            border-radius: 10px;||        }||||        \/* Individual Cards *\/||        .csw-card {||            flex: 1;||            min-width: 250px;||            background: var(&#8211;csw-bg-white);||            border: 1px solid var(&#8211;csw-border);||            border-radius: 16px;||            padding: 30px 20px;||            text-align: center;||            position: relative;||            z-index: 1; \/* Sit above the line *\/||            box-shadow: var(&#8211;csw-shadow);||            transition: transform 0.3s ease, border-color 0.3s ease;||        }||||        .csw-card:hover {||            transform: translateY(-10px);||            border-color: var(&#8211;csw-primary);||        }||||        \/* Icon Circle *\/||        .csw-icon-circle {||            width: 80px;||            height: 80px;||            background: #f8fafc;||            border-radius: 50%;||            margin: 0 auto 20px;||            display: flex;||            align-items: center;||            justify-content: center;||            font-size: 2rem;||            border: 4px solid var(&#8211;csw-bg-white);||            box-shadow: 0 4px 10px rgba(0,0,0,0.05);||            position: relative;||        }||||        \/* Specific Colors for Icons *\/||        .csw-icon-amber { color: #f59e0b; }||        .csw-icon-purple { color: var(&#8211;csw-purple); }||        .csw-icon-emerald { color: var(&#8211;csw-accent); }||||        \/* Number Badge *\/||        .csw-step-number {||            position: absolute;||            top: -5px;||            right: -5px;||            width: 30px;||            height: 30px;||            background: var(&#8211;csw-slate-dark);||            color: white;||            border-radius: 50%;||            display: flex;||            align-items: center;||            justify-content: center;||            font-weight: 700;||            font-size: 0.9rem;||            border: 3px solid var(&#8211;csw-bg-white);||        }||||        \/* Card Text *\/||        .csw-card h3 {||            font-size: 1.25rem;||            font-weight: 700;||            color: var(&#8211;csw-slate-dark);||            margin: 0 0 10px 0;||        }||||        .csw-card-desc {||            font-size: 0.9rem;||            color: var(&#8211;csw-slate-light);||            margin-bottom: 20px;||            line-height: 1.5;||        }||||        \/* Feature List inside Card *\/||        .csw-feature-list {||            text-align: left;||            margin: 0;||            padding: 0;||            list-style: none;||        }||||        .csw-feature-list li {||            margin-bottom: 8px;||            display: flex;||            align-items: center;||            gap: 10px;||            font-size: 0.9rem;||            color: var(&#8211;csw-slate-light);||        }||||        .csw-feature-list i {||            color: var(&#8211;csw-accent);||            font-size: 0.8rem;||        }||||        \/* Mobile Responsiveness *\/||        @media (max-width: 900px) {||            .csw-flow-wrapper {||                flex-direction: column;||                gap: 20px;||            }||            \/* Hide the horizontal connecting line on mobile *\/||            .csw-flow-wrapper::before {||                display: none;||            }||        }&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;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] -->        \/* --- CSS VARIABLES & RESET --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --csw-primary: #3b82f6;<!-- [et_pb_line_break_holder] -->            --csw-purple: #7c3aed;<!-- [et_pb_line_break_holder] -->            --csw-emerald: #10b981;<!-- [et_pb_line_break_holder] -->            --csw-amber: #f59e0b;<!-- [et_pb_line_break_holder] -->            --csw-slate-dark: #0f172a;<!-- [et_pb_line_break_holder] -->            --csw-slate-light: #64748b;<!-- [et_pb_line_break_holder] -->            --csw-bg-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --csw-border: #e2e8f0;<!-- [et_pb_line_break_holder] -->            --csw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        body {<!-- [et_pb_line_break_holder] -->            font-family: 'Inter', sans-serif;<!-- [et_pb_line_break_holder] -->            background-color: #f8fafc;<!-- [et_pb_line_break_holder] -->            margin: 0; padding: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- SECTION STRUCTURE --- *\/<!-- [et_pb_line_break_holder] -->        .csw-section {<!-- [et_pb_line_break_holder] -->            padding: 0px 24px;<!-- [et_pb_line_break_holder] -->            background: var(--csw-bg-white);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .csw-container {<!-- [et_pb_line_break_holder] -->            max-width: 1100px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- FLOW WRAPPER (The Grid) --- *\/<!-- [et_pb_line_break_holder] -->        .csw-flow-wrapper {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            justify-content: space-between;<!-- [et_pb_line_break_holder] -->            align-items: stretch; \/* Cards same height *\/<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            gap: 30px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Connecting Line (Desktop Only) *\/<!-- [et_pb_line_break_holder] -->        .csw-flow-wrapper::before {<!-- [et_pb_line_break_holder] -->            content: '';<!-- [et_pb_line_break_holder] -->            position: absolute;<!-- [et_pb_line_break_holder] -->            top: 50px; left: 50px; right: 50px;<!-- [et_pb_line_break_holder] -->            height: 3px;<!-- [et_pb_line_break_holder] -->            background: linear-gradient(90deg, var(--csw-amber) 0%, var(--csw-emerald) 100%);<!-- [et_pb_line_break_holder] -->            z-index: 0;<!-- [et_pb_line_break_holder] -->            opacity: 0.2;<!-- [et_pb_line_break_holder] -->            border-radius: 10px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- CARDS --- *\/<!-- [et_pb_line_break_holder] -->        .csw-card {<!-- [et_pb_line_break_holder] -->            flex: 1; \/* Equal width *\/<!-- [et_pb_line_break_holder] -->            background: var(--csw-bg-white);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--csw-border);<!-- [et_pb_line_break_holder] -->            border-radius: 16px;<!-- [et_pb_line_break_holder] -->            padding: 30px 20px;<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            z-index: 1; \/* Above the line *\/<!-- [et_pb_line_break_holder] -->            box-shadow: var(--csw-shadow);<!-- [et_pb_line_break_holder] -->            transition: transform 0.3s ease, border-color 0.3s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .csw-card:hover {<!-- [et_pb_line_break_holder] -->            transform: translateY(-5px);<!-- [et_pb_line_break_holder] -->            border-color: var(--csw-primary);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- ICONS & BADGES --- *\/<!-- [et_pb_line_break_holder] -->        .csw-icon-circle {<!-- [et_pb_line_break_holder] -->            width: 80px; height: 80px;<!-- [et_pb_line_break_holder] -->            background: #f8fafc;<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            margin: 0 auto 20px;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            font-size: 2rem;<!-- [et_pb_line_break_holder] -->            border: 4px solid var(--csw-bg-white);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 4px 10px rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Icon Colors *\/<!-- [et_pb_line_break_holder] -->        .csw-icon-amber { color: var(--csw-amber); }<!-- [et_pb_line_break_holder] -->        .csw-icon-purple { color: var(--csw-purple); }<!-- [et_pb_line_break_holder] -->        .csw-icon-emerald { color: var(--csw-emerald); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Step Number Badge *\/<!-- [et_pb_line_break_holder] -->        .csw-step-number {<!-- [et_pb_line_break_holder] -->            position: absolute; top: -5px; right: -5px;<!-- [et_pb_line_break_holder] -->            width: 30px; height: 30px;<!-- [et_pb_line_break_holder] -->            background: var(--csw-slate-dark);<!-- [et_pb_line_break_holder] -->            color: white;<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            font-weight: 700; font-size: 0.9rem;<!-- [et_pb_line_break_holder] -->            border: 3px solid var(--csw-bg-white);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- TYPOGRAPHY --- *\/<!-- [et_pb_line_break_holder] -->        .csw-card h3 {<!-- [et_pb_line_break_holder] -->            font-size: 1.25rem; font-weight: 700;<!-- [et_pb_line_break_holder] -->            color: var(--csw-slate-dark); margin: 0 0 10px 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .csw-card-desc {<!-- [et_pb_line_break_holder] -->            font-size: 0.9rem; color: var(--csw-slate-light);<!-- [et_pb_line_break_holder] -->            margin-bottom: 20px; line-height: 1.5;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- LISTS --- *\/<!-- [et_pb_line_break_holder] -->        .csw-feature-list {<!-- [et_pb_line_break_holder] -->            text-align: left; margin: 0; padding: 0; list-style: none;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .csw-feature-list li {<!-- [et_pb_line_break_holder] -->            margin-bottom: 8px; display: flex; align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 10px; font-size: 0.9rem; color: var(--csw-slate-light);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .csw-feature-list i {<!-- [et_pb_line_break_holder] -->            color: var(--csw-emerald); font-size: 0.8rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- RESPONSIVE MEDIA QUERIES --- *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Tablet & Mobile (< 960px) *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 960px) {<!-- [et_pb_line_break_holder] -->            .csw-section { padding: 0px 10px; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .csw-flow-wrapper {<!-- [et_pb_line_break_holder] -->                flex-direction: column; \/* Stack cards vertically *\/<!-- [et_pb_line_break_holder] -->                gap: 40px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Hide the horizontal connecting line *\/<!-- [et_pb_line_break_holder] -->            .csw-flow-wrapper::before { display: none; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .csw-card { width: 100%; } \/* Full width cards *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"csw-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"csw-container\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"csw-flow-wrapper\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"csw-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"csw-icon-circle csw-icon-amber\"><!-- [et_pb_line_break_holder] -->                        <span class=\"csw-step-number\">1<\/span><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-bolt\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Triggers<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"csw-card-desc\">Automation starts when something happens.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"csw-feature-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li><i class=\"fa-solid fa-check\"><\/i> A field is modified<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li><i class=\"fa-solid fa-check\"><\/i> A date is reached<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li><i class=\"fa-solid fa-check\"><\/i> Data is created<\/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=\"csw-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"csw-icon-circle csw-icon-purple\"><!-- [et_pb_line_break_holder] -->                        <span class=\"csw-step-number\">2<\/span><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-code-branch\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Logic \/ Condition<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"csw-card-desc\">The brain of the system that decides which path to take.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"csw-feature-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li><i class=\"fa-solid fa-filter\"><\/i> If status changes to &#8220;Won&#8221;<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li><i class=\"fa-solid fa-filter\"><\/i> If Date > 7 days before end<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li><i class=\"fa-solid fa-filter\"><\/i> If Ticket = Closed<\/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=\"csw-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"csw-icon-circle csw-icon-emerald\"><!-- [et_pb_line_break_holder] -->                        <span class=\"csw-step-number\">3<\/span><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid fa-rocket\"><\/i><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>Automatic Actions<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee class=\"csw-card-desc\">What tasks should Cirrus Shield execute automatically on your behalf?<\/pee><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"csw-feature-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li><i class=\"fa-solid fa-envelope\"><\/i> Send email<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li><i class=\"fa-solid fa-list-check\"><\/i> Create tasks<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li><i class=\"fa-solid fa-file-pen\"><\/i> Update field<\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li><i class=\"fa-solid fa-file-pdf\"><\/i> Generate document<\/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] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#0f172a&#8221; custom_padding=&#8221;0px|||||&#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.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;54px|||||&#8221; custom_padding_tablet=&#8221;54px|||||&#8221; custom_padding_phone=&#8221;54px|||||&#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;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;#FFFFFF&#8221; header_2_font_size=&#8221;35px&#8221; custom_margin=&#8221;||0px|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;25px&#8221; header_2_font_size_phone=&#8221;25px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; header_2_line_height_tablet=&#8221;&#8221; header_2_line_height_phone=&#8221;1.4em&#8221; header_2_line_height_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2 class=\"cs-sales-title-h2\">Real-World Automation Examples<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#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;|0px|0px|0px|false|true&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cs-sales-text-center\">\n<p class=\"cs-sales-text-p\">Ready-to-use scenarios.<\/p>\n<\/div>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;  :root {||            &#8211;trm-bg-section: #0f172a;       \/* Dark Slate Background *\/||            &#8211;trm-bg-card: #1e293b;          \/* Lighter Slate Card *\/||            &#8211;trm-border: #334155;           \/* Border Color *\/||            &#8211;trm-text-white: #ffffff;||            &#8211;trm-text-muted: #94a3b8;||            &#8211;trm-code-kw: #c084fc;          \/* Purple Keyword *\/||            &#8211;trm-code-str: #86efac;         \/* Green String *\/||            &#8211;trm-code-op: #f472b6;          \/* Pink Operator *\/||            &#8211;trm-hover-border: #7c3aed;     \/* Hover Color *\/||        }||||        .trm-container {||            max-width: 1200px;||            margin: 0 auto;||        }||||        \/* &#8212; HEADER TEXT &#8212; *\/||        .trm-header-box {||            text-align: center;||            margin-bottom: 60px;||        }||||        .trm-header-box h2 {||            font-size: 2rem;||            font-weight: 700;||            margin: 0 0 10px 0;||            color: var(&#8211;trm-text-white);||        }||||        .trm-header-box p {||            color: var(&#8211;trm-text-muted);||            font-size: 1.1rem;||            margin: 0;||        }||||        \/* &#8212; GRID SYSTEM &#8212; *\/||        .trm-grid {||            display: grid;||            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));||            gap: 30px;||        }||||        \/* &#8212; TERMINAL CARD &#8212; *\/||        .trm-card {||            background: var(&#8211;trm-bg-card);||            border: 1px solid var(&#8211;trm-border);||            border-radius: 12px;||            overflow: hidden;||            font-family: &#8216;Fira Code&#8217;, monospace; \/* Police Code *\/||            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);||            transition: transform 0.3s ease, border-color 0.3s ease;||        }||||        .trm-card:hover {||            transform: translateY(-5px);||            border-color: var(&#8211;trm-hover-border);||        }||||        \/* &#8212; TERMINAL HEADER (Dots &#038; Filename) &#8212; *\/||        .trm-top-bar {||            background: #0f172a; \/* Slightly darker than card *\/||            padding: 12px 15px;||            display: flex;||            align-items: center;||            gap: 8px;||            border-bottom: 1px solid var(&#8211;trm-border);||        }||||        \/* Mac-style dots *\/||        .trm-dot { width: 10px; height: 10px; border-radius: 50%; }||        .trm-dot.red { background: #ef4444; }||        .trm-dot.yellow { background: #f59e0b; }||        .trm-dot.green { background: #10b981; }||||        .trm-filename {||            margin-left: auto;||            font-size: 0.8rem;||            color: var(&#8211;trm-text-muted);||        }||||        \/* &#8212; TERMINAL BODY (Code Content) &#8212; *\/||        .trm-content {||            padding: 25px;||            font-size: 0.9rem;||            line-height: 1.8;||            color: #e2e8f0;||        }||||        \/* Syntax Highlighting Classes *\/||        .code-kw { color: var(&#8211;trm-code-kw); }   \/* SI \/ ALORS *\/||        .code-str { color: var(&#8211;trm-code-str); } \/* Strings *\/||        .code-op { color: var(&#8211;trm-code-op); }   \/* Operators + *\/||||        \/* Responsive Mobile *\/||        @media (max-width: 768px) {||            .trm-grid {||                grid-template-columns: 1fr;||            }||        }&#8221; 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;700&#038;family=Fira+Code:wght@400;500&#038;display=swap\" rel=\"stylesheet\"><!-- [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] -->            --trm-bg-section: #0f172a;       \/* Section Background *\/<!-- [et_pb_line_break_holder] -->            --trm-bg-card: #1e293b;          \/* Card Background *\/<!-- [et_pb_line_break_holder] -->            --trm-border: #334155;           \/* Border *\/<!-- [et_pb_line_break_holder] -->            --trm-text-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --trm-text-code: #e2e8f0;<!-- [et_pb_line_break_holder] -->            --trm-code-kw: #c084fc;          \/* Purple (Keywords) *\/<!-- [et_pb_line_break_holder] -->            --trm-code-str: #86efac;         \/* Green (Strings) *\/<!-- [et_pb_line_break_holder] -->            --trm-code-op: #f472b6;          \/* Pink (Operators) *\/<!-- [et_pb_line_break_holder] -->            --trm-hover-border: #7c3aed;     \/* Hover *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        body { margin: 0; padding: 0; font-family: 'Inter', sans-serif; background: #0f172a; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- RESPONSIVE STRUCTURE --- *\/<!-- [et_pb_line_break_holder] -->        .trm-section {<!-- [et_pb_line_break_holder] -->            background-color: var(--trm-bg-section);<!-- [et_pb_line_break_holder] -->            padding: 40px 24px 0px 24px;<!-- [et_pb_line_break_holder] -->            box-sizing: border-box;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .trm-container {<!-- [et_pb_line_break_holder] -->            max-width: 1200px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- AUTO-RESPONSIVE GRID --- *\/<!-- [et_pb_line_break_holder] -->        .trm-grid {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            \/* The magic of responsive: creates as many columns as possible,<!-- [et_pb_line_break_holder] -->               but if a column is less than 280px, it wraps to the next line. *\/<!-- [et_pb_line_break_holder] -->            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));<!-- [et_pb_line_break_holder] -->            gap: 30px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- TERMINAL CARD --- *\/<!-- [et_pb_line_break_holder] -->        .trm-card {<!-- [et_pb_line_break_holder] -->            background: var(--trm-bg-card);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--trm-border);<!-- [et_pb_line_break_holder] -->            border-radius: 12px;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            font-family: 'Fira Code', monospace;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);<!-- [et_pb_line_break_holder] -->            transition: transform 0.3s ease, border-color 0.3s ease;<!-- [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] -->        .trm-card:hover {<!-- [et_pb_line_break_holder] -->            transform: translateY(-5px);<!-- [et_pb_line_break_holder] -->            border-color: var(--trm-hover-border);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- TERMINAL HEADER --- *\/<!-- [et_pb_line_break_holder] -->        .trm-top-bar {<!-- [et_pb_line_break_holder] -->            background: #0f172a;<!-- [et_pb_line_break_holder] -->            padding: 12px 15px;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 8px;<!-- [et_pb_line_break_holder] -->            border-bottom: 1px solid var(--trm-border);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Mac Dots *\/<!-- [et_pb_line_break_holder] -->        .trm-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }<!-- [et_pb_line_break_holder] -->        .trm-dot.red { background: #ef4444; }<!-- [et_pb_line_break_holder] -->        .trm-dot.yellow { background: #f59e0b; }<!-- [et_pb_line_break_holder] -->        .trm-dot.green { background: #10b981; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .trm-filename {<!-- [et_pb_line_break_holder] -->            margin-left: auto;<!-- [et_pb_line_break_holder] -->            font-size: 0.75rem;<!-- [et_pb_line_break_holder] -->            color: #94a3b8;<!-- [et_pb_line_break_holder] -->            white-space: nowrap;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            text-overflow: ellipsis;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- CODE CONTENT --- *\/<!-- [et_pb_line_break_holder] -->        .trm-content {<!-- [et_pb_line_break_holder] -->            padding: 25px;<!-- [et_pb_line_break_holder] -->            font-size: 0.9rem;<!-- [et_pb_line_break_holder] -->            line-height: 1.8;<!-- [et_pb_line_break_holder] -->            color: var(--trm-text-code);<!-- [et_pb_line_break_holder] -->            flex-grow: 1; \/* Ensures all cards have the same visual height *\/<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Syntax Coloring *\/<!-- [et_pb_line_break_holder] -->        .code-kw { color: var(--trm-code-kw); }<!-- [et_pb_line_break_holder] -->        .code-str { color: var(--trm-code-str); }<!-- [et_pb_line_break_holder] -->        .code-op { color: var(--trm-code-op); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- MEDIA QUERIES (Mobile Fine-Tuning) --- *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Tablet (Portrait) & Mobile *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->            .trm-section {<!-- [et_pb_line_break_holder] -->                padding: 60px 20px 0; \/* Less vertical padding *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .trm-grid {<!-- [et_pb_line_break_holder] -->                gap: 20px; \/* Reduced gap between cards *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Small Mobile (< 480px) *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->            .trm-content {<!-- [et_pb_line_break_holder] -->                font-size: 0.85rem; \/* Slightly smaller text *\/<!-- [et_pb_line_break_holder] -->                padding: 20px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .trm-filename {<!-- [et_pb_line_break_holder] -->                display: none; \/* Hide filename if screen is too narrow *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"trm-section\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"trm-container\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"trm-grid\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"trm-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"trm-top-bar\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"trm-dot red\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"trm-dot yellow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"trm-dot green\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <span class=\"trm-filename\">scenario_invoicing.js<\/span><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"trm-content\"><!-- [et_pb_line_break_holder] -->                        <span class=\"code-kw\">IF<\/span> Opportunity == <span class=\"code-str\">&#8220;Won&#8221;<\/span> <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                        <span class=\"code-kw\">THEN<\/span> Generate Invoice <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                        <span class=\"code-op\">+<\/span> Notify Accounting team.<!-- [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=\"trm-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"trm-top-bar\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"trm-dot red\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"trm-dot yellow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"trm-dot green\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <span class=\"trm-filename\">scenario_renewal.js<\/span><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"trm-content\"><!-- [et_pb_line_break_holder] -->                        <span class=\"code-kw\">IF<\/span> Contract end date == <span class=\"code-str\">&#8220;D-30&#8221;<\/span> <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                        <span class=\"code-kw\">THEN<\/span> Send automatic renewal email.<!-- [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=\"trm-card\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"trm-top-bar\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"trm-dot red\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"trm-dot yellow\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"trm-dot green\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <span class=\"trm-filename\">scenario_quality.js<\/span><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"trm-content\"><!-- [et_pb_line_break_holder] -->                        <span class=\"code-kw\">IF<\/span> Support Ticket == <span class=\"code-str\">&#8220;Closed&#8221;<\/span> <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                        <span class=\"code-kw\">THEN<\/span> Send satisfaction survey.<!-- [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] --><\/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|desktop&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f8fafc&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#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.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;54px||0px||false|false&#8221; custom_padding_tablet=&#8221;54px|||||&#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_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#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; custom_margin=&#8221;||0px|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;25px&#8221; header_2_font_size_phone=&#8221;25px&#8221; header_2_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2 class=\"cs-sales-title-h2\">Low-Code Interface<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#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;|0px|0px|0px|false|true&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cs-sales-text-center\">\n<p class=\"cs-sales-text-p\">No need to be a developer. Define the rules, Cirrus Shield executes.<\/p>\n<\/div>\n<p>[\/et_pb_text][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] -->        \/* --- VARIABLES (PREFIX: cf-) --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            --cf-primary: #4f46e5;<!-- [et_pb_line_break_holder] -->            --cf-primary-light: #eef2ff;<!-- [et_pb_line_break_holder] -->            --cf-bg-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --cf-bg-gray: #f8fafc;<!-- [et_pb_line_break_holder] -->            --cf-border-color: #e2e8f0;<!-- [et_pb_line_break_holder] -->            --cf-text-dark: #1e293b;<!-- [et_pb_line_break_holder] -->            --cf-text-gray: #64748b;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            --cf-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->            --cf-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->            --cf-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- WRAPPERS --- *\/<!-- [et_pb_line_break_holder] -->        .cf-wrapper { padding: 40px 20px; }<!-- [et_pb_line_break_holder] -->        .cf-inner { max-width: 1400px; margin: 0 auto; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cf-head-block { text-align: center; margin-bottom: 40px; }<!-- [et_pb_line_break_holder] -->        .cf-head-block h2 { font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 800; color: var(--cf-text-dark); margin: 0 0 10px 0; }<!-- [et_pb_line_break_holder] -->        .cf-head-block p { font-size: clamp(1rem, 2vw, 1.1rem); color: var(--cf-text-gray); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- UI CONTAINER --- *\/<!-- [et_pb_line_break_holder] -->        .cf-ui-frame {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr 320px; <!-- [et_pb_line_break_holder] -->            height: 75vh;<!-- [et_pb_line_break_holder] -->            min-height: 600px;<!-- [et_pb_line_break_holder] -->            max-height: 900px;<!-- [et_pb_line_break_holder] -->            background: var(--cf-bg-white);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            border-radius: 24px;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            box-shadow: var(--cf-shadow-lg);<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- CANVAS --- *\/<!-- [et_pb_line_break_holder] -->        .cf-board {<!-- [et_pb_line_break_holder] -->            position: relative;<!-- [et_pb_line_break_holder] -->            background-color: var(--cf-bg-gray);<!-- [et_pb_line_break_holder] -->            background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);<!-- [et_pb_line_break_holder] -->            background-size: 24px 24px;<!-- [et_pb_line_break_holder] -->            overflow: hidden;<!-- [et_pb_line_break_holder] -->            cursor: grab;<!-- [et_pb_line_break_holder] -->            touch-action: none; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-board:active { cursor: grabbing; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cf-zoom-zone {<!-- [et_pb_line_break_holder] -->            width: 100%; height: 100%;<!-- [et_pb_line_break_holder] -->            position: absolute; top: 0; left: 0;<!-- [et_pb_line_break_holder] -->            transform-origin: 0 0;<!-- [et_pb_line_break_holder] -->            transition: transform 0.1s linear; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- SVG LINES (FIX HERE: Overflow Visible) --- *\/<!-- [et_pb_line_break_holder] -->        .cf-svg-plane {<!-- [et_pb_line_break_holder] -->            position: absolute; top: 0; left: 0; width: 100%; height: 100%;<!-- [et_pb_line_break_holder] -->            pointer-events: none; z-index: 0;<!-- [et_pb_line_break_holder] -->            \/* CRUCIAL FIX: Allows lines to render outside the initial viewport height on mobile *\/<!-- [et_pb_line_break_holder] -->            overflow: visible; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-connector {<!-- [et_pb_line_break_holder] -->            fill: none; stroke: #94a3b8; stroke-width: 2px;<!-- [et_pb_line_break_holder] -->            stroke-linecap: round; stroke-linejoin: round;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-conn-animated { stroke: var(--cf-primary); stroke-dasharray: 8; animation: cf-dash 60s linear infinite; }<!-- [et_pb_line_break_holder] -->        @keyframes cf-dash { to { stroke-dashoffset: -1000; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- NODES --- *\/<!-- [et_pb_line_break_holder] -->        .cf-card {<!-- [et_pb_line_break_holder] -->            position: absolute; width: 250px;<!-- [et_pb_line_break_holder] -->            background: white; border-radius: 12px;<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--cf-shadow-sm);<!-- [et_pb_line_break_holder] -->            padding: 16px;<!-- [et_pb_line_break_holder] -->            display: flex; gap: 14px; align-items: center;<!-- [et_pb_line_break_holder] -->            cursor: pointer; user-select: none; z-index: 10;<!-- [et_pb_line_break_holder] -->            transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cf-card:hover {<!-- [et_pb_line_break_holder] -->            transform: translateY(-4px);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--cf-shadow-md);<!-- [et_pb_line_break_holder] -->            border-color: var(--cf-primary);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cf-icon-box {<!-- [et_pb_line_break_holder] -->            width: 44px; height: 44px; border-radius: 10px;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            font-size: 1.1rem; flex-shrink: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cf-meta h4 { margin: 0 0 2px 0; font-size: 0.9rem; font-weight: 700; color: var(--cf-text-dark); }<!-- [et_pb_line_break_holder] -->        .cf-meta span { font-size: 0.75rem; color: var(--cf-text-gray); font-weight: 500; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Theme Variants *\/<!-- [et_pb_line_break_holder] -->        .cf-theme-blue .cf-icon-box { background: #eff6ff; color: #3b82f6; }<!-- [et_pb_line_break_holder] -->        .cf-theme-orange .cf-icon-box { background: #fff7ed; color: #f59e0b; }<!-- [et_pb_line_break_holder] -->        .cf-theme-green .cf-icon-box { background: #f0fdf4; color: #10b981; }<!-- [et_pb_line_break_holder] -->        .cf-theme-red .cf-icon-box { background: #fef2f2; color: #ef4444; }<!-- [et_pb_line_break_holder] -->        .cf-theme-gray .cf-icon-box { background: #f1f5f9; color: #64748b; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Connection Ports *\/<!-- [et_pb_line_break_holder] -->        .cf-port {<!-- [et_pb_line_break_holder] -->            position: absolute; width: 8px; height: 8px;<!-- [et_pb_line_break_holder] -->            background: white; border: 2px solid #cbd5e1;<!-- [et_pb_line_break_holder] -->            border-radius: 50%; z-index: 15;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .pos-t { top: -6px; left: 50%; transform: translateX(-50%); }<!-- [et_pb_line_break_holder] -->        .pos-b { bottom: -6px; left: 50%; transform: translateX(-50%); }<!-- [et_pb_line_break_holder] -->        .pos-l { left: -6px; top: 50%; transform: translateY(-50%); }<!-- [et_pb_line_break_holder] -->        .pos-r { right: -6px; top: 50%; transform: translateY(-50%); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- DECORATORS --- *\/<!-- [et_pb_line_break_holder] -->        .cf-btn-add {<!-- [et_pb_line_break_holder] -->            position: absolute; width: 22px; height: 22px;<!-- [et_pb_line_break_holder] -->            background: white; border: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            border-radius: 50%; color: var(--cf-text-gray);<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] -->            font-size: 10px; z-index: 5; transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->            box-shadow: 0 2px 4px rgba(0,0,0,0.05); cursor: pointer; transition: 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-btn-add:hover { background: var(--cf-primary); color: white; transform: translate(-50%, -50%) scale(1.1); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .cf-label-pill {<!-- [et_pb_line_break_holder] -->            position: absolute; padding: 4px 10px;<!-- [et_pb_line_break_holder] -->            background: white; border: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            border-radius: 12px; font-size: 0.7rem; font-weight: 700;<!-- [et_pb_line_break_holder] -->            transform: translate(-50%, -50%); z-index: 5;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-lbl-yes { color: #15803d; background: #f0fdf4; border-color: #bbf7d0; }<!-- [et_pb_line_break_holder] -->        .cf-lbl-no { color: #b91c1c; background: #fef2f2; border-color: #fecaca; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- CONTROLS --- *\/<!-- [et_pb_line_break_holder] -->        .cf-toolbar {<!-- [et_pb_line_break_holder] -->            position: absolute; bottom: 20px; left: 20px;<!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(5px);<!-- [et_pb_line_break_holder] -->            padding: 6px; border-radius: 50px;<!-- [et_pb_line_break_holder] -->            box-shadow: var(--cf-shadow-md); border: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            display: flex; gap: 5px; z-index: 50;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-tool-btn {<!-- [et_pb_line_break_holder] -->            width: 32px; height: 32px; border: none; background: transparent;<!-- [et_pb_line_break_holder] -->            border-radius: 50%; color: var(--cf-text-dark); cursor: pointer;<!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center; transition: 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-tool-btn:hover { background: var(--cf-primary-light); color: var(--cf-primary); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- SIDEBAR --- *\/<!-- [et_pb_line_break_holder] -->        .cf-panel {<!-- [et_pb_line_break_holder] -->            background: white; border-left: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->            display: flex; flex-direction: column; z-index: 20;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .cf-panel-head { padding: 25px; border-bottom: 1px solid var(--cf-border-color); }<!-- [et_pb_line_break_holder] -->        .cf-panel-head h3 { margin: 0; font-size: 1.1rem; color: var(--cf-text-dark); font-weight: 700; }<!-- [et_pb_line_break_holder] -->        .cf-panel-head span { font-size: 0.85rem; color: var(--cf-text-gray); display: block; margin-top: 5px; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .cf-prop-list { padding: 0; list-style: none !important; overflow-y: auto; flex-grow: 1; }<!-- [et_pb_line_break_holder] -->        .cf-prop-item { padding: 15px 25px; border-bottom: 1px solid var(--cf-bg-gray); }<!-- [et_pb_line_break_holder] -->        .cf-key { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; color: var(--cf-text-gray); display: block; margin-bottom: 5px; }<!-- [et_pb_line_break_holder] -->        .cf-val { font-size: 0.9rem; color: var(--cf-text-dark); font-weight: 500; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- RESPONSIVE --- *\/<!-- [et_pb_line_break_holder] -->        @media (max-width: 900px) {<!-- [et_pb_line_break_holder] -->            .cf-ui-frame {<!-- [et_pb_line_break_holder] -->                grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->                height: auto;<!-- [et_pb_line_break_holder] -->                display: flex; <!-- [et_pb_line_break_holder] -->                flex-direction: column-reverse;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cf-board {<!-- [et_pb_line_break_holder] -->                height: 60vh;<!-- [et_pb_line_break_holder] -->                min-height: 500px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .cf-panel {<!-- [et_pb_line_break_holder] -->                border-left: none;<!-- [et_pb_line_break_holder] -->                border-bottom: 1px solid var(--cf-border-color);<!-- [et_pb_line_break_holder] -->                max-height: 300px;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->                  .cf-wrapper { padding: 40px 20px 0; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<section class=\"cf-wrapper\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cf-inner\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cf-ui-frame\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cf-board\" id=\"cf-main-board\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cf-zoom-zone\" id=\"cf-scale-layer\"><!-- [et_pb_line_break_holder] -->                        <!-- [et_pb_line_break_holder] -->                        <svg class=\"cf-svg-plane\"><!-- [et_pb_line_break_holder] -->                            <defs><!-- [et_pb_line_break_holder] -->                                <marker id=\"cf-arrow-head\" markerWidth=\"6\" markerHeight=\"6\" refX=\"5\" refY=\"3\" orient=\"auto\" fill=\"#94a3b8\"><!-- [et_pb_line_break_holder] -->                                    <path d=\"M0,0 L6,3 L0,6 L0,0\" \/><!-- [et_pb_line_break_holder] -->                                <\/marker><!-- [et_pb_line_break_holder] -->                            <\/defs><!-- [et_pb_line_break_holder] -->                            <path id=\"cf-path-1\" class=\"cf-connector\" marker-end=\"url(#cf-arrow-head)\" d=\"\"\/><!-- [et_pb_line_break_holder] -->                            <path id=\"cf-path-2\" class=\"cf-connector\" marker-end=\"url(#cf-arrow-head)\" d=\"\"\/><!-- [et_pb_line_break_holder] -->                            <path id=\"cf-path-3\" class=\"cf-connector cf-conn-animated\" marker-end=\"url(#cf-arrow-head)\" d=\"\"\/><!-- [et_pb_line_break_holder] -->                            <path id=\"cf-path-4\" class=\"cf-connector\" marker-end=\"url(#cf-arrow-head)\" d=\"\"\/><!-- [et_pb_line_break_holder] -->                            <path id=\"cf-path-5\" class=\"cf-connector\" marker-end=\"url(#cf-arrow-head)\" d=\"\"\/><!-- [et_pb_line_break_holder] -->                        <\/svg><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-btn-add\" id=\"cf-add-1\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-btn-add\" id=\"cf-add-2\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-btn-add\" id=\"cf-add-3\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-btn-add\" id=\"cf-add-4\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-label-pill cf-lbl-no\" id=\"cf-tag-no\">No<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-label-pill cf-lbl-yes\" id=\"cf-tag-yes\">Yes<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-card cf-theme-blue\" id=\"cf-node-1\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-port pos-b\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-icon-box\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-meta\">\n<h4>Quote Signed<\/h4>\n<p><span>Webhook: CRM<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-card cf-theme-orange\" id=\"cf-node-2\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-port pos-t\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-port pos-l\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-port pos-r\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-icon-box\"><i class=\"fa-solid fa-code-branch\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-meta\">\n<h4>Condition<\/h4>\n<p><span>Amount > \u20ac10k<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-card cf-theme-red\" id=\"cf-node-3\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-port pos-r\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-port pos-b\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-icon-box\"><i class=\"fa-solid fa-ban\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-meta\">\n<h4>Stop<\/h4>\n<p><span>Validation required<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-card cf-theme-green\" id=\"cf-node-4\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-port pos-l\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-port pos-b\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-icon-box\"><i class=\"fa-solid fa-file-invoice-dollar\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-meta\">\n<h4>Invoice<\/h4>\n<p><span>Generate PDF<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"cf-card cf-theme-gray\" id=\"cf-node-5\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-port pos-t\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-icon-box\"><i class=\"fa-solid fa-box-archive\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"cf-meta\">\n<h4>Complete<\/h4>\n<p><span>Archive file<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cf-toolbar\"><!-- [et_pb_line_break_holder] -->                        <button class=\"cf-tool-btn\" onclick=\"cfZoom(0.1)\"><i class=\"fa-solid fa-plus\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                        <button class=\"cf-tool-btn\" onclick=\"cfZoom(-0.1)\"><i class=\"fa-solid fa-minus\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                        <button class=\"cf-tool-btn\" onclick=\"cfReset()\"><i class=\"fa-solid fa-compress\"><\/i><\/button><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cf-panel\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cf-panel-head\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3>Properties<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <span>Selected node configuration<\/span><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<ul class=\"cf-prop-list\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cf-prop-item\"><!-- [et_pb_line_break_holder] -->                            <span class=\"cf-key\">Action Type<\/span><!-- [et_pb_line_break_holder] -->\n<div class=\"cf-val\"><i class=\"fa-solid fa-file-invoice-dollar\" style=\"color:#10b981;\"><\/i> Generate Invoice<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cf-prop-item\"><!-- [et_pb_line_break_holder] -->                            <span class=\"cf-key\">Template ID<\/span><!-- [et_pb_line_break_holder] -->\n<div class=\"cf-val\">#TPL-2024-EN-V2<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<li class=\"cf-prop-item\"><!-- [et_pb_line_break_holder] -->                            <span class=\"cf-key\">Assigned to<\/span><!-- [et_pb_line_break_holder] -->\n<div class=\"cf-val\">Accounting Department<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/li>\n<p><!-- [et_pb_line_break_holder] -->                    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <script><!-- [et_pb_line_break_holder] -->        document.addEventListener(\"DOMContentLoaded\", () => {<!-- [et_pb_line_break_holder] -->            const container = document.getElementById('cf-main-board');<!-- [et_pb_line_break_holder] -->            const zoomLayer = document.getElementById('cf-scale-layer');<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            \/\/ --- STATE VARIABLES ---<!-- [et_pb_line_break_holder] -->            let scale = 0.85; <!-- [et_pb_line_break_holder] -->            let panX = 0, panY = 0;<!-- [et_pb_line_break_holder] -->            let isDragging = false;<!-- [et_pb_line_break_holder] -->            let startX, startY;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- LAYOUT ENGINE ---<!-- [et_pb_line_break_holder] -->            function calculateLayout() {<!-- [et_pb_line_break_holder] -->                const w = container.offsetWidth;<!-- [et_pb_line_break_holder] -->                const isMobile = w < 900;<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ --- ZOOM ---<!-- [et_pb_line_break_holder] -->                let targetScale = 0.85;        <!-- [et_pb_line_break_holder] -->                if (w < 500) targetScale = 0.55; <!-- [et_pb_line_break_holder] -->                else if (w < 900) targetScale = 0.7; <!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                if(Math.abs(scale - targetScale) > 0.3) {<!-- [et_pb_line_break_holder] -->                    scale = targetScale;<!-- [et_pb_line_break_holder] -->                    panX = 0; <!-- [et_pb_line_break_holder] -->                    panY = 0;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Dynamic Center<!-- [et_pb_line_break_holder] -->                const cx = w \/ 2 \/ scale; <!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ --- PUSH DOWN ---<!-- [et_pb_line_break_holder] -->                const startY = 100;<!-- [et_pb_line_break_holder] -->                const gapY = 170; <!-- [et_pb_line_break_holder] -->                const hw = 130; <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                const pos = {};<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                if (isMobile) {<!-- [et_pb_line_break_holder] -->                    pos['cf-node-1'] = { x: cx - hw, y: startY };<!-- [et_pb_line_break_holder] -->                    pos['cf-node-2'] = { x: cx - hw, y: startY + gapY };<!-- [et_pb_line_break_holder] -->                    pos['cf-node-3'] = { x: cx - hw, y: startY + gapY * 2 };<!-- [et_pb_line_break_holder] -->                    pos['cf-node-4'] = { x: cx - hw, y: startY + gapY * 3 };<!-- [et_pb_line_break_holder] -->                    pos['cf-node-5'] = { x: cx - hw, y: startY + gapY * 4 };<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    const spread = 250; <!-- [et_pb_line_break_holder] -->                    pos['cf-node-1'] = { x: cx - hw, y: startY };             <!-- [et_pb_line_break_holder] -->                    pos['cf-node-2'] = { x: cx - hw, y: startY + gapY };      <!-- [et_pb_line_break_holder] -->                    pos['cf-node-3'] = { x: cx - hw - spread, y: startY + gapY * 2 }; <!-- [et_pb_line_break_holder] -->                    pos['cf-node-4'] = { x: cx - hw + spread, y: startY + gapY * 2 }; <!-- [et_pb_line_break_holder] -->                    pos['cf-node-5'] = { x: cx - hw, y: startY + gapY * 3 };  <!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                return { positions: pos, isMobile: isMobile };<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function render() {<!-- [et_pb_line_break_holder] -->                const { positions, isMobile } = calculateLayout();<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                for(const [id, xy] of Object.entries(positions)) {<!-- [et_pb_line_break_holder] -->                    const el = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                    if(el) {<!-- [et_pb_line_break_holder] -->                        el.style.left = xy.x + 'px';<!-- [et_pb_line_break_holder] -->                        el.style.top = xy.y + 'px';<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                updateTransform();<!-- [et_pb_line_break_holder] -->                setTimeout(() => drawLines(isMobile), 10);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- ACTIONS ---<!-- [et_pb_line_break_holder] -->            window.cfZoom = (delta) => {<!-- [et_pb_line_break_holder] -->                scale = Math.min(Math.max(scale + delta, 0.3), 2);<!-- [et_pb_line_break_holder] -->                updateTransform();<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            window.cfReset = () => { scale = 0; render(); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function updateTransform() {<!-- [et_pb_line_break_holder] -->                zoomLayer.style.transform = `scale(${scale}) translate(${panX}px, ${panY}px)`;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- EVENTS (PAN) ---<!-- [et_pb_line_break_holder] -->            const getXY = (e) => ({<!-- [et_pb_line_break_holder] -->                x: e.touches ? e.touches[0].clientX : e.clientX,<!-- [et_pb_line_break_holder] -->                y: e.touches ? e.touches[0].clientY : e.clientY<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function startPan(e) {<!-- [et_pb_line_break_holder] -->                if(e.target === container || e.target === zoomLayer || e.target.classList.contains('cf-svg-plane')) {<!-- [et_pb_line_break_holder] -->                    isDragging = true;<!-- [et_pb_line_break_holder] -->                    const pos = getXY(e);<!-- [et_pb_line_break_holder] -->                    startX = pos.x \/ scale - panX;<!-- [et_pb_line_break_holder] -->                    startY = pos.y \/ scale - panY;<!-- [et_pb_line_break_holder] -->                    container.style.cursor = 'grabbing';<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function doPan(e) {<!-- [et_pb_line_break_holder] -->                if(!isDragging) return;<!-- [et_pb_line_break_holder] -->                e.preventDefault();<!-- [et_pb_line_break_holder] -->                const pos = getXY(e);<!-- [et_pb_line_break_holder] -->                panX = pos.x \/ scale - startX;<!-- [et_pb_line_break_holder] -->                panY = pos.y \/ scale - startY;<!-- [et_pb_line_break_holder] -->                updateTransform();<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function endPan() {<!-- [et_pb_line_break_holder] -->                isDragging = false;<!-- [et_pb_line_break_holder] -->                container.style.cursor = 'grab';<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            container.addEventListener('mousedown', startPan);<!-- [et_pb_line_break_holder] -->            window.addEventListener('mousemove', doPan);<!-- [et_pb_line_break_holder] -->            window.addEventListener('mouseup', endPan);<!-- [et_pb_line_break_holder] -->            container.addEventListener('touchstart', startPan, {passive: false});<!-- [et_pb_line_break_holder] -->            window.addEventListener('touchmove', doPan, {passive: false});<!-- [et_pb_line_break_holder] -->            window.addEventListener('touchend', endPan);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- DRAG NODES ---<!-- [et_pb_line_break_holder] -->            let activeNode = null;<!-- [et_pb_line_break_holder] -->            let nodeOffset = {x:0, y:0};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            document.querySelectorAll('.cf-card').forEach(node => {<!-- [et_pb_line_break_holder] -->                const startDrag = (e) => {<!-- [et_pb_line_break_holder] -->                    e.stopPropagation();<!-- [et_pb_line_break_holder] -->                    activeNode = node;<!-- [et_pb_line_break_holder] -->                    const pos = getXY(e);<!-- [et_pb_line_break_holder] -->                    const rect = node.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                    nodeOffset.x = (pos.x - rect.left) \/ scale;<!-- [et_pb_line_break_holder] -->                    nodeOffset.y = (pos.y - rect.top) \/ scale;<!-- [et_pb_line_break_holder] -->                    node.style.zIndex = 100;<!-- [et_pb_line_break_holder] -->                };<!-- [et_pb_line_break_holder] -->                node.addEventListener('mousedown', startDrag);<!-- [et_pb_line_break_holder] -->                node.addEventListener('touchstart', startDrag, {passive: false});<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const moveNode = (e) => {<!-- [et_pb_line_break_holder] -->                if(!activeNode) return;<!-- [et_pb_line_break_holder] -->                e.preventDefault();<!-- [et_pb_line_break_holder] -->                const pos = getXY(e);<!-- [et_pb_line_break_holder] -->                const containerRect = container.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                const x = (pos.x - containerRect.left) \/ scale - panX - nodeOffset.x;<!-- [et_pb_line_break_holder] -->                const y = (pos.y - containerRect.top) \/ scale - panY - nodeOffset.y;<!-- [et_pb_line_break_holder] -->                activeNode.style.left = x + 'px';<!-- [et_pb_line_break_holder] -->                activeNode.style.top = y + 'px';<!-- [et_pb_line_break_holder] -->                drawLines(container.offsetWidth < 900);<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const endDragNode = () => {<!-- [et_pb_line_break_holder] -->                if(activeNode) {<!-- [et_pb_line_break_holder] -->                    activeNode.style.zIndex = 10;<!-- [et_pb_line_break_holder] -->                    activeNode = null;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            window.addEventListener('mousemove', moveNode);<!-- [et_pb_line_break_holder] -->            window.addEventListener('touchmove', moveNode, {passive: false});<!-- [et_pb_line_break_holder] -->            window.addEventListener('mouseup', endDragNode);<!-- [et_pb_line_break_holder] -->            window.addEventListener('touchend', endDragNode);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- DRAWING LOGIC ---<!-- [et_pb_line_break_holder] -->            function getAnchor(id, type) {<!-- [et_pb_line_break_holder] -->                const el = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                if(!el) return {x:0, y:0};<!-- [et_pb_line_break_holder] -->                const x = parseFloat(el.style.left) || 0;<!-- [et_pb_line_break_holder] -->                const y = parseFloat(el.style.top) || 0;<!-- [et_pb_line_break_holder] -->                const w = el.offsetWidth;<!-- [et_pb_line_break_holder] -->                const h = el.offsetHeight;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                if(type === 't') return { x: x + w\/2, y: y };<!-- [et_pb_line_break_holder] -->                if(type === 'b') return { x: x + w\/2, y: y + h };<!-- [et_pb_line_break_holder] -->                if(type === 'l') return { x: x, y: y + h\/2 };<!-- [et_pb_line_break_holder] -->                if(type === 'r') return { x: x + w, y: y + h\/2 };<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function setPos(id, p, offX=0, offY=0) {<!-- [et_pb_line_break_holder] -->                const el = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                if(el) { el.style.left = (p.x + offX) + 'px'; el.style.top = (p.y + offY) + 'px'; }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function drawCurve(id, p1, p2, type) {<!-- [et_pb_line_break_holder] -->                const path = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                if(!path) return;<!-- [et_pb_line_break_holder] -->                let d = \"\";<!-- [et_pb_line_break_holder] -->                let cp1 = {x:0, y:0}, cp2 = {x:0, y:0};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                if(type === 's') {<!-- [et_pb_line_break_holder] -->                    d = `M ${p1.x} ${p1.y} L ${p2.x} ${p2.y}`;<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    if (type === 'v') {<!-- [et_pb_line_break_holder] -->                        const midY = (p2.y - p1.y)\/2;<!-- [et_pb_line_break_holder] -->                        cp1 = { x: p1.x, y: p1.y + midY };<!-- [et_pb_line_break_holder] -->                        cp2 = { x: p2.x, y: p2.y - midY };<!-- [et_pb_line_break_holder] -->                    } <!-- [et_pb_line_break_holder] -->                    else if (type === 'l-out') {<!-- [et_pb_line_break_holder] -->                        cp1 = { x: p1.x - 50, y: p1.y };<!-- [et_pb_line_break_holder] -->                        cp2 = { x: p2.x, y: p2.y - 50 };<!-- [et_pb_line_break_holder] -->                    } <!-- [et_pb_line_break_holder] -->                    else if (type === 'r-out') {<!-- [et_pb_line_break_holder] -->                        cp1 = { x: p1.x + 50, y: p1.y };<!-- [et_pb_line_break_holder] -->                        cp2 = { x: p2.x, y: p2.y - 50 };<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                    d = `M ${p1.x} ${p1.y} C ${cp1.x} ${cp1.y}, ${cp2.x} ${cp2.y}, ${p2.x} ${p2.y}`;<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                path.setAttribute('d', d);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                const t = 0.5;<!-- [et_pb_line_break_holder] -->                const mx = (1-t)*(1-t)*(1-t)*p1.x + 3*(1-t)*(1-t)*t*cp1.x + 3*(1-t)*t*t*cp2.x + t*t*t*p2.x;<!-- [et_pb_line_break_holder] -->                const my = (1-t)*(1-t)*(1-t)*p1.y + 3*(1-t)*(1-t)*t*cp1.y + 3*(1-t)*t*t*cp2.y + t*t*t*p2.y;<!-- [et_pb_line_break_holder] -->                if(type === 's') return { x: (p1.x+p2.x)\/2, y: (p1.y+p2.y)\/2 };<!-- [et_pb_line_break_holder] -->                return { x: mx, y: my };<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function drawLines(isMobile) {<!-- [et_pb_line_break_holder] -->                \/\/ Ensure visibility is reset correctly on resize<!-- [et_pb_line_break_holder] -->                const lines = ['cf-path-1','cf-path-2','cf-path-3','cf-path-4'];<!-- [et_pb_line_break_holder] -->                lines.forEach(id => {<!-- [et_pb_line_break_holder] -->                    const el = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                    if(el) el.style.display = 'block';<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/\/ Path 1<!-- [et_pb_line_break_holder] -->                const m1 = drawCurve('cf-path-1', getAnchor('cf-node-1','b'), getAnchor('cf-node-2','t'), 'v');<!-- [et_pb_line_break_holder] -->                setPos('cf-add-1', m1);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                if(!isMobile) {<!-- [et_pb_line_break_holder] -->                    const m2 = drawCurve('cf-path-2', getAnchor('cf-node-2','l'), getAnchor('cf-node-3','t'), 'l-out');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-2', m2);<!-- [et_pb_line_break_holder] -->                    setPos('cf-tag-no', m2, 0, -28);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const m3 = drawCurve('cf-path-3', getAnchor('cf-node-2','r'), getAnchor('cf-node-4','t'), 'r-out');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-3', m3);<!-- [et_pb_line_break_holder] -->                    setPos('cf-tag-yes', m3, 0, -28);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const m4 = drawCurve('cf-path-4', getAnchor('cf-node-4','b'), getAnchor('cf-node-5','t'), 'v');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-4', m4);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    drawCurve('cf-path-5', getAnchor('cf-node-3','b'), getAnchor('cf-node-5','t'), 'v');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    ['cf-path-5', 'cf-tag-yes', 'cf-tag-no'].forEach(id => {<!-- [et_pb_line_break_holder] -->                        const el = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                        if(el) el.style.display = 'block';<!-- [et_pb_line_break_holder] -->                    });<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    const m2 = drawCurve('cf-path-2', getAnchor('cf-node-2','b'), getAnchor('cf-node-3','t'), 'v');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-2', m2);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const m3 = drawCurve('cf-path-3', getAnchor('cf-node-3','b'), getAnchor('cf-node-4','t'), 'v');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-3', m3);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const m4 = drawCurve('cf-path-4', getAnchor('cf-node-4','b'), getAnchor('cf-node-5','t'), 'v');<!-- [et_pb_line_break_holder] -->                    setPos('cf-add-4', m4);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    ['cf-path-5', 'cf-tag-yes', 'cf-tag-no'].forEach(id => {<!-- [et_pb_line_break_holder] -->                        const el = document.getElementById(id);<!-- [et_pb_line_break_holder] -->                        if(el) el.style.display = 'none';<!-- [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] -->            render();<!-- [et_pb_line_break_holder] -->            window.addEventListener('resize', render);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    <\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0px||0px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221; :root {||        \/* Couleurs du Design CTA *\/||        &#8211;cs-sales-blue: #3f82f7;||        &#8211;cs-sales-slate-dark: #0F172A;||        &#8211;cs-sales-slate-light: #1e293b;||        &#8211;cs-sales-gray-light: #cbd5e1;||        &#8211;cs-sales-white: #FFFFFF;||        &#8211;cs-sales-radius: 32px;||        ||        \/* Couleurs de la Modal *\/||        &#8211;cs-primary: #3f82f7;||        &#8211;cs-primary-dark: #3268c6;||        &#8211;cs-pop-green-bg: #e6fff0;||        &#8211;cs-pop-green-text: #008745;||        &#8211;cs-font-family: &#8216;Inter&#8217;, sans-serif;||    }||||    \/* &#8212; LAYOUT CTA &#8212; *\/||    .cs-sales-cta-wrap {||        padding: 50px 24px;||        background: var(&#8211;cs-sales-white);||        font-family: &#8216;Plus Jakarta Sans&#8217;, &#8216;Inter&#8217;, sans-serif;||        box-sizing: border-box;||    }||    .cs-sales-cta-wrap * { box-sizing: border-box; }||||    .cs-sales-container { max-width: 1100px; margin: 0 auto; }||||    \/* &#8212; BOITE CTA (Design Sombre) &#8212; *\/||    .cs-sales-cta-box {||        background: linear-gradient(135deg, var(&#8211;cs-sales-slate-light) 0%, var(&#8211;cs-sales-slate-dark) 100%);||        border-radius: var(&#8211;cs-sales-radius);||        padding: 80px 60px;||        position: relative;||        overflow: hidden;||        display: flex;||        align-items: center;||        justify-content: space-between;||        box-shadow: 0 30px 60px -15px rgba(15, 23, 42, 0.25);||    }||||    .cs-sales-cta-box::before {||        content: &#8221;; position: absolute; top: -50%; right: -20%; width: 700px; height: 700px;||        background: radial-gradient(circle, rgba(63, 130, 247, 0.25) 0%, transparent 65%);||        border-radius: 50%; pointer-events: none;||    }||||    \/* Contenu Gauche *\/||    .cs-sales-cta-content { position: relative; z-index: 2; max-width: 550px; }||    ||    .cs-sales-cta-title {||        font-size: 2.5rem; font-weight: 800; color: white !important; line-height: 1.1; margin: 0 0 20px 0;||    }||    .cs-sales-cta-sub {||        color: var(&#8211;cs-sales-gray-light); font-size: 1.125rem; margin: 0 0 30px 0; line-height: 1.6;||    }||||    \/* Badges CTA *\/||    .cs-sales-badges { display: flex; gap: 20px; flex-wrap: wrap; }||    .cs-sales-badge-item { font-size: 0.95rem; color: var(&#8211;cs-sales-gray-light); display: flex; align-items: center; gap: 10px; font-weight: 500; }||    .cs-sales-check-circle { width: 24px; height: 24px; background: rgba(63, 130, 247, 0.2); color: var(&#8211;cs-sales-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: bold; }||||    \/* Actions Droite *\/||    .cs-sales-cta-actions { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 15px; min-width: 280px; }||||    \/* Boutons CTA *\/||    .cs-sales-btn {||        display: inline-flex; align-items: center; justify-content: center;||        padding: 16px 32px; font-size: 1rem; font-weight: 700; border-radius: 50px;||        text-decoration: none; transition: all 0.3s ease; cursor: pointer; border: none;||        font-family: inherit;||    }||    .cs-sales-btn-primary {||        background: var(&#8211;cs-sales-blue); color: white;||        box-shadow: 0 8px 20px -5px rgba(63, 130, 247, 0.3);||    }||    .cs-sales-btn-primary:hover {||        background: #3268c6; transform: translateY(-2px);||        box-shadow: 0 12px 25px -5px rgba(63, 130, 247, 0.5);||    }||    .cs-sales-btn-glass {||        background: rgba(255, 255, 255, 0.05); color: white;||        border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px);||    }||    .cs-sales-btn-glass:hover {||        background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.4);||    }||||    \/* &#8212; STYLES MODAL (Contenu original restaur\u00e9) &#8212; *\/||    \/* On utilise un ID unique (#csSectionModal) pour ne pas casser le header *\/||    #csSectionModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2147483647; align-items: center; justify-content: center; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }||    ||    .cs-wp-modal-content { background: white; padding: 40px; border-radius: 8px; width: 90%; max-width: 550px; position: relative; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); text-align: center; font-family: var(&#8211;cs-font-family); animation: cs-fadeIn 0.3s ease; }||    @keyframes cs-fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }||    ||    .cs-wp-close-modal { position: absolute; top: 15px; right: 20px; font-size: 1.5rem; cursor: pointer; color: #999; line-height: 1; }||    .cs-wp-modal-h2 { color: #00562d; font-size: 1.6rem; margin-bottom: 20px; line-height: 1.2; font-weight: 700; }||    ||    .cs-wp-check-row { display: flex; justify-content: center; gap: 20px; font-size: 0.85rem; color: #26292c; margin-bottom: 20px; flex-wrap: wrap; }||    .cs-wp-check-item::before { content: &#8216;\u2713&#8217;; color: #008745; margin-right: 5px; font-weight: bold; }||    ||    .cs-wp-modal-desc { font-size: 0.85rem; color: #444; margin-bottom: 20px; line-height: 1.5; padding: 0 10px; }||    .cs-wp-green-badge { background: var(&#8211;cs-pop-green-bg); color: var(&#8211;cs-pop-green-text); font-weight: 700; font-size: 0.85rem; padding: 8px 16px; border-radius: 50px; display: inline-block; margin-bottom: 25px; }||    ||    .cs-wp-input-group { position: relative; text-align: left; margin-bottom: 15px; }||    .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; }||    .cs-wp-modal-input { position: relative; z-index: 1; width: 100%; padding: 12px 12px 12px 45px !important; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; font-family: var(&#8211;cs-font-family); outline: none; background: white; }||    .cs-wp-modal-input:focus { border-color: var(&#8211;cs-primary); box-shadow: 0 0 0 2px var(&#8211;cs-primary-light); }||    ||    .cs-wp-checkbox-group { text-align: left; font-size: 0.75rem; color: #555; display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }||    .cs-wp-cb-row { display: flex; align-items: flex-start; gap: 10px; }||    .cs-wp-cb-row input { margin-top: 3px; }||    .cs-wp-cb-row a { color: var(&#8211;cs-primary); text-decoration: none; }||    ||    .cs-wp-modal-btn-primary { background: var(&#8211;cs-primary); color: white; font-weight: 600; width: 100%; padding: 14px 32px; border-radius: 50px; border: none; font-size: 1.1rem; cursor: pointer; transition: 0.2s; box-shadow: 0 4px 15px rgba(46, 163, 242, 0.3); font-family: var(&#8211;cs-font-family); }||    .cs-wp-modal-btn-primary:hover { background: var(&#8211;cs-primary-dark); transform: translateY(-3px); }||    .cs-wp-modal-btn-primary:disabled { background: #cccccc; cursor: not-allowed; box-shadow: none; transform: none; }||    ||    .cs-wp-login-link { margin-top: 15px; font-size: 0.9rem; color: #333; }||    .cs-wp-login-link a { color: var(&#8211;cs-primary); font-weight: 600; }||||    \/* &#8212; RESPONSIVE &#8212; *\/||    @media (max-width: 900px) {||        .cs-sales-cta-box { flex-direction: column; text-align: center; padding: 50px 30px; gap: 40px; }||        .cs-sales-badges { justify-content: center; }||        .cs-sales-cta-actions { width: 100%; }||        .cs-sales-cta-title { font-size: 2rem; }||       .cs-sales-cta-wrap {||        padding: 20px 24px;||    }&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cs-sales-cta-wrap\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"cs-sales-container\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-sales-cta-box\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-sales-cta-content\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"cs-sales-cta-title\">Free Your Team from<!-- [et_pb_line_break_holder] -->Tedious Tasks.<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"cs-sales-cta-sub\">Automate your workflows and eliminate manual errors. Let Cirrus Shield handle the repetition so you can focus on added value.<\/pee><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-sales-badges\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-sales-badge-item\">\n<div class=\"cs-sales-check-circle\">\u2713<\/div>\n<p> 30 Days Free Trial<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-sales-badge-item\">\n<div class=\"cs-sales-check-circle\">\u2713<\/div>\n<p> No Credit Card Required<\/p><\/div>\n<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-sales-cta-actions\"><!-- [et_pb_line_break_holder] -->                <button class=\"cs-sales-btn cs-sales-btn-primary\" onclick=\"openGlobalModal()\">Start Free Trial<\/button><!-- [et_pb_line_break_holder] -->                <a href=\"https:\/\/www.cirrus-shield.fr\/en\/demo-request\/\" class=\"cs-sales-btn cs-sales-btn-glass\" style=\"text-decoration: none;\">Book a Demo<\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Automate Your Business Processes and Gain 70% Productivity Let robots do the repetitive work. Use our &#8220;Low Code&#8221; workflow engine to trigger intelligent actions without human intervention.Automate to Perform Better Transform your slow processes into a flawless machine. How It Works Cirrus Shield&#8217;s logic engine in 3 simple steps. Real-World Automation Examples Ready-to-use scenarios. Low-Code [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-37715","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"et-pb-post-main-image":false,"et-pb-post-main-image-fullwidth":false,"et-pb-portfolio-image":false,"et-pb-portfolio-module-image":false,"et-pb-portfolio-image-single":false,"et-pb-gallery-module-image-portrait":false,"et-pb-post-main-image-fullwidth-large":false,"et-pb-image--responsive--desktop":false,"et-pb-image--responsive--tablet":false,"et-pb-image--responsive--phone":false},"uagb_author_info":{"display_name":"Antoine El Khawand","author_link":"https:\/\/www.cirrus-shield.fr\/en\/article\/author\/antoine\/"},"uagb_comment_info":0,"uagb_excerpt":"Automate Your Business Processes and Gain 70% Productivity Let robots do the repetitive work. Use our \"Low Code\" workflow engine to trigger intelligent actions without human intervention.Automate to Perform Better Transform your slow processes into a flawless machine. How It Works Cirrus Shield's logic engine in 3 simple steps. Real-World Automation Examples Ready-to-use scenarios. Low-Code&hellip;","_links":{"self":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/comments?post=37715"}],"version-history":[{"count":2,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37715\/revisions"}],"predecessor-version":[{"id":37720,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37715\/revisions\/37720"}],"wp:attachment":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/media?parent=37715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}