{"id":2186,"date":"2020-11-12T13:50:48","date_gmt":"2020-11-12T12:50:48","guid":{"rendered":"https:\/\/www.cirrus-shield.fr\/integrations\/"},"modified":"2026-04-22T17:30:47","modified_gmt":"2026-04-22T15:30:47","slug":"integrations","status":"publish","type":"page","link":"https:\/\/www.cirrus-shield.fr\/en\/integrations\/","title":{"rendered":"Integrations"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; border_color_top=&#8221;#c2c2c2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Ligne&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"crm-int-page\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- Secured CSS Variables --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-page {<!-- [et_pb_line_break_holder] -->            --crm-int-brand-50: #eff6ff;<!-- [et_pb_line_break_holder] -->            --crm-int-brand-100: #dbeafe;<!-- [et_pb_line_break_holder] -->            --crm-int-brand-400: #60a5fa;<!-- [et_pb_line_break_holder] -->            --crm-int-brand-500: #3b82f6;<!-- [et_pb_line_break_holder] -->            --crm-int-brand-600: #2563eb;<!-- [et_pb_line_break_holder] -->            --crm-int-brand-700: #1d4ed8;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            --crm-int-slate-50: #f8fafc;<!-- [et_pb_line_break_holder] -->            --crm-int-slate-100: #f1f5f9;<!-- [et_pb_line_break_holder] -->            --crm-int-slate-200: #e2e8f0;<!-- [et_pb_line_break_holder] -->            --crm-int-slate-300: #cbd5e1;<!-- [et_pb_line_break_holder] -->            --crm-int-slate-400: #94a3b8;<!-- [et_pb_line_break_holder] -->            --crm-int-slate-500: #64748b;<!-- [et_pb_line_break_holder] -->            --crm-int-slate-600: #475569;<!-- [et_pb_line_break_holder] -->            --crm-int-slate-700: #334155;<!-- [et_pb_line_break_holder] -->            --crm-int-slate-800: #1e293b;<!-- [et_pb_line_break_holder] -->            --crm-int-slate-900: #0f172a;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            --crm-int-color-emerald: #10b981;<!-- [et_pb_line_break_holder] -->            --crm-int-color-sky: #0ea5e9;<!-- [et_pb_line_break_holder] -->            --crm-int-color-orange: #f97316;<!-- [et_pb_line_break_holder] -->            --crm-int-color-rose: #f43f5e;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Isolated Reset --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-page, .crm-int-page *, .crm-int-page *::before, .crm-int-page *::after {<!-- [et_pb_line_break_holder] -->            box-sizing: border-box !important;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-page {<!-- [et_pb_line_break_holder] -->            background-color: var(--crm-int-slate-50) !important;<!-- [et_pb_line_break_holder] -->    color: var(--crm-int-slate-700) !important;<!-- [et_pb_line_break_holder] -->    font-family: 'Inter', system-ui, sans-serif !important;<!-- [et_pb_line_break_holder] -->    line-height: 1.5 !important;<!-- [et_pb_line_break_holder] -->    -webkit-font-smoothing: antialiased;<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    overflow-x: clip; <!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Lock scroll when modal is open *\/<!-- [et_pb_line_break_holder] -->        html.crm-int-body-lock, body.crm-int-body-lock {<!-- [et_pb_line_break_holder] -->            overflow: hidden !important;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-page button { cursor: pointer; border: none; background: none; font-family: inherit; margin: 0; padding: 0; }<!-- [et_pb_line_break_holder] -->        .crm-int-page a { text-decoration: none; color: inherit; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-hidden { display: none !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-hidden-card { display: none !important; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Scrollbar --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-scrollbar-hide::-webkit-scrollbar { display: none; }<!-- [et_pb_line_break_holder] -->        .crm-int-scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-int-scroll::-webkit-scrollbar { width: 6px; }<!-- [et_pb_line_break_holder] -->        .crm-int-scroll::-webkit-scrollbar-track { background: transparent; }<!-- [et_pb_line_break_holder] -->        .crm-int-scroll::-webkit-scrollbar-thumb { background-color: var(--crm-int-slate-300); border-radius: 20px; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Orbs --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-bg-orbs { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; height: 100%; }<!-- [et_pb_line_break_holder] -->        .crm-int-glow-orb { position: absolute; border-radius: 50%; filter: blur(100px); }<!-- [et_pb_line_break_holder] -->        .crm-int-orb-1 { width: 600px; height: 600px; background-color: var(--crm-int-brand-100); top: -10%; left: -10%; opacity: 0.7; animation: crmIntFloat1 20s ease-in-out infinite; }<!-- [et_pb_line_break_holder] -->        .crm-int-orb-2 { width: 700px; height: 700px; background-color: var(--crm-int-slate-200); top: 20%; right: -10%; opacity: 0.5; animation: crmIntFloat2 25s ease-in-out infinite reverse; }<!-- [et_pb_line_break_holder] -->        .crm-int-orb-3 { width: 500px; height: 500px; background-color: var(--crm-int-brand-50); bottom: -10%; left: 20%; opacity: 0.8; animation: crmIntFloat3 22s ease-in-out infinite; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        @keyframes crmIntFloat1 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(30px, 50px) scale(1.1); } }<!-- [et_pb_line_break_holder] -->        @keyframes crmIntFloat2 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-40px, 30px) scale(0.9); } }<!-- [et_pb_line_break_holder] -->        @keyframes crmIntFloat3 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(20px, -40px) scale(1.05); } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Main Layout --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-container { position: relative; z-index: 10; max-width: 80rem; margin: 0 auto; padding: 4rem 1rem !important; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 640px) { .crm-int-container { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } }<!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) { .crm-int-container { padding: 6rem 2rem !important; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Header --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-header { text-align: center; max-width: 48rem; margin: 0 auto 4rem; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) { .crm-int-header { margin-bottom: 6rem; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-badge {<!-- [et_pb_line_break_holder] -->            display: inline-flex; align-items: center; padding: 0.375rem 1rem !important; border-radius: 9999px !important;<!-- [et_pb_line_break_holder] -->            background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(12px); border: 1px solid var(--crm-int-slate-200) !important;<!-- [et_pb_line_break_holder] -->            color: var(--crm-int-brand-600); font-size: 0.875rem; font-weight: 600; margin-bottom: 1.5rem; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-int-badge svg { width: 1rem; height: 1rem; margin-right: 0.5rem; margin-top: 2px;}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-title { font-size: 2.25rem; font-weight: 800; color: var(--crm-int-slate-900); letter-spacing: -0.025em; margin-bottom: 1.5rem; line-height: 1.2; margin-top: 0; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 768px) { .crm-int-title { font-size: 3rem; } }<!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) { .crm-int-title { font-size: 3.75rem; } }<!-- [et_pb_line_break_holder] -->        .crm-int-title span { background-image: linear-gradient(to right, var(--crm-int-brand-600), var(--crm-int-brand-400)); -webkit-background-clip: text; color: transparent; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-subtitle { font-size: 1.125rem; color: var(--crm-int-slate-600); margin-bottom: 2.5rem; line-height: 1.625; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Search Box --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-search-box { position: relative; max-width: 32rem; margin: 0 auto; }<!-- [et_pb_line_break_holder] -->        .crm-int-search-icon { position: absolute; top: 0; bottom: 0; left: 0; padding-left: 1rem; display: flex; align-items: center; pointer-events: none; color: var(--crm-int-slate-400); transition: all 0.3s; }<!-- [et_pb_line_break_holder] -->        .crm-int-search-icon svg { width: 1.25rem; height: 1.25rem; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-search-input {<!-- [et_pb_line_break_holder] -->            display: block !important; width: 100% !important; <!-- [et_pb_line_break_holder] -->            padding: 1rem 1rem 1rem 2.75rem !important;<!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255, 255, 255, 0.8) !important;<!-- [et_pb_line_break_holder] -->            border-radius: 1rem !important; <!-- [et_pb_line_break_holder] -->            background-color: rgba(255, 255, 255, 0.7) !important; <!-- [et_pb_line_break_holder] -->            color: var(--crm-int-slate-900) !important; <!-- [et_pb_line_break_holder] -->            font-size: 1rem !important; font-family: inherit !important;<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(24px); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05) !important; transition: all 0.3s;<!-- [et_pb_line_break_holder] -->            outline: none !important;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-search-input:focus { border-color: var(--crm-int-brand-400) !important; background-color: #fff !important; box-shadow: 0 0 0 4px rgba(59,130,246,0.2) !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-search-input:focus + .crm-int-search-icon { color: var(--crm-int-brand-600) !important; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Sidebar & Grid --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-layout { display: flex; flex-direction: column; gap: 2rem; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) { .crm-int-layout { flex-direction: row; gap: 3rem; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-sidebar { width: 100%; flex-shrink: 0; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) { .crm-int-sidebar { width: 16rem; } }<!-- [et_pb_line_break_holder] -->        .crm-int-sidebar-sticky { position: -webkit-sticky; <!-- [et_pb_line_break_holder] -->    position: sticky; <!-- [et_pb_line_break_holder] -->    top: 7rem; <!-- [et_pb_line_break_holder] -->    z-index: 20;<!-- [et_pb_line_break_holder] -->    height: max-content; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-filter-title { display: none; font-size: 0.75rem; font-weight: 700; color: var(--crm-int-slate-400); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1rem; padding: 0 0.5rem; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) { .crm-int-filter-title { display: block; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-filters-list { display: flex; flex-direction: row; overflow-x: auto; gap: 0.5rem; padding-bottom: 1rem; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 1024px) { .crm-int-filters-list { flex-direction: column; overflow-x: visible; padding-bottom: 0; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-filter-btn { <!-- [et_pb_line_break_holder] -->            flex-shrink: 0; text-align: left; <!-- [et_pb_line_break_holder] -->            padding: 0.75rem 1rem !important;<!-- [et_pb_line_break_holder] -->            border-radius: 0.75rem !important; font-size: 0.875rem; font-weight: 500; <!-- [et_pb_line_break_holder] -->            color: var(--crm-int-slate-600); <!-- [et_pb_line_break_holder] -->            border: 1px solid transparent !important;<!-- [et_pb_line_break_holder] -->            transition: all 0.3s; background: transparent;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-filter-btn:not(.crm-int-filter-active):hover { background-color: rgba(255, 255, 255, 0.8); color: var(--crm-int-slate-900); transform: translateY(-2px); }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-filter-active { background-color: #fff !important; color: var(--crm-int-brand-600) !important; border-color: var(--crm-int-slate-200) !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); font-weight: 600; transform: translateY(-2px); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-main-content { flex: 1; }<!-- [et_pb_line_break_holder] -->        .crm-int-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; position: relative; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 640px) { .crm-int-grid { grid-template-columns: repeat(2, 1fr); } }<!-- [et_pb_line_break_holder] -->        @media (min-width: 1280px) { .crm-int-grid { grid-template-columns: repeat(3, 1fr); } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Cards --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-glass {<!-- [et_pb_line_break_holder] -->            position: relative; <!-- [et_pb_line_break_holder] -->            background: rgba(255, 255, 255, 0.7) !important; <!-- [et_pb_line_break_holder] -->            border: 1px solid rgba(255, 255, 255, 0.8) !important;<!-- [et_pb_line_break_holder] -->            backdrop-filter: blur(20px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02) !important; <!-- [et_pb_line_break_holder] -->            border-radius: 1rem !important;<!-- [et_pb_line_break_holder] -->            padding: 1.5rem !important;<!-- [et_pb_line_break_holder] -->            display: flex; flex-direction: column; height: 100%; transition: all 0.4s ease; overflow: hidden;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-int-card:not(.crm-int-is-suggest) { cursor: pointer; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass::before { content: \"\"; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(600px circle at var(--mouse-x, 0) var(--mouse-y, 0), rgba(59, 130, 246, 0.08), transparent 40%); opacity: 0; transition: opacity 0.5s ease; pointer-events: none; z-index: 0; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass > * { position: relative; z-index: 1; }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-glass:hover { background: rgba(255, 255, 255, 0.9) !important; border-color: rgba(96, 165, 250, 0.4) !important; box-shadow: 0 20px 40px -10px rgba(37,99,235,0.1) !important; transform: translateY(-4px); }<!-- [et_pb_line_break_holder] -->        .crm-int-glass:hover::before { opacity: 1; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-card-head { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.25rem !important; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-icon-wrap { <!-- [et_pb_line_break_holder] -->            width: 3rem !important; height: 3rem !important; border-radius: 0.75rem !important; background-color: #fff !important; <!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center; <!-- [et_pb_line_break_holder] -->            border: 1px solid var(--crm-int-slate-200) !important;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); transition: all 0.5s; <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-int-glass:hover .crm-int-icon-wrap { transform: scale(1.1) rotate(5deg); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }<!-- [et_pb_line_break_holder] -->        .crm-int-icon-img { width: 2.5rem; height: 2.5rem; object-fit: contain; }<!-- [et_pb_line_break_holder] -->        .crm-int-icon-svg { width: 1.5rem; height: 1.5rem; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-card-tag { <!-- [et_pb_line_break_holder] -->            padding: 0.25rem 0.625rem !important; font-size: 0.75rem; font-weight: 600; border-radius: 9999px !important; <!-- [et_pb_line_break_holder] -->            background-color: var(--crm-int-slate-100) !important; <!-- [et_pb_line_break_holder] -->            border: 1px solid var(--crm-int-slate-200) !important;<!-- [et_pb_line_break_holder] -->            color: var(--crm-int-slate-600); <!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-int-card-title { font-size: 1.25rem !important; font-weight: 700; color: var(--crm-int-slate-900); margin-bottom: 0.5rem !important; margin-top: 0 !important; transition: color 0.3s; }<!-- [et_pb_line_break_holder] -->        .crm-int-card-desc { font-size: 0.875rem !important; color: var(--crm-int-slate-600); margin-bottom: 1.5rem !important; margin-top: 0 !important; flex-grow: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-card-footer { margin-top: auto; padding-top: 1rem !important; border-top: 1px solid var(--crm-int-slate-100) !important; display: flex; align-items: center; font-size: 0.875rem; font-weight: 600; opacity: 0; transform: translateY(8px); transition: all 0.3s; }<!-- [et_pb_line_break_holder] -->        .crm-int-card-footer svg { width: 1rem; height: 1rem; margin-left: 0.375rem; transition: transform 0.3s; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass:hover .crm-int-card-footer { opacity: 1; transform: translateY(0); }<!-- [et_pb_line_break_holder] -->        .crm-int-glass:hover .crm-int-card-footer svg { transform: translateX(4px); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Hover Colors *\/<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"#0078D4\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"#0078D4\"] .crm-int-card-footer { color: #0078D4 !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"#006BFF\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"#006BFF\"] .crm-int-card-footer { color: #006BFF !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"#4285F4\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"#4285F4\"] .crm-int-card-footer { color: #4285F4 !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"#0078D7\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"#0078D7\"] .crm-int-card-footer { color: #0078D7 !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"#0092FF\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"#0092FF\"] .crm-int-card-footer { color: #0092FF !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"#E3B600\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"#E3B600\"] .crm-int-card-footer { color: #E3B600 !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"#21759B\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"#21759B\"] .crm-int-card-footer { color: #21759B !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"#635BFF\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"#635BFF\"] .crm-int-card-footer { color: #635BFF !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"emerald\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"emerald\"] .crm-int-card-footer { color: var(--crm-int-color-emerald) !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"sky\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"sky\"] .crm-int-card-footer { color: var(--crm-int-color-sky) !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"slate\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"slate\"] .crm-int-card-footer { color: var(--crm-int-slate-900) !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"orange\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"orange\"] .crm-int-card-footer { color: var(--crm-int-color-orange) !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"rose\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"rose\"] .crm-int-card-footer { color: var(--crm-int-color-rose) !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"brand\"]:hover .crm-int-card-title, .crm-int-glass[data-color=\"brand\"] .crm-int-card-footer { color: var(--crm-int-brand-600) !important; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"emerald\"] .crm-int-icon-svg { color: var(--crm-int-color-emerald); }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"sky\"] .crm-int-icon-svg { color: var(--crm-int-color-sky); }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"orange\"] .crm-int-icon-svg { color: var(--crm-int-color-orange); }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"rose\"] .crm-int-icon-svg { color: var(--crm-int-color-rose); }<!-- [et_pb_line_break_holder] -->        .crm-int-glass[data-color=\"brand\"] .crm-int-icon-svg { color: var(--crm-int-brand-600); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Suggestion Card --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-suggest-card { <!-- [et_pb_line_break_holder] -->            border: 2px dashed var(--crm-int-slate-300) !important;<!-- [et_pb_line_break_holder] -->            background-color: rgba(248, 250, 252, 0.6) !important; <!-- [et_pb_line_break_holder] -->            display: flex; align-items: center; justify-content: center; text-align: center; <!-- [et_pb_line_break_holder] -->            padding: 2rem !important;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-suggest-card:hover { border-color: var(--crm-int-brand-400) !important; background-color: #fff !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-suggest-card::before { display: none; }<!-- [et_pb_line_break_holder] -->        .crm-int-suggest-content { display: flex; flex-direction: column; align-items: center; width: 100%;}<!-- [et_pb_line_break_holder] -->        .crm-int-suggest-icon { width: 3.5rem; height: 3.5rem; border-radius: 50%; background-color: var(--crm-int-brand-50); color: var(--crm-int-brand-600); display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }<!-- [et_pb_line_break_holder] -->        .crm-int-suggest-card:hover .crm-int-suggest-icon { transform: scale(1.15) rotate(5deg); }<!-- [et_pb_line_break_holder] -->        .crm-int-suggest-card .crm-int-card-title { font-size: 1.125rem !important; margin-bottom: 0.25rem !important; color: var(--crm-int-slate-900);}<!-- [et_pb_line_break_holder] -->        .crm-int-suggest-card .crm-int-card-desc { margin-bottom: 1.25rem !important; display: block; color: var(--crm-int-slate-600);}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Empty State --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-empty { text-align: center; padding: 5rem 0 !important; display: none; }<!-- [et_pb_line_break_holder] -->        .crm-int-visible { display: block !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; background-color: #fff; border: 1px solid var(--crm-int-slate-200) !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); margin-bottom: 1rem; color: var(--crm-int-slate-400); }<!-- [et_pb_line_break_holder] -->        .crm-int-empty-icon svg { width: 2rem; height: 2rem; }<!-- [et_pb_line_break_holder] -->        .crm-int-empty h3 { font-size: 1.25rem; font-weight: 700; color: var(--crm-int-slate-900); margin-bottom: 0.5rem; margin-top:0;}<!-- [et_pb_line_break_holder] -->        .crm-int-empty p { color: var(--crm-int-slate-600); margin-bottom: 2rem; margin-top:0;}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Buttons --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-btn-primary { display: inline-flex; justify-content: center; align-items: center; padding: 0.75rem 1.25rem !important; background-color: var(--crm-int-brand-600) !important; color: #fff !important; font-size: 0.875rem; font-weight: 600; border-radius: 0.75rem !important; border:none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); transition: background-color 0.2s; text-decoration: none;}<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-btn-primary:hover { background-color: var(--crm-int-brand-500) !important; color: #fff !important;}<!-- [et_pb_line_break_holder] -->        .crm-int-btn-primary svg { width: 1rem; height: 1rem; margin-left: 0.8rem; rotate: 90deg;}<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-btn-secondary { display: inline-flex; justify-content: center; align-items: center; padding: 0.6rem 1.25rem !important; background-color: #fff !important; color: var(--crm-int-slate-700) !important; font-size: 0.875rem; font-weight: 600; border-radius: 0.75rem !important; border: 1px solid var(--crm-int-slate-200) !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); transition: all 0.2s; text-decoration: none;}<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-btn-secondary:hover { background-color: var(--crm-int-slate-50) !important; border-color: var(--crm-int-slate-300) !important; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* --- Animations --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-anim-enter { opacity: 0; transform: translateY(20px); animation: crmIntFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }<!-- [et_pb_line_break_holder] -->        @keyframes crmIntFade { to { opacity: 1; transform: translateY(0); } }<!-- [et_pb_line_break_holder] -->        .crm-int-anim-pop { animation: crmIntPop 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; }<!-- [et_pb_line_break_holder] -->        @keyframes crmIntPop { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } }<!-- [et_pb_line_break_holder] -->        .crm-int-anim-pulse { animation: crmIntPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }<!-- [et_pb_line_break_holder] -->        @keyframes crmIntPulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Modals --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-modal-wrap { position: fixed; inset: 0; z-index: 2147483647 !important; display: flex; align-items: center; justify-content: center; padding: 1rem; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s ease-out, visibility 0.3s; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 640px) { .crm-int-modal-wrap { padding: 1.5rem; } }<!-- [et_pb_line_break_holder] -->        .crm-int-modal-wrap.crm-int-show { opacity: 1; visibility: visible; pointer-events: auto; }<!-- [et_pb_line_break_holder] -->        .crm-int-modal-bg { position: absolute; inset: 0; background-color: rgba(15, 23, 42, 0.4); backdrop-filter: blur(4px); }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-modal-box { position: relative; background-color: #fff !important; border: 1px solid var(--crm-int-slate-200) !important; border-radius: 1rem !important; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25) !important; width: 100%; max-width: 32rem; padding: 1.5rem !important; display: flex; flex-direction: column; max-height: 90vh; transform: scale(0.95); transition: transform 0.3s ease-out; margin: auto; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 640px) { .crm-int-page .crm-int-modal-box { padding: 2rem !important; } }<!-- [et_pb_line_break_holder] -->        .crm-int-modal-wrap.crm-int-show .crm-int-modal-box { transform: scale(1); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-close-icon { position: absolute; top: 1rem; right: 1rem; color: var(--crm-int-slate-400); background-color: var(--crm-int-slate-100) !important; border-radius: 9999px !important; padding: 0.375rem !important; border:none !important; transition: background-color 0.2s, color 0.2s; }<!-- [et_pb_line_break_holder] -->        .crm-int-close-icon:hover { color: var(--crm-int-slate-600); background-color: var(--crm-int-slate-200) !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-close-icon:focus { outline: none; box-shadow: 0 0 0 2px var(--crm-int-brand-500) !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-close-icon svg { width: 1.25rem; height: 1.25rem; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-modal-head { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem !important; padding-right: 2rem; flex-shrink: 0; text-align: left; }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-modal-icon { width: 3.5rem !important; height: 3.5rem !important; border-radius: 0.75rem !important; background-color: #fff !important; display: flex; align-items: center; justify-content: center; border: 1px solid var(--crm-int-slate-200) !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); flex-shrink: 0; }<!-- [et_pb_line_break_holder] -->        .crm-int-modal-title { font-size: 1.5rem !important; font-weight: 700; color: var(--crm-int-slate-900); line-height: 1.2; margin: 0 !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-modal-cat { display: inline-block; margin-top: 0.375rem !important; padding: 0.125rem 0.625rem !important; font-size: 0.75rem; font-weight: 600; border-radius: 9999px !important; background-color: var(--crm-int-slate-100) !important; border: 1px solid var(--crm-int-slate-200) !important; color: var(--crm-int-slate-600); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-modal-body { margin-bottom: 2rem !important; overflow-y: auto; padding-right: 0.5rem; text-align: left; }<!-- [et_pb_line_break_holder] -->        .crm-int-modal-body h4 { font-size: 0.75rem; font-weight: 700; color: var(--crm-int-slate-400); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.75rem !important; margin-top:0 !important;}<!-- [et_pb_line_break_holder] -->        .crm-int-modal-text { color: var(--crm-int-slate-600); font-size: 0.875rem; line-height: 1.625; }<!-- [et_pb_line_break_holder] -->        .crm-int-modal-text .crm-int-modal-intro { font-weight: 600; color: var(--crm-int-slate-800); margin-bottom: 1rem !important; font-size: 0.95rem; }<!-- [et_pb_line_break_holder] -->        .crm-int-modal-text p { margin-bottom: 0.75rem !important; margin-top:0 !important;}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-modal-actions { display: flex; flex-direction: column; gap: 0.75rem; flex-shrink: 0; margin-top: auto; padding-top: 1rem !important; border-top: 1px solid var(--crm-int-slate-100) !important; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 640px) { .crm-int-page .crm-int-modal-actions { flex-direction: row; } }<!-- [et_pb_line_break_holder] -->        .crm-int-modal-actions .crm-int-btn-primary { flex: 1; }<!-- [et_pb_line_break_holder] -->        @media (min-width: 640px) { .crm-int-page .crm-int-modal-actions .crm-int-btn-secondary { flex: none; padding: 0.75rem 1.5rem !important; } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Forms --- *\/<!-- [et_pb_line_break_holder] -->        .crm-int-form-group { margin-bottom: 1.25rem !important; text-align: left; }<!-- [et_pb_line_break_holder] -->        .crm-int-form-group label { display: block; font-size: 0.875rem; font-weight: 600; color: var(--crm-int-slate-700); margin-bottom: 0.5rem !important; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-form-control { <!-- [et_pb_line_break_holder] -->            width: 100% !important; <!-- [et_pb_line_break_holder] -->            padding: 0.75rem 1rem !important;<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--crm-int-slate-200) !important;<!-- [et_pb_line_break_holder] -->            border-radius: 0.5rem !important; <!-- [et_pb_line_break_holder] -->            font-size: 0.875rem !important; color: var(--crm-int-slate-900) !important; <!-- [et_pb_line_break_holder] -->            font-family: inherit !important; transition: all 0.2s; <!-- [et_pb_line_break_holder] -->            background-color: var(--crm-int-slate-50) !important;<!-- [et_pb_line_break_holder] -->            outline: none !important; box-shadow: none !important;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-form-control:focus { border-color: var(--crm-int-brand-400) !important; background-color: #fff !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important; }<!-- [et_pb_line_break_holder] -->        .crm-int-page .crm-int-form-control::placeholder { color: var(--crm-int-slate-400) !important; }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"crm-int-bg-orbs\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-int-glow-orb crm-int-orb-1\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-int-glow-orb crm-int-orb-2\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-int-glow-orb crm-int-orb-3\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"crm-int-container\"><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<header class=\"crm-int-header\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-int-badge crm-int-anim-enter\" style=\"animation-delay: 0.1s;\"><!-- [et_pb_line_break_holder] -->                <svg class=\"crm-int-anim-pulse\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                Connected Ecosystem<!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<h1 class=\"crm-int-title crm-int-anim-enter\" style=\"animation-delay: 0.2s;\"><!-- [et_pb_line_break_holder] -->                Integrate Cirrus Shield with <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->                <span>your favorite tools<\/span><!-- [et_pb_line_break_holder] -->            <\/h1>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <pee class=\"crm-int-subtitle crm-int-anim-enter\" style=\"animation-delay: 0.3s;\"><!-- [et_pb_line_break_holder] -->                As a resolutely open platform, Cirrus Shield natively integrates with an ever-expanding set of applications. Access our documentation to configure your tools.<!-- [et_pb_line_break_holder] -->            <\/pee><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-int-search-box crm-int-anim-enter\" style=\"animation-delay: 0.4s;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-int-search-icon\"><!-- [et_pb_line_break_holder] -->                    <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><!-- [et_pb_line_break_holder] -->                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" \/><!-- [et_pb_line_break_holder] -->                    <\/svg><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <input type=\"text\" id=\"crmIntSearchInput\" class=\"crm-int-search-input\" placeholder=\"Search for an app (e.g., Stripe, Outlook...)\"><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/header>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-int-layout\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<aside class=\"crm-int-sidebar crm-int-anim-enter\" style=\"animation-delay: 0.5s;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-int-sidebar-sticky\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2 class=\"crm-int-filter-title\">Categories<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-int-filters-list crm-int-scrollbar-hide\" id=\"crmIntCategoryFilters\"><!-- [et_pb_line_break_holder] -->                        <button class=\"crm-int-filter-btn crm-int-filter-active\" data-filter=\"all\">All tools<\/button><!-- [et_pb_line_break_holder] -->                        <button class=\"crm-int-filter-btn\" data-filter=\"productivity\">Productivity &#038; Collaboration<\/button><!-- [et_pb_line_break_holder] -->                        <button class=\"crm-int-filter-btn\" data-filter=\"marketing\">Marketing Automation<\/button><!-- [et_pb_line_break_holder] -->                        <button class=\"crm-int-filter-btn\" data-filter=\"finance\">Finance &#038; Billing<\/button><!-- [et_pb_line_break_holder] -->                        <button class=\"crm-int-filter-btn\" data-filter=\"signature\">Electronic Signature<\/button><!-- [et_pb_line_break_holder] -->                        <button class=\"crm-int-filter-btn\" data-filter=\"data\">Data, ERP &#038; API<\/button><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/aside>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <main class=\"crm-int-main-content\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-int-grid\" id=\"crmIntGrid\"><!-- [et_pb_line_break_holder] -->                    <!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 0.6s;\" data-category=\"productivity\" data-color=\"#0078D4\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/static.vecteezy.com\/system\/resources\/previews\/029\/824\/490\/large_2x\/microsoft-outlook-logo-transparent-free-png.png\" alt=\"Microsoft Outlook\" class=\"crm-int-icon-img\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Productivity<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Outlook<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Synchronize contacts and events. Set merge rules to keep your tool up to date.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/admin-guide\/extensions\/extension-outlook\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>The Outlook extension allows you to synchronize contacts and events between Outlook and Cirrus Shield. Define the synchronization direction, merge rules, and synchronization frequency. The Outlook extension ensures your Outlook remains synced with Cirrus Shield.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 0.65s;\" data-category=\"productivity\" data-color=\"#006BFF\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/calendly\/006BFF\" alt=\"Calendly\" class=\"crm-int-icon-img\" style=\"width: 1.5rem; height: 1.5rem;\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Productivity<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Calendly<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">When your prospects schedule meetings, Cirrus Shield automatically creates the appointments in the CRM.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/admin-guide\/integrations\/integration-calendly\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>When your prospects schedule meetings through Calendly, Cirrus Shield automatically creates them as appointments in the CRM. If a prospect already exists, the event will simply be added to the existing record.<\/pee><pee>Several fields will be synchronized between Calendly and Cirrus Shield, such as: prospect&#8217;s first name, last name, email, company, appointment location, start date, and end date of the event.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 0.7s;\" data-category=\"productivity\" data-color=\"#4285F4\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlecalendar\/4285F4\" alt=\"Google Calendar\" class=\"crm-int-icon-img\" style=\"width: 1.5rem; height: 1.5rem;\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Productivity<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Google Calendar<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Synchronize your events and appointments between Google Calendar and the CRM for better time management.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/user-guide\/integrations\/google-calendar\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>Connect your Google Calendar account to find all your events directly in Cirrus Shield. This integration ensures your client appointments are always up to date across all your platforms, avoiding duplicates and oversights.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 0.75s;\" data-category=\"productivity\" data-color=\"#0078D7\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/static.vecteezy.com\/system\/resources\/previews\/049\/351\/013\/original\/microsoft-yammer-icon-logo-symbol-free-png.png\" alt=\"Yammer\" class=\"crm-int-icon-img\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Collaboration<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Yammer<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Improve internal communication by connecting your CRM to the Yammer enterprise social network.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/user-guide\/integrations\/yammer\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>Yammer integration allows you to broadcast key CRM information directly into your company\u2019s discussion threads. Foster transparency and alignment between sales, marketing, and support teams.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 0.8s;\" data-category=\"marketing\" data-color=\"#0092FF\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/brevo\/0092FF\" alt=\"Brevo\" class=\"crm-int-icon-img\" style=\"width: 1.75rem; height: 1.75rem;\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Marketing<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Brevo<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Synchronize your segments and track click and open statistics directly within the CRM.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/videos-de-formation-administrateur\/parametrer-cirrus-shield\/parametrage-de-sendinblue\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>Target your audience in Cirrus Shield by leveraging the wealth of data available in your 360\u00b0 view to segment your database as accurately as possible, then synchronize your segments into lists within Brevo (formerly Sendinblue).<\/pee><pee>Receive click and open information on your email campaigns directly in the CRM. Unsubscriptions and bounces automatically update the associated contact record.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 0.85s;\" data-category=\"marketing\" data-color=\"#E3B600\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/mailchimp\/FFE01B\" alt=\"Mailchimp\" class=\"crm-int-icon-img\" style=\"width: 1.75rem; height: 1.75rem;\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Marketing<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Mailchimp<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Synchronize your segments into lists within Mailchimp and automate your marketing campaigns.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/user-guide\/integrations\/mailchimp\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>Target your audience in Cirrus Shield by leveraging the wealth of data available in your 360\u00b0 view to segment your database as accurately as possible, then synchronize your segments into lists within Mailchimp (beta).<\/pee><pee>Ensure contact data consistency and track the impact of your newsletters without leaving your CRM.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 0.9s;\" data-category=\"marketing\" data-color=\"#21759B\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/wordpress\/21759B\" alt=\"WordPress\" class=\"crm-int-icon-img\" style=\"width: 1.5rem; height: 1.5rem;\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Marketing<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">WordPress<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Create website forms connected to the CRM for automatic lead generation.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/formulaires-wordpress\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>The Cirrus Shield WordPress extension allows you to easily create forms on your website that are connected to Cirrus Shield. You can connect a form to create leads, or any other type of data such as job applications or support requests.<\/pee><pee>Data is automatically created in the CRM. Configure email alerts, GDPR legal notices, or double opt-in.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 0.95s;\" data-category=\"finance\" data-color=\"#635BFF\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/stripe\/635BFF\" alt=\"Stripe\" class=\"crm-int-icon-img\" style=\"width: 2rem; height: 2rem;\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Finance<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Stripe<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Accept online payments (Cards, SEPA). Your invoice status is updated in real-time.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/user-guide\/integrations\/stripe\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>With its native integration with Stripe, Cirrus Shield allows you to have your invoices paid online. Each invoice will have a payment link generated by Cirrus Shield.<\/pee><pee>Send this link by email to your clients who can pay by credit card, SEPA direct debit, or digital wallet (Apple Pay, Google Pay). Once payment is made, your invoice status is automatically updated.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 1.0s;\" data-category=\"finance\" data-color=\"emerald\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/communaute.chorus-pro.gouv.fr\/wp-content\/uploads\/2017\/09\/Plan-de-travail-2@2x-2.png\" alt=\"Chorus Pro\" class=\"crm-int-icon-img\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Finance<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Chorus Pro<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Digitize your invoices for public administration. Simplify issuance and reduce payment delays.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/user-guide\/integrations\/chorus-pro\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>Chorus Pro is an electronic invoicing platform developed by the AIFE in France, promoting the digitization of invoices for companies working with public administration.<\/pee><pee>It simplifies issuance, delivery, and tracking of invoices, reducing payment delays. Its use is mandatory for certain companies dealing with the public sector in France.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 1.05s;\" data-category=\"finance\" data-color=\"sky\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2024\/01\/Ponto-480x270.png\" alt=\"Ponto\" class=\"crm-int-icon-img\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Finance<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Ponto<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Open banking solution to retrieve account info and initiate payments from the CRM.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\"><\/div>\n<p> <!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>Ponto by Isabel Group is an open banking solution providing businesses with secure access to their customers&#8217; banking data.<\/pee><pee>The platform offers two main services: retrieving detailed account information (including balance and transactions), and the ability to initiate payments directly from customer accounts for optimized financial management.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 1.1s;\" data-category=\"signature\" data-color=\"slate\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2024\/01\/Docusign-2-480x270.png\" alt=\"DocuSign\" class=\"crm-int-icon-img\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Signature<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">DocuSign<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Offers a secure solution to sign, send, and track agreements electronically from the CRM.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/user-guide\/integrations\/docusign\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>DocuSign is a popular electronic signature platform for digital document management. It offers a secure solution for signing, sending, and electronically tracking agreements.<\/pee><pee>The platform reduces dependence on paper, simplifying business processes. it enables real-time tracking and secure archiving of signed documents.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 1.15s;\" data-category=\"signature\" data-color=\"#0061FF\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/tse1.mm.bing.net\/th\/id\/OIP.x7NZETR6b58wyxzLaqYdGAAAAA?rs=1&#038;pid=ImgDetMain&#038;o=7&#038;rm=3\" alt=\"HelloSign\" class=\"crm-int-icon-img\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Signature<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">HelloSign<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Electronic signature solution to send, sign, and save documents securely.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/user-guide\/integrations\/hellosign-utilisation\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>By connecting HelloSign to Cirrus Shield, you benefit from an electronic signature solution that allows your teams to send, sign, and securely store documents essential to their business.<\/pee><pee>Electronic signatures speed up your workflows, improve document processing times, and significantly reduce sales cycles.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 1.2s;\" data-category=\"data\" data-color=\"orange\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2024\/01\/Sirene-480x270.png\" alt=\"Sirene\" class=\"crm-int-icon-img\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Data &#038; API<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">SIRENE (INSEE)<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Connect to the INSEE database to autocomplete the legal information of your company records.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/user-guide\/integrations\/sirene\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>SIRENE is the official database managed by INSEE in France, listing all active companies and establishments in the territory. Each entity is identified by a unique SIREN number.<\/pee><pee>This crucial resource provides information such as legal form, activity, and geographic location of registered entities. This ensures the cleanliness and accuracy of your CRM database.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 1.25s;\" data-category=\"data\" data-color=\"rose\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <img decoding=\"async\" src=\"https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2020\/10\/Capture-d\u2019\u00e9cran-2020-10-12-\u00e0-16.36.35.png\" alt=\"Myddleware\" class=\"crm-int-icon-img\"><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Data &#038; API<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Myddleware<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Open source connector to communicate between Cirrus Shield and Mautic, Hubspot, Sage, Dolist, etc.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/docs\/user-guide\/integrations\/myddleware\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>Myddleware is an open-source middleware solution that allows for connecting a multitude of solutions together. The free Myddleware connector for Cirrus Shield lets your CRM communicate seamlessly.<\/pee><pee>Connect with the entire ecosystem of compatible solutions such as: Mautic, Hubspot, Dolist, Sage50, Sage Financials, and many others.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-card crm-int-glass crm-int-anim-enter\" style=\"animation-delay: 1.3s;\" data-category=\"data\" data-color=\"brand\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-head\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-icon-wrap\"><!-- [et_pb_line_break_holder] -->                                <svg class=\"crm-int-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <span class=\"crm-int-card-tag\">Data &#038; API<\/span><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 class=\"crm-int-card-title\">Cirrus Shield API<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee class=\"crm-int-card-desc\">Low-code application platform offering an open and secure REST API for developing your integrations.<\/pee><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-card-footer\">View more <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg><\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-url crm-int-hidden\">https:\/\/help.cirrus-shield.com\/<\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-hidden-desc crm-int-hidden\"><pee>As a \u201cLow-code\u201d application platform, Cirrus Shield offers an open, complete, and secure REST API.<\/pee><pee>This allows your technical teams to develop any type of custom integration with your company&#8217;s information system, your existing ERPs, or specific third-party applications.<\/pee><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    <\/p>\n<article class=\"crm-int-glass crm-int-suggest-card crm-int-anim-enter crm-int-is-suggest\" style=\"animation-delay: 1.35s;\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"crm-int-suggest-content\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"crm-int-suggest-icon\"><!-- [et_pb_line_break_holder] -->                                <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" style=\"width: 1.5rem; height: 1.5rem;\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3 class=\"crm-int-card-title\">Missing a tool?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <pee class=\"crm-int-card-desc\">Let us know about your needs.<\/pee><!-- [et_pb_line_break_holder] -->                            <button class=\"crm-int-btn-secondary crm-int-suggest-trigger\">Suggest an app<\/button><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/article>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div id=\"crmIntEmptyState\" class=\"crm-int-empty crm-int-anim-pop\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-int-empty-icon\"><!-- [et_pb_line_break_holder] -->                        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3>No integration found<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee>Is the tool you&#8217;re looking for not listed yet?<\/pee><!-- [et_pb_line_break_holder] -->                    <button class=\"crm-int-btn-primary crm-int-suggest-trigger\" style=\"margin-top: 1.5rem;\"><!-- [et_pb_line_break_holder] -->                        Suggest this application<!-- [et_pb_line_break_holder] -->                    <\/button><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/main><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"crmIntModal\" class=\"crm-int-modal-wrap\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"crmIntModalBackdrop\" class=\"crm-int-modal-bg\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"crmIntModalContent\" class=\"crm-int-modal-box\"><!-- [et_pb_line_break_holder] -->            <button id=\"crmIntBtnClose\" class=\"crm-int-close-icon\" aria-label=\"Close\"><!-- [et_pb_line_break_holder] -->                <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->            <\/button><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-int-modal-head\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div id=\"crmIntModalIcon\" class=\"crm-int-modal-icon\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3 id=\"crmIntModalTitle\" class=\"crm-int-modal-title\">App Name<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <span id=\"crmIntModalCategory\" class=\"crm-int-modal-cat\">Category<\/span><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-int-modal-body crm-int-scroll\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h4>About the integration<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div id=\"crmIntModalDesc\" class=\"crm-int-modal-text\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-int-modal-actions\"><!-- [et_pb_line_break_holder] -->                <button id=\"crmIntModalCloseAction\" class=\"crm-int-btn-secondary\">Close<\/button><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"crmIntSuggestModal\" class=\"crm-int-modal-wrap\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"crmIntSuggestBackdrop\" class=\"crm-int-modal-bg\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"crm-int-modal-box\"><!-- [et_pb_line_break_holder] -->            <button id=\"crmIntSuggestClose\" class=\"crm-int-close-icon\" aria-label=\"Close\"><!-- [et_pb_line_break_holder] -->                <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->            <\/button><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"crm-int-modal-head\" style=\"margin-bottom: 2rem !important;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-int-modal-icon\" style=\"color: var(--crm-int-brand-600);\"><!-- [et_pb_line_break_holder] -->                    <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" style=\"width: 1.75rem; height: 1.75rem;\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3 class=\"crm-int-modal-title\">Suggest an application<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee style=\"font-size: 0.875rem; color: var(--crm-int-slate-500); margin-top: 0.25rem; margin-bottom: 0;\">Is your dream tool missing? Let us know!<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<form id=\"crmIntSuggestForm\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-int-modal-body crm-int-scroll\" style=\"margin-bottom: 0 !important;\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-int-form-group\"><!-- [et_pb_line_break_holder] -->                        <label for=\"crmIntSuggestName\">Your name<\/label><!-- [et_pb_line_break_holder] -->                        <input type=\"text\" id=\"crmIntSuggestName\" class=\"crm-int-form-control\" required placeholder=\"E.g.: John Doe\"><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-int-form-group\"><!-- [et_pb_line_break_holder] -->                        <label for=\"crmIntSuggestEmail\">Professional email<\/label><!-- [et_pb_line_break_holder] -->                        <input type=\"email\" id=\"crmIntSuggestEmail\" class=\"crm-int-form-control\" required placeholder=\"john@company.com\"><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"crm-int-form-group\" style=\"margin-bottom: 0 !important;\"><!-- [et_pb_line_break_holder] -->                        <label for=\"crmIntSuggestApp\">Name of suggested app<\/label><!-- [et_pb_line_break_holder] -->                        <input type=\"text\" id=\"crmIntSuggestApp\" class=\"crm-int-form-control\" required placeholder=\"E.g.: Notion, Slack, Shopify...\"><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"crm-int-modal-actions\" style=\"margin-top: 1.5rem !important;\"><!-- [et_pb_line_break_holder] -->                    <button type=\"submit\" class=\"crm-int-btn-primary\" id=\"crmIntSubmitBtn\"><!-- [et_pb_line_break_holder] -->                        Send suggestion<!-- [et_pb_line_break_holder] -->                        <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9 2-9-18-9 18 9-2zm0 0v-8\"><\/path><\/svg><!-- [et_pb_line_break_holder] -->                    <\/button><!-- [et_pb_line_break_holder] -->                    <button type=\"button\" id=\"crmIntSuggestCancel\" class=\"crm-int-btn-secondary\">Cancel<\/button><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/form>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <script><!-- [et_pb_line_break_holder] -->        document.addEventListener('DOMContentLoaded', () => {<!-- [et_pb_line_break_holder] -->            const filterBtns = document.querySelectorAll('.crm-int-filter-btn');<!-- [et_pb_line_break_holder] -->            const cards = document.querySelectorAll('.crm-int-card');<!-- [et_pb_line_break_holder] -->            const suggestCard = document.querySelector('.crm-int-is-suggest');<!-- [et_pb_line_break_holder] -->            const searchInput = document.getElementById('crmIntSearchInput');<!-- [et_pb_line_break_holder] -->            const emptyState = document.getElementById('crmIntEmptyState');<!-- [et_pb_line_break_holder] -->            const grid = document.getElementById('crmIntGrid');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- 1. FILTERING LOGIC ---<!-- [et_pb_line_break_holder] -->            function filterCards() {<!-- [et_pb_line_break_holder] -->                const activeFilterBtn = document.querySelector('.crm-int-filter-btn.crm-int-filter-active');<!-- [et_pb_line_break_holder] -->                const activeFilter = activeFilterBtn ? activeFilterBtn.getAttribute('data-filter') : 'all';<!-- [et_pb_line_break_holder] -->                const searchTerm = searchInput.value.toLowerCase().trim();<!-- [et_pb_line_break_holder] -->                let visibleCount = 0;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                cards.forEach(card => {<!-- [et_pb_line_break_holder] -->                    if (card.classList.contains('crm-int-is-suggest')) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const category = card.getAttribute('data-category');<!-- [et_pb_line_break_holder] -->                    const title = card.querySelector('.crm-int-card-title').textContent.toLowerCase();<!-- [et_pb_line_break_holder] -->                    const desc = card.querySelector('.crm-int-card-desc').textContent.toLowerCase();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const matchesFilter = activeFilter === 'all' || category === activeFilter;<!-- [et_pb_line_break_holder] -->                    const matchesSearch = title.includes(searchTerm) || desc.includes(searchTerm);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    if (matchesFilter && matchesSearch) {<!-- [et_pb_line_break_holder] -->                        card.classList.remove('crm-int-hidden-card');<!-- [et_pb_line_break_holder] -->                        card.style.animation = 'none';<!-- [et_pb_line_break_holder] -->                        card.offsetHeight; <!-- [et_pb_line_break_holder] -->                        card.style.animation = null;<!-- [et_pb_line_break_holder] -->                        card.classList.add('crm-int-anim-pop');<!-- [et_pb_line_break_holder] -->                        visibleCount++;<!-- [et_pb_line_break_holder] -->                    } else {<!-- [et_pb_line_break_holder] -->                        card.classList.add('crm-int-hidden-card');<!-- [et_pb_line_break_holder] -->                        card.classList.remove('crm-int-anim-pop');<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                if(visibleCount === 0) {<!-- [et_pb_line_break_holder] -->                    emptyState.classList.add('crm-int-visible');<!-- [et_pb_line_break_holder] -->                    if(suggestCard) suggestCard.classList.add('crm-int-hidden-card');<!-- [et_pb_line_break_holder] -->                } else {<!-- [et_pb_line_break_holder] -->                    emptyState.classList.remove('crm-int-visible');<!-- [et_pb_line_break_holder] -->                    if(suggestCard) suggestCard.classList.remove('crm-int-hidden-card');<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            filterBtns.forEach(btn => {<!-- [et_pb_line_break_holder] -->                btn.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->                    filterBtns.forEach(b => b.classList.remove('crm-int-filter-active'));<!-- [et_pb_line_break_holder] -->                    btn.classList.add('crm-int-filter-active');<!-- [et_pb_line_break_holder] -->                    filterCards();<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            if (searchInput) {<!-- [et_pb_line_break_holder] -->                searchInput.addEventListener('input', filterCards);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- 2. SPOTLIGHT EFFECT ---<!-- [et_pb_line_break_holder] -->            if (grid) {<!-- [et_pb_line_break_holder] -->                grid.addEventListener('mousemove', e => {<!-- [et_pb_line_break_holder] -->                    const allCards = document.querySelectorAll('.crm-int-glass'); <!-- [et_pb_line_break_holder] -->                    for(const card of allCards) {<!-- [et_pb_line_break_holder] -->                        const rect = card.getBoundingClientRect();<!-- [et_pb_line_break_holder] -->                        const x = e.clientX - rect.left;<!-- [et_pb_line_break_holder] -->                        const y = e.clientY - rect.top;<!-- [et_pb_line_break_holder] -->                        card.style.setProperty('--mouse-x', `${x}px`);<!-- [et_pb_line_break_holder] -->                        card.style.setProperty('--mouse-y', `${y}px`);<!-- [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] -->            \/\/ --- 3. INTEGRATION MODAL MANAGEMENT ---<!-- [et_pb_line_break_holder] -->            const integrationModal = document.getElementById('crmIntModal');<!-- [et_pb_line_break_holder] -->            const modalBackdrop = document.getElementById('crmIntModalBackdrop');<!-- [et_pb_line_break_holder] -->            const closeModalBtn = document.getElementById('crmIntBtnClose');<!-- [et_pb_line_break_holder] -->            const closeModalActionBtn = document.getElementById('crmIntModalCloseAction');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function openIntegrationModal(card) {<!-- [et_pb_line_break_holder] -->                if(card.classList.contains('crm-int-is-suggest')) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                const title = card.querySelector('.crm-int-card-title').textContent;<!-- [et_pb_line_break_holder] -->                const category = card.querySelector('.crm-int-card-tag').textContent;<!-- [et_pb_line_break_holder] -->                const iconHtml = card.querySelector('.crm-int-icon-wrap').innerHTML;<!-- [et_pb_line_break_holder] -->                const shortDesc = card.querySelector('.crm-int-card-desc').textContent;<!-- [et_pb_line_break_holder] -->                const fullDescHtml = card.querySelector('.crm-int-hidden-desc').innerHTML;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                document.getElementById('crmIntModalTitle').textContent = title;<!-- [et_pb_line_break_holder] -->                document.getElementById('crmIntModalCategory').textContent = category;<!-- [et_pb_line_break_holder] -->                document.getElementById('crmIntModalIcon').innerHTML = iconHtml;<!-- [et_pb_line_break_holder] -->                document.getElementById('crmIntModalDesc').innerHTML = `<pee class=\"crm-int-modal-intro\">${shortDesc}<\/pee>${fullDescHtml}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                integrationModal.classList.add('crm-int-show');<!-- [et_pb_line_break_holder] -->                document.documentElement.classList.add('crm-int-body-lock');<!-- [et_pb_line_break_holder] -->                document.body.classList.add('crm-int-body-lock');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function closeIntegrationModal() {<!-- [et_pb_line_break_holder] -->                integrationModal.classList.remove('crm-int-show');<!-- [et_pb_line_break_holder] -->                setTimeout(() => {<!-- [et_pb_line_break_holder] -->                    const suggestModal = document.getElementById('crmIntSuggestModal');<!-- [et_pb_line_break_holder] -->                    if(!suggestModal || !suggestModal.classList.contains('crm-int-show')) {<!-- [et_pb_line_break_holder] -->                        document.documentElement.classList.remove('crm-int-body-lock');<!-- [et_pb_line_break_holder] -->                        document.body.classList.remove('crm-int-body-lock');<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                }, 300);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            cards.forEach(card => card.addEventListener('click', () => openIntegrationModal(card)));<!-- [et_pb_line_break_holder] -->            if(closeModalBtn) closeModalBtn.addEventListener('click', closeIntegrationModal);<!-- [et_pb_line_break_holder] -->            if(closeModalActionBtn) closeModalActionBtn.addEventListener('click', closeIntegrationModal);<!-- [et_pb_line_break_holder] -->            if(modalBackdrop) modalBackdrop.addEventListener('click', closeIntegrationModal);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- 4. SUGGESTION MODAL MANAGEMENT ---<!-- [et_pb_line_break_holder] -->            const suggestModal = document.getElementById('crmIntSuggestModal');<!-- [et_pb_line_break_holder] -->            const suggestBackdrop = document.getElementById('crmIntSuggestBackdrop');<!-- [et_pb_line_break_holder] -->            const closeSuggestBtn = document.getElementById('crmIntSuggestClose');<!-- [et_pb_line_break_holder] -->            const cancelSuggestBtn = document.getElementById('crmIntSuggestCancel');<!-- [et_pb_line_break_holder] -->            const suggestTriggers = document.querySelectorAll('.crm-int-suggest-trigger');<!-- [et_pb_line_break_holder] -->            const suggestForm = document.getElementById('crmIntSuggestForm');<!-- [et_pb_line_break_holder] -->            const suggestAppNameInput = document.getElementById('crmIntSuggestApp');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function openSuggestModal() {<!-- [et_pb_line_break_holder] -->                if (searchInput) {<!-- [et_pb_line_break_holder] -->                    const currentSearch = searchInput.value.trim();<!-- [et_pb_line_break_holder] -->                    if(currentSearch) {<!-- [et_pb_line_break_holder] -->                        suggestAppNameInput.value = currentSearch;<!-- [et_pb_line_break_holder] -->                    } else {<!-- [et_pb_line_break_holder] -->                        suggestAppNameInput.value = '';<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                suggestModal.classList.add('crm-int-show');<!-- [et_pb_line_break_holder] -->                document.documentElement.classList.add('crm-int-body-lock');<!-- [et_pb_line_break_holder] -->                document.body.classList.add('crm-int-body-lock');<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            function closeSuggestModal() {<!-- [et_pb_line_break_holder] -->                suggestModal.classList.remove('crm-int-show');<!-- [et_pb_line_break_holder] -->                setTimeout(() => {<!-- [et_pb_line_break_holder] -->                    if(!integrationModal.classList.contains('crm-int-show')) {<!-- [et_pb_line_break_holder] -->                        document.documentElement.classList.remove('crm-int-body-lock');<!-- [et_pb_line_break_holder] -->                        document.body.classList.remove('crm-int-body-lock');<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                }, 300);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            suggestTriggers.forEach(btn => btn.addEventListener('click', openSuggestModal));<!-- [et_pb_line_break_holder] -->            if(closeSuggestBtn) closeSuggestBtn.addEventListener('click', closeSuggestModal);<!-- [et_pb_line_break_holder] -->            if(cancelSuggestBtn) cancelSuggestBtn.addEventListener('click', closeSuggestModal);<!-- [et_pb_line_break_holder] -->            if(suggestBackdrop) suggestBackdrop.addEventListener('click', closeSuggestModal);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/\/ --- 5. AJAX FORM SUBMISSION ---<!-- [et_pb_line_break_holder] -->            if(suggestForm) {<!-- [et_pb_line_break_holder] -->                suggestForm.addEventListener('submit', (e) => {<!-- [et_pb_line_break_holder] -->                    e.preventDefault();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const name = document.getElementById('crmIntSuggestName').value;<!-- [et_pb_line_break_holder] -->                    const email = document.getElementById('crmIntSuggestEmail').value;<!-- [et_pb_line_break_holder] -->                    const appName = document.getElementById('crmIntSuggestApp').value;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const submitBtn = document.getElementById('crmIntSubmitBtn');<!-- [et_pb_line_break_holder] -->                    const originalBtnText = submitBtn.innerHTML;<!-- [et_pb_line_break_holder] -->                    submitBtn.innerHTML = 'Sending... <svg class=\"crm-int-anim-pulse\" style=\"width: 1rem; height: 1rem; margin-left: 0.5rem;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path><\/svg>';<!-- [et_pb_line_break_holder] -->                    submitBtn.disabled = true;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const formData = new FormData();<!-- [et_pb_line_break_holder] -->                    formData.append('action', 'send_app_suggestion');<!-- [et_pb_line_break_holder] -->                    formData.append('name', name);<!-- [et_pb_line_break_holder] -->                    formData.append('email', email);<!-- [et_pb_line_break_holder] -->                    formData.append('app_name', appName);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    const ajaxUrl = window.location.origin + '\/wp-admin\/admin-ajax.php';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    fetch(ajaxUrl, {<!-- [et_pb_line_break_holder] -->                        method: 'POST',<!-- [et_pb_line_break_holder] -->                        body: formData<!-- [et_pb_line_break_holder] -->                    })<!-- [et_pb_line_break_holder] -->                    .then(response => {<!-- [et_pb_line_break_holder] -->                        if (!response.ok) throw new Error(\"Network error\");<!-- [et_pb_line_break_holder] -->                        return response.text();<!-- [et_pb_line_break_holder] -->                    })<!-- [et_pb_line_break_holder] -->                    .then(text => {<!-- [et_pb_line_break_holder] -->                        try {<!-- [et_pb_line_break_holder] -->                            const data = JSON.parse(text);<!-- [et_pb_line_break_holder] -->                            if(data.success) {<!-- [et_pb_line_break_holder] -->                                alert(`Thank you ${name}! Your suggestion for the tool \"${appName}\" has been sent to our support team.`);<!-- [et_pb_line_break_holder] -->                                suggestForm.reset();<!-- [et_pb_line_break_holder] -->                                closeSuggestModal();<!-- [et_pb_line_break_holder] -->                            } else {<!-- [et_pb_line_break_holder] -->                                alert(\"An error occurred during sending. Please try again.\");<!-- [et_pb_line_break_holder] -->                            }<!-- [et_pb_line_break_holder] -->                        } catch(err) {<!-- [et_pb_line_break_holder] -->                            alert(`Thank you ${name}! Your suggestion for the tool \"${appName}\" has been recorded.`);<!-- [et_pb_line_break_holder] -->                            suggestForm.reset();<!-- [et_pb_line_break_holder] -->                            closeSuggestModal();<!-- [et_pb_line_break_holder] -->                        }<!-- [et_pb_line_break_holder] -->                    })<!-- [et_pb_line_break_holder] -->                    .catch(error => {<!-- [et_pb_line_break_holder] -->                        console.error('AJAX Error:', error);<!-- [et_pb_line_break_holder] -->                        alert(\"Connection error. Please try again later.\");<!-- [et_pb_line_break_holder] -->                    })<!-- [et_pb_line_break_holder] -->                    .finally(() => {<!-- [et_pb_line_break_holder] -->                        submitBtn.innerHTML = originalBtnText;<!-- [et_pb_line_break_holder] -->                        submitBtn.disabled = false;<!-- [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] -->            document.addEventListener('keydown', (e) => {<!-- [et_pb_line_break_holder] -->                if (e.key === 'Escape') {<!-- [et_pb_line_break_holder] -->                    if (integrationModal && integrationModal.classList.contains('crm-int-show')) closeIntegrationModal();<!-- [et_pb_line_break_holder] -->                    if (suggestModal && suggestModal.classList.contains('crm-int-show')) closeSuggestModal();<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    <\/script><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":3656,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-2186","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"thumbnail":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations-150x150.png",150,150,true],"medium":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations-300x292.png",300,292,true],"medium_large":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"large":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"1536x1536":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"2048x2048":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"et-pb-post-main-image":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations-371x250.png",371,250,true],"et-pb-post-main-image-fullwidth":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"et-pb-portfolio-image":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations-371x284.png",371,284,true],"et-pb-portfolio-module-image":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"et-pb-portfolio-image-single":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"et-pb-gallery-module-image-portrait":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"et-pb-post-main-image-fullwidth-large":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"et-pb-image--responsive--desktop":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"et-pb-image--responsive--tablet":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",371,361,false],"et-pb-image--responsive--phone":["https:\/\/www.cirrus-shield.fr\/wp-content\/uploads\/2021\/10\/CRM-Integrations.png",277,270,false]},"uagb_author_info":{"display_name":"Camille El Hage","author_link":"https:\/\/www.cirrus-shield.fr\/en\/article\/author\/celhage\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/2186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/comments?post=2186"}],"version-history":[{"count":60,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/2186\/revisions"}],"predecessor-version":[{"id":37155,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/2186\/revisions\/37155"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/media\/3656"}],"wp:attachment":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/media?parent=2186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}