/* ==========================================================
   Services — capability grid cards
========================================================== */

.services-grid{
  display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1px; background: var(--line-soft); border: 1px solid var(--line-soft);
}
.service-card{ background: var(--charcoal); padding: 36px 28px; transition: background .25s ease; }

@media (max-width: 480px){
  .service-card{ padding: 26px 20px; }
}
.service-card:hover{ background: var(--charcoal-2); }
.service-tag{ font-family: var(--font-mono); font-size: 11px; color: var(--signal-2); letter-spacing: 0.08em; }
.service-card h3{ font-family: var(--font-display); font-size: 18px; font-weight: 600; margin: 16px 0 10px; }
.service-card p{ font-size: 13.5px; color: var(--fog); }