/* ========== SERVICES ========== */
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
@media (max-width:400px){ .grid-2{grid-template-columns:1fr} }
.service-card{padding:clamp(1.3rem,2.8vw,1.8rem);border-radius:var(--r-md);position:relative;overflow:hidden;
  transition:transform .55s var(--ease-spring),box-shadow .4s}
@media (hover:hover){ .service-card:hover{transform:translateY(-4px)} }
.service-card .ico-badge{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(139,108,255,.2),rgba(74,168,255,.14));border:1px solid var(--line);
  color:var(--accent);margin-bottom:1rem;transition:transform .5s var(--ease-spring)}
@media (hover:hover){ .service-card:hover .ico-badge{transform:rotate(-8deg) scale(1.08)} }
.service-card .ico-badge .ico{width:22px;height:22px}
.service-card h3{margin-bottom:.5rem}
.service-card p{font-size:.9rem}


/* /services · card grid on small screens */
@media (max-width:560px){
  .grid-2{gap:.75rem}
  .service-card{padding:1.25rem}
  .service-card h3{font-size:1rem}
}