/* ══ SERVICES GRID ══ */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.services-grid.lg{grid-template-columns:repeat(3,1fr)}
.scard{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:28px;text-decoration:none;transition:var(--transition);position:relative;overflow:hidden;display:block}
.scard::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(79,70,229,.04),transparent);opacity:0;transition:opacity var(--transition)}
.scard:hover{border-color:rgba(79,70,229,.3);transform:translateY(-4px);box-shadow:var(--shadow-md)}
.scard:hover::before{opacity:1}
.scard-icon{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 25%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:18px;transition:var(--transition)}
.scard:hover .scard-icon{background:color-mix(in srgb,var(--c) 22%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--c) 30%,transparent)}
.scard h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:8px}
.scard p{color:var(--text3);font-size:.875rem;line-height:1.6;margin-bottom:16px}
.scard-link{color:var(--primary);font-size:.82rem;font-weight:600;transition:color .2s}
.scard:hover .scard-link{color:var(--secondary)}

/* ── Responsive ── */
@media(max-width:1024px){.services-grid,.services-grid.lg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.services-grid,.services-grid.lg{grid-template-columns:1fr}}