.services-title { max-width: 23ch; overflow-wrap: anywhere; hyphens: manual; margin-bottom: 28px; }
.services-intro { max-width: 65ch; color: var(--fg-2); margin: 20px 0 32px; font-size: 18px; line-height: 1.65; }
.services-section-title { margin-bottom: 32px; }
.services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.services-card { padding: 28px; }
.services-card h3 { margin: 20px 0 16px; }
.services-card p { color: var(--fg-2); line-height: 1.65; }
.services-result { display: grid; grid-template-columns: 1fr 1.5fr; gap: 48px; }
.services-related { margin-top: 32px; color: var(--fg-2); }
@media (max-width: 820px) { .services-grid, .services-result { grid-template-columns: 1fr; gap: 24px; } }