/* ─── SERVICES ─── */
#services{background:var(--off)}
.srv-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.srv-card{
  background:var(--white);border:1px solid var(--border);border-radius:20px;
  padding:36px 30px;position:relative;overflow:hidden;
  transition:transform var(--t),box-shadow var(--t),border-color var(--t);
}
.srv-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--red);transform:scaleX(0);transform-origin:left;
  transition:transform var(--t);
}
.srv-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(11,31,75,.1);border-color:var(--border2)}
.srv-card:hover::before{transform:scaleX(1)}
.srv-ico{
  width:52px;height:52px;border-radius:13px;
  background:var(--off2);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:22px;
}
.srv-nm{font-family:var(--ff-head);font-size:18px;font-weight:700;color:var(--navy);margin-bottom:11px}
.srv-tx{font-size:14px;color:var(--muted);line-height:1.75}
.srv-lk{
  display:inline-flex;align-items:center;gap:6px;
  margin-top:18px;font-size:13px;color:var(--blue-mid);font-weight:700;
  transition:gap var(--t);
}
.srv-card:hover .srv-lk{gap:11px}