/* ===== rbx (Rich text) ===== */
.rbx {
	padding: 0;
}

/* контейнер: ширина флюидная, ограничиваем до ~720px как в макете */
.rbx__container {
	width: min(100%, 720px);
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: clamp(16px, 2.2vw, 24px);
	/* общий вертикальный ритм секции из макета ~40px сверху, 20px снизу */
	padding-top: clamp(16px, 3.5vw, 40px);
	padding-bottom: clamp(12px, 2vw, 20px);
}

/* элемент контента */
.rbx__item {
	display: flex;
	flex-direction: column;
	gap: clamp(8px, 1.5vw, 12px);
}

/* заголовок: Display sm 30/38, флюидно */
.rbx__heading {
	margin: 0;
	font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 600;
	font-size: clamp(22px, 1.6vw + 18px, 30px);
	line-height: 1.27; /* ≈ 38/30 */
	color: #101828;
}

/* параграфы: Text lg 18/28, флюидно */
.rbx__p {
	margin: 0;
	font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(16px, 0.7vw + 13px, 18px);
	line-height: 1.55; /* ≈ 28/18 */
	color: #475467;
}

/* список условий */
.rbx__list {
	margin: clamp(8px, 1.5vw, 12px) 0 0 0;
	padding-left: 1.1em;
	display: grid;
	gap: clamp(6px, 1vw, 8px);
}
.rbx__list li {
	font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(16px, 0.7vw + 13px, 18px);
	line-height: 1.55;
	color: #475467;
}

/* строка с email */
.rbx__email {
	margin: 0;
	font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 500;
	font-size: clamp(16px, 0.7vw + 13px, 18px);
	line-height: 1.55;
	color: #475467;
}
.rbx__email a {
	color: #101828;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* зона CTA */
.rbx__actions {
	margin-top: clamp(12px, 2vw, 24px);
}

/* кнопка: 260×48 из макета, тень/радиус как в фигме; флюидная типографика */
.rbx__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 12px 18px;
	min-height: 48px;
	min-width: 220px; /* текстовая ширина в макете 224, оставляем запас */
	background: #2e2e2e;
	color: #ffffff;
	border-radius: 8px;
	border: none;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), inset 0px 0px 0px 1px rgba(16, 24, 40, 0.18), inset 0px -2px 0px rgba(16, 24, 40, 0.05);
	text-decoration: none;
	font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 600;
	font-size: clamp(15px, 0.4vw + 13px, 16px);
	line-height: 1.5; /* ≈ 24/16 */
}

/* мелкие улучшения на очень узких экранах */
@media (max-width: 480px) {
	.rbx__container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}