.services { padding: var(--spacing-xl) 0; background-color: var(--bg-light); }
.services__header { text-align: center; margin-bottom: var(--spacing-lg); }
.services__title { font-size: 2rem; margin-bottom: var(--spacing-xs); color: var(--fg); }
.services__subtitle { color: var(--text-light); }
.services__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--spacing-md); }
.service-item { padding: var(--spacing-md); background: var(--bg); border: 1px solid var(--border-color); border-radius: 8px; transition: transform 0.2s; }
.service-item:hover { transform: translateY(-5px); border-color: var(--accent); }
.service-item__title { margin-bottom: var(--spacing-xs); color: var(--fg); font-size: 1.25rem; }
.service-item__text { color: var(--text-light); }