{"id":37721,"date":"2026-01-15T11:56:07","date_gmt":"2026-01-15T10:56:07","guid":{"rendered":"https:\/\/www.cirrus-shield.fr\/tableaux-de-bords-bi\/"},"modified":"2026-05-11T16:56:31","modified_gmt":"2026-05-11T14:56:31","slug":"bi-dashboards-reporting-drive-growth","status":"publish","type":"page","link":"https:\/\/www.cirrus-shield.fr\/en\/bi-dashboards-reporting-drive-growth\/","title":{"rendered":"BI Dashboards &amp; Reporting: Drive Your Growth"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||5px|||&#8221; custom_css_free_form=&#8221;.bg-grid-pattern {||        background-image: radial-gradient(#cbd5e1 1px, transparent 1px);||        background-size: 30px 30px;||        opacity: 0.3;||    }&#8221; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#C2C2C2&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Ligne&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;|auto|32px|auto||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||11px|||&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;\/* Required Variables *\/||:root {||    &#8211;primary: #2563EB;||    &#8211;border: #E2E8F0;||}||||.pill-badge {||    display: inline-flex;||    align-items: center;||    gap: 8px;||    background: white;||    border: 1px solid var(&#8211;border);||    padding: 6px 16px;||    border-radius: 100px;||    font-size: 12px;||    font-weight: 700;||    color: var(&#8211;primary);||    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);||}||||.pill-badge i {||    font-size: 10px;||}&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/7.0.1\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"pill-badge\"><!-- [et_pb_line_break_holder] -->    <i class=\"fa-solid fa-chart-simple\"><\/i> Reporting &#038; BI Module<!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;Inter|800|||||||&#8221; header_text_align=&#8221;center&#8221; header_font_size=&#8221;50px&#8221; header_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Inter|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;35px&#8221; custom_margin=&#8221;|106px|0px|106px|false|true&#8221; custom_margin_tablet=&#8221;|0px||0px|false|true&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; hover_enabled=&#8221;0&#8243; header_font_size_tablet=&#8221;25px&#8221; header_font_size_phone=&#8221;30px&#8221; header_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h1>Clear Dashboards<br \/>\n<span style=\"color: #3f82f7;\">to Drive Your Growth<\/span><\/h1>\n<div class=\"video-container\"><\/div>\n<div class=\"logo-grid\"><\/div>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#64748b&#8221; text_font_size=&#8221;17px&#8221; text_line_height=&#8221;1.5em&#8221; header_font=&#8221;Inter|800|||||||&#8221; header_text_align=&#8221;center&#8221; header_font_size=&#8221;50px&#8221; header_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Inter|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;35px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;|82px||82px|false|true&#8221; custom_margin_tablet=&#8221;|0px||0px|false|true&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p class=\"cs-sales-text-lead cs-sales-hero-sub\" style=\"text-align: center;\"><span>Transform data into decisions. Create custom reports in just a few clicks and track your KPIs in real-time so you never navigate blind.<br \/><\/span><\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||49px|||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><a href=\"https:\/\/www.cirrus-shield.fr\/en\/demo-request\/\" class=\"hero-cta\"><!-- [et_pb_line_break_holder] -->    Book a Demo<!-- [et_pb_line_break_holder] -->    <i class=\"fa-solid fa-arrow-right\"><\/i><!-- [et_pb_line_break_holder] --><\/a><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* Core Variables *\/<!-- [et_pb_line_break_holder] -->:root {<!-- [et_pb_line_break_holder] -->    --primary: #3f82f7; <!-- [et_pb_line_break_holder] -->    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* Button Styles *\/<!-- [et_pb_line_break_holder] -->.hero-cta {<!-- [et_pb_line_break_holder] -->    display: inline-flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: center; \/* Key for keeping text centered if button stretches *\/<!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    background: var(--primary);<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    padding: 16px 40px;<!-- [et_pb_line_break_holder] -->    border-radius: 100px;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    font-family: 'Segoe UI', system-ui, sans-serif;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->    text-decoration: none;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/* Responsive Safety *\/<!-- [et_pb_line_break_holder] -->    box-sizing: border-box; \/* Prevents padding from breaking layout *\/<!-- [et_pb_line_break_holder] -->    max-width: 100%; \/* Prevents overflow on very small screens *\/<!-- [et_pb_line_break_holder] -->    white-space: nowrap; \/* Keeps text on one line *\/<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/* Modern Shadow *\/<!-- [et_pb_line_break_holder] -->    box-shadow: 0 20px 40px rgba(37, 99, 235, 0.3);<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/* Smooth Animation *\/<!-- [et_pb_line_break_holder] -->    transition: transform 0.3s var(--ease-out), box-shadow 0.3s var(--ease-out), width 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* Hover Effect *\/<!-- [et_pb_line_break_holder] -->.hero-cta:hover {<!-- [et_pb_line_break_holder] -->    transform: translateY(-3px);<!-- [et_pb_line_break_holder] -->    box-shadow: 0 25px 50px rgba(37, 99, 235, 0.4);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* Icon Animation *\/<!-- [et_pb_line_break_holder] -->.hero-cta:hover i {<!-- [et_pb_line_break_holder] -->    transform: translateX(4px);<!-- [et_pb_line_break_holder] -->    transition: transform 0.3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* --- RESPONSIVE MEDIA QUERIES --- *\/<!-- [et_pb_line_break_holder] -->\/* Tablet (max-width: 768px) *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->    .hero-cta {<!-- [et_pb_line_break_holder] -->        padding: 14px 30px; \/* Reduce padding slightly *\/<!-- [et_pb_line_break_holder] -->        font-size: 15px;    \/* Slightly smaller font *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->\/* Mobile (max-width: 480px) *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 480px) {<!-- [et_pb_line_break_holder] -->    .hero-cta {<!-- [et_pb_line_break_holder] -->        display: flex;      \/* Switches to flex block *\/<!-- [et_pb_line_break_holder] -->        width: 100%;        \/* Full width for easier tapping *\/<!-- [et_pb_line_break_holder] -->        padding: 14px 20px; \/* Compact padding *\/<!-- [et_pb_line_break_holder] -->        font-size: 14px;<!-- [et_pb_line_break_holder] -->        white-space: normal; \/* Allows text to wrap if it's very long *\/<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||11px|||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->    .pie-chart {<!-- [et_pb_line_break_holder] -->        background: conic-gradient(<!-- [et_pb_line_break_holder] -->            #fbbf24 0% 35%,   \/* Yellow - Construction *\/<!-- [et_pb_line_break_holder] -->            #f472b6 35% 55%,  \/* Pink - Education *\/<!-- [et_pb_line_break_holder] -->            #fb923c 55% 65%,  \/* Orange - Consulting *\/<!-- [et_pb_line_break_holder] -->            #a78bfa 65% 75%,  \/* Purple - Other *\/<!-- [et_pb_line_break_holder] -->            #2dd4bf 75% 90%,  \/* Teal - Tech *\/<!-- [et_pb_line_break_holder] -->            #3b82f6 90% 100%  \/* Blue - Services *\/<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] -->        border-radius: 50%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"mx-auto max-w-5xl bg-white rounded-2xl border border-slate-200 shadow-2xl p-2 relative group overflow-hidden\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-brand-500 via-purple-500 to-teal-500\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"flex items-center gap-2 px-4 py-3 border-b border-slate-100 bg-slate-50\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"w-3 h-3 rounded-full bg-slate-300\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"w-3 h-3 rounded-full bg-slate-300\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"w-3 h-3 rounded-full bg-slate-300\"><\/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=\"grid grid-cols-1 md:grid-cols-3 gap-4 p-6 bg-slate-50\/50\"><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"bg-white p-5 rounded-xl border border-slate-100 shadow-sm flex flex-col justify-between\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"text-slate-500 text-xs font-semibold uppercase mb-2\">Prospects by Industry<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"text-xs text-red-500 font-medium mt-1\">RecordCount<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"h-28 w-full mt-4 relative\"><!-- [et_pb_line_break_holder] -->                <svg viewBox=\"0 0 100 50\" class=\"w-full h-full overflow-visible\" preserveAspectRatio=\"none\"><!-- [et_pb_line_break_holder] -->                    <line x1=\"0\" y1=\"0\" x2=\"100\" y2=\"0\" stroke=\"#f1f5f9\" stroke-width=\"1\" \/><!-- [et_pb_line_break_holder] -->                    <line x1=\"0\" y1=\"25\" x2=\"100\" y2=\"25\" stroke=\"#f1f5f9\" stroke-width=\"1\" \/><!-- [et_pb_line_break_holder] -->                    <line x1=\"0\" y1=\"50\" x2=\"100\" y2=\"50\" stroke=\"#f1f5f9\" stroke-width=\"1\" \/><!-- [et_pb_line_break_holder] -->                    <path d=\"M0,48 L15,45 L25,30 L35,42 L50,45 L60,5 L70,48 L85,49 L100,48\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"drop-shadow-sm\" \/><!-- [et_pb_line_break_holder] -->                    <path d=\"M0,48 L15,45 L25,30 L35,42 L50,45 L60,5 L70,48 L85,49 L100,48 L100,50 L0,50 Z\" fill=\"#ef4444\" fill-opacity=\"0.1\" stroke=\"none\" \/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"bg-white p-5 rounded-xl border border-slate-100 shadow-sm flex flex-col items-center justify-center\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"w-full text-left\"><!-- [et_pb_line_break_holder] -->               <\/p>\n<div class=\"text-slate-500 text-xs font-semibold uppercase mb-4 text-center\">Accounts by Industry<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"w-28 h-28 pie-chart relative mb-4\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"grid grid-cols-2 gap-x-4 gap-y-2 w-full text-[10px] text-slate-600\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"flex items-center gap-1.5\"><span class=\"w-2 h-2 rounded-full bg-yellow-400\"><\/span> Construction<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"flex items-center gap-1.5\"><span class=\"w-2 h-2 rounded-full bg-pink-400\"><\/span> Education<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"flex items-center gap-1.5\"><span class=\"w-2 h-2 rounded-full bg-teal-400\"><\/span> Tech<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"flex items-center gap-1.5\"><span class=\"w-2 h-2 rounded-full bg-blue-500\"><\/span> Services<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"bg-white p-5 rounded-xl border border-slate-100 shadow-sm flex flex-col justify-between\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"text-slate-500 text-xs font-semibold uppercase mb-2\">Targets<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"text-2xl font-bold text-slate-800\">85% <span class=\"text-sm font-normal text-slate-400\">achieved<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"h-24 flex items-end gap-1.5 mt-2\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"w-full bg-brand-100 rounded-t-sm h-[30%]\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"w-full bg-brand-200 rounded-t-sm h-[50%]\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"w-full bg-brand-300 rounded-t-sm h-[40%]\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"w-full bg-brand-400 rounded-t-sm h-[70%]\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"w-full bg-brand-500 rounded-t-sm h-[60%]\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"w-full bg-brand-600 rounded-t-sm h-[90%]\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f8fafc&#8221; custom_padding=&#8221;0px||5px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;54px|||||&#8221; custom_css_free_form=&#8221;.et_pb_section_1.et_pb_section {||  border-radius: 0;||}&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;0px|||||&#8221; hover_enabled=&#8221;0&#8243; module_alignment_tablet=&#8221;&#8221; module_alignment_phone=&#8221;center&#8221; module_alignment_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<section class=\"py-16 lg:py-24 relative\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"max-w-7xl mx-auto px-6 relative z-10\"><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"grid lg:grid-cols-2 gap-10 lg:gap-16 items-center\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"space-y-6 flex flex-col items-center text-center lg:items-start lg:text-left\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"inline-flex items-center gap-2 text-red-600 font-semibold bg-white px-4 py-1.5 rounded-full text-sm border border-red-100 shadow-sm\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fa-solid fa-triangle-exclamation\"><\/i> The Problem<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<h3 class=\"text-2xl lg:text-3xl font-bold text-slate-900 leading-tight\"><!-- [et_pb_line_break_holder] -->                    You wait until month-end to know if you&#8217;ve hit your targets<!-- [et_pb_line_break_holder] -->                <\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <pee class=\"text-slate-600 leading-relaxed text-base lg:text-lg\"><!-- [et_pb_line_break_holder] -->                    You spend hours compiling reports for leadership, cross-referencing complex Excel files that are often outdated before they&#8217;re even finished.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"bg-white p-6 lg:p-8 rounded-3xl border border-slate-200 shadow-lg relative flex flex-col items-center text-center lg:items-start lg:text-left\"><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"absolute top-1\/2 -left-8 hidden lg:block w-8 h-0.5 border-t-2 border-dashed border-slate-300\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"inline-flex items-center gap-2 text-brand-600 font-semibold bg-brand-50 px-4 py-1.5 rounded-full text-sm border border-brand-100 mb-5\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fa-solid fa-check-circle\"><\/i> Cirrus Shield Solution<!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <pee class=\"text-xl font-bold text-slate-900 mb-3\"><!-- [et_pb_line_break_holder] -->                    An integrated <span class=\"text-brand-600\">BI Dashboards and Reporting<\/span> module.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->                <pee class=\"text-slate-600 leading-relaxed\"><!-- [et_pb_line_break_holder] -->                    Your data is already there, we simply help you make it speak.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||2px|||&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;0px||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;54px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||11px|||&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;\/* Required Variables *\/||:root {||    &#8211;primary: #2563EB;||    &#8211;border: #E2E8F0;||}||||.pill-badge {||    display: inline-flex;||    align-items: center;||    gap: 8px;||    background: white;||    border: 1px solid var(&#8211;border);||    padding: 6px 16px;||    border-radius: 100px;||    font-size: 12px;||    font-weight: 700;||    color: var(&#8211;primary);||    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);||}||||.pill-badge i {||    font-size: 10px;||}&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/7.0.1\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"pill-badge\"><!-- [et_pb_line_break_holder] -->FEATURES<\/div>\n<p>[\/et_pb_code][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;Inter|800|||||||&#8221; header_text_align=&#8221;center&#8221; header_font_size=&#8221;50px&#8221; header_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Inter|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;35px&#8221; custom_margin=&#8221;||0px|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;25px&#8221; header_2_font_size_phone=&#8221;25px&#8221; header_2_font_size_last_edited=&#8221;on|tablet&#8221; header_2_line_height_tablet=&#8221;&#8221; header_2_line_height_phone=&#8221;1.4em&#8221; header_2_line_height_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2 class=\"cs-sales-title-h2\">The Power of Your Data, Simplified<\/h2>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;1px|||||&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->        \/* --- Global Variables --- *\/<!-- [et_pb_line_break_holder] -->        :root {<!-- [et_pb_line_break_holder] -->            \/* Palette *\/<!-- [et_pb_line_break_holder] -->            --color-bg-light: #f8fafc;<!-- [et_pb_line_break_holder] -->            --color-bg-white: #ffffff;<!-- [et_pb_line_break_holder] -->            --color-border: #e2e8f0;<!-- [et_pb_line_break_holder] -->            --color-text-main: #0f172a;<!-- [et_pb_line_break_holder] -->            --color-text-sub: #475569;<!-- [et_pb_line_break_holder] -->            --color-text-muted: #94a3b8;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            --color-dark-bg: #0f172a;<!-- [et_pb_line_break_holder] -->            --color-dark-surface: #1e293b;<!-- [et_pb_line_break_holder] -->            --color-dark-border: #334155;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Accents *\/<!-- [et_pb_line_break_holder] -->            --accent-blue-light: #dbeafe;<!-- [et_pb_line_break_holder] -->            --accent-blue: #2563eb;<!-- [et_pb_line_break_holder] -->            --accent-brand: #3b82f6;<!-- [et_pb_line_break_holder] -->            --accent-brand-soft: #60a5fa;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            --accent-purple-light: #f3e8ff;<!-- [et_pb_line_break_holder] -->            --accent-purple: #9333ea;<!-- [et_pb_line_break_holder] -->            --accent-purple-soft: #c084fc;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            --accent-pink-soft: #f472b6;<!-- [et_pb_line_break_holder] -->            --accent-pink: #ec4899;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            --accent-green-light: #dcfce7;<!-- [et_pb_line_break_holder] -->            --accent-green: #22c55e;<!-- [et_pb_line_break_holder] -->            --accent-emerald-light: #ecfdf5;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Properties *\/<!-- [et_pb_line_break_holder] -->            --radius-md: 1rem;<!-- [et_pb_line_break_holder] -->            --radius-lg: 1.5rem;<!-- [et_pb_line_break_holder] -->            --shadow-card: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);<!-- [et_pb_line_break_holder] -->            --shadow-hover: 0 20px 25px -5px rgb(0 0 0 \/ 0.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Main Layout --- *\/<!-- [et_pb_line_break_holder] -->        .app-features-section {<!-- [et_pb_line_break_holder] -->            padding: 3rem 1.5rem;<!-- [et_pb_line_break_holder] -->            max-width: 1280px;<!-- [et_pb_line_break_holder] -->            margin: 0 auto;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .app-grid-layout {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->            gap: 2rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Feature Box (Base) --- *\/<!-- [et_pb_line_break_holder] -->        .feature-box {<!-- [et_pb_line_break_holder] -->            background-color: var(--color-bg-light);<!-- [et_pb_line_break_holder] -->            padding: 2rem;<!-- [et_pb_line_break_holder] -->            border-radius: var(--radius-md);<!-- [et_pb_line_break_holder] -->            border: 1px solid #d1d5db; \/* Light grey *\/<!-- [et_pb_line_break_holder] -->            transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .feature-box:hover {<!-- [et_pb_line_break_holder] -->            background-color: var(--color-bg-white);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--shadow-hover);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .feature-header-icon {<!-- [et_pb_line_break_holder] -->            width: 3.5rem;<!-- [et_pb_line_break_holder] -->            height: 3.5rem;<!-- [et_pb_line_break_holder] -->            border-radius: 1rem;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            font-size: 1.5rem;<!-- [et_pb_line_break_holder] -->            margin-bottom: 1.25rem;<!-- [et_pb_line_break_holder] -->            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);<!-- [et_pb_line_break_holder] -->            box-shadow: var(--shadow-card);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .feature-box:hover .feature-header-icon {<!-- [et_pb_line_break_holder] -->            transform: scale(1.1);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .feature-title {<!-- [et_pb_line_break_holder] -->            font-size: 1.25rem;<!-- [et_pb_line_break_holder] -->            font-weight: 700;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-main);<!-- [et_pb_line_break_holder] -->            margin-bottom: 0.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .feature-description {<!-- [et_pb_line_break_holder] -->            color: var(--color-text-sub);<!-- [et_pb_line_break_holder] -->            font-size: 1rem;<!-- [et_pb_line_break_holder] -->            margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Specific Variations --- *\/<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Box 1: Report Builder *\/<!-- [et_pb_line_break_holder] -->        .feature-box.type-builder:hover { border-color: var(--accent-brand-soft); }<!-- [et_pb_line_break_holder] -->        .icon-theme-blue { background-color: var(--accent-blue-light); color: var(--accent-blue); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .feature-checklist { list-style: none; font-size: 0.9rem; font-weight: 500; color: var(--color-text-sub); }<!-- [et_pb_line_break_holder] -->        .feature-checklist li { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; }<!-- [et_pb_line_break_holder] -->        .check-mark { color: var(--accent-green); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Box 2: KPI Stats *\/<!-- [et_pb_line_break_holder] -->        .feature-box.type-stats:hover { border-color: var(--accent-purple-soft); }<!-- [et_pb_line_break_holder] -->        .icon-theme-purple { background-color: var(--accent-purple-light); color: var(--accent-purple); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .stat-group { display: flex; flex-direction: column; gap: 0.75rem; }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        .stat-row {<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 1rem;<!-- [et_pb_line_break_holder] -->            padding: 0.75rem;<!-- [et_pb_line_break_holder] -->            background: var(--color-bg-white);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-border);<!-- [et_pb_line_break_holder] -->            border-radius: 0.75rem;<!-- [et_pb_line_break_holder] -->            transition: border-color 0.2s;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .feature-box.type-stats:hover .stat-row { border-color: #e9d5ff; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .stat-icon-circle {<!-- [et_pb_line_break_holder] -->            width: 2.5rem;<!-- [et_pb_line_break_holder] -->            height: 2.5rem;<!-- [et_pb_line_break_holder] -->            border-radius: 50%;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            flex-shrink: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .bg-circle-blue { background: var(--accent-blue-light); color: var(--accent-blue); }<!-- [et_pb_line_break_holder] -->        .bg-circle-purple { background: var(--accent-purple-light); color: var(--accent-purple); }<!-- [et_pb_line_break_holder] -->        .bg-circle-green { background: var(--accent-emerald-light); color: #059669; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .stat-text { font-size: 0.85rem; color: var(--color-text-sub); line-height: 1.3; }<!-- [et_pb_line_break_holder] -->        .stat-text b { color: var(--color-text-main); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Box 3: Dark Interactive Dashboard --- *\/<!-- [et_pb_line_break_holder] -->        .interactive-dashboard {<!-- [et_pb_line_break_holder] -->            grid-column: 1 \/ -1; \/* Span full width on mobile default, adjusted in media query *\/<!-- [et_pb_line_break_holder] -->            background-color: var(--color-dark-bg);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-dark-border);<!-- [et_pb_line_break_holder] -->            border-radius: var(--radius-lg);<!-- [et_pb_line_break_holder] -->            padding: 2rem;<!-- [et_pb_line_break_holder] -->            color: white;<!-- [et_pb_line_break_holder] -->            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .dashboard-intro { margin-bottom: 2rem; text-align: center; }<!-- [et_pb_line_break_holder] -->        .dashboard-intro h3 { font-size: 1.25rem; font-weight: 700; color: white; margin-bottom: 0.25rem; text-align: left; }<!-- [et_pb_line_break_holder] -->        .dashboard-intro p { font-size: 0.875rem; color: var(--color-text-muted); text-align: left; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .tabs-wrapper {<!-- [et_pb_line_break_holder] -->            display: grid;<!-- [et_pb_line_break_holder] -->            grid-template-columns: 1fr;<!-- [et_pb_line_break_holder] -->            gap: 1rem;<!-- [et_pb_line_break_holder] -->            margin-bottom: 1.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .tab-control {<!-- [et_pb_line_break_holder] -->            background-color: var(--color-dark-surface);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-dark-border);<!-- [et_pb_line_break_holder] -->            border-radius: 1rem;<!-- [et_pb_line_break_holder] -->            padding: 1rem;<!-- [et_pb_line_break_holder] -->            cursor: pointer;<!-- [et_pb_line_break_holder] -->            text-align: left;<!-- [et_pb_line_break_holder] -->            transition: all 0.2s ease;<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .tab-control:hover { background-color: var(--color-dark-border); }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/* Tab specific hover colors *\/<!-- [et_pb_line_break_holder] -->        .tab-control:hover#btn-sales { border-color: var(--accent-brand); }<!-- [et_pb_line_break_holder] -->        .tab-control:hover#btn-director { border-color: var(--accent-purple); }<!-- [et_pb_line_break_holder] -->        .tab-control:hover#btn-marketing { border-color: var(--accent-pink); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .tab-label { font-size: 0.7rem; font-weight: 800; text-transform: uppercase; display: block; margin-bottom: 0.25rem; }<!-- [et_pb_line_break_holder] -->        .tab-heading { font-size: 0.95rem; font-weight: 600; color: #f1f5f9; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Dynamic Text Colors *\/<!-- [et_pb_line_break_holder] -->        .color-brand { color: var(--accent-brand-soft); }<!-- [et_pb_line_break_holder] -->        .color-purple { color: var(--accent-purple-soft); }<!-- [et_pb_line_break_holder] -->        .color-pink { color: var(--accent-pink-soft); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Selected State *\/<!-- [et_pb_line_break_holder] -->        .tab-control.is-selected { background-color: var(--color-dark-border); }<!-- [et_pb_line_break_holder] -->        .tab-control.is-selected#btn-sales { border-color: var(--accent-brand); box-shadow: 0 0 0 1px var(--accent-brand); }<!-- [et_pb_line_break_holder] -->        .tab-control.is-selected#btn-director { border-color: var(--accent-purple); box-shadow: 0 0 0 1px var(--accent-purple); }<!-- [et_pb_line_break_holder] -->        .tab-control.is-selected#btn-marketing { border-color: var(--accent-pink); box-shadow: 0 0 0 1px var(--accent-pink); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Live Data View Area *\/<!-- [et_pb_line_break_holder] -->        #role-data-display {<!-- [et_pb_line_break_holder] -->            background-color: var(--color-dark-surface);<!-- [et_pb_line_break_holder] -->            border: 1px solid var(--color-dark-border);<!-- [et_pb_line_break_holder] -->            border-radius: 1rem;<!-- [et_pb_line_break_holder] -->            padding: 1.5rem;<!-- [et_pb_line_break_holder] -->            min-height: 120px;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            opacity: 1;<!-- [et_pb_line_break_holder] -->            transition: opacity 0.2s ease;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .live-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }<!-- [et_pb_line_break_holder] -->        .badge-live {<!-- [et_pb_line_break_holder] -->            font-size: 0.7rem;<!-- [et_pb_line_break_holder] -->            padding: 2px 6px;<!-- [et_pb_line_break_holder] -->            background: #334155;<!-- [et_pb_line_break_holder] -->            color: #cbd5e1;<!-- [et_pb_line_break_holder] -->            border: 1px solid #475569;<!-- [et_pb_line_break_holder] -->            border-radius: 4px;<!-- [et_pb_line_break_holder] -->            font-family: monospace;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .tags-container { display: flex; flex-wrap: wrap; gap: 0.75rem; }<!-- [et_pb_line_break_holder] -->        .data-tag {<!-- [et_pb_line_break_holder] -->            padding: 0.5rem 1rem;<!-- [et_pb_line_break_holder] -->            background: #334155;<!-- [et_pb_line_break_holder] -->            border: 1px solid #475569;<!-- [et_pb_line_break_holder] -->            border-radius: 0.5rem;<!-- [et_pb_line_break_holder] -->            font-size: 0.85rem;<!-- [et_pb_line_break_holder] -->            color: #e2e8f0;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            gap: 0.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Box 4: Export Section --- *\/<!-- [et_pb_line_break_holder] -->        .export-box {<!-- [et_pb_line_break_holder] -->            grid-column: 1 \/ -1;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            flex-direction: column;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            text-align: center;<!-- [et_pb_line_break_holder] -->            gap: 1.5rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .icon-theme-green { <!-- [et_pb_line_break_holder] -->            background-color: var(--accent-green-light); <!-- [et_pb_line_break_holder] -->            color: var(--accent-green); <!-- [et_pb_line_break_holder] -->            border-radius: 50%; \/* Circular for this one *\/<!-- [et_pb_line_break_holder] -->            width: 4rem; height: 4rem;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .btn-action-primary {<!-- [et_pb_line_break_holder] -->            width: 100%;<!-- [et_pb_line_break_holder] -->            background-color: white;<!-- [et_pb_line_break_holder] -->            color: var(--color-text-sub);<!-- [et_pb_line_break_holder] -->            border: 1px solid #cbd5e1;<!-- [et_pb_line_break_holder] -->            font-weight: 600;<!-- [et_pb_line_break_holder] -->            padding: 0.8rem 1.5rem;<!-- [et_pb_line_break_holder] -->            border-radius: 0.5rem;<!-- [et_pb_line_break_holder] -->            cursor: pointer;<!-- [et_pb_line_break_holder] -->            display: flex;<!-- [et_pb_line_break_holder] -->            align-items: center;<!-- [et_pb_line_break_holder] -->            justify-content: center;<!-- [et_pb_line_break_holder] -->            gap: 0.75rem;<!-- [et_pb_line_break_holder] -->            transition: all 0.2s;<!-- [et_pb_line_break_holder] -->            box-shadow: var(--shadow-card);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        .btn-action-primary:hover { background-color: #f1f5f9; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* --- Responsive Desktop --- *\/<!-- [et_pb_line_break_holder] -->        @media (min-width: 768px) {<!-- [et_pb_line_break_holder] -->            .app-features-section { padding: 5rem 2rem; }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .app-grid-layout {<!-- [et_pb_line_break_holder] -->                grid-template-columns: repeat(2, 1fr); \/* 2 columns *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .interactive-dashboard, .export-box {<!-- [et_pb_line_break_holder] -->                grid-column: span 2; \/* Span 2 columns *\/<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            .tabs-wrapper { grid-template-columns: repeat(3, 1fr); }<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            .export-box {<!-- [et_pb_line_break_holder] -->                flex-direction: row;<!-- [et_pb_line_break_holder] -->                text-align: left;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            .btn-action-primary { width: auto; }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<section class=\"app-features-section\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"app-grid-layout\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"feature-box type-builder\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"feature-header-icon icon-theme-blue\"><!-- [et_pb_line_break_holder] -->                <i class=\"fa-solid fa-pen-nib\"><\/i><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3 class=\"feature-title\">1. Drag &#038; Drop Report Builder<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee class=\"feature-description\"><!-- [et_pb_line_break_holder] -->                Build your reports without any technical skills. The intuitive interface gives you complete control.<!-- [et_pb_line_break_holder] -->            <\/pee><!-- [et_pb_line_break_holder] -->            <\/p>\n<ul class=\"feature-checklist\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<li><i class=\"fa-solid fa-check check-mark\"><\/i> Choose your axes (X and Y)<\/li>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<li><i class=\"fa-solid fa-check check-mark\"><\/i> Apply dynamic filters<\/li>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<li><i class=\"fa-solid fa-check check-mark\"><\/i> Select: Pie Chart, Bar Chart&#8230;<\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/ul>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"feature-box type-stats\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"feature-header-icon icon-theme-purple\"><!-- [et_pb_line_break_holder] -->                <i class=\"fa-solid fa-chart-line\"><\/i><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<h3 class=\"feature-title\">2. Real-Time KPIs<\/h3>\n<p><!-- [et_pb_line_break_holder] -->            <pee class=\"feature-description\"><!-- [et_pb_line_break_holder] -->                Unlike Excel, your dashboards are live and directly connected to your CRM.<!-- [et_pb_line_break_holder] -->            <\/pee><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"stat-group\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"stat-row\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"stat-icon-circle bg-circle-blue\"><i class=\"fa-solid fa-bullseye\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"stat-text\">Track <b>Revenue<\/b> vs Targets.<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"stat-row\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"stat-icon-circle bg-circle-purple\"><i class=\"fa-solid fa-filter\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"stat-text\">Analyze <b>conversion rate<\/b> by stage.<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"stat-row\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"stat-icon-circle bg-circle-green\"><i class=\"fa-solid fa-phone\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"stat-text\">Monitor <b>sales activity<\/b> (Calls, Meetings).<\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"interactive-dashboard\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"dashboard-intro\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>3. Role-Based Dashboards<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>Click to see the customized view<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"tabs-wrapper\"><!-- [et_pb_line_break_holder] -->                <button onclick=\"handleTabSwitch('sales')\" id=\"btn-sales\" class=\"tab-control\"><!-- [et_pb_line_break_holder] -->                    <span class=\"tab-label color-brand\">Sales Rep<\/span><!-- [et_pb_line_break_holder] -->                    <span class=\"tab-heading\">My Targets &#038; Pipeline<\/span><!-- [et_pb_line_break_holder] -->                <\/button><!-- [et_pb_line_break_holder] -->                <button onclick=\"handleTabSwitch('director')\" id=\"btn-director\" class=\"tab-control\"><!-- [et_pb_line_break_holder] -->                    <span class=\"tab-label color-purple\">Director<\/span><!-- [et_pb_line_break_holder] -->                    <span class=\"tab-heading\">Revenue &#038; Forecast<\/span><!-- [et_pb_line_break_holder] -->                <\/button><!-- [et_pb_line_break_holder] -->                <button onclick=\"handleTabSwitch('marketing')\" id=\"btn-marketing\" class=\"tab-control\"><!-- [et_pb_line_break_holder] -->                    <span class=\"tab-label color-pink\">Marketing<\/span><!-- [et_pb_line_break_holder] -->                    <span class=\"tab-heading\">ROI &#038; Leads<\/span><!-- [et_pb_line_break_holder] -->                <\/button><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div id=\"role-data-display\"><!-- [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=\"feature-box export-box\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"feature-header-icon icon-theme-green\"><!-- [et_pb_line_break_holder] -->                <i class=\"fa-solid fa-file-export\"><\/i><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div style=\"flex: 1;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3 class=\"feature-title\">4. Export and Share<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"feature-description\" style=\"margin-bottom: 0;\"><!-- [et_pb_line_break_holder] -->                    Need to present the figures in a meeting? Export your reports or share graphs directly in an executive committee presentation.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div style=\"flex-shrink: 0; min-width: 180px;\"><!-- [et_pb_line_break_holder] -->                    <button class=\"btn-action-primary\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fa-solid fa-download\" style=\"color: #94a3b8;\"><\/i> PDF \/ Excel<!-- [et_pb_line_break_holder] -->                    <\/button><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->    const dashboardData = {<!-- [et_pb_line_break_holder] -->        sales: {<!-- [et_pb_line_break_holder] -->            title: \"Sales Rep View\",<!-- [et_pb_line_break_holder] -->            colorClass: \"color-brand\", <!-- [et_pb_line_break_holder] -->            items: [<!-- [et_pb_line_break_holder] -->                { label: \"My targets\", icon: \"fa-bullseye\" },<!-- [et_pb_line_break_holder] -->                { label: \"Today's tasks\", icon: \"fa-list-check\" },<!-- [et_pb_line_break_holder] -->                { label: \"My pipeline\", icon: \"fa-filter\" }<!-- [et_pb_line_break_holder] -->            ]<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        director: {<!-- [et_pb_line_break_holder] -->            title: \"Director View\",<!-- [et_pb_line_break_holder] -->            colorClass: \"color-purple\", <!-- [et_pb_line_break_holder] -->            items: [<!-- [et_pb_line_break_holder] -->                { label: \"Total Revenue\", icon: \"fa-globe\" },<!-- [et_pb_line_break_holder] -->                { label: \"Quarterly Forecast\", icon: \"fa-chart-line\" },<!-- [et_pb_line_break_holder] -->                { label: \"Team Performance\", icon: \"fa-users\" }<!-- [et_pb_line_break_holder] -->            ]<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        marketing: {<!-- [et_pb_line_break_holder] -->            title: \"Marketing View\",<!-- [et_pb_line_break_holder] -->            colorClass: \"color-pink\", <!-- [et_pb_line_break_holder] -->            items: [<!-- [et_pb_line_break_holder] -->                { label: \"Campaign ROI\", icon: \"fa-sack-dollar\" },<!-- [et_pb_line_break_holder] -->                { label: \"Lead Volume\", icon: \"fa-magnet\" },<!-- [et_pb_line_break_holder] -->                { label: \"Cost per Lead\", icon: \"fa-percent\" }<!-- [et_pb_line_break_holder] -->            ]<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function handleTabSwitch(role) {<!-- [et_pb_line_break_holder] -->        \/\/ 1. Reset all tabs<!-- [et_pb_line_break_holder] -->        const allTabs = document.querySelectorAll('.tab-control');<!-- [et_pb_line_break_holder] -->        allTabs.forEach(tab => {<!-- [et_pb_line_break_holder] -->            tab.classList.remove('is-selected'); <!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ 2. Activate clicked tab<!-- [et_pb_line_break_holder] -->        const activeTab = document.getElementById(`btn-${role}`);<!-- [et_pb_line_break_holder] -->        if(activeTab) {<!-- [et_pb_line_break_holder] -->            activeTab.classList.add('is-selected');<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ 3. Update Content Area<!-- [et_pb_line_break_holder] -->        const data = dashboardData[role];<!-- [et_pb_line_break_holder] -->        const displayArea = document.getElementById('role-data-display');<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        \/\/ Simple fade out\/in effect<!-- [et_pb_line_break_holder] -->        displayArea.style.opacity = '0';<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        setTimeout(() => {<!-- [et_pb_line_break_holder] -->            let html = `<!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"live-header\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h4 class=\"feature-title ${data.colorClass}\" style=\"margin-bottom:0; font-size: 1.1rem; color:inherit;\">${data.title}<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                    <span class=\"badge-live\">LIVE DATA<\/span><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"tags-container\"><!-- [et_pb_line_break_holder] -->            `;<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            data.items.forEach(item => {<!-- [et_pb_line_break_holder] -->                html += `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"data-tag\"><!-- [et_pb_line_break_holder] -->                        <i class=\"fa-solid ${item.icon}\" style=\"color: #94a3b8;\"><\/i><!-- [et_pb_line_break_holder] -->                        ${item.label}<!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                `;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            html += `<\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->            displayArea.innerHTML = html;<!-- [et_pb_line_break_holder] -->            displayArea.style.opacity = '1';<!-- [et_pb_line_break_holder] -->        }, 150);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Initialize on load<!-- [et_pb_line_break_holder] -->    document.addEventListener('DOMContentLoaded', () => {<!-- [et_pb_line_break_holder] -->        handleTabSwitch('sales');<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(219,234,254,0.4)&#8221; custom_padding=&#8221;0px||5px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;54px|||||&#8221; custom_padding_tablet=&#8221;54px|||||&#8221; custom_padding_phone=&#8221;||2px||false|false&#8221; custom_css_free_form=&#8221;.et_pb_section_1.et_pb_section {||  border-radius: 0;||}&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;Inter|800|||||||&#8221; header_text_align=&#8221;center&#8221; header_font_size=&#8221;50px&#8221; header_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Inter|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;35px&#8221; custom_margin=&#8221;||0px|||&#8221; hover_enabled=&#8221;0&#8243; header_2_font_size_tablet=&#8221;25px&#8221; header_2_font_size_phone=&#8221;25px&#8221; header_2_font_size_last_edited=&#8221;on|tablet&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h2 class=\"cs-sales-title-h2\">The Power of Analysis<br \/>\n<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;#64748b&#8221; text_font_size=&#8221;17px&#8221; text_line_height=&#8221;1.5em&#8221; header_font=&#8221;Inter|800|||||||&#8221; header_text_align=&#8221;center&#8221; header_font_size=&#8221;50px&#8221; header_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Inter|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#000000&#8243; header_2_font_size=&#8221;35px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;|0px||0px|false|true&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cs-sales-text-center\">\n<div class=\"section-head\">\nStop flying blind. Let the data show you the way.\n<\/div>\n<\/div>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px|||||&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;.mb-20 {||    margin-bottom: 2rem;||}&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<section class=\" relative overflow-hidden\"><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[500px] bg-brand-100\/40 rounded-full blur-[100px] pointer-events-none\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"max-w-7xl mx-auto relative z-10\"><!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"grid md:grid-cols-3 gap-8 mb-20\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"group relative bg-white rounded-[2rem] p-8 shadow-lg shadow-slate-200\/50 hover:shadow-2xl hover:shadow-orange-500\/10 transition-all duration-300 hover:-translate-y-1 border border-white\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"absolute inset-0 border-2 border-transparent group-hover:border-orange-100 rounded-[2rem] transition-colors pointer-events-none\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"absolute top-4 right-8 text-9xl font-black text-slate-50 opacity-0 group-hover:opacity-100 transition-opacity duration-500 select-none -z-10\">1<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"w-14 h-14 rounded-2xl bg-orange-50 text-orange-500 flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition-transform shadow-sm group-hover:bg-orange-500 group-hover:text-white\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fa-solid fa-filter-circle-xmark\"><\/i><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<h4 class=\"text-xl font-bold text-slate-900 mb-3\">Bottlenecks<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"text-slate-600 leading-relaxed text-sm\"><!-- [et_pb_line_break_holder] -->                    Identify exactly where your pipeline slows down. Is it at qualification or closing? <span class=\"text-orange-600 font-semibold\">Course correct.<\/span><!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"group relative bg-white rounded-[2rem] p-8 shadow-lg shadow-slate-200\/50 hover:shadow-2xl hover:shadow-red-500\/10 transition-all duration-300 hover:-translate-y-1 border border-white\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"absolute inset-0 border-2 border-transparent group-hover:border-red-100 rounded-[2rem] transition-colors pointer-events-none\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"absolute top-4 right-8 text-9xl font-black text-slate-50 opacity-0 group-hover:opacity-100 transition-opacity duration-500 select-none -z-10\">2<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"w-14 h-14 rounded-2xl bg-red-50 text-red-500 flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition-transform shadow-sm group-hover:bg-red-500 group-hover:text-white\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fa-solid fa-arrow-trend-down\"><\/i><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<h4 class=\"text-xl font-bold text-slate-900 mb-3\">Lost Deals<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"text-slate-600 leading-relaxed text-sm\"><!-- [et_pb_line_break_holder] -->                    Finally understand <span class=\"text-red-600 font-semibold\">why<\/span> you lose opportunities. Price? Competition? Product? Analyze refusal patterns.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"group relative bg-white rounded-[2rem] p-8 shadow-lg shadow-slate-200\/50 hover:shadow-2xl hover:shadow-brand-500\/10 transition-all duration-300 hover:-translate-y-1 border border-white\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"absolute inset-0 border-2 border-transparent group-hover:border-brand-100 rounded-[2rem] transition-colors pointer-events-none\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"absolute top-4 right-8 text-9xl font-black text-slate-50 opacity-0 group-hover:opacity-100 transition-opacity duration-500 select-none -z-10\">3<\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"w-14 h-14 rounded-2xl bg-brand-50 text-brand-600 flex items-center justify-center text-2xl mb-6 group-hover:scale-110 transition-transform shadow-sm group-hover:bg-brand-600 group-hover:text-white\"><!-- [et_pb_line_break_holder] -->                    <i class=\"fa-solid fa-trophy\"><\/i><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                <\/p>\n<h4 class=\"text-xl font-bold text-slate-900 mb-3\">Top Performers<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"text-slate-600 leading-relaxed text-sm\"><!-- [et_pb_line_break_holder] -->                    Identify your best products and star sellers. <span class=\"text-brand-600 font-semibold\">Replicate their success<\/span> across your entire team.<!-- [et_pb_line_break_holder] -->                <\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"relative rounded-3xl overflow-hidden bg-white shadow-xl shadow-slate-200\/60 border border-slate-100\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"absolute left-0 top-0 bottom-0 w-2 bg-gradient-to-b from-brand-400 to-purple-500\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                           <!-- [et_pb_line_break_holder] -->              <!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;0px||0px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221; :root {||        \/* Couleurs du Design CTA *\/||        &#8211;cs-sales-blue: #3f82f7;||        &#8211;cs-sales-slate-dark: #0F172A;||        &#8211;cs-sales-slate-light: #1e293b;||        &#8211;cs-sales-gray-light: #cbd5e1;||        &#8211;cs-sales-white: #FFFFFF;||        &#8211;cs-sales-radius: 32px;||        ||        \/* Couleurs de la Modal *\/||        &#8211;cs-primary: #3f82f7;||        &#8211;cs-primary-dark: #3268c6;||        &#8211;cs-pop-green-bg: #e6fff0;||        &#8211;cs-pop-green-text: #008745;||        &#8211;cs-font-family: &#8216;Inter&#8217;, sans-serif;||    }||||    \/* &#8212; LAYOUT CTA &#8212; *\/||    .cs-sales-cta-wrap {||        padding: 50px 24px;||        background: var(&#8211;cs-sales-white);||        font-family: &#8216;Plus Jakarta Sans&#8217;, &#8216;Inter&#8217;, sans-serif;||        box-sizing: border-box;||    }||    .cs-sales-container { max-width: 1200px; margin: 0 auto; width: 100%; }||||    \/* &#8212; BOITE CTA (Design Sombre) &#8212; *\/||    .cs-sales-cta-box {||        background: linear-gradient(135deg, var(&#8211;cs-sales-slate-light) 0%, var(&#8211;cs-sales-slate-dark) 100%);||        border-radius: var(&#8211;cs-sales-radius);||        padding: 80px 60px;||        position: relative;||        overflow: hidden;||        display: flex;||        align-items: center;||        justify-content: space-between;||        box-shadow: 0 30px 60px -15px rgba(15, 23, 42, 0.25);||    }||||    .cs-sales-cta-box::before {||        content: &#8221;; position: absolute; top: -50%; right: -20%; width: 700px; height: 700px;||        background: radial-gradient(circle, rgba(63, 130, 247, 0.25) 0%, transparent 65%);||        border-radius: 50%; pointer-events: none;||    }||||    \/* Contenu Gauche *\/||    .cs-sales-cta-content { position: relative; z-index: 2; max-width: 570px; width: 100%; }||    ||    .cs-sales-cta-title {||        font-size: 2.47rem; font-weight: 800; color: white !important; line-height: 1.1; margin: 0 0 20px 0;||    }||    .cs-sales-cta-sub {||        color: var(&#8211;cs-sales-gray-light); font-size: 1.125rem; margin: 0 0 30px 0; line-height: 1.6;||    }||||    \/* Badges CTA *\/||    .cs-sales-badges { display: flex; gap: 20px; flex-wrap: wrap; }||    .cs-sales-badge-item { font-size: 0.95rem; color: var(&#8211;cs-sales-gray-light); display: flex; align-items: center; gap: 10px; font-weight: 500; }||    .cs-sales-check-circle { width: 24px; height: 24px; background: rgba(63, 130, 247, 0.2); color: var(&#8211;cs-sales-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: bold; flex-shrink: 0; }||||    \/* Actions Droite *\/||    .cs-sales-cta-actions { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 15px; min-width: 280px; }||||    \/* Boutons CTA *\/||    .cs-sales-btn {||        display: inline-flex; align-items: center; justify-content: center;||        padding: 16px 32px; font-size: 1rem; font-weight: 700; border-radius: 50px;||        text-decoration: none; transition: all 0.3s ease; cursor: pointer; border: none;||        font-family: inherit; white-space: nowrap;||    }||    .cs-sales-btn-primary {||        background: var(&#8211;cs-sales-blue); color: white;||        box-shadow: 0 8px 20px -5px rgba(63, 130, 247, 0.3);||    }||    .cs-sales-btn-primary:hover {||        background: #3268c6; transform: translateY(-2px);||        box-shadow: 0 12px 25px -5px rgba(63, 130, 247, 0.5);||    }||    .cs-sales-btn-glass {||        background: rgba(255, 255, 255, 0.05); color: white;||        border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px);||    }||    .cs-sales-btn-glass:hover {||        background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.4);||    }||||    \/* &#8212; STYLES MODAL &#8212; *\/||    #csSectionModal { ||        display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; ||        background: rgba(0, 0, 0, 0.6); z-index: 2147483647; ||        align-items: center; justify-content: center; ||        backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); ||        padding: 20px; \/* Safe padding for mobile *\/||        overflow-y: auto; \/* Allow scroll if screen is short *\/||    }||    ||    .cs-wp-modal-content { ||        background: white; padding: 40px; border-radius: 8px; width: 100%; max-width: 550px; ||        position: relative; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); text-align: center; ||        font-family: var(&#8211;cs-font-family); animation: cs-fadeIn 0.3s ease; ||        margin: auto; \/* Centers in flex container *\/||    }||    @keyframes cs-fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }||    ||    .cs-wp-close-modal { position: absolute; top: 15px; right: 20px; font-size: 2rem; cursor: pointer; color: #999; line-height: 0.8; font-weight: 300; transition: color 0.2s;}||    .cs-wp-close-modal:hover { color: #333; }||||    .cs-wp-modal-h2 { color: #00562d; font-size: 1.6rem; margin-bottom: 20px; line-height: 1.2; font-weight: 700; margin-top: 10px; }||    ||    .cs-wp-check-row { display: flex; justify-content: center; gap: 20px; font-size: 0.85rem; color: #26292c; margin-bottom: 20px; flex-wrap: wrap; }||    .cs-wp-check-item { display: flex; align-items: center; text-align: left;}||    .cs-wp-check-item::before { content: &#8216;\u2713&#8217;; color: #008745; margin-right: 5px; font-weight: bold; flex-shrink: 0;}||    ||    .cs-wp-modal-desc { font-size: 0.85rem; color: #444; margin-bottom: 20px; line-height: 1.5; padding: 0 10px; }||    .cs-wp-green-badge { background: var(&#8211;cs-pop-green-bg); color: var(&#8211;cs-pop-green-text); font-weight: 700; font-size: 0.85rem; padding: 8px 16px; border-radius: 50px; display: inline-block; margin-bottom: 25px; line-height: 1.4; }||    ||    .cs-wp-input-group { position: relative; text-align: left; margin-bottom: 15px; }||    .cs-wp-input-group svg { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); fill: #666; width: 18px; height: 18px; z-index: 10; pointer-events: none; }||    .cs-wp-modal-input { position: relative; z-index: 1; width: 100%; padding: 12px 12px 12px 45px !important; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; font-family: var(&#8211;cs-font-family); outline: none; background: white; box-sizing: border-box; }||    .cs-wp-modal-input:focus { border-color: var(&#8211;cs-primary); box-shadow: 0 0 0 2px var(&#8211;cs-primary-light); }||    ||    .cs-wp-checkbox-group { text-align: left; font-size: 0.75rem; color: #555; display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }||    .cs-wp-cb-row { display: flex; align-items: flex-start; gap: 10px; }||    .cs-wp-cb-row input { margin-top: 3px; flex-shrink: 0; }||    .cs-wp-cb-row a { color: var(&#8211;cs-primary); text-decoration: none; }||    ||    .cs-wp-modal-btn-primary { background: var(&#8211;cs-primary); color: white; font-weight: 600; width: 100%; padding: 14px 32px; border-radius: 50px; border: none; font-size: 1.1rem; cursor: pointer; transition: 0.2s; box-shadow: 0 4px 15px rgba(46, 163, 242, 0.3); font-family: var(&#8211;cs-font-family); }||    .cs-wp-modal-btn-primary:hover { background: var(&#8211;cs-primary-dark); transform: translateY(-3px); }||    .cs-wp-modal-btn-primary:disabled { background: #cccccc; cursor: not-allowed; box-shadow: none; transform: none; }||    ||    .cs-wp-login-link { margin-top: 15px; font-size: 0.9rem; color: #333; }||    .cs-wp-login-link a { color: var(&#8211;cs-primary); font-weight: 600; }||||    \/* &#8212; RESPONSIVE 100% &#8212; *\/||    ||    \/* Tablet &#038; Small Desktop (Max 900px) *\/||    @media (max-width: 900px) {||        .cs-sales-cta-box { flex-direction: column; text-align: center; padding: 60px 40px; gap: 40px; }||        .cs-sales-badges { justify-content: center; }||        .cs-sales-cta-actions { width: 100%; max-width: 400px; margin: 0 auto; }||        .cs-sales-cta-title { font-size: 2rem; }||        .cs-sales-cta-content { max-width: 100%; }||        \/* Modal Adjustments *\/||        .cs-wp-modal-content { max-width: 500px; }||    }||||    \/* Mobile (Max 600px) *\/||    @media (max-width: 600px) {||        .cs-sales-cta-wrap { padding: 30px 15px; }||        ||        \/* CTA Box Mobile *\/||        .cs-sales-cta-box { padding: 40px 24px; border-radius: 20px; }||        .cs-sales-cta-title { font-size: 1.75rem; }||        .cs-sales-cta-sub { font-size: 1rem; }||        ||        \/* Stack Badges vertically on very small screens if needed, otherwise wrap is fine *\/||        .cs-sales-badges { gap: 10px; }||        .cs-sales-badge-item { font-size: 0.85rem; width: 100%; justify-content: center; }||        ||        \/* Buttons Full Width *\/||        .cs-sales-cta-actions { width: 100%; min-width: auto; }||        .cs-sales-btn { width: 100%; padding: 14px 20px; font-size: 0.95rem; }||||        \/* Modal Mobile *\/||        .cs-wp-modal-content { padding: 30px 20px; width: 100%; }||        .cs-wp-modal-h2 { font-size: 1.35rem; }||        .cs-wp-check-row { flex-direction: column; align-items: center; gap: 10px; text-align: left; }||        .cs-wp-green-badge { font-size: 0.75rem; padding: 6px 12px; width: 100%; }||    }&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div class=\"cs-sales-cta-wrap\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"cs-sales-container\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"cs-sales-cta-box\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-sales-cta-content\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 class=\"cs-sales-cta-title\">Make Data-Driven Decisions.<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <pee class=\"cs-sales-cta-sub\">Stop flying blind. Centralize your data, visualize your performance in real-time, and transform information into strategic action.<\/pee><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"cs-sales-badges\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-sales-badge-item\">\n<div class=\"cs-sales-check-circle\">\u2713<\/div>\n<p> 30 Days Free Trial<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"cs-sales-badge-item\">\n<div class=\"cs-sales-check-circle\">\u2713<\/div>\n<p> No Credit Card Required<\/p><\/div>\n<\/p><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"cs-sales-cta-actions\"><!-- [et_pb_line_break_holder] -->                <button class=\"cs-sales-btn cs-sales-btn-primary\" onclick=\"openGlobalModal()\">Start Free Trial<\/button><!-- [et_pb_line_break_holder] -->                <a href=\"https:\/\/www.cirrus-shield.fr\/en\/demo-request\/\" class=\"cs-sales-btn cs-sales-btn-glass\" style=\"text-decoration: none;\">Book a Demo<\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Clear Dashboards to Drive Your Growth Transform data into decisions. Create custom reports in just a few clicks and track your KPIs in real-time so you never navigate blind.The Power of Your Data, SimplifiedThe Power of Analysis Stop flying blind. Let the data show you the way.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-37721","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"et-pb-post-main-image":false,"et-pb-post-main-image-fullwidth":false,"et-pb-portfolio-image":false,"et-pb-portfolio-module-image":false,"et-pb-portfolio-image-single":false,"et-pb-gallery-module-image-portrait":false,"et-pb-post-main-image-fullwidth-large":false,"et-pb-image--responsive--desktop":false,"et-pb-image--responsive--tablet":false,"et-pb-image--responsive--phone":false},"uagb_author_info":{"display_name":"Antoine El Khawand","author_link":"https:\/\/www.cirrus-shield.fr\/en\/article\/author\/antoine\/"},"uagb_comment_info":0,"uagb_excerpt":"Clear Dashboards to Drive Your Growth Transform data into decisions. Create custom reports in just a few clicks and track your KPIs in real-time so you never navigate blind.The Power of Your Data, SimplifiedThe Power of Analysis Stop flying blind. Let the data show you the way.","_links":{"self":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/comments?post=37721"}],"version-history":[{"count":3,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37721\/revisions"}],"predecessor-version":[{"id":37726,"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/pages\/37721\/revisions\/37726"}],"wp:attachment":[{"href":"https:\/\/www.cirrus-shield.fr\/en\/wp-json\/wp\/v2\/media?parent=37721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}