
#services{
  border-top:1px solid var(--border);
  padding:80px 20px;
  background:hsl(210,18%,95%,.4);
  position:relative;z-index:10;
}
.section-inner{max-width:1100px;margin:0 auto;}
.section-head{text-align:center;margin-bottom:48px;}
.section-eyebrow{
  font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--primary);margin-bottom:12px;
}
.section-title{
  font-family:var(--font-display);font-weight:700;
  font-size:clamp(26px,4vw,34px);letter-spacing:-.3px;margin-bottom:12px;
}
.section-sub{color:var(--muted);font-size:14px;max-width:480px;margin:0 auto;}
.services-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:16px;margin-bottom:40px;
}
.svc-card{
  background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius);padding:20px;
  display:flex;flex-direction:column;gap:10px;
  transition:border-color .2s,box-shadow .2s,transform .15s;
}
.svc-card:hover{
  border-color:hsl(158,75%,36%,.35);
  box-shadow:0 4px 20px rgba(0,0,0,.07);
  transform:translateY(-2px);
}
.svc-head{display:flex;align-items:flex-start;justify-content:space-between;}
.svc-icon{
  width:36px;height:36px;border-radius:10px;
  background:var(--primary-10);border:1px solid var(--primary-20);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.svc-icon svg{width:18px;height:18px;color:var(--primary);}
.svc-badge{
  font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--primary);
  background:var(--primary-08);border:1px solid var(--primary-20);
  padding:3px 8px;border-radius:999px;
}
.svc-title{
  font-family:var(--font-display);font-weight:600;
  font-size:15px;color:var(--fg);
  transition:color .15s;
}
.svc-card:hover .svc-title{color:var(--primary);}
.svc-desc{font-size:13px;color:var(--muted);line-height:1.6;flex:1;}
.svc-wa{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:600;color:#25D366;
  margin-top:4px;transition:gap .15s;
}
.svc-card:hover .svc-wa{gap:8px;}
.svc-wa svg{width:14px;height:14px;}
