/* Standalone services overview follows the compact homepage rhythm. */
.services-page .page-hero { padding-block: var(--space-5); }
.services-page .page-hero h1 { font-size: var(--text-4xl); margin-block: var(--space-3); line-height: 1.25; }
.services-page .page-hero .lead { margin-bottom: var(--space-3); }
.services-page .page-hero .pill-row { margin-top: var(--space-3); }
.services-page > .section { padding-block: var(--space-8); }
.services-page .section-head { margin-bottom: var(--space-6); }
.services-page .page-hero + .section .grid { gap: var(--space-4); }
.services-page .service-card { padding: var(--space-5); }
.services-page .service-card .icon-badge { width: var(--space-10); height: var(--space-10); margin-bottom: var(--space-3); }
.services-page .service-card h3 { font-size: var(--text-lg); line-height: 1.35; margin-bottom: var(--space-2); }
.services-page .service-card p { font-size: var(--text-sm); line-height: 1.55; margin-bottom: var(--space-3); }
.services-page .service-card .link-arrow { font-size: var(--text-sm); padding-block: var(--space-1); }
@media (min-width: 1024px) {
  .services-page .page-hero + .section .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .services-page .service-card { padding-inline-start: calc(var(--space-10) + var(--space-8)); }
  .services-page .service-card .icon-badge { position: absolute; inset-inline-start: var(--space-5); top: var(--space-5); }
}