/* =========== SERVICES =========== */
#services{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(45,0,64,0.3),transparent);}
.services-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:2px;
  margin-top:60px;
}
.service-card{
  padding:36px 28px;
  background:var(--glass);
  border:1px solid var(--glass-border);
  position:relative;overflow:hidden;
  transition:all 0.4s ease;
  cursor:default;
}
.service-card:hover{
  background:linear-gradient(135deg,rgba(139,0,0,0.12),rgba(45,0,64,0.15));
  border-color:rgba(139,0,0,0.3);
  transform:translateY(-4px);
  box-shadow:0 20px 40px rgba(0,0,0,0.5),0 0 20px rgba(139,0,0,0.15);
}
.service-card::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 80% at 50% 120%,rgba(139,0,0,0.15),transparent);
  opacity:0;transition:opacity 0.4s;
}
.service-card:hover::after{opacity:1;}
.service-num{
  font-family:var(--font-tech);font-size:10px;letter-spacing:0.2em;
  color:rgba(139,0,0,0.4);margin-bottom:20px;
  display:block;
}
.service-icon{
  width:40px;height:40px;margin-bottom:20px;
  color:var(--red-bright);
  transition:color 0.3s;
}
.service-card:hover .service-icon{color:var(--purple-glow);}
.service-name{
  font-family:var(--font-display);font-size:22px;line-height:1.1;
  text-transform:uppercase;margin-bottom:12px;
}
.service-desc{font-size:12px;color:var(--gray);line-height:1.7;font-weight:300;}