.svc-pillars {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 40px);
  margin-bottom: clamp(44px, 5vw, 64px);
}
.svc-pillar { padding-top: 22px; border-top: 1px solid var(--line-strong); }
.svc-pillar h3 { font-size: 1.2rem; margin-bottom: 8px; }
.svc-pillar p { color: var(--ink-soft); }
.services .svc-practice { margin-bottom: 18px; }

@media (max-width: 1100px) {
  .svc-pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .svc-pillars { grid-template-columns: 1fr; gap: 22px; }
}

.wd-b-head { text-align: center; margin-left: auto; margin-right: auto; max-width: 760px; }
.wd-b-head .eyebrow { justify-content: center; }
.wd-b-head .section-lede { margin: 20px auto 0; max-width: 560px; }
.wd-b-panel {
  position: relative; margin-bottom: clamp(44px, 5vw, 64px); padding: clamp(32px, 4vw, 48px) clamp(24px, 3.5vw, 48px);
  border-radius: var(--radius); color: var(--on-dark);
  background: linear-gradient(160deg, #1C3A66 0%, var(--charcoal) 70%);
  box-shadow: 0 30px 60px -30px rgba(21, 37, 61, 0.55);
}
.wd-b-path { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; position: relative; }

.wd-b-path::before { content: ''; position: absolute; left: 7px; right: 0; top: 7px; height: 1px; background: linear-gradient(90deg, var(--sage), var(--blue)); opacity: 0.7; }
.wd-b-step { position: relative; padding-top: 34px; }
.wd-b-step::before { content: ''; position: absolute; left: 0; top: 0; width: 15px; height: 15px; border-radius: 50%; background: var(--charcoal); border: 2px solid var(--sage); }
.wd-b-step:nth-child(n+3)::before { border-color: var(--blue); }

.wd-b-step h3 { color: var(--on-dark); font-size: 1.22rem; line-height: 1.2; margin-bottom: 10px; }
.wd-b-step p { color: var(--on-dark-soft); font-size: 0.92rem; line-height: 1.6; }
@media (max-width: 1100px) {
  .wd-b-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wd-b-path::before { display: none; }
}
@media (max-width: 560px) {
  .wd-b-path { grid-template-columns: 1fr; gap: 26px; padding-left: 30px; }
  .wd-b-path::before { display: block; left: 7px; right: auto; top: 8px; bottom: 8px; width: 1px; height: auto; background: linear-gradient(180deg, var(--sage), var(--blue)); }
  .wd-b-step { padding-top: 0; }
  .wd-b-step::before { left: -30px; top: 3px; }
}