
/* -------------------------------------------------------------- services */
.svc-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.fchip {
  font-size: 13.5px; font-weight: 600; color: var(--muted);
  background: rgba(15,23,42,.5); border: 1px solid var(--line);
  border-radius: 999px; padding: 7px 15px; cursor: pointer;
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}
.fchip:hover { color: var(--text); border-color: rgba(0,200,255,.4); }
.fchip.active { color: var(--ink); background: var(--cyan); border-color: var(--cyan); }
.svc { display: flex; flex-direction: column; }
.svc-icon { font-size: 26px; margin-bottom: 10px; display: block; }
.svc h3 { margin-bottom: 6px; }
.svc p { color: var(--muted); font-size: 14.5px; margin-bottom: 12px; }
.svc-feats { list-style: none; padding: 0; margin: 0 0 16px; flex: 1; }
.svc-feats li { font-size: 13px; color: var(--muted); padding-left: 18px; position: relative; margin-bottom: 6px; }
.svc-feats li::before { content: "✓"; position: absolute; left: 0; color: var(--cyan); }
.svc .amt { font-size: 16px; font-weight: 700; margin-bottom: 14px; }
.svc .amt .per { font-size: 12.5px; color: var(--muted); font-weight: 500; }
.svc[hidden] { display: none; }
