/* ==========================================================
   DataSeek Solutions — Home Page Styles
   ========================================================== */

/* ── Hero ────────────────────────────────────────────── */
.hero-bg {
  background: linear-gradient(135deg, #0a2240 0%, #0d2d4e 50%, #103660 100%);
  position: relative;
  overflow: hidden;
}
.hero-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 70% 40%, rgba(11,197,177,0.15) 0%, transparent 60%),
    radial-gradient(ellipse 50% 50% at 20% 80%, rgba(10,34,64,0.7)    0%, transparent 50%);
}
.hero-noise {
  position: absolute;
  inset: 0;
  opacity: 0.03;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}

/* ── Cards ───────────────────────────────────────────── */
.service-card { transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease; }
.service-card:hover { transform: translateY(-4px); box-shadow: 0 20px 60px rgba(11,197,177,0.12), 0 4px 20px rgba(4,16,30,0.2); }
.dark-card { background: linear-gradient(145deg, #10335a 0%, #0d2d4e 100%); }

/* ── CTA Band ────────────────────────────────────────── */
.cta-bg {
  background: linear-gradient(135deg, #0d2d4e 0%, #103660 50%, #0d3358 100%);
  position: relative;
  overflow: hidden;
}
.cta-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 70% at 30% 50%, rgba(11,197,177,0.18) 0%, transparent 60%);
}

/* ── Partner Logos ───────────────────────────────────── */
.partner-logo { filter: grayscale(1) brightness(0.5); transition: filter 0.3s ease; }
.partner-logo:hover { filter: grayscale(0) brightness(1); }

/* ── Misc ────────────────────────────────────────────── */
.stat-accent { color: #0FC9B1; }

.blog-card-img { position: relative; overflow: hidden; }
.blog-card-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(4,16,30,0.7) 0%, transparent 50%);
}