/* ============================================================
   BROWN EARTH — Services Page Styles
   ============================================================ */

/* ── Services grid ───────────────────────────────────────── */
.services-grid .service-card__img { aspect-ratio: 16 / 9; }

/* ── Process section ─────────────────────────────────────── */
.process-section {
  background: #EBF4FB;
  border-top: 1px solid rgba(7,105,170,0.10);
  border-bottom: 1px solid rgba(7,105,170,0.10);
}

.process-step {
  text-align: center;
  padding: var(--sp-6) var(--sp-4);
  position: relative;
}

/* Arrow connector between steps (desktop) */
.process-step::after {
  content: '\f054';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(7,105,170,0.25);
  font-size: 0.85rem;
  pointer-events: none;
}
.process-step:last-child::after { display: none; }

.process-step__num {
  width: 52px; height: 52px;
  border-radius: 50%;
  border: 2px solid rgba(7,105,170,0.25);
  display: flex; align-items: center; justify-content: center;
  font-size: var(--text-lg);
  font-weight: var(--weight-bold);
  color: var(--clr-accent);
  margin: 0 auto var(--sp-4);
  background: rgba(7,105,170,0.08);
}
.process-step__title {
  font-size: var(--text-base);
  font-weight: var(--weight-semibold);
  color: var(--clr-primary);
  margin-bottom: var(--sp-2);
}
.process-step__desc {
  font-size: var(--text-sm);
  color: var(--clr-gray-500);
  line-height: var(--leading-relaxed);
  max-width: 22ch;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .process-step::after { display: none; }
}

/* ── Differentiators ─────────────────────────────────────── */
.diff-item {
  display: flex;
  gap: var(--sp-5);
  align-items: flex-start;
  padding: var(--sp-5) 0;
  border-bottom: 1px solid var(--clr-gray-100);
}
.diff-item:last-child { border-bottom: none; }
.diff-item__icon {
  width: 44px; height: 44px;
  border-radius: var(--radius-lg);
  background: rgba(7,105,170,0.08);
  display: flex; align-items: center; justify-content: center;
  color: var(--clr-accent);
  font-size: 1rem;
  flex-shrink: 0;
}
.diff-item__title {
  font-size: var(--text-base);
  font-weight: var(--weight-semibold);
  color: var(--clr-primary);
  margin-bottom: var(--sp-1);
}
.diff-item__desc {
  font-size: var(--text-sm);
  color: var(--clr-gray-500);
  line-height: var(--leading-relaxed);
  max-width: none;
}