/* ─── SERVICES ─── */
#services{
  background:linear-gradient(180deg, var(--off), #f6f8fe);
}
.srv-layout{
  display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch;
}
.srv-overview{
  background:#fff;border:1px solid var(--border);border-radius:24px;
  padding:34px 32px;box-shadow:0 14px 38px rgba(11,31,75,.08);
}
.srv-tag{
  display:inline-block;padding:6px 12px;border-radius:100px;
  background:rgba(212,43,43,.1);color:var(--red);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
}
.srv-overview h3{
  margin:14px 0 12px;font-family:var(--ff-head);font-size:clamp(28px,3vw,38px);
  line-height:1.12;letter-spacing:-.6px;color:var(--navy);
}
.srv-overview p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:18px}
.srv-points{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.srv-points li{position:relative;padding-left:18px;font-size:14px;color:var(--navy)}
.srv-points li::before{
  content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;
  background:var(--red);
}
.srv-media{
  position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(11,31,75,.12);
  min-height:320px;box-shadow:0 16px 45px rgba(11,31,75,.12);
}
.srv-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
.srv-media-card{
  position:absolute;left:16px;right:16px;bottom:16px;
  background:rgba(11,31,75,.78);color:#fff;border-radius:14px;padding:12px 14px;
  border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);
}
.srv-media-card span{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;opacity:.72}
.srv-media-card strong{font-size:15px}

.srv-catalog{
  margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
.srv-item{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:18px 18px 16px;transition:transform var(--t),box-shadow var(--t),border-color var(--t);
}
.srv-item:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(11,31,75,.08);border-color:rgba(36,88,200,.35)}
.srv-item h4{font-family:var(--ff-head);font-size:18px;color:var(--navy);margin-bottom:8px}
.srv-item p{font-size:13.5px;line-height:1.65;color:var(--muted)}
.srv-item-featured{
  grid-column:span 2;
  background:linear-gradient(140deg, #0f265f, #1a3280);
  border-color:rgba(255,255,255,.14);
}
.srv-item-featured h4{color:#fff}
.srv-item-featured p{color:rgba(255,255,255,.82)}

.srv-actions{
  margin-top:20px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;
}