/* ==========================================================================
   services.css — services + case studies (bundled)
   ========================================================================== */

.svc-card {
  border-top: 4px solid var(--c-primary);
  background: #fff;
  border: 1px solid var(--c-border);
  border-top-width: 4px;
  border-radius: var(--radius-lg);
  padding: var(--s-6);
  display: flex;
  flex-direction: column;
}
.svc-card[data-color="blue"]   { border-top-color: var(--c-blue); }
.svc-card[data-color="green"]  { border-top-color: var(--c-green); }
.svc-card[data-color="purple"] { border-top-color: var(--c-purple); }
.svc-card[data-color="orange"] { border-top-color: var(--c-orange); }
.svc-card[data-color="indigo"] { border-top-color: var(--c-indigo); }
.svc-card[data-color="teal"]   { border-top-color: var(--c-teal); }

.svc-card__icon {
  width: 44px; height: 44px;
  border-radius: var(--radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--c-primary-light);
  color: var(--c-primary);
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: var(--s-3);
}
.svc-card[data-color="green"]  .svc-card__icon { background: #d1fae5; color: var(--c-green); }
.svc-card[data-color="purple"] .svc-card__icon { background: #ede9fe; color: var(--c-purple); }
.svc-card[data-color="orange"] .svc-card__icon { background: #ffedd5; color: var(--c-orange); }
.svc-card[data-color="indigo"] .svc-card__icon { background: #e0e7ff; color: var(--c-indigo); }
.svc-card[data-color="teal"]   .svc-card__icon { background: #ccfbf1; color: var(--c-teal); }

.svc-card__sub { color: var(--c-primary); font-size: 0.9rem; font-weight: 600; margin-bottom: var(--s-2); }
.svc-card__title { margin-bottom: var(--s-2); }
.svc-card__desc { color: var(--c-text-soft); margin-bottom: var(--s-4); }
.svc-card__features {
  list-style: none; padding: 0; margin: 0;
  display: grid; gap: var(--s-2);
}
.svc-card__features li {
  position: relative;
  padding-left: 1.4rem;
  font-size: 0.9rem;
  color: var(--c-text-soft);
}
.svc-card__features li::before {
  content: "✓";
  position: absolute; left: 0; top: 0;
  color: var(--c-primary);
  font-weight: 700;
}

/* Case studies */
.case-grid { display: grid; gap: var(--s-6); }
.case {
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  padding: var(--s-6);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--s-4);
}
@media (min-width: 800px) {
  .case { grid-template-columns: 2fr 1fr; gap: var(--s-8); }
}
.case__head { margin-bottom: var(--s-3); }
.case__category {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--c-primary);
  margin-bottom: var(--s-1);
}
.case__title { font-size: 1.25rem; margin-bottom: var(--s-2); }
.case__meta {
  display: flex; flex-wrap: wrap; gap: var(--s-3);
  font-size: 0.85rem;
  color: var(--c-text-soft);
  margin-bottom: var(--s-3);
}
.case__meta strong { color: var(--c-text); font-weight: 600; }
.case__desc { color: var(--c-text-soft); }
.case__list { font-size: 0.9rem; }
.case__list h4 {
  font-size: 0.95rem;
  margin-top: var(--s-3);
  margin-bottom: var(--s-2);
  color: var(--c-text);
}
.case__list ul { padding-left: 1.1rem; margin: 0; }
.case__list li { margin-bottom: var(--s-1); color: var(--c-text-soft); }
.case__tags { margin-top: var(--s-3); }