/* svc-marketing.css — Digital Marketing · unified blue/cyan — no green */
.hero-mktg {
    background: linear-gradient(140deg, #0B1426 0%, #0F1E38 50%, #0B1426 100%);
}
.hero-mktg .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-mktg .svc-h1            { color:#fff; }
.hero-mktg .svc-sub           { color:#94A3B8; }
.hero-mktg .hero-tag          { color:#38BDF8; background:rgba(56,189,248,.1); border:1px solid rgba(56,189,248,.22); }
.hero-mktg .svc-bc            { color:rgba(255,255,255,.45); }
.hero-mktg .svc-bc a          { color:rgba(255,255,255,.45); }
.hero-mktg .svc-bc a:hover    { color:#fff; }
.hero-mktg .svc-bc i          { color:rgba(255,255,255,.22); }
.hero-mktg .svc-proof-item    { color:rgba(255,255,255,.65); }
.hero-mktg .svc-proof-item i  { color:#38BDF8; }

/* Dashboard — blue-toned */
.dash-box { background:#0D1117; border:1px solid rgba(255,255,255,.07); border-radius:14px; padding:16px; box-shadow:0 24px 64px rgba(0,0,0,.5); }
.dash-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.dash-title { font-size:.75rem; font-weight:600; color:#fff; font-family:var(--font-head); }
.dash-period { font-size:.6rem; font-family:var(--font-mono); color:#38BDF8; background:rgba(56,189,248,.1); border:1px solid rgba(56,189,248,.2); padding:3px 7px; border-radius:var(--r-full); }
.dash-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:14px; }
.kpi-box { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); border-radius:8px; padding:10px; }
.kpi-num { font-size:1.05rem; font-weight:800; color:#fff; font-family:var(--font-head); letter-spacing:-.03em; }
.kpi-lbl { font-size:.56rem; color:rgba(255,255,255,.3); text-transform:uppercase; letter-spacing:.08em; margin-top:2px; }
.kpi-chg { font-size:.6rem; font-weight:600; margin-top:2px; }
.up{color:#38BDF8}.dn{color:#F87171}
.bar-chart { display:flex; align-items:flex-end; gap:4px; height:70px; margin-bottom:6px; }
.bar {
    flex:1; border-radius:3px 3px 0 0;
    background:linear-gradient(to top,rgba(37,99,235,.75),rgba(56,189,248,.3));
    transform-origin:bottom; transform:scaleY(0);
    animation:barGrow .9s cubic-bezier(.4,0,.2,1) forwards;
}
.bar:hover{background:linear-gradient(to top,rgba(37,99,235,1),rgba(56,189,248,.5))}
.bar:nth-child(1){animation-delay:.05s}.bar:nth-child(2){animation-delay:.1s}.bar:nth-child(3){animation-delay:.15s}
.bar:nth-child(4){animation-delay:.2s}.bar:nth-child(5){animation-delay:.25s}.bar:nth-child(6){animation-delay:.3s}
.bar:nth-child(7){animation-delay:.35s}
@keyframes barGrow{to{transform:scaleY(1)}}
.bar-labels{display:flex;gap:4px}
.bar-lbl{flex:1;font-size:.5rem;color:rgba(255,255,255,.2);text-align:center;font-family:var(--font-mono)}
.src-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.src-pill{display:flex;align-items:center;gap:4px;font-size:.6rem;font-weight:600;padding:3px 8px;border-radius:var(--r-full);white-space:nowrap}
/* all pills use blue-family tones */
.src-seo   {background:rgba(56,189,248,.1);color:#38BDF8;border:1px solid rgba(56,189,248,.2)}
.src-paid  {background:rgba(37,99,235,.12);color:#93C5FD;border:1px solid rgba(37,99,235,.25)}
.src-social{background:rgba(99,102,241,.1);color:#A5B4FC;border:1px solid rgba(99,102,241,.2)}
.src-email {background:rgba(6,182,212,.1);color:#67E8F9;border:1px solid rgba(6,182,212,.2)}

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