/* Services grid */
/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   SERVICES (6 nums grid with 3D tilt)
в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
.services-section {
  background: var(--bg-light);
  position: relative;
  overflow: hidden;
}
.services-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(0,102,255,.06) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: radial-gradient(ellipse at center, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 80%);
}
.services-section .container { position: relative; z-index: 1; }

.service-card {
  padding: 36px 30px;
  background: #fff;
  border: 1px solid var(--border-light);
  border-radius: var(--r-lg);
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: all var(--tr);
  transform-style: preserve-3d;
  cursor: pointer;
}
.service-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--grad-brand);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--tr);
}
.service-card::after {
  content: '';
  position: absolute;
  inset: -1px;
  background: var(--grad-brand);
  border-radius: inherit;
  opacity: 0;
  z-index: -1;
  filter: blur(24px);
  transition: opacity var(--tr);
}
.service-card:hover::before { transform: scaleX(1); }
.service-card:hover::after  { opacity: .25; }
.service-card:hover {
  transform: translateY(-8px);
  border-color: transparent;
  box-shadow: var(--shadow-lg);
}
.service-num {
  font-size: 64px;
  font-weight: 900;
  background: var(--grad-brand);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  margin-bottom: 16px;
  letter-spacing: -.04em;
  opacity: .92;
}
.service-title {
  font-size: 18px; font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 10px;
  line-height: 1.3;
}
.service-desc { font-size: 14px; color: var(--text-dim); line-height: 1.65; }