/*
 * Benefits row — 4-column feature grid with icon + heading + paragraph.
 */

.teledom-design .benefits-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	border-top: 1px solid var(--line-light);
	border-left: 1px solid var(--line-light);
}

.teledom-design .benefit {
	padding: 36px 26px;
	border-right: 1px solid var(--line-light);
	border-bottom: 1px solid var(--line-light);
	background: var(--paper);
}

.teledom-design .benefit .ico {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--paper-2);
	color: var(--gold-deep);
	display: grid;
	place-items: center;
	margin-bottom: 22px;
}

.teledom-design .benefit h4 {
	font-family: var(--display);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.01em;
	margin: 0 0 8px;
}

.teledom-design .benefit p {
	margin: 0;
	font-size: 14px;
	color: var(--muted-light);
	line-height: 1.6;
}

@media (max-width: 1100px) {
	.teledom-design .benefits-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
	.teledom-design .benefits-grid { grid-template-columns: 1fr; }
}