.cd-home-services__heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--cd-space-4); margin-bottom: var(--cd-space-6); }
.cd-home-services__heading h2 { margin: 0; }
.cd-home-services__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cd-space-6); }
.cd-service-card {
	display: flex;
	align-items: center;
	gap: var(--cd-space-4);
	padding: var(--cd-space-6) var(--cd-space-4);
	border-color: var(--cd-color-surface);
	border-radius: var(--cd-radius-card);
	background: var(--cd-gradient-raised);
	box-shadow: var(--cd-shadow-raised-soft);
	text-decoration: none;
	color: var(--cd-color-text);
	transition: box-shadow var(--cd-transition), transform var(--cd-transition);
}
.cd-service-card__content { min-width: 0; }
.cd-service-card__icon {
	display: grid;
	place-items: center;
	flex: 0 0 var(--cd-control-size);
	width: var(--cd-control-size);
	height: var(--cd-control-size);
	border: 1px solid var(--cd-color-surface);
	border-radius: var(--cd-radius-sm);
	background: var(--cd-color-accent-soft);
	box-shadow: var(--cd-shadow-pressed);
	color: var(--cd-color-accent);
}
.cd-service-card__icon svg { width: var(--cd-space-6); height: var(--cd-space-6); }
.cd-service-card h3 { margin: 0; font-size: var(--cd-font-md); }
.cd-service-card p { margin: var(--cd-space-1) 0 0; font-size: var(--cd-font-sm); color: var(--cd-color-muted); }
@media (hover: hover) {
	.cd-service-card:hover { color: var(--cd-color-text); box-shadow: var(--cd-shadow-raised); transform: translateY(var(--cd-lift-hover)); }
}
.cd-service-card:active { box-shadow: var(--cd-shadow-inset); transform: translateY(var(--cd-press-offset)); }
@media (min-width: 1100px) {
	.cd-home-services__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
	.cd-home-services__grid { gap: var(--cd-space-3); }
	.cd-service-card { flex-direction: column; align-items: flex-start; gap: var(--cd-space-2); padding: var(--cd-space-3); }
	.cd-service-card h3 { font-size: var(--cd-font-md); }
	.cd-service-card p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
}
@media (max-width: 359px) {
	.cd-home-services__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
	.cd-service-card { transition: none; }
	.cd-service-card:hover, .cd-service-card:active { transform: none; }
}