/* ═══════════════════════════════════════════
   03 — SERVICES
═══════════════════════════════════════════ */
#services {
  padding:120px 72px;
  border-top:1px solid var(--border);
}
.services-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1px; background:var(--border);
  border:1px solid var(--border);
  margin-top:48px;
}
.service-card {
  background:var(--bg);
  padding:36px 28px;
  position:relative;
  transition:background .3s, transform .2s;
  cursor:none;
}
.service-card:hover {
  background:var(--bg2);
}
.service-card:hover .svc-icon {
  border-color:var(--amber);
  color:var(--amber);
}
.svc-icon {
  width:48px; height:48px;
  border:1.5px solid var(--border2);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:24px;
  transition:border-color .3s, color .3s;
  color:var(--muted);
}
.svc-title {
  font-family:'Bebas Neue',sans-serif;
  font-size:22px; letter-spacing:1px;
  margin-bottom:10px;
}
.svc-desc {
  font-family:'DM Mono',monospace;
  font-size:11px; color:var(--muted);
  line-height:1.8; letter-spacing:.3px;
  margin-bottom:20px;
}
.svc-tags {
  display:flex; flex-wrap:wrap; gap:6px;
}
.svc-tag {
  font-family:'DM Mono',monospace;
  font-size:8px; letter-spacing:1px;
  text-transform:uppercase;
  color:var(--amber);
  border:1px solid var(--amber-dim);
  background:var(--amber-glow);
  padding:3px 8px;
}
.svc-num {
  position:absolute; top:16px; right:20px;
  font-family:'Bebas Neue',sans-serif;
  font-size:48px; color:transparent;
  -webkit-text-stroke:1px var(--border2);
  line-height:1;
}