/* Three service directions, each with a tinted surface and matching ink. */
.service-grid .service-card:nth-child(1) {
  --service-surface: #eaf2ff;
  --service-copy: #3e5578;
  --service-accent: #194fb8;
  --service-border: #cbdcfa;
}
.service-grid .service-card:nth-child(2) {
  --service-surface: #f1ebff;
  --service-copy: #55476b;
  --service-accent: #6442b0;
  --service-border: #ded0f5;
}
.service-grid .service-card:nth-child(3) {
  --service-surface: #fff0e5;
  --service-copy: #74523e;
  --service-accent: #963d20;
  --service-border: #f2d4be;
}
.service-grid .service-card {
  background: var(--service-surface);
  border-color: var(--service-border);
}
.service-grid .service-card p { color: var(--service-copy); }
.service-grid .service-card .icon-box {
  background: var(--white, #ffffff);
  color: var(--service-accent);
}
.service-grid .service-card .card-number,
.service-grid .service-card .text-link { color: var(--service-accent); }
.service-grid .service-card:hover { border-color: var(--service-accent); }
.service-grid .service-card:focus-visible {
  outline: 3px solid var(--service-accent);
  outline-offset: 4px;
}