/* --- DESIGN TOKENS ----------------------------------- */
        :root {
            --ar-green:   #09cd91;
            --ar-green-d: #07b07c;
            --ar-blue:    #4fc3f7;
            --ar-purple:  #7c6dfa;
            --ar-amber:   #ffb74d;
            --ar-rose:    #f06292;
            --ar-teal:    #26c6da;
            --ar-indigo:  #818cf8;
            --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 -------------------------------------------- */
        .ar-hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 130px 20px 90px;
            position: relative;
            overflow: hidden;
        }
        .ar-hero-orb {
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
        }
        .ar-hero-orb-1 {
            top: -8%; right: -6%;
            width: 700px; height: 700px;
            background: radial-gradient(circle, rgba(79,195,247,.10) 0%, transparent 68%);
        }
        .ar-hero-orb-2 {
            bottom: 0%; left: -12%;
            width: 540px; height: 540px;
            background: radial-gradient(circle, rgba(9,205,145,.09) 0%, transparent 68%);
        }
        .ar-hero-orb-3 {
            top: 40%; left: 40%;
            width: 360px; height: 360px;
            background: radial-gradient(circle, rgba(124,109,250,.07) 0%, transparent 68%);
        }

        /* badge */
        .ar-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            background: rgba(79,195,247,.08);
            border: 1px solid rgba(79,195,247,.22);
            border-radius: 50px;
            padding: 5px 16px;
            font-size: 11.5px;
            font-weight: 600;
            color: var(--ar-blue);
            letter-spacing: .06em;
            text-transform: uppercase;
            margin-bottom: 28px;
        }
        .ar-badge-dot {
            width: 6px; height: 6px;
            border-radius: 50%;
            background: var(--ar-blue);
            animation: ar-pulse 1.8s ease-in-out infinite;
        }
        @keyframes ar-pulse {
            0%,100%{ opacity:1; transform:scale(1); }
            50%    { opacity:.4; transform:scale(.7); }
        }
        .ar-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;
        }
        .ar-grad {
            background: linear-gradient(135deg, var(--ar-blue) 0%, var(--ar-purple) 50%, var(--ar-green) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .ar-grad-green {
            background: linear-gradient(135deg, var(--ar-green) 0%, var(--ar-blue) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .ar-hero-sub {
            font-size: 1.08rem;
            color: var(--text-muted);
            line-height: 1.75;
            max-width: 560px;
            margin-bottom: 40px;
        }
        .ar-btn-primary {
            display: inline-flex; align-items: center; gap: 8px;
            background: linear-gradient(135deg, var(--ar-blue) 0%, var(--ar-purple) 100%);
            color: #fff;
            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;
        }
        .ar-btn-primary:hover { opacity:.88; transform:translateY(-2px); color:#fff; text-decoration:none; }
        .ar-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);
        }
        .ar-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 */
        .ar-hero-stats { display:flex; flex-wrap:wrap; gap:32px; margin-top:52px; }
        .ar-stat-value { font-size:1.8rem; font-weight:800; color:var(--ar-blue); line-height:1; }
        .ar-stat-label { font-size:.78rem; color:var(--text-muted); margin-top:4px; letter-spacing:.03em; }
        .ar-stat-div   { width:1px; background:rgba(255,255,255,.1); align-self:stretch; }

        /* --- HERO MOCKUP ------------------------------------- */
        .ar-mockup-card {
            background: rgba(255,255,255,.042);
            border: 1px solid rgba(255,255,255,.09);
            border-radius: var(--radius-xl);
            backdrop-filter: blur(14px);
            overflow: hidden;
        }
        .ar-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);
        }
        .ar-mockup-dots { display:flex; gap:6px; }
        .ar-mockup-dot  { width:10px; height:10px; border-radius:50%; }
        .ar-mockup-title-bar { font-size:.72rem; color:rgba(200,208,220,.4); letter-spacing:.06em; text-transform:uppercase; }
        .ar-mockup-live { display:flex; align-items:center; gap:5px; font-size:.7rem; font-weight:600; color:var(--ar-blue); }
        .ar-mockup-live-dot { width:6px; height:6px; border-radius:50%; background:var(--ar-blue); animation:ar-pulse 1.5s infinite; }
        .ar-mockup-body { padding:16px 18px; display:flex; flex-direction:column; gap:12px; }

        /* KPI row */
        .ar-kpi-row { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
        @media(max-width:575px){ .ar-kpi-row{ grid-template-columns:repeat(2,1fr); } }
        .ar-kpi-card {
            background: rgba(255,255,255,.03);
            border: 1px solid rgba(255,255,255,.06);
            border-radius: 12px;
            padding: 12px 14px;
        }
        .ar-kpi-label  { font-size:.6rem; color:var(--text-muted); letter-spacing:.05em; text-transform:uppercase; margin-bottom:4px; }
        .ar-kpi-value  { font-size:1rem; font-weight:800; line-height:1; margin-bottom:3px; }
        .ar-kpi-change { font-size:.62rem; display:flex; align-items:center; gap:3px; }
        .ar-up   { color:#4ade80; }
        .ar-down { color:#f87171; }

        /* chart pair */
        .ar-chart-row { display:grid; grid-template-columns:1.6fr 1fr; gap:10px; }
        @media(max-width:575px){ .ar-chart-row{ grid-template-columns:1fr; } }
        .ar-chart-box {
            background: rgba(255,255,255,.025);
            border: 1px solid rgba(255,255,255,.06);
            border-radius: 14px;
            padding: 14px 16px;
        }
        .ar-chart-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
        .ar-chart-label  { font-size:.72rem; font-weight:700; color:#d8e0ec; }
        .ar-chart-tag    { font-size:.68rem; font-weight:700; padding:2px 8px; border-radius:6px; }
        .ar-tag-blue   { background:rgba(79,195,247,.12); color:var(--ar-blue); }
        .ar-tag-purple { background:rgba(124,109,250,.12); color:var(--ar-purple); }
        .ar-tag-green  { background:rgba(9,205,145,.12); color:var(--ar-green); }
        .ar-tag-amber  { background:rgba(255,183,77,.12); color:var(--ar-amber); }
        .ar-tag-rose   { background:rgba(240,98,146,.12); color:var(--ar-rose); }
        .ar-tag-teal   { background:rgba(38,198,218,.12); color:var(--ar-teal); }
        .ar-chart-svg  { width:100%; }

        /* mini distribution bar */
        .ar-dist-bars { display:flex; flex-direction:column; gap:7px; margin-top:4px; }
        .ar-dist-row  { display:flex; align-items:center; gap:8px; }
        .ar-dist-label{ font-size:.6rem; color:var(--text-muted); width:48px; flex-shrink:0; }
        .ar-dist-track{ flex:1; height:6px; background:rgba(255,255,255,.07); border-radius:3px; overflow:hidden; }
        .ar-dist-fill { height:100%; border-radius:3px; }
        .ar-dist-val  { font-size:.6rem; font-weight:700; width:28px; text-align:right; flex-shrink:0; }

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

        /* --- SHARED SECTION STYLES --------------------------- */
        .ar-section    { padding: 96px 20px; }
        .ar-section-sm { padding: 72px 20px; }
        .ar-label {
            display: inline-flex; align-items: center; gap: 6px;
            font-size: 11.5px; font-weight: 700;
            color: var(--ar-blue); letter-spacing: .1em; text-transform: uppercase;
            margin-bottom: 14px;
        }
        .ar-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;
        }
        .ar-section-sub {
            font-size: .98rem; color: var(--text-muted);
            line-height: 1.75; max-width: 580px; margin: 0 auto;
        }
        .ar-divider { border:none; border-top:1px solid rgba(255,255,255,.06); margin:0; }

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

        /* --- DASHBOARD PREVIEW ------------------------------- */
        .ar-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);
        }
        .ar-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);
        }
        .ar-preview-navbar {
            display: flex; align-items: center; justify-content: space-between;
            padding: 14px 24px;
            border-bottom: 1px solid rgba(255,255,255,.07);
            background: rgba(255,255,255,.03);
            flex-wrap: wrap; gap: 10px;
        }
        .ar-preview-brand { display:flex; align-items:center; gap:8px; font-size:.8rem; font-weight:700; color:#ecf0f8; }
        .ar-preview-brand-dot { width:22px; height:22px; border-radius:6px; background:linear-gradient(135deg,var(--ar-blue),var(--ar-purple)); }
        .ar-preview-filters { display:flex; gap:8px; flex-wrap:wrap; }
        .ar-preview-filter {
            display: flex; align-items: center; gap: 5px;
            font-size: .68rem; color: rgba(200,208,220,.5);
            background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
            border-radius: 7px; padding: 5px 10px; cursor: default;
        }
        .ar-preview-filter.active { color:var(--ar-blue); border-color:rgba(79,195,247,.25); background:rgba(79,195,247,.07); }
        .ar-preview-right { display:flex; align-items:center; gap:10px; }
        .ar-preview-export-btn {
            display: flex; align-items: center; gap: 5px;
            font-size: .68rem; font-weight: 600; color: var(--ar-green);
            background: rgba(9,205,145,.08); border: 1px solid rgba(9,205,145,.2);
            border-radius: 7px; padding: 5px 12px; cursor: default;
        }

        /* preview grid */
        .ar-preview-body { padding: 20px 24px; }
        .ar-preview-kpi-row { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }
        @media(max-width:991px){ .ar-preview-kpi-row{ grid-template-columns:repeat(2,1fr); } }
        @media(max-width:575px){ .ar-preview-kpi-row{ grid-template-columns:1fr 1fr; } .ar-preview-body{ padding:14px; } }
        .ar-prev-kpi {
            background: rgba(255,255,255,.035);
            border: 1px solid rgba(255,255,255,.07);
            border-radius: 14px; padding: 16px 18px;
        }
        .ar-prev-kpi-hd { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
        .ar-prev-kpi-lbl { font-size:.64rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.06em; }
        .ar-prev-kpi-ico { width:28px; height:28px; border-radius:8px; display:flex; align-items:center; justify-content:center; }
        .ar-prev-kpi-val { font-size:1.25rem; font-weight:800; line-height:1; margin-bottom:5px; }
        .ar-prev-kpi-delta{ font-size:.66rem; display:flex; align-items:center; gap:3px; }

        /* charts row */
        .ar-preview-charts { display:grid; grid-template-columns:1.8fr 1fr; gap:12px; margin-bottom:16px; }
        @media(max-width:767px){ .ar-preview-charts{ grid-template-columns:1fr; } }
        .ar-prev-chart-card {
            background: rgba(255,255,255,.035);
            border: 1px solid rgba(255,255,255,.07);
            border-radius: 14px; padding: 16px 18px;
        }
        .ar-prev-chart-hd { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
        .ar-prev-chart-title { font-size:.74rem; font-weight:700; color:#d8e0ec; }

        /* trader table */
        .ar-prev-table-card {
            background: rgba(255,255,255,.035);
            border: 1px solid rgba(255,255,255,.07);
            border-radius: 14px; padding: 16px 18px; overflow:hidden;
        }
        .ar-prev-table-hd { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
        .ar-prev-table-title { font-size:.74rem; font-weight:700; color:#d8e0ec; }
        .ar-prev-table-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1fr; gap:4px; }
        @media(max-width:575px){ .ar-prev-table-grid{ grid-template-columns:1.6fr 1fr 1fr; } .ar-prev-table-grid > *:nth-child(5n+4), .ar-prev-table-grid > *:nth-child(5n+5){ display:none; } }
        .ar-pt-head { font-size:.6rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.05em; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.05); }
        .ar-pt-cell { font-size:.7rem; color:rgba(200,208,220,.85); padding:7px 0; border-bottom:1px solid rgba(255,255,255,.03); }
        .ar-pt-name { font-weight:700; color:#ecf0f8; }
        .ar-pt-pos  { color:var(--ar-green); font-weight:700; }
        .ar-pt-neg  { color:#f87171; font-weight:700; }
        .ar-status-active { display:inline-flex; align-items:center; gap:4px; font-size:.62rem; font-weight:600; color:var(--ar-green); background:rgba(9,205,145,.1); border-radius:20px; padding:2px 7px; }
        .ar-status-breach { display:inline-flex; align-items:center; gap:4px; font-size:.62rem; font-weight:600; color:#f87171; background:rgba(248,113,113,.1); border-radius:20px; padding:2px 7px; }
        .ar-status-passed { display:inline-flex; align-items:center; gap:4px; font-size:.62rem; font-weight:600; color:var(--ar-blue); background:rgba(79,195,247,.1); border-radius:20px; padding:2px 7px; }

        /* --- REPORTING CAPABILITIES -------------------------- */
        .ar-report-card {
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            border-radius: var(--radius-xl);
            padding: 28px 26px;
            display: flex; gap: 20px; align-items: flex-start;
            height: 100%;
            transition: transform var(--transition), border-color var(--transition);
        }
        .ar-report-card:hover { transform:translateY(-4px); border-color:rgba(9,205,145,.2); }
        .ar-report-icon {
            width: 48px; height: 48px; flex-shrink: 0;
            border-radius: 13px; display: flex; align-items: center; justify-content: center;
        }
        .ar-report-text-title { font-size:.95rem; font-weight:700; color:#ecf0f8; margin-bottom:7px; }
        .ar-report-text-desc  { font-size:.82rem; color:var(--text-muted); line-height:1.65; margin:0; }

        /* --- BENEFITS ---------------------------------------- */
        .ar-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);
        }
        .ar-benefit-card:hover { transform:translateY(-4px); border-color:rgba(79,195,247,.2); }
        .ar-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(79,195,247,.1) 0%,rgba(124,109,250,.1) 100%);
            border: 1px solid rgba(79,195,247,.18);
            color: var(--ar-blue);
        }
        .ar-benefit-title { font-size:.95rem; font-weight:700; color:#ecf0f8; margin-bottom:7px; }
        .ar-benefit-desc  { font-size:.82rem; color:var(--text-muted); line-height:1.65; margin:0; }

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

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

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

        /* --- RESPONSIVE -------------------------------------- */
        @media(max-width:767px) {
            .ar-hero { padding:110px 16px 60px; }
            .ar-section { padding:64px 16px; }
            .ar-carousel-card { flex:0 0 250px; }
            .ar-stat-div { display:none; }
            .ar-preview-filters { display:none; }
        }

        /* --- FAQ ACCORDION ----------------------------------- */
        .ar-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;
        }
        .ar-faq-accordion .accordion-button:not(.collapsed) {
            background: rgba(79,195,247,.08);
            color: #4fc3f7;
            box-shadow: none;
        }
        .ar-faq-accordion .accordion-button::after {
            filter: invert(1) brightness(.7);
        }
        .ar-faq-accordion .accordion-button:not(.collapsed)::after {
            filter: invert(1) brightness(1) sepia(1) saturate(3) hue-rotate(175deg);
        }
        .ar-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;
        }
        .ar-faq-accordion .accordion-body {
            background: rgba(79,195,247,.03);
            color: rgba(200,208,220,.8);
            font-size: .93rem;
            line-height: 1.75;
            padding: 0 22px 18px;
        }