/* services.css */
#services { background:var(--bg); }
.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.service-card { background:var(--white); border:1px solid var(--border); border-radius:var(--radius); padding:24px 22px; transition:border-color .2s,transform .2s,box-shadow .2s; }
.service-card:hover { border-color:var(--blue); transform:translateY(-3px); box-shadow:0 8px 24px rgba(27,143,214,.1); }
.service-icon { width:44px; height:44px; background:var(--blue-light); border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.service-icon i { font-size:22px; color:var(--blue-mid); }
.service-card h3 { font-family:'Exo 2',sans-serif; font-weight:600; font-size:15px; margin-bottom:8px; color:var(--text-dark); }
.service-card p { font-size:13px; color:var(--text-muted); line-height:1.65; }