/* --- DESIGN TOKENS ----------------------------------- */
        :root {
            --crm-green:   #09cd91;
            --crm-green-d: #07b07c;
            --crm-blue:    #4fc3f7;
            --crm-purple:  #7c6dfa;
            --crm-amber:   #ffb74d;
            --crm-rose:    #f06292;
            --crm-teal:    #26c6da;
            --crm-orange:  #fb8c00;
            --card-bg:     rgba(255,255,255,0.035);
            --card-border: rgba(255,255,255,0.07);
            --text-muted:  rgba(200,208,220,0.65);
            --radius-xl:   20px;
            --transition:  0.25s ease;
        }

        /* --- HERO -------------------------------------------- */
        .crm-hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 130px 20px 90px;
            position: relative;
            overflow: hidden;
        }
        .crm-hero-orb {
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
        }
        .crm-hero-orb-1 {
            top: -10%; right: -8%;
            width: 680px; height: 680px;
            background: radial-gradient(circle, rgba(9,205,145,.10) 0%, transparent 68%);
        }
        .crm-hero-orb-2 {
            bottom: 0%; left: -10%;
            width: 520px; height: 520px;
            background: radial-gradient(circle, rgba(124,109,250,.08) 0%, transparent 68%);
        }
        .crm-hero-orb-3 {
            top: 35%; left: 42%;
            width: 350px; height: 350px;
            background: radial-gradient(circle, rgba(79,195,247,.07) 0%, transparent 68%);
        }

        /* Badge */
        .crm-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            background: rgba(9,205,145,.08);
            border: 1px solid rgba(9,205,145,.22);
            border-radius: 50px;
            padding: 5px 16px;
            font-size: 11.5px;
            font-weight: 600;
            color: var(--crm-green);
            letter-spacing: .06em;
            text-transform: uppercase;
            margin-bottom: 28px;
        }
        .crm-badge-dot {
            width: 6px; height: 6px;
            border-radius: 50%;
            background: var(--crm-green);
            animation: crm-pulse 1.8s ease-in-out infinite;
        }
        @keyframes crm-pulse {
            0%,100%{ opacity:1; transform:scale(1); }
            50%    { opacity:.4; transform:scale(.7); }
        }

        /* Hero text */
        .crm-hero-headline {
            font-size: clamp(2.4rem, 5.5vw, 3.8rem);
            font-weight: 800;
            line-height: 1.12;
            color: #f0f4f8;
            margin-bottom: 22px;
            letter-spacing: -.02em;
        }
        .crm-grad {
            background: linear-gradient(135deg, var(--crm-green) 0%, var(--crm-blue) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .crm-grad-purple {
            background: linear-gradient(135deg, var(--crm-purple) 0%, var(--crm-blue) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .crm-hero-sub {
            font-size: 1.08rem;
            color: var(--text-muted);
            line-height: 1.75;
            max-width: 560px;
            margin-bottom: 40px;
        }

        /* Buttons */
        .crm-btn-primary {
            display: inline-flex; align-items: center; gap: 8px;
            background: linear-gradient(135deg, var(--crm-green) 0%, var(--crm-green-d) 100%);
            color: #050e1c;
            font-weight: 700; font-size: .9rem;
            padding: 13px 30px;
            border-radius: 10px;
            text-decoration: none;
            transition: opacity var(--transition), transform var(--transition);
            letter-spacing: .02em;
        }
        .crm-btn-primary:hover { opacity:.88; transform:translateY(-2px); color:#050e1c; text-decoration:none; }
        .crm-btn-secondary {
            display: inline-flex; align-items: center; gap: 8px;
            background: rgba(255,255,255,.06);
            border: 1px solid rgba(255,255,255,.12);
            color: #d8e0ec;
            font-weight: 600; font-size: .9rem;
            padding: 13px 28px;
            border-radius: 10px;
            text-decoration: none;
            transition: background var(--transition), border-color var(--transition), transform var(--transition);
        }
        .crm-btn-secondary:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.2); transform:translateY(-2px); color:#f0f4f8; text-decoration:none; }

        /* Hero stats */
        .crm-hero-stats { display:flex; flex-wrap:wrap; gap:32px; margin-top:52px; }
        .crm-stat-value { font-size:1.8rem; font-weight:800; color:var(--crm-green); line-height:1; }
        .crm-stat-label { font-size:.78rem; color:var(--text-muted); margin-top:4px; letter-spacing:.03em; }
        .crm-stat-div   { width:1px; background:rgba(255,255,255,.1); align-self:stretch; }

        /* --- HERO MOCKUP ------------------------------------- */
        .crm-mockup-wrap { position:relative; z-index:1; }
        .crm-mockup-card {
            background: rgba(255,255,255,.042);
            border: 1px solid rgba(255,255,255,.09);
            border-radius: var(--radius-xl);
            overflow: hidden;
            backdrop-filter: blur(14px);
        }
        .crm-mockup-topbar {
            display: flex; align-items: center; justify-content: space-between;
            padding: 12px 20px;
            border-bottom: 1px solid rgba(255,255,255,.06);
            background: rgba(255,255,255,.025);
        }
        .crm-mockup-dots { display:flex; gap:6px; }
        .crm-mockup-dot  { width:10px; height:10px; border-radius:50%; }
        .crm-mockup-title-bar { font-size:.72rem; color:rgba(200,208,220,.4); letter-spacing:.06em; text-transform:uppercase; }
        .crm-mockup-live { display:flex; align-items:center; gap:5px; font-size:.7rem; font-weight:600; color:var(--crm-green); }
        .crm-mockup-live-dot { width:6px; height:6px; border-radius:50%; background:var(--crm-green); animation:crm-pulse 1.5s infinite; }
        .crm-mockup-body { padding:14px 16px; }

        /* Metric row */
        .crm-metric-row { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:12px; }
        .crm-mini-metric {
            background: rgba(255,255,255,.03);
            border: 1px solid rgba(255,255,255,.06);
            border-radius: 10px;
            padding: 10px 12px;
        }
        .crm-mini-metric-label { font-size:.58rem; color:var(--text-muted); letter-spacing:.04em; text-transform:uppercase; margin-bottom:3px; }
        .crm-mini-metric-value { font-size:.92rem; font-weight:800; line-height:1; }
        .crm-mini-metric-delta { font-size:.6rem; margin-top:3px; display:flex; align-items:center; gap:3px; }
        .crm-delta-up   { color:#4ade80; }
        .crm-delta-down { color:#f87171; }

        /* Traders mini-table */
        .crm-mini-table-wrap {
            background: rgba(255,255,255,.025);
            border: 1px solid rgba(255,255,255,.06);
            border-radius: 12px;
            overflow: hidden;
        }
        .crm-mini-table-head {
            display: grid; grid-template-columns: 1.8fr 1fr 1fr 0.9fr;
            gap: 6px; padding: 7px 12px;
            border-bottom: 1px solid rgba(255,255,255,.05);
            background: rgba(255,255,255,.02);
        }
        .crm-mini-th { font-size:.58rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.05em; }
        .crm-mini-table-row { display:grid; grid-template-columns:1.8fr 1fr 1fr 0.9fr; gap:6px; padding:7px 12px; border-bottom:1px solid rgba(255,255,255,.03); }
        .crm-mini-table-row:last-child { border-bottom:none; }
        .crm-mini-td { font-size:.68rem; color:rgba(200,208,220,.8); }
        .crm-mini-td-name { font-weight:700; color:#ecf0f8; }

        /* Status badges */
        .crm-status {
            display: inline-flex; align-items: center; gap: 4px;
            font-size: .6rem; font-weight: 700;
            padding: 2px 8px; border-radius: 20px;
            letter-spacing: .04em; text-transform: uppercase;
            white-space: nowrap;
        }
        .crm-status-active   { background:rgba(9,205,145,.12);  color:#4ade80;  border:1px solid rgba(9,205,145,.2); }
        .crm-status-funded   { background:rgba(79,195,247,.12); color:var(--crm-blue); border:1px solid rgba(79,195,247,.2); }
        .crm-status-violated { background:rgba(248,113,113,.12);color:#f87171; border:1px solid rgba(248,113,113,.2); }
        .crm-status-pending  { background:rgba(255,183,77,.12); color:var(--crm-amber); border:1px solid rgba(255,183,77,.2); }

        /* Floating badges */
        .crm-float-badge {
            z-index: 2;
            position: absolute;
            display: inline-flex; align-items: center; gap: 6px;
            background: rgba(9,205,145,.1);
            border: 1px solid rgba(9,205,145,.25);
            border-radius: 8px;
            padding: 7px 12px;
            font-size: .75rem; font-weight: 600; color: var(--crm-green);
            white-space: nowrap;
            backdrop-filter: blur(8px);
            animation: crm-float 3s ease-in-out infinite;
        }
        .crm-float-badge-2 { background:rgba(124,109,250,.1); border-color:rgba(124,109,250,.25); color:var(--crm-purple); animation-delay:1.5s; }
        .crm-float-badge-3 { background:rgba(255,183,77,.1);  border-color:rgba(255,183,77,.25);  color:var(--crm-amber);  animation-delay:0.8s; }
        @keyframes crm-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }

        /* --- SHARED SECTION STYLES --------------------------- */
        .crm-section    { padding: 96px 20px; }
        .crm-section-sm { padding: 72px 20px; }
        .crm-label {
            display: inline-flex; align-items: center; gap: 6px;
            font-size: 11.5px; font-weight: 700;
            color: var(--crm-green); letter-spacing: .1em; text-transform: uppercase;
            margin-bottom: 14px;
        }
        .crm-section-title {
            font-size: clamp(1.75rem, 3.5vw, 2.6rem);
            font-weight: 800; color: #f0f4f8;
            line-height: 1.2; letter-spacing: -.02em; margin-bottom: 16px;
        }
        .crm-section-sub {
            font-size: .98rem; color: var(--text-muted);
            line-height: 1.75; max-width: 580px; margin: 0 auto;
        }
        .crm-divider { border:none; border-top:1px solid rgba(255,255,255,.06); margin:0; }

        /* --- FEATURE CARDS ----------------------------------- */
        .crm-feature-card {
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            border-radius: var(--radius-xl);
            padding: 30px 26px;
            height: 100%;
            transition: transform var(--transition), border-color var(--transition), background var(--transition);
        }
        .crm-feature-card:hover { transform:translateY(-5px); border-color:rgba(9,205,145,.2); background:rgba(9,205,145,.04); }
        .crm-feature-icon {
            width:52px; height:52px; border-radius:14px;
            display:flex; align-items:center; justify-content:center;
            margin-bottom:20px;
        }
        .crm-icon-green  { background:rgba(9,205,145,.1);   color:var(--crm-green);  }
        .crm-icon-blue   { background:rgba(79,195,247,.1);  color:var(--crm-blue);   }
        .crm-icon-purple { background:rgba(124,109,250,.1); color:var(--crm-purple); }
        .crm-icon-teal   { background:rgba(38,198,218,.1);  color:var(--crm-teal);   }
        .crm-icon-amber  { background:rgba(255,183,77,.1);  color:var(--crm-amber);  }
        .crm-icon-rose   { background:rgba(240,98,146,.1);  color:var(--crm-rose);   }
        .crm-icon-orange { background:rgba(251,140,0,.1);   color:var(--crm-orange); }
        .crm-feature-name { font-size:1rem; font-weight:700; color:#ecf0f8; margin-bottom:8px; }
        .crm-feature-desc { font-size:.83rem; color:var(--text-muted); line-height:1.65; }
        .crm-feature-tag {
            display: inline-flex; align-items:center;
            font-size:.72rem; font-weight:600; padding:3px 10px;
            border-radius:20px; margin-top:14px;
        }
        .crm-tag-green  { background:rgba(9,205,145,.1);  color:var(--crm-green);  }
        .crm-tag-blue   { background:rgba(79,195,247,.1); color:var(--crm-blue);   }
        .crm-tag-purple { background:rgba(124,109,250,.1);color:var(--crm-purple); }
        .crm-tag-amber  { background:rgba(255,183,77,.1); color:var(--crm-amber);  }
        .crm-tag-rose   { background:rgba(240,98,146,.1); color:var(--crm-rose);   }
        .crm-tag-teal   { background:rgba(38,198,218,.1); color:var(--crm-teal);   }
        .crm-tag-orange { background:rgba(251,140,0,.1);  color:var(--crm-orange); }

        /* --- DASHBOARD PREVIEW SECTION ----------------------- */
        .crm-preview-bg {
            background: rgba(255,255,255,.018);
            border-top: 1px solid rgba(255,255,255,.06);
            border-bottom: 1px solid rgba(255,255,255,.06);
        }
        .crm-preview-shell {
            background: rgba(255,255,255,.03);
            border: 1px solid rgba(255,255,255,.08);
            border-radius: 24px;
            overflow: hidden;
            backdrop-filter: blur(10px);
        }

        /* Sidebar + main layout */
        .crm-preview-layout {
            display: flex;
            min-height: 480px;
        }
        .crm-preview-sidebar {
            width: 180px;
            flex-shrink: 0;
            border-right: 1px solid rgba(255,255,255,.06);
            background: rgba(255,255,255,.015);
            padding: 18px 0;
        }
        .crm-preview-topbar {
            display: flex; align-items: center; justify-content: space-between;
            padding: 13px 20px;
            border-bottom: 1px solid rgba(255,255,255,.07);
            background: rgba(255,255,255,.03);
        }
        .crm-preview-brand { display:flex; align-items:center; gap:8px; font-size:.8rem; font-weight:700; color:#ecf0f8; }
        .crm-preview-brand-dot { width:22px; height:22px; border-radius:6px; background:linear-gradient(135deg,var(--crm-green),var(--crm-blue)); }
        .crm-preview-topbar-right { display:flex; align-items:center; gap:12px; }
        .crm-preview-topbar-search {
            display:flex; align-items:center; gap:7px;
            background: rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.07);
            border-radius: 8px; padding:5px 12px; font-size:.68rem; color:rgba(200,208,220,.4);
        }
        .crm-preview-avatar-sm { width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,var(--crm-purple),var(--crm-blue)); }

        .crm-sidebar-item {
            display: flex; align-items: center; gap: 9px;
            padding: 9px 18px; font-size:.72rem; color:rgba(200,208,220,.45);
            cursor: default; border-left: 2px solid transparent;
            transition: color .15s;
        }
        .crm-sidebar-item.active { color:var(--crm-green); border-left-color:var(--crm-green); background:rgba(9,205,145,.06); font-weight:600; }
        .crm-sidebar-label { font-size:.55rem; color:rgba(200,208,220,.25); text-transform:uppercase; letter-spacing:.1em; padding:12px 18px 5px; }

        .crm-preview-main { flex:1; overflow:hidden; }
        .crm-preview-body { padding:16px 18px; }

        /* Metric cards row */
        .crm-preview-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:14px; }
        @media(max-width:991px) { .crm-preview-metrics { grid-template-columns:repeat(2,1fr); } }
        @media(max-width:575px) { .crm-preview-metrics { grid-template-columns:1fr 1fr; } }
        .crm-metric-card {
            background: rgba(255,255,255,.035);
            border: 1px solid rgba(255,255,255,.07);
            border-radius: 12px;
            padding: 14px 16px;
        }
        .crm-metric-card-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
        .crm-metric-card-label  { font-size:.6rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.06em; }
        .crm-metric-card-icon   { width:26px; height:26px; border-radius:7px; display:flex; align-items:center; justify-content:center; }
        .crm-metric-card-value  { font-size:1.2rem; font-weight:800; line-height:1; margin-bottom:4px; }
        .crm-metric-card-delta  { font-size:.62rem; display:flex; align-items:center; gap:3px; }

        /* Traders table in preview */
        .crm-preview-table-card {
            background: rgba(255,255,255,.035);
            border: 1px solid rgba(255,255,255,.07);
            border-radius: 14px;
            overflow: hidden;
        }
        .crm-preview-table-header {
            display: flex; justify-content:space-between; align-items:center;
            padding: 13px 18px;
            border-bottom: 1px solid rgba(255,255,255,.06);
        }
        .crm-preview-table-title { font-size:.75rem; font-weight:700; color:#d8e0ec; }
        .crm-preview-table-filters { display:flex; gap:6px; }
        .crm-filter-tag {
            font-size:.6rem; font-weight:600; padding:3px 9px;
            border-radius:6px; cursor:default;
            background:rgba(9,205,145,.1); color:var(--crm-green);
            border:1px solid rgba(9,205,145,.15);
        }
        .crm-filter-tag.inactive { background:rgba(255,255,255,.04); color:rgba(200,208,220,.4); border-color:rgba(255,255,255,.06); }

        .crm-traders-grid { display:grid; grid-template-columns:2fr 1.2fr 1fr 1fr 1fr; gap:6px; }
        @media(max-width:575px){ .crm-traders-grid { grid-template-columns:2fr 1fr 1fr; } }
        .crm-traders-head-row { padding:8px 18px; border-bottom:1px solid rgba(255,255,255,.05); background:rgba(255,255,255,.015); }
        .crm-traders-data-row { padding:8px 18px; border-bottom:1px solid rgba(255,255,255,.03); }
        .crm-traders-data-row:last-child { border-bottom:none; }
        .crm-tg-th { font-size:.58rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.05em; }
        .crm-tg-td { font-size:.68rem; color:rgba(200,208,220,.8); display:flex; align-items:center; }
        .crm-tg-td-name { font-weight:700; color:#ecf0f8; gap:7px; }
        .crm-trader-avatar { width:22px; height:22px; border-radius:50%; flex-shrink:0; }
        @media(max-width:575px){
            .crm-traders-grid > *:nth-child(5n+4),
            .crm-traders-grid > *:nth-child(5n+5) { display:none; }
        }

        /* --- WORKFLOW SECTION -------------------------------- */
        .crm-workflow-step {
            display: flex; gap: 20px;
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            border-radius: var(--radius-xl);
            padding: 28px 26px;
            height: 100%;
            transition: transform var(--transition), border-color var(--transition);
            position: relative;
        }
        .crm-workflow-step:hover { transform:translateY(-4px); border-color:rgba(9,205,145,.2); }
        .crm-step-num {
            width: 42px; height: 42px; flex-shrink: 0;
            border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            font-size: 1rem; font-weight: 800; line-height: 1;
            background: linear-gradient(135deg, rgba(9,205,145,.15) 0%, rgba(79,195,247,.12) 100%);
            border: 1px solid rgba(9,205,145,.2);
            color: var(--crm-green);
        }
        .crm-step-title { font-size:.95rem; font-weight:700; color:#ecf0f8; margin-bottom:7px; }
        .crm-step-desc  { font-size:.82rem; color:var(--text-muted); line-height:1.65; }

        /* --- BENEFITS SECTION -------------------------------- */
        .crm-benefit-card {
            display: flex; gap: 18px;
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            border-radius: var(--radius-xl);
            padding: 28px 26px;
            height: 100%;
            transition: transform var(--transition), border-color var(--transition);
        }
        .crm-benefit-card:hover { transform:translateY(-4px); border-color:rgba(79,195,247,.2); }
        .crm-benefit-icon {
            width: 46px; height: 46px; flex-shrink: 0;
            border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            background: linear-gradient(135deg,rgba(9,205,145,.1) 0%,rgba(79,195,247,.1) 100%);
            border: 1px solid rgba(9,205,145,.18);
            color: var(--crm-green);
        }
        .crm-benefit-title { font-size:.95rem; font-weight:700; color:#ecf0f8; margin-bottom:7px; }
        .crm-benefit-desc  { font-size:.82rem; color:var(--text-muted); line-height:1.65; }

        /* --- CTA SECTION ------------------------------------- */
        .crm-cta-section {
            padding: 100px 20px;
            position: relative; overflow: hidden;
        }
        .crm-cta-bg {
            position: absolute; inset: 0;
            background:
                radial-gradient(ellipse 55% 80% at 15% 50%, rgba(9,205,145,.12) 0%, transparent 65%),
                radial-gradient(ellipse 45% 70% at 85% 50%, rgba(124,109,250,.1) 0%, transparent 65%),
                rgba(255,255,255,.022);
            border-top: 1px solid rgba(255,255,255,.07);
            border-bottom: 1px solid rgba(255,255,255,.07);
        }
        .crm-cta-inner { position:relative; z-index:1; text-align:center; }
        .crm-cta-title {
            font-size: clamp(2rem, 4vw, 3.2rem);
            font-weight: 800; color: #f0f4f8;
            line-height: 1.15; letter-spacing: -.02em; margin-bottom: 18px;
        }
        .crm-cta-sub { font-size:1rem; color:var(--text-muted); line-height:1.7; max-width:460px; margin:0 auto 40px; }
        .crm-cta-trust {
            display:flex; align-items:center; justify-content:center; gap:24px; flex-wrap:wrap;
            margin-top:40px; padding-top:36px; border-top:1px solid rgba(255,255,255,.06);
        }
        .crm-cta-trust-item { display:flex; align-items:center; gap:7px; font-size:.8rem; color:rgba(200,208,220,.5); }
        .crm-cta-trust-item svg { color:var(--crm-green); flex-shrink:0; }

        /* --- CAROUSEL ---------------------------------------- */
        .crm-carousel-section { padding: 80px 20px; }
        .crm-carousel-track-wrap {
            position:relative; overflow:hidden;
        }
        .crm-carousel-track-wrap::before,
        .crm-carousel-track-wrap::after {
            content:''; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none;
        }
        .crm-carousel-track-wrap::before { left:0;  background:linear-gradient(to right,rgba(30,32,36,1) 0%,transparent 100%); }
        .crm-carousel-track-wrap::after  { right:0; background:linear-gradient(to left, rgba(30,32,36,1) 0%,transparent 100%); }
        .crm-carousel-track {
            display:flex; gap:20px;
            overflow-x:auto; scroll-behavior:smooth;
            padding:8px 16px 20px;
            scrollbar-width:none; -ms-overflow-style:none;
        }
        .crm-carousel-track::-webkit-scrollbar { display:none; }
        .crm-carousel-card {
            flex: 0 0 280px;
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            border-radius: var(--radius-xl);
            padding: 26px 24px 22px;
            transition: transform var(--transition), border-color var(--transition), background var(--transition);
            text-decoration: none; cursor:pointer; user-select:none; display:block;
        }
        .crm-carousel-card:hover { transform:translateY(-4px); border-color:rgba(9,205,145,.22); background:rgba(9,205,145,.04); text-decoration:none; }
        .crm-car-icon  { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
        .crm-car-title { font-size:.92rem; font-weight:700; color:#ecf0f8; margin-bottom:7px; }
        .crm-car-desc  { font-size:.77rem; color:var(--text-muted); line-height:1.6; margin-bottom:16px; }
        .crm-car-cta   { display:inline-flex; align-items:center; gap:5px; font-size:.78rem; font-weight:600; color:var(--crm-green); opacity:.75; transition:opacity var(--transition), gap var(--transition); }
        .crm-carousel-card:hover .crm-car-cta { opacity:1; gap:8px; }
        .crm-carousel-controls { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:28px; }
        .crm-carousel-btn {
            width:40px; height:40px; border-radius:50%;
            background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
            color:rgba(200,208,220,.8); display:flex; align-items:center; justify-content:center;
            cursor:pointer; transition:background var(--transition), border-color var(--transition), color var(--transition);
        }
        .crm-carousel-btn:hover { background:rgba(9,205,145,.12); border-color:rgba(9,205,145,.3); color:var(--crm-green); }
        .crm-carousel-dots { display:flex; gap:6px; }
        .crm-car-dot { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.2); cursor:pointer; transition:background var(--transition), width var(--transition); }
        .crm-car-dot.active { background:var(--crm-green); width:18px; border-radius:3px; }

        /* --- BREADCRUMB -------------------------------------- */
        .crm-breadcrumb {
            display:flex; align-items:center; gap:6px;
            margin-bottom:28px; font-size:12.5px; color:rgba(200,208,220,.45);
        }
        .crm-breadcrumb a   { color:rgba(9,205,145,.7); text-decoration:none; transition:color .18s; }
        .crm-breadcrumb a:hover { color:var(--crm-green); }
        .crm-breadcrumb-sep { opacity:.4; }

        /* --- RESPONSIVE -------------------------------------- */
        @media (max-width:991px) {
            .crm-preview-sidebar { display:none; }
            .crm-preview-metrics { grid-template-columns:repeat(2,1fr); }
        }
        @media (max-width:767px) {
            .crm-hero { padding:110px 16px 60px; }
            .crm-section { padding:64px 16px; }
            .crm-carousel-card { flex:0 0 250px; }
            .crm-stat-div { display:none; }
        }

        /* --- FAQ ACCORDION ----------------------------------- */
        .crm-faq-accordion .accordion-button {
            background: rgba(255,255,255,0.04);
            color: #e8edf4;
            border: none;
            font-weight: 600;
            font-size: .96rem;
            padding: 18px 22px;
            box-shadow: none;
        }
        .crm-faq-accordion .accordion-button:not(.collapsed) {
            background: rgba(9,205,145,.08);
            color: #09cd91;
            box-shadow: none;
        }
        .crm-faq-accordion .accordion-button::after {
            filter: invert(1) brightness(.7);
        }
        .crm-faq-accordion .accordion-button:not(.collapsed)::after {
            filter: invert(1) brightness(1) sepia(1) saturate(3) hue-rotate(100deg);
        }
        .crm-faq-accordion .accordion-item {
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.07);
            border-radius: 12px !important;
            margin-bottom: 10px;
            overflow: hidden;
        }
        .crm-faq-accordion .accordion-body {
            background: rgba(9,205,145,.03);
            color: rgba(200,208,220,.8);
            font-size: .93rem;
            line-height: 1.75;
            padding: 0 22px 18px;
        }