.home .benefits { padding-block: 80px; }
.home .benefits .benefits-inner {
	border-radius: var(--radius);
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(26,95,95,0.12));
	padding: 60px 40px;
	position: relative; overflow: hidden;
}

.home .benefits .benefits-inner > img {
	position: absolute; inset: 0;
	object-fit: cover; z-index: -1;
}

/* Таб-кнопка над заголовком */
.home .benefits .benefits-tab-row { display: flex; justify-content: center; margin-bottom: 36px; }
.home .benefits .benefits-tab {
	display: inline-flex; align-items: center; gap: 8px;
	height: 56px; padding-inline: 32px;
	background: #fff; border-radius: var(--radius-pill);
	box-shadow: var(--shadow-card);
	font-size: 18px; font-weight: 500; color: #000;
	transition: transform 0.15s;
}
.home .benefits .benefits-tab:hover { transform: translateY(-1px); }
.home .benefits .benefits-tab svg { flex-shrink: 0; }

.home .benefits .benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	align-items: start;
}
/* Шахматный порядок: центральная колонка (2-я и 5-я карточки) ниже */
.home .benefits .benefit-card:nth-child(2),
.home .benefits .benefit-card:nth-child(5) { margin-top: 50px; }

.home .benefits .benefit-card {
	position: relative;
	background: rgba(255,255,255,0.45);
	border-radius: var(--radius);
	padding: 30px;
	min-height: 220px;
	backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
	overflow: hidden;
	outline: 1px solid #fffa;
}
/* Декоративный кружок в верхнем углу (start = right в RTL) → absolute */
.home .benefits .benefit-ellipse {
	position: absolute; top: 30px; inset-inline-start: 30px;
	width: 59px; height: 59px; border-radius: 50%;
	background: white;
	border: 1px solid #0001;
}
.home .benefits .benefit-ellipse-filled { background: rgba(32,225,255,0.35); }
/* Иконка-плейсхолдер */
.home .benefits .benefit-icon {
	width: 59px; height: 59px; margin-bottom: 18px;
	z-index: 1;
	position: relative;
	object-fit: none;
}
.home .benefits .benefit-title { font-size: 22px; font-weight: 700; line-height: 1.25; color: #000; text-align: right; margin-bottom: 12px; }
.home .benefits .benefit-desc { font-size: 16px; font-weight: 400; line-height: 1.6; color: #000; text-align: right; }