/* svc-data.css — Data Analytics · unified blue/cyan — no gold */
.hero-data {
    background: linear-gradient(140deg, #0B1426 0%, #0F1E38 50%, #0B1426 100%);
}
.hero-data .svc-hero__bg::before {
    content:''; position:absolute; inset:0;
    background:radial-gradient(ellipse at 65% 35%, rgba(37,99,235,.12) 0%, transparent 60%);
    pointer-events:none;
}
.hero-data .svc-h1            { color:#fff; }
.hero-data .svc-sub           { color:#94A3B8; }
.hero-data .hero-tag          { color:#38BDF8; background:rgba(56,189,248,.08); border:1px solid rgba(56,189,248,.2); }
.hero-data .svc-bc            { color:rgba(255,255,255,.45); }
.hero-data .svc-bc a          { color:rgba(255,255,255,.45); }
.hero-data .svc-bc a:hover    { color:#fff; }
.hero-data .svc-bc i          { color:rgba(255,255,255,.22); }
.hero-data .svc-proof-item    { color:rgba(255,255,255,.65); }
.hero-data .svc-proof-item i  { color:#38BDF8; }

/* BI Dashboard — blue toned */
.bi-dash{background:#0D1117;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.bi-topbar{background:#161B22;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}
.bi-topbar-title{font-size:.7rem;font-weight:600;color:#fff;font-family:var(--font-head)}
.bi-refresh{font-size:.6rem;color:rgba(255,255,255,.25);font-family:var(--font-mono)}
.bi-body{padding:12px;display:flex;flex-direction:column;gap:10px}
.bi-top{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.bi-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px}
.bi-stat-num{font-size:1.05rem;font-weight:800;color:#fff;font-family:var(--font-head);letter-spacing:-.03em}
.bi-stat-lbl{font-size:.56rem;color:rgba(255,255,255,.28);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.bi-stat-chg{font-size:.6rem;color:#38BDF8;margin-top:2px;font-weight:600}
.bi-chart{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:11px}
.bi-chart-ttl{font-size:.6rem;color:rgba(255,255,255,.32);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.bi-linechart{position:relative;height:54px}
.bi-linechart svg{width:100%;height:100%;overflow:visible}
/* line uses blue not gold */
.bi-path{fill:none;stroke:#38BDF8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400;animation:drawLine 2s cubic-bezier(.4,0,.2,1) forwards .3s}
.bi-area{fill:url(#blueGrad);opacity:.15}
@keyframes drawLine{to{stroke-dashoffset:0}}
.bi-bottom{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.bi-donut-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:11px;display:flex;align-items:center;gap:10px}
.bi-donut-box svg{width:48px;height:48px;flex-shrink:0;transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:rgba(255,255,255,.06);stroke-width:8}
.ring-seg{fill:none;stroke-width:8;stroke-linecap:round;stroke-dasharray:100;animation:donutIn 1.4s cubic-bezier(.4,0,.2,1) forwards .5s;stroke-dashoffset:100}
@keyframes donutIn{to{stroke-dashoffset:var(--offset,30)}}
.bi-legend{display:flex;flex-direction:column;gap:5px}
.leg{display:flex;align-items:center;gap:5px;font-size:.6rem;color:rgba(255,255,255,.42)}
.leg-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}

.cta-data { background:linear-gradient(140deg,#0B1426 0%,#0c1830 100%); }
.cta-data h2 { color:#fff; }
.cta-data .svc-cta-sub { color:#94A3B8; }
.cta-data .svc-cta-trust { color:rgba(255,255,255,.5); }
.cta-data .svc-cta-trust i { color:#38BDF8; }