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

.hero-services       { background: #fff; border-bottom: 1px solid #f1f5f9; }
.hero-services-inner { background: linear-gradient(105deg, #f8fafc 0%, #fff 100%); }

.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.1), 0 4px 20px rgba(4,16,30,0.1); }

.precision-card { transition: transform 0.25s ease, border-color 0.25s ease; }
.precision-card:hover { transform: translateY(-3px); border-color: #0FC9B1 !important; }

.partner-card { transition: transform 0.25s ease, box-shadow 0.25s ease; }
.partner-card:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(11,197,177,0.1); }

.cta-dark {
  background: linear-gradient(135deg, #0a2240 0%, #0d2d4e 55%, #0d3358 100%);
  position: relative;
  overflow: hidden;
}
.cta-dark::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 80% at 85% 50%, rgba(11,197,177,0.16) 0%, transparent 55%);
}

.stat-ring {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: conic-gradient(#0FC9B1 0% 99.9%, rgba(255,255,255,0.1) 99.9% 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.stat-ring::before {
  content: '';
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: #10335a;
}
.stat-ring-text { position: relative; z-index: 1; color: #0FC9B1; font-weight: 700; font-size: 18px; }