/* Services */
.grid{
  display:grid;gap:18px;grid-template-columns: repeat(12, 1fr);
}
.card{
  grid-column: span 4;min-height: 100%;
  background: var(--card);border:1px solid rgba(148,163,184,.18);
  border-radius: var(--radius);padding:18px;box-shadow:var(--shadow);
  display:grid;gap:10px;transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.card:hover{transform: translateY(-3px);border-color: rgba(90,169,255,.45)}
@media (max-width: 1100px){ .card{grid-column: span 6} }
@media (max-width: 700px){ .card{grid-column: span 12} }
.card .icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:rgba(10,92,255,.15);border:1px solid rgba(90,169,255,.35)}
.card h3{margin:.2rem 0;font-size:1.1rem}
.check{display:flex;gap:.6rem;align-items:flex-start;color:var(--muted)}
.check svg{flex:0 0 18px;margin-top:2px}

@media (max-width: 768px) {
.section{
  padding-left: 15px;
  padding-right: 15px;
}
}