.services-grid__header{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:var(--space-12);display:flex;flex-direction:column;gap:var(--space-4)}.services-grid__title{font-size:var(--text-4xl);font-weight:var(--weight-medium);color:var(--color-primary-900);letter-spacing:var(--tracking-tight)}.services-grid__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.services-grid__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.service-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-lg);padding:28px;display:flex;flex-direction:column;gap:var(--space-4);transition:transform var(--transition-base),box-shadow var(--transition-base)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.service-card__icon-wrap{width:48px;height:48px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-card__icon-wrap--primary{background:var(--color-primary-100);color:var(--color-primary-500)}.service-card__icon-wrap--secondary{background:var(--color-secondary-100);color:var(--color-secondary-500)}.service-card__icon-wrap--accent{background:var(--color-accent-100);color:var(--color-accent-500)}.service-card__title{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-primary-900);line-height:var(--leading-snug)}.service-card__description{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:var(--leading-normal)}.services-grid__footer{text-align:center;margin-top:var(--space-10)}.services-grid__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-primary-600);transition:gap var(--transition-fast),color var(--transition-fast)}.services-grid__link:hover{color:var(--color-primary-700);gap:var(--space-3)}@media (max-width:1024px){.services-grid__grid{grid-template-columns:repeat(2,1fr)}.services-grid__title{font-size:var(--text-3xl)}}@media (max-width:640px){.services-grid__grid{grid-template-columns:1fr}.services-grid__title{font-size:var(--text-2xl)}}