/* Digital Marketing Page */
.dm-hero{padding:120px 0 80px;background:linear-gradient(135deg,#fff7f0 0%,#fff0e6 100%);text-align:center}
.dm-hero .hero-badge{background:#fff0e6;color:#f97316}
.dm-hero .highlight{color:#f97316}
.dm-hero .hero-sub{max-width:600px;margin:0 auto 32px;color:#555}

.dm-services{padding:80px 0;background:#fff}
.dm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.dm-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:28px;transition:.2s}
.dm-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-3px)}
.dm-icon{font-size:2rem;margin-bottom:14px}
.dm-card h3{font-size:1.1rem;margin-bottom:8px}
.dm-card p{color:#666;font-size:.9rem;margin-bottom:14px}
.dm-card ul{list-style:none;padding:0}
.dm-card ul li{font-size:.85rem;color:#555;padding:3px 0}
.dm-card ul li::before{content:'✓ ';color:#00AEEF;font-weight:700}

.dm-stats{padding:60px 0;background:#0d1117}
.stats-row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:32px}
.dm-stat{text-align:center;color:#fff}
.stat-val{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#00AEEF;line-height:1}
.stat-lbl{font-size:.85rem;color:#aaa;margin-top:6px;letter-spacing:.5px;text-transform:uppercase}

.platforms-section{padding:64px 0;background:#f9fafb}
.platform-logos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}
.platform-chip{background:#fff;border:1px solid #e5e7eb;padding:10px 20px;border-radius:24px;font-size:.9rem;font-weight:500;color:#333;transition:.2s}
.platform-chip:hover{border-color:#00AEEF;color:#00AEEF}

.cta-section{padding:80px 0;background:linear-gradient(135deg,#00AEEF,#0070a8);color:#fff;text-align:center}
.cta-section h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px}
.cta-section p{color:rgba(255,255,255,.85);margin-bottom:28px}
.btn-primary-lg{display:inline-block;background:#00AEEF;color:#fff;padding:14px 32px;border-radius:8px;font-weight:600;text-decoration:none;transition:.2s}
.btn-primary-lg:hover{background:#0090c5;transform:translateY(-2px)}
.cta-section .btn-primary-lg{background:#fff;color:#00AEEF}
.cta-section .btn-primary-lg:hover{background:#e0f3ff}
.section-header{text-align:center;margin-bottom:48px}
.section-header h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:10px}
.section-header p{color:#666}

/* ── Dark Theme ──────────────────────────────────────────────── */
body.dark-page { background: #090e1a; }
.svc-hero-glow { position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none; }
.svc-hero-glow--1 { width:600px;height:400px;top:-80px;left:-100px; }
.svc-hero-glow--2 { width:500px;height:400px;bottom:-80px;right:-50px; }

body.dark-page .dm-hero {
  background: #090e1a !important;
  min-height: 88vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 130px 0 90px;
  text-align: center;
}
body.dark-page .dm-hero h1 { color:#fff; }
body.dark-page .dm-highlight { color:#fb923c; }
body.dark-page .hero-sub { color:rgba(255,255,255,0.6); }
.hero-stats { display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.08); }
.hero-stat { text-align:center; }
.hero-stat strong { display:block;font-size:1.6rem;font-weight:800;color:var(--primary);line-height:1; }
.hero-stat span { font-size:0.78rem;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.08em;margin-top:4px;display:block; }
.section-label-sm { display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--primary);margin-bottom:12px; }

body.dark-page .dm-services { background:#0d1117 !important; }
body.dark-page .section-header h2 { color:#fff; }
body.dark-page .section-header p { color:rgba(255,255,255,0.5); }
body.dark-page .dm-card {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.08) !important;
}
body.dark-page .dm-card:hover {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(0,174,239,0.2) !important;
}
body.dark-page .dm-card h3 { color:#fff; }
body.dark-page .dm-card p { color:rgba(255,255,255,0.55); }
body.dark-page .dm-card ul li { color:rgba(255,255,255,0.5); }
body.dark-page .dm-card ul li::before { color:var(--primary); }

body.dark-page .dm-stats { background:#090e1a !important; }

body.dark-page .platforms-section { background:#0d1117 !important; }
body.dark-page .platform-chip {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.7) !important;
}
body.dark-page .platform-chip:hover { border-color:var(--primary) !important;color:var(--primary) !important; }

.cta-glow { position:absolute;width:700px;height:300px;background:radial-gradient(ellipse,rgba(0,174,239,0.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none; }
body.dark-page .cta-section {
  background: #090e1a !important;
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,0.06);
}
body.dark-page .cta-section h2 { color:#fff; }
body.dark-page .cta-section p { color:rgba(255,255,255,0.55); }

@media (max-width:768px) {
  .hero-stats { gap:20px; }
  .dm-grid { grid-template-columns:1fr; }
  .stats-row { flex-direction:column;gap:20px;align-items:center; }
}