@font-face{font-family:"Gotham Pro";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/gotham-pro-regular.woff2") format("woff2")}
/* FAQ rows and native details animation from the main studio theme. */
.lp-faq{--ss-ink:#101418;--ss-line:#dcdcdc;--ss-accent:#25cbc2;--ss-accent-ink:#0d8b84;position:relative;isolation:isolate;background:#f7f7f7;color:var(--ss-ink);padding-block:80px;scroll-margin-top:100px}
.lp-faq::before{content:'';position:absolute;inset-block:0;left:50%;width:calc(min(1440px,100% - 112px) + 18px);transform:translateX(-50%);pointer-events:none;z-index:-1;background-image:linear-gradient(#0000000a,#0000000a),linear-gradient(#0000000a,#0000000a),linear-gradient(#0000000a,#0000000a),linear-gradient(#0000000a,#0000000a);background-position:0 0,33.333333% 0,66.666666% 0,100% 0;background-size:1px 100%;background-repeat:no-repeat}
.lp-faq .ss-razdel__zag{font-family:Unbounded,system-ui,sans-serif;font-size:clamp(24px,2.7vw,40px);line-height:1.3;font-weight:650;letter-spacing:-.04em;margin:0 0 40px}
.lp-faq .ss-vopros__o a{color:#0d8b84;text-decoration:underline;text-underline-offset:3px}
.lp-faq .ss-vopros__v:focus-visible{outline:2px solid #0d8b84;outline-offset:4px;border-radius:4px}
@media(max-width:1200px){.lp-faq::before{width:calc(100% - 54px)}}
@media(max-width:1024px){.lp-faq{padding-block:65px}.lp-faq .ss-voprosy__spisok{grid-template-columns:minmax(0,1fr)}}
@media(max-width:980px){.lp-faq::before{width:calc(100% - 22px)}}
@media(max-width:767px){.lp-faq{padding-block:50px}.lp-faq .ss-razdel__zag{font-size:clamp(22px,7vw,28px);margin-bottom:24px}.lp-faq::before{background-image:linear-gradient(#0000000a,#0000000a),linear-gradient(#0000000a,#0000000a);background-position:0 0,100% 0}}
.lp-faq .ss-voprosy__spisok {
	align-items: start;
	display: grid;
	gap: 0 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lp-faq .ss-voprosy__kolonka {
	display: grid;
}

.lp-faq .ss-vopros {
	border-block-end: 1px solid var(--ss-line);
	transition: border-color 0.25s ease;
}

.lp-faq .ss-vopros[open] {
	border-block-end-color: var(--ss-accent);
}

.lp-faq .ss-vopros__v {
	align-items: center;
	color: var(--ss-ink);
	cursor: pointer;
	display: flex;
	font-size: clamp(17px, 1.4vw, 20px);
	font-weight: 400;
	gap: 20px;
	justify-content: space-between;
	line-height: 1.45;
	list-style: none;
	min-block-size: 44px;
	/* Слева без поля: вопросы стоят по линии заголовка раздела и всей
	   страницы (было 20 px — строка вопросов выглядела сдвинутой). */
	padding: clamp(18px, 1.8vw, 24px) clamp(0px, 1.4vw, 20px) clamp(18px, 1.8vw, 24px) 0;
	transition: color 0.2s ease;
}

.lp-faq .ss-vopros__v:hover {
	color: var(--ss-accent-ink);
}

/* В две колонки строки вопросов одной высоты — на две строки текста
   (6 октября 2026): иначе вопрос в одну строку слева и в две справа
   разводили разделители колонок по разным уровням. Короткий вопрос
   встаёт по центру своей строки. В одну колонку (уже 1024) — по тексту. */
@media (min-width: 1025px) {
	.lp-faq .ss-voprosy__spisok .ss-vopros__v {
		/* две строки вопроса: он h3 24 px × 1.35 (.ss-vopros__zag) */
		min-block-size: calc(2 * 1.35 * 24px + 2 * clamp(18px, 1.8vw, 24px));
	}
}

/* Вопрос — h3, но набран текстовым шрифтом: 24 px, 400, Gotham Pro.
   Кит навязывает заголовкам свой шрифт и жирность — снимаем явно. */
.lp-faq .ss-vopros__zag {
	color: inherit;
	font-family: "Gotham Pro", system-ui, sans-serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.35;
	margin: 0;
	text-transform: none;
}

.lp-faq .ss-vopros__v::-webkit-details-marker {
	display: none;
}

/* Плюс в круге поворачивается в крест — открыт вопрос или нет, видно
   сразу. Круг заливается акцентом у открытого.
   Плюс нарисован двумя полосками, а не символом «+»: глиф сидит
   в строке не по центру (у каждого шрифта по-своему), в круге стоял
   криво и при повороте уезжал вбок. Полоски — ровно в центре и цветом
   currentColor, поэтому цвет по-прежнему задаёт color. */
.lp-faq .ss-vopros__v::after {
	background-color: rgba(37, 203, 194, 0.12);
	background-image:
		linear-gradient(currentColor, currentColor),
		linear-gradient(currentColor, currentColor);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 16px 2px, 2px 16px;
	block-size: 40px;
	border-radius: 50%;
	color: var(--ss-accent-ink);
	content: "";
	flex: none;
	inline-size: 40px;
	transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.lp-faq .ss-vopros[open] .ss-vopros__v::after {
	background-color: var(--ss-accent);
	color: #ffffff;
	transform: rotate(45deg);
}

/* Тёмные вопросы — те же строки под чертой, цвета тёмного раздела. */
.lp-faq .ss-voprosy--temnyj .ss-razdel__zag {
	color: var(--ss-dark-ink);
}

.lp-faq .ss-voprosy--temnyj .ss-vopros {
	border-block-end-color: rgba(255, 255, 255, 0.12);
}

.lp-faq .ss-voprosy--temnyj .ss-vopros[open] {
	border-block-end-color: var(--ss-accent);
}

.lp-faq .ss-voprosy--temnyj .ss-vopros__v {
	color: var(--ss-dark-ink);
}

.lp-faq .ss-voprosy--temnyj .ss-vopros__v:hover {
	color: var(--ss-accent);
}

.lp-faq .ss-voprosy--temnyj .ss-vopros__v::after {
	background-color: rgba(37, 203, 194, 0.16);
	color: var(--ss-accent);
}

.lp-faq .ss-voprosy--temnyj .ss-vopros[open] .ss-vopros__v::after {
	background-color: var(--ss-accent);
	color: #0b0b0b;
}

.lp-faq .ss-voprosy--temnyj .ss-vopros__o {
	color: rgba(255, 255, 255, 0.8);
}

.lp-faq .ss-voprosy--temnyj .ss-vopros__o li::marker {
	color: var(--ss-accent);
}

.lp-faq .ss-vopros__o {
	color: var(--ss-ink);
	font-size: 16px;
	line-height: 1.65;
	padding: 0 calc(clamp(0px, 1.4vw, 20px) + 60px) clamp(18px, 1.8vw, 24px) 0;
}

.lp-faq .ss-vopros__o p {
	margin: 0 0 10px;
}

.lp-faq .ss-vopros__o p:last-child {
	margin-block-end: 0;
}

/* Список в ответе — с номерами или точками, как в Elementor. */
.lp-faq .ss-vopros__o :is(ol, ul) {
	display: grid;
	gap: 6px;
	margin: 0 0 10px;
	padding-inline-start: 1.4em;
}

.lp-faq .ss-vopros__o ol {
	list-style: decimal;
}

.lp-faq .ss-vopros__o ul {
	list-style: disc;
}

.lp-faq .ss-vopros__o li::marker {
	color: var(--ss-accent-ink);
}

.lp-faq .ss-vopros__o :is(ol, ul):last-child {
	margin-block-end: 0;
}

/*
 * Плавное раскрытие — на CSS, где браузер умеет анимировать высоту
 * до `auto` (`::details-content` и `interpolate-size`). Где не умеет,
 * ответ просто открывается сразу — правило отдельное, чтобы незнакомый
 * селектор не погасил остальные.
 */
.lp-faq .ss-vopros {
	interpolate-size: allow-keywords;
}

.lp-faq .ss-vopros::details-content {
	block-size: 0;
	overflow: clip;
	transition: block-size 0.35s ease, content-visibility 0.35s allow-discrete;
}

.lp-faq .ss-vopros[open]::details-content {
	block-size: auto;
}

@media (prefers-reduced-motion: reduce) {
	.lp-faq .ss-vopros::details-content {
		transition: none;
	}
}

@media(max-width:1024px){.lp-faq .ss-voprosy__spisok{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){.lp-faq .ss-vopros__zag{font-size:20px}}
@media(prefers-reduced-motion:reduce){.lp-faq .ss-vopros,.lp-faq .ss-vopros__v,.lp-faq .ss-vopros__v::after{transition:none}}/* The FAQ supplies its own top spacing after the combined dark section. */
.lp-home .lp-demo-journey:has(+.lp-faq){margin-block-end:0}