/* ===================================================================
   landing-figma.css — редизайн раздела "Проектировщикам" по фигма-макету
   Figma: yqvw0Z8fStCDnsxUNsSFxj / node 1:96
   Дата: 2026-04-29 (актуализирован под обновлённый макет)
   Подключается ПОСЛЕ landing_proj/styles.css → перекрывает старые правила.
   =================================================================== */

/* Museo Sans Cyrl — лицензирован Geniled (EULA 26043120, Invoice 2604312).
   Файлы лежат в /local/templates/landing_proj/fonts/, weights 300/500/700/900.
   font-weight 400 → ремаппится на 500 (нет 400 в архиве, 500 ближе всего к "regular"). */
@font-face {
	font-family: 'Museo Sans Cyrl';
	src: url('/local/templates/landing_proj/fonts/museo_sans_cyrl_300.woff2') format('woff2'),
	     url('/local/templates/landing_proj/fonts/museo_sans_cyrl_300.woff')  format('woff');
	font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Museo Sans Cyrl';
	src: url('/local/templates/landing_proj/fonts/museo_sans_cyrl_500.woff2') format('woff2'),
	     url('/local/templates/landing_proj/fonts/museo_sans_cyrl_500.woff')  format('woff');
	font-weight: 400 500; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Museo Sans Cyrl';
	src: url('/local/templates/landing_proj/fonts/museo_sans_cyrl_700.woff2') format('woff2'),
	     url('/local/templates/landing_proj/fonts/museo_sans_cyrl_700.woff')  format('woff');
	font-weight: 600 700; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Museo Sans Cyrl';
	src: url('/local/templates/landing_proj/fonts/museo_sans_cyrl_900.woff2') format('woff2'),
	     url('/local/templates/landing_proj/fonts/museo_sans_cyrl_900.woff')  format('woff');
	font-weight: 900; font-style: normal; font-display: swap;
}

:root {
	--fg-bg:        #17181A;
	--fg-bg-deep:   #0F1012;
	--fg-card:      #3B3E42;
	--fg-card-2:    #2D2F32;
	--fg-accent:    #9B30AE;
	--fg-accent-2:  #9E4DAB;
	--fg-text:      #FFFFFF;
	--fg-muted:     #A4A4A4;
	--fg-subtle:    #888888;
	--fg-border:    #555658;
	--fg-border-2:  #595959;
	--fg-radius:    10px;
	--fg-radius-lg: 16px;
	--fg-radius-xl: 24px;
	--fg-radius-btn: 5px;
	--fg-font:      'Raleway', Arial, sans-serif; /* font-policy: Geniled = Raleway, см. feedback_geniled_raleway_default_font */
}

/* Базовая палитра — единый фон #17181A (rgba(23,24,26,1)) на всю страницу, без радиал-градиентов */
body.lp {
	background: #17181A !important;
	color: var(--fg-text) !important;
	font-family: var(--fg-font) !important;
	font-weight: 300 !important;
	line-height: 1.5;
	position: relative;
}
body.lp::before { content: none !important; }
body.lp main { background: transparent !important; padding-top: 0 !important; }
body.lp h1, body.lp h2, body.lp h3, body.lp h4, body.lp h5, body.lp h6 {
	font-family: var(--fg-font);
	color: var(--fg-text) !important;
	font-weight: 600 !important;
	line-height: 1.15;
}

/* Шапка под фигма-палитру (тёмный glassmorphism, без больших изменений) */
body.lp .lp-header { background: rgba(23,24,26,.78) !important; }

/* === Контейнер === */
body.lp .lp-container { max-width: 1260px !important; margin: 0 auto; padding: 0; }

/* === Кнопки === */
body.lp .lp-btn {
	display: inline-flex; align-items: center; justify-content: center;
	gap: 10px;
	padding: 15px 35px;
	border-radius: 5px;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: background .3s ease-out !important;
	box-shadow: none !important;
	transform: none !important;
}
body.lp .lp-btn--primary {
	background: rgba(155,48,174,1) !important;
	color: #FFFFFF !important;
}
body.lp .lp-btn--primary:hover,
body.lp .lp-btn--primary:focus {
	background: #B845C9 !important;
	color: #FFFFFF !important;
}
body.lp .lp-btn--primary:active {
	background: #842596 !important;
	color: #FFFFFF !important;
}
body.lp .lp-btn--ghost {
	background: transparent;
	color: var(--fg-text);
	border: 1px solid var(--fg-border);
}
body.lp .lp-btn--ghost:hover { border-color: var(--fg-accent); color: var(--fg-accent-2); }

/* === Заголовки секций ===
   H1 figma plugin: width 975, font-size 48, weight 600, line-height 57.6 (1.2em), color #FFFFFF, Museo Sans Cyrl */
body.lp .fg-h1 {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 48px;
	line-height: 1.2;
	font-weight: 600;
	color: #FFFFFF;
	max-width: 775px;
	letter-spacing: 0;
}
body.lp .fg-h1 em { font-style: normal; color: #FFFFFF; display: block; }
/* Первая строка H1 «Нормы, расчёты и готовые решения» — всегда на одной строке. */
body.lp .fg-h1__line { display: block; white-space: nowrap; }
body.lp .fg-h2 { font-size: 42px; line-height: 1.12; font-weight: 600; letter-spacing: -.4px; margin: 0 0 18px; }
body.lp .fg-lead { font-size: 20px; font-weight: 300; color: rgba(255,255,255,.78); max-width: 760px; line-height: 1.55; }
body.lp .fg-eyebrow { display: inline-block; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; color: var(--fg-accent-2); margin-bottom: 14px; }
body.lp .fg-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 36px; flex-wrap: wrap; }
body.lp .fg-section-head__text { max-width: 800px; }
body.lp .fg-link-arrow { color: var(--fg-accent-2); font-weight: 500; font-size: 16px; white-space: nowrap; transition: color .2s; }
body.lp .fg-link-arrow:hover { color: #fff; }

/* === 1. HERO === */
body.lp .fg-hero {
	padding: 0 0 159px;
	background: transparent;
	position: relative;
	min-height: 400px;
	overflow: visible;
}
body.lp .fg-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 920px;
}
body.lp .fg-hero__title { margin: 0 0 32px; }
body.lp .fg-hero__lead  { margin: 0 0 20px; }
body.lp .fg-hero__title,
body.lp .fg-hero__lead,
body.lp .fg-hero .lp-btn { position: relative; z-index: 2; }
/* PNG-баннер 618×473 (натуральный размер).
   left = 500px от правого края кнопки «Получить доступ» (~209+500=709 от border-box контейнера).
   ⚠ контейнер 1175 не позволяет одновременно держать оба расстояния (500 от кнопки + 174 от плашки),
   приоритет — 500 от кнопки; правый край картинки ляжет ~709+618=1327, обрежется overflow:hidden hero. */
body.lp .fg-hero__visual {
	display: block;
	position: absolute;
	left: 709px;
	top: 50%;
	transform: translateY(calc(-50% + 150px));
	width: 618px;
	height: 473px;
	background-image: url('/upload/kartinka-hero.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	pointer-events: none;
	user-select: none;
	z-index: 99;
}

/* Rotator во второй строке Hero — фразы кросс-fade'ом сменяют друг друга.
   Все спаны в одной точке, видим только .is-active. min-height = высоте строки em
   чтобы layout не прыгал (запас на 1 строку). */
body.lp .fg-h1 em.fg-rotate {
	display: block;
	position: relative;
	min-height: 1.2em;
	color: #FFFFFF;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
}
body.lp .fg-h1 em.fg-rotate > span {
	position: absolute;
	left: 0; top: 0;
	white-space: nowrap;
	opacity: 0;
	filter: blur(10px);
	transform: translateY(16px) scale(.985);
	transition:
		opacity .9s cubic-bezier(.22,.61,.36,1),
		filter  .9s cubic-bezier(.22,.61,.36,1),
		transform .9s cubic-bezier(.22,.61,.36,1);
	pointer-events: none;
	will-change: opacity, filter, transform;
	text-shadow: 0 0 24px rgba(155,48,174,0);
}
body.lp .fg-h1 em.fg-rotate > span.is-active {
	opacity: 1;
	filter: blur(0);
	transform: translateY(0) scale(1);
	pointer-events: auto;
	text-shadow: 0 0 32px rgba(155,48,174,.18);
}
@media (max-width: 720px) {
	body.lp .fg-h1 em.fg-rotate > span { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
	body.lp .fg-h1 em.fg-rotate > span { transition: opacity .15s; transform: none; }
}

/* === 2. БАЗА ЗНАНИЙ (6 категорий) — figma node 9:104, 1-в-1 === */
body.lp .fg-section { padding: 88px 0; }

/* "База знаний" + все секции после неё — фон #212224 (по фигме). */
body.lp .fg-cats-section,
body.lp .fg-cats-section ~ .fg-section { background: #212224; }

/* От низа карточек "Базы знаний" до заголовка "Примеры расчётов" = 104px (по фигме).
   Cats padding-bottom 80 + Examples padding-top 24 = 104. */
body.lp .fg-cats-section + .fg-section { padding-top: 24px; }

/* Cats-секция — фон #212224 задаётся через общее правило выше.
   159px тёмная подложка теперь живёт ВНУТРИ hero (padding-bottom: 159) — это «159 от кнопки до конца блока».
   padding-top: 80px = серая подложка #212224 от верха плашки до заголовка "База знаний". */
body.lp .fg-cats-section {
	border-radius: 0;
	padding: 80px 0 80px;
	margin: 0;
	position: relative;
	overflow: visible;
}
body.lp .fg-cats-section .lp-container { position: relative; z-index: 1; }

/* Заголовок-секция «База знаний» — 48/600 + белый лид */
body.lp .fg-section-head--stacked {
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 48px;
	gap: 24px;
}
body.lp .fg-h2--xl {
	font-size: 48px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
}
body.lp .fg-lead--white {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.2;
	max-width: none;
}

/* Сетка карточек: 3×2, gap 25px по горизонтали, 24 по вертикали, контейнер 1175 */
body.lp .fg-cats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 375px));
	gap: 24px 50px;
	justify-content: center;
}

/* Карточка: 375×240, BG #2F3033, BR 16, padding 24, две зоны: top (icon+desc) + cta-link.
   gap 31 между зонами как в фигме layout_PEKJ4X. */
body.lp .fg-cat {
	background: #2F3033;
	border-radius: var(--fg-radius-lg);
	padding: 22px;
	min-height: 240px;
	display: flex; flex-direction: column; justify-content: space-between;
	gap: 48px;
	color: var(--fg-text);
	text-decoration: none;
	position: relative;
}

/* Top-зона: icon-row + description, gap 24 (layout_AF5GF8) */
body.lp .fg-cat__top {
	display: flex; flex-direction: column; gap: 24px;
	position: relative;
}
/* Header-row: icon 64 + title 20/400, gap 14 (figma 131442/131436) */
body.lp .fg-cat__head {
	display: flex; flex-direction: row; align-items: center; gap: 14px;
}

/* Иконка-плашка 64×64 BG #212224 BR 8.
   Псевдоэлемент через mask-image: цвет белый, на hover → акцент. */
body.lp .fg-cat__icon {
	width: 64px; height: 64px;
	border-radius: 8px;
	background: #212224;
	flex-shrink: 0;
	position: relative;
}
body.lp .fg-cat__icon::after {
	content: "";
	position: absolute;
	inset: 12px;
	background-color: #A7AAAE;
	-webkit-mask: var(--icon-url) center/contain no-repeat;
	        mask: var(--icon-url) center/contain no-repeat;
	transition: background-color .25s;
}
body.lp .fg-cat:hover .fg-cat__icon::after { background-color: var(--fg-accent); }

/* «База знаний» — заголовок + 2 декоративные иконки рядом (Wiki / Каталог фотометрии Geniled).
   Стиль плашки повторяет .fg-cat__icon — BG #212224, BR 8, иконка stroke=currentColor #A7AAAE, на hover → акцент. */
body.lp .fg-knowledge-head {
	display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
body.lp .fg-knowledge-head .fg-h2 { margin: 0; }
body.lp .fg-knowledge-icons { display: inline-flex; align-items: center; gap: 8px; }
body.lp .fg-knowledge-icon {
	width: 48px; height: 48px;
	border-radius: 8px;
	background: #212224;
	border: none;
	padding: 0;
	display: inline-flex; align-items: center; justify-content: center;
	color: #A7AAAE;
	cursor: pointer;
	transition: color .25s, background .25s;
	flex-shrink: 0;
}
body.lp .fg-knowledge-icon svg { width: 24px; height: 24px; flex-shrink: 0; }
body.lp .fg-knowledge-icon:hover { color: var(--fg-accent); background: #26272A; }

/* Title — visible 20/400 white по figma 131436 */
body.lp .fg-cat__title {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	color: #FFFFFF;
	margin: 0;
	font-family: var(--fg-font);
}

/* Описание 16/400 #8D9099, max-width 330 (= dimensions 330×57 в фигме) */
body.lp .fg-cat__desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: #8D9099;
	margin: 0;
	max-width: 330px;
	position: relative;
}

/* CTA-линк "Открыть раздел" — figma 1-в-1: align-self: flex-start, 16/400 #8D9099 */
body.lp .fg-cat__link {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	align-self: flex-start;
	gap: 8px;
	color: #8D9099;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	transition: color .2s, gap .2s;
	position: relative;
}
body.lp .fg-cat__link svg {
	transition: transform .2s;
	flex-shrink: 0;
}
body.lp .fg-cat:hover .fg-cat__link {
	color: #FFFFFF;
	gap: 12px;
}
body.lp .fg-cat:hover .fg-cat__link svg { transform: translateX(2px); }
/* Solo-вариант .fg-cat__link — используется вне .fg-cat (например «Все калькуляторы»). Hover на самом ссылке. */
body.lp .fg-cat__link--solo:hover { color: #FFFFFF; gap: 12px; }
body.lp .fg-cat__link--solo:hover svg { transform: translateX(2px); }

/* === 3. ПРИМЕРЫ РАСЧЁТОВ (слайдер) ===
   По figma node 9:184 (2026-04-29): картинка 1175×590, BR 16px,
   2 кнопки 88×72 справа внизу + счётчик "1 / 6" сверху от кнопок. */
body.lp .fg-slider {
	position: relative;
	margin-top: 24px;
}
body.lp .fg-slider__track {
	position: relative;
	border-radius: var(--fg-radius-lg);
	overflow: hidden;
	aspect-ratio: 1175 / 590;
	background: var(--fg-bg-deep);
}
body.lp .fg-slide {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	transition: opacity .35s ease;
	pointer-events: none;
}
body.lp .fg-slide.is-active {
	opacity: 1;
	pointer-events: auto;
}
body.lp .fg-slide picture,
body.lp .fg-slide img {
	display: block;
	width: 100%; height: 100%;
	object-fit: cover;
}
body.lp .fg-slide__cap {
	position: absolute;
	left: 24px; bottom: 24px;
	background: rgba(15,16,18,.72);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: #fff;
	padding: 10px 18px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .2px;
	max-width: calc(100% - 240px);
}
/* Bottom-блок под слайдером: слева текст-описание, справа счётчик + стрелки */
body.lp .fg-slider__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	margin-top: 32px;
	flex-wrap: wrap;
}
body.lp .fg-slider__lead {
	flex: 1 1 auto;
	max-width: 760px;
	margin: 0;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	color: rgba(255,255,255,.78);
}
body.lp .fg-slider__controls {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
}
body.lp .fg-slider__nav {
	display: flex; gap: 8px;
}
body.lp .fg-slider__btn {
	width: 88px; height: 72px;
	background: #2F3033;
	border: none;
	border-radius: var(--fg-radius-lg);
	color: #fff;
	cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
	transition: background .2s;
	padding: 0;
}
body.lp .fg-slider__btn:hover { background: var(--fg-accent); }
body.lp .fg-slider__btn svg { width: 32px; height: 12px; }
body.lp .fg-slider__counter {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	font-variant-numeric: tabular-nums;
}

/* === 4. СТАТЬИ — figma node 9:233 (2026-04-29), 1-в-1 ===
   Контейнер: BG #2F3033, BR 24, padding 56 (head 64 снизу).
   Сетка 3 колонки, карточки content-only (без бэйджа на картинке).
   Бэйдж "Нормативы" → BG #9B30AE, BR 26, padding 8/16, 16/300.
   Заголовок: 20/300 white, sub-каптион 16/300 white, дата 16/300 #8D9099. */
body.lp .fg-articles {
	background: #2F3033;
	border-radius: 24px;
	padding: 56px;
	margin: 0 -80px;
}
body.lp .fg-articles__head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 64px;
	flex-wrap: wrap;
}
body.lp .fg-articles__head .fg-h2 { margin: 0; }
body.lp .fg-articles__all {
	color: #8D9099;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s;
}
body.lp .fg-articles__all:hover { color: #FFFFFF; }
body.lp .fg-articles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
body.lp .fg-article {
	background: transparent;
	border-radius: 0;
	overflow: visible;
	display: flex; flex-direction: column;
	gap: 0;
	padding: 0;
	color: var(--fg-text);
	text-decoration: none;
}
body.lp .fg-article__img {
	aspect-ratio: 375/261;
	overflow: hidden;
	border-radius: 16px 16px 0 0;
	position: relative;
	width: 100%;
}
body.lp .fg-article__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.lp .fg-article__body {
	display: flex; flex-direction: column;
	align-items: flex-start;
	gap: 0;
	padding: 24px 12px 16px;
	background: #212224;
	border-radius: 16px;
	height: 240px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	margin-top: -32px;
}
body.lp .fg-article__badge {
	display: inline-flex; align-items: center; justify-content: center;
	gap: 8px;
	background: #9B30AE;
	color: #FFFFFF;
	font-family: 'Raleway', Arial, sans-serif;
	padding: 0;
	border-radius: 26px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: 0;
	width: 119px;
	height: 35px;
	box-sizing: border-box;
	flex-shrink: 0;
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
}
body.lp .fg-article__title {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: #FFFFFF;
	margin: 0;
}
body.lp .fg-article__sub {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.2;
	color: #FFFFFF;
	margin: 24px 0 0;
}
body.lp .fg-article__date {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.2;
	color: #8D9099;
	margin-top: auto;
	padding-top: 58px;
}

/* === 5. КАЛЬКУЛЯТОРЫ ===
   По figma node 9:203 (2026-04-29): 6 карточек 375×240, BG #2F3033, BR 16px,
   padding 24px, justify-content: flex-end (контент прижат к низу), без иконок.
   Заголовок 20/400, подпись 16/400 #8D9099. */

/* PNG-баннер калькулятор справа в section-head — аналог hero__visual.
   Параметры из figma (Дима, 2026-04-29): 504×504, rotate(11.387deg), cover. */
body.lp .fg-calcs-section { position: relative; overflow: visible; padding-bottom: 40px; }
/* Сузить gap от секции #calcs до следующей (#process) — Дима, 2026-05-21 */
body.lp .fg-calcs-section + .fg-section { padding-top: 24px; }
body.lp .fg-calcs-section .lp-container { position: relative; }
body.lp .fg-calcs__visual {
	display: block;
	position: absolute;
	right: 60px;
	top: -90px;
	width: 504px;
	height: 504px;
	aspect-ratio: 1 / 1;
	transform: rotate(6deg);
	background: url('/upload/proektirovshchikam-calcs-banner.png') center / contain no-repeat;
	pointer-events: none;
	user-select: none;
	z-index: 0;
}
/* Карточки калькуляторов выше визуала — картинка уходит ЗА «Пульсацию» */
body.lp .fg-calcs-section .fg-calc { position: relative; z-index: 2; }
body.lp .fg-calcs-section .fg-section-head { position: relative; z-index: 2; }
/* Лид в две строки — отдельный класс, чтобы не ломать другие лиды */
body.lp .fg-lead--two-lines { max-width: none; }
/* Под сеткой калькуляторов: «Все калькуляторы →» справа, под последней (правой нижней) карточкой */
body.lp .fg-calcs__bottom { display: flex; justify-content: flex-end; margin-top: 24px; }
/* Заголовочная строка без правой ссылки — поддерживаем читаемость лида */
body.lp .fg-section-head--no-aside { justify-content: flex-start; }

body.lp .fg-calcs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 375px));
	gap: 24px 50px;
	justify-content: center;
}
body.lp .fg-calc {
	background: #2F3033;
	border-radius: var(--fg-radius-lg);
	padding: 22px;
	min-height: 240px;
	display: flex; flex-direction: column; justify-content: flex-end; gap: 8px;
	color: var(--fg-text);
	text-decoration: none;
	position: relative;
}
body.lp .fg-calc__title {
	font-size: 20px;
	font-weight: 400;
	margin: 0;
	line-height: 1.2;
	color: #FFFFFF;
	position: relative;
	min-height: 2.4em; /* 2 строки под длинные заголовки (Энергосервисный контракт) — выравниваем title между карточками */
	display: flex;
	align-items: flex-end;
}
body.lp .fg-calc__desc {
	font-size: 16px;
	font-weight: 400;
	color: #8D9099;
	line-height: 1.2;
	margin: 0;
	position: relative;
	min-height: 2.4em; /* 2 строки — выравниваем desc между карточками */
}
/* Formula-«бейдж» в правом верхнем углу карточки калькулятора (figma 9:203 / styleY7IYHX)
   E, лк / U₀ — Museo Sans Cyrl 48/400 line-height 1.2 #8D9099, абсолютно top:24 left:24. */
body.lp .fg-calc__formula {
	position: absolute;
	top: 24px;
	left: 24px;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 1.2;
	color: #8D9099;
	pointer-events: none;
	user-select: none;
	transition: color .25s;
}
body.lp .fg-calc:hover .fg-calc__formula { color: var(--fg-accent); }
body.lp .fg-calc__formula sub {
	font-size: 0.6em;
	vertical-align: sub;
	line-height: 1;
}

/* === 6. ПРОЦЕСС - 5 ШАГОВ — figma 1-в-1 ===
   Layout 3+2: первые 3 карточки 375×480 (узкие), 4-5 шире (575×480).
   Карточка: BG #2F3033, BR 16, padding 32, gap 40 между head и desc.
   Head: gap 16, num 96/300 #9B30AE lh 115.20, title 32/400 white lh 38.40, sub 20/400 #8D9099.
   Desc: 20/300 white. */
body.lp .fg-process-section { background: transparent; }
body.lp .fg-process {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 375px));
	gap: 25px;
	justify-content: center;
}
body.lp .fg-step {
	background: #2F3033;
	border-radius: var(--fg-radius-lg);
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	min-height: 480px;
}
/* Широкие карточки (4 и 5) занимают больше места, итого 4-я на новой строке + 5-я рядом */
body.lp .fg-step--wide { grid-column: span 1; }
@media (min-width: 1100px) {
	body.lp .fg-process {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		grid-auto-rows: minmax(480px, auto);
	}
	body.lp .fg-step             { grid-column: span 2; }
	body.lp .fg-step--wide       { grid-column: span 3; }
}
body.lp .fg-step__head {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
body.lp .fg-step__num {
	font-size: 96px;
	font-weight: 300;
	color: #9B30AE;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	font-family: var(--fg-font);
	margin: 0;
}
body.lp .fg-step__title {
	font-size: 32px;
	font-weight: 400;
	margin: 0;
	line-height: 1.2;
	color: #FFFFFF;
	font-family: var(--fg-font);
}
body.lp .fg-step__sub {
	font-size: 20px;
	font-weight: 400;
	color: #8D9099;
	line-height: 1.2;
}
body.lp .fg-step__desc {
	font-size: 20px;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 1.4;
	margin: 0;
}

/* === 7. ПОЧЕМУ ВЫБИРАЮТ — figma 1-в-1 ===
   3 карточки 375×176, padding 24, gap 32, justify-content space-between.
   Карточка: BG #2F3033, BR 16. Иконка-плашка 48×48 BG #9B30AE BR 8 padding 9/12.
   Заголовок: 20/400 white lh 1.2, без описания. */
body.lp .fg-benefits {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 375px));
	gap: 25px;
	justify-content: center;
}
body.lp .fg-benefit {
	background: #2F3033;
	border-radius: var(--fg-radius-lg);
	padding: 24px;
	min-height: 176px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 32px;
}
body.lp .fg-benefit__icon {
	display: flex;
	width: 48px;
	height: 48px;
	padding: 9px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 8px;
	background: #9B30AE;
	color: #FFFFFF;
	box-sizing: border-box;
}
body.lp .fg-benefit__icon svg { width: 24px; height: 16px; flex-shrink: 0; }
body.lp .fg-h2--nowrap { white-space: nowrap; }
body.lp .fg-benefit__title {
	font-size: 20px;
	font-weight: 400;
	margin: 0;
	line-height: 1.2;
	color: #FFFFFF;
}

/* === 8. FAQ — figma 1-в-1 ===
   Item: outline 2px #2F3033, BR 8, height 72 (collapsed), padding 24 horizontal.
   Q: 20/400 white. Развёрнутый item — высота auto, ответ под вопросом. */
body.lp .fg-faq { display: flex; flex-direction: column; gap: 16px; max-width: none; margin: 0 auto; }
body.lp .fg-faq__item {
	background: transparent;
	outline: 2px solid #2F3033;
	outline-offset: -2px;
	border: none;
	border-radius: 8px;
	padding: 0 24px;
	min-height: 72px;
	transition: outline-color .2s, background .2s;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
body.lp .fg-faq__item[open] {
	background: rgba(47,48,51,.32);
	outline-color: rgba(155,48,174,.4);
	padding: 20px 24px;
}
body.lp .fg-faq__q {
	font-size: 20px;
	font-weight: 400;
	cursor: pointer;
	display: flex; align-items: center; justify-content: space-between;
	gap: 16px;
	color: #FFFFFF;
	line-height: 1.2;
	list-style: none;
	margin: 0;
	min-height: 28px;
}
body.lp .fg-faq__q::-webkit-details-marker { display: none; }
body.lp .fg-faq__q::after {
	content: "";
	width: 12px; height: 12px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .2s;
	flex-shrink: 0;
	margin-bottom: 4px;
	opacity: .7;
}
body.lp .fg-faq__item[open] .fg-faq__q::after { transform: rotate(-135deg); margin-bottom: 0; margin-top: 4px; }
body.lp .fg-faq__a {
	color: rgba(255,255,255,.78);
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	margin: 14px 0 0;
}

/* === 9. CTA-форма — figma 1-в-1 (node 9:1083) ===
   Контейнер: BG #171819 BR 24, padding 85 93 (top/horizontal по figma).
   Head: H2 48/600 white lh 1.2, lead 20/300 white, gap 24, max-width 675.
   Form labels: 24/600 white lh 1.2 (Museo). Inputs: 575×60, BR 5, outline 1px #555658, padding 10 15, 16/400 Inter, hint-text color #555658.
   Submit: 16/400 Museo, BG #9B30AE BR 5 padding 15 35. */
body.lp .fg-final {
	background: #171819;
	border-radius: 24px;
	padding: 85px 93px 100px;
}
body.lp .fg-final__head {
	display: flex; flex-direction: column;
	gap: 24px;
	max-width: 675px;
	margin: 0 0 56px;
	text-align: left;
}
body.lp .fg-final__head .fg-h2 {
	font-size: 48px;
	font-weight: 600;
	line-height: 1.2;
	color: #FFFFFF;
	margin: 0;
}
body.lp .fg-final__head .fg-lead {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	margin: 0;
}
body.lp .fg-final__head .fg-eyebrow { margin-bottom: 0; }
/* Кастомная форма (HTML, без Bitrix24-loader'а). Стек 4 группы: label + input,
   gap 25 между группами (label-to-input 21, input-to-next-label 25). Submit отступом 32. */
body.lp .fg-final__form {
	max-width: 575px;
	margin: 0;
	background: transparent;
	border-radius: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 25px;
}
body.lp .fg-form__group {
	display: flex;
	flex-direction: column;
	gap: 21px;
}
body.lp .fg-form__group--check { gap: 0; }
body.lp .fg-form__label {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: #FFFFFF;
	cursor: pointer;
}
body.lp .fg-form__input {
	width: 575px;
	max-width: 100%;
	height: 60px;
	padding: 10px 15px;
	border-radius: 5px;
	background: transparent;
	border: 1px solid #555658;
	color: #FFFFFF;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	outline: none;
	transition: border-color .2s;
}
body.lp .fg-form__input::placeholder { color: #555658; }
body.lp .fg-form__input:focus { border-color: var(--fg-accent-2); }
body.lp .fg-form__input:invalid:not(:placeholder-shown) { border-color: #C2384A; }
/* Чекбокс «Расширенная форма» — 32×32 квадрат + label */
body.lp .fg-form__check {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	user-select: none;
}
body.lp .fg-form__check input[type="checkbox"] {
	position: absolute;
	width: 1px; height: 1px; opacity: 0;
	pointer-events: none;
}
body.lp .fg-form__check-box {
	width: 32px; height: 32px;
	border-radius: 5px;
	border: 1px solid #555658;
	background: transparent;
	flex-shrink: 0;
	position: relative;
	transition: background .2s, border-color .2s;
}
body.lp .fg-form__check input:checked + .fg-form__check-box {
	background: #9B30AE;
	border-color: #9B30AE;
}
body.lp .fg-form__check input:checked + .fg-form__check-box::after {
	content: "";
	position: absolute;
	left: 10px; top: 6px;
	width: 8px; height: 14px;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	transform: rotate(45deg);
}
body.lp .fg-form__check-text {
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: #FFFFFF;
}
body.lp .fg-form__submit { margin-top: 7px; align-self: flex-start; }
body.lp .fg-form__submit:disabled { opacity: .6; cursor: wait; }
body.lp .fg-form__status {
	margin: 8px 0 0;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
}
body.lp .fg-form__status.is-success { color: #6EE17C; }
body.lp .fg-form__status.is-error   { color: #FF8FA0; }
body.lp .fg-form__consent {
	margin: 12px 0 0;
	font-family: 'Raleway', Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4;
	color: #8D9099;
}
body.lp .fg-form__consent a {
	color: #8D9099;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .2s;
}
body.lp .fg-form__consent a:hover { color: #FFFFFF; }

/* === Адаптив === */
@media (max-width: 980px) {
	body.lp .fg-h1 { font-size: 38px; }
	body.lp .fg-h2 { font-size: 32px; }
	body.lp .fg-cats, body.lp .fg-articles-grid, body.lp .fg-benefits {
		grid-template-columns: 1fr 1fr;
	}
	body.lp .fg-calcs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.lp .fg-process { grid-template-columns: repeat(2, 1fr); }
	body.lp .fg-articles, body.lp .fg-final { padding: 48px 28px; }
	body.lp .fg-section { padding: 64px 0; }
	body.lp .fg-hero { padding: 64px 0; }
	body.lp .fg-slide__cap { max-width: calc(100% - 48px); bottom: auto; top: 16px; left: 16px; }
	body.lp .fg-slider__nav { bottom: 16px; right: 16px; }
	body.lp .fg-slider__btn { width: 64px; height: 52px; }
	body.lp .fg-slider__counter { bottom: 84px; right: 16px; font-size: 18px; }
}
@media (max-width: 640px) {
	body.lp .fg-h1 { font-size: 30px; }
	body.lp .fg-h2 { font-size: 26px; }
	body.lp .fg-lead { font-size: 17px; }
	body.lp .fg-cats, body.lp .fg-articles-grid, body.lp .fg-calcs, body.lp .fg-benefits, body.lp .fg-process {
		grid-template-columns: 1fr;
	}
	body.lp .fg-calc { min-height: 180px; }
	body.lp .fg-calc__title { font-size: 18px; }
	body.lp .fg-calc__desc  { font-size: 14px; }
	body.lp .fg-articles, body.lp .fg-final { padding: 36px 18px; }
	body.lp .fg-slider__btn { width: 52px; height: 44px; }
	body.lp .fg-slider__btn svg { width: 24px; height: 10px; }
}

/* === FOOTER (figma 1-в-1 — 3 nav-колонки + контакты + bottom row) === */
body.lp .fg-footer {
	background: #171819;
	border-top-left-radius: 32px;
	border-top-right-radius: 32px;
	/* -32px (= радиус): футер заходит в нижний padding #final-cta (там 88px воздуха),
	   скругление углов ложится на серую секцию #212224, а не на body #101213.
	   Убирает и чёрную полосу (был 64px), и чёрные углы скругления. */
	margin-top: -32px;
	position: relative;
	overflow: hidden;
}
/* Декоративные блики (правый край фотометрии в figma) */
body.lp .fg-footer__decor {
	position: absolute;
	pointer-events: none;
	z-index: 0;
}
body.lp .fg-footer__decor--1 {
	inset: 0;
	background: linear-gradient(135deg, rgba(141,144,153,.02) 0%, rgba(47,48,51,.02) 100%);
}
body.lp .fg-footer__decor--2 {
	top: 0; right: 0; bottom: 0;
	width: 50%;
	background: linear-gradient(225deg, rgba(141,144,153,.02) 0%, rgba(47,48,51,.02) 100%);
}

body.lp .fg-footer__inner {
	position: relative;
	z-index: 1;
	padding-top: 61px;
	padding-bottom: 28px;
}

body.lp .fg-footer__top {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(280px, auto);
	gap: 32px 56px;
	padding-bottom: 60px;
}

/* Nav-колонки */
body.lp .fg-footer__col { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
body.lp .fg-footer__col-title {
	font-family: var(--fg-font);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	color: #FFFFFF;
	margin: 0;
	letter-spacing: 0;
	text-transform: none;
}
body.lp .fg-footer__col-list {
	list-style: none; margin: 0; padding: 0;
	display: flex; flex-direction: column; gap: 8px;
	/* Растянуть список на всю высоту колонки (grid-cell stretch до низа .fg-footer__contacts)
	   и распределить пункты space-between — низ последнего пункта совпадает с низом
	   .fg-footer__address (автоадаптивно, без магического gap). gap:8 = минимальный интервал. */
	flex: 1 1 auto;
	justify-content: space-between;
}
body.lp .fg-footer__col-list a {
	font-family: var(--fg-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	color: #8D9099;
	text-decoration: none;
	transition: color .2s;
	display: inline-block;
}
body.lp .fg-footer__col-list a:hover { color: #FFFFFF; }

/* Контакты — справа, right-align */
body.lp .fg-footer__contacts {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
	gap: 14px;
}
body.lp .fg-footer__wordmark {
	display: inline-flex;
	color: #FFFFFF;
	margin-bottom: 22px;
	transition: color .2s;
	text-decoration: none;
}
body.lp .fg-footer__wordmark svg { width: 87px; height: 26px; display: block; }
body.lp .fg-footer__wordmark:hover { color: var(--fg-accent-2); }

/* Figma 479:1003 — Контакты CTA: #AC2DC3 h48 padding 0/24 radius 8, Raleway Medium 16 */
body.lp .fg-footer__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 48px;
	padding: 0 24px;
	border-radius: 8px;
	background: #AC2DC3;
	color: #FFFFFF;
	font-family: var(--fg-font);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
	transition: background .15s;
}
body.lp .fg-footer__cta:hover { background: #92289a; color: #FFFFFF; }
body.lp .fg-footer__phone {
	font-family: var(--fg-font);
	font-size: 36px;
	font-weight: 400;
	line-height: 1.2;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0;
	transition: color .2s;
}
body.lp .fg-footer__phone:hover { color: var(--fg-accent-2); }
body.lp .fg-footer__email {
	font-family: var(--fg-font);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.25;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 4px;
	transition: color .2s;
}
body.lp .fg-footer__email:hover { color: var(--fg-accent-2); }
body.lp .fg-footer__address {
	font-family: var(--fg-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #8D9099;
	margin: 16px 0 0; /* первая строка адреса выравнена по top «Экспертная поддержка» (5-й li): email.bottom + (parent gap 14 + 16) = li-5.top */
}

/* Большой декоративный лого по центру (figma 679×203) */
body.lp .fg-footer__bigmark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 40px;
	pointer-events: none;
	user-select: none;
}
body.lp .fg-footer__bigmark svg {
	width: 679.021px;
	height: 203.704px;
	max-width: 100%;
	display: block;
}

/* Hairline */
body.lp .fg-footer__hairline {
	height: 1px;
	background: #8D9099;
	margin: 0;
}

/* Bottom row */
body.lp .fg-footer__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding-top: 20px;
	padding-bottom: 0;
	font-family: var(--fg-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: #8D9099;
}
body.lp .fg-footer__copy { color: #8D9099; }
body.lp .fg-footer__legal { display: flex; gap: 32px; flex-wrap: wrap; }
body.lp .fg-footer__legal a {
	color: #8D9099;
	text-decoration: none;
	transition: color .2s;
}
body.lp .fg-footer__legal a:hover { color: #FFFFFF; }

/* === Адаптив футера === */
@media (max-width: 1080px) {
	body.lp .fg-footer__top {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		row-gap: 40px;
	}
	body.lp .fg-footer__contacts {
		grid-column: 1 / -1;
		align-items: flex-start;
		text-align: left;
	}
}
@media (max-width: 720px) {
	body.lp .fg-footer { border-top-left-radius: 24px; border-top-right-radius: 24px; }
	body.lp .fg-footer__inner { padding-top: 44px; }
	body.lp .fg-footer__top { grid-template-columns: 1fr 1fr; gap: 32px; padding-bottom: 40px; }
	body.lp .fg-footer__contacts { grid-column: 1 / -1; }
	body.lp .fg-footer__phone { font-size: 28px; }
	body.lp .fg-footer__bottom { flex-direction: column; align-items: flex-start; padding-top: 16px; }
	body.lp .fg-footer__legal { gap: 16px; }
}

/* === Кнопка «Ключевые слова» — для админов, ведёт на /keywords/?page=<id> === */
body.lp .fg-keywords-btn {
	position: fixed;
	top: 92px;
	right: 28px;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(126,55,139,.16);
	border: 1px solid rgba(126,55,139,.42);
	color: var(--fg-accent-2);
	display: flex; align-items: center; justify-content: center;
	text-decoration: none;
	transition: background .2s, color .2s, transform .15s, box-shadow .2s;
	z-index: 60;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
body.lp .fg-keywords-btn:hover {
	background: var(--fg-accent);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(126,55,139,.42);
}
body.lp .fg-keywords-btn svg { width: 20px; height: 20px; }
@media (max-width: 640px) {
	body.lp .fg-keywords-btn { top: 76px; right: 16px; width: 40px; height: 40px; }
	body.lp .fg-keywords-btn svg { width: 18px; height: 18px; }
}

/* === Страница ключевых слов === */
body.lp .fg-keywords-page { padding: 24px 0 80px; }
body.lp .fg-keywords-page h1 { font-size: 38px; font-weight: 600; margin: 0 0 8px; }
body.lp .fg-keywords-page__sub { color: var(--fg-muted); font-size: 16px; margin: 0 0 36px; }
body.lp .fg-keywords-actions {
	display: flex; gap: 10px; flex-wrap: wrap;
	margin-bottom: 36px;
}
body.lp .fg-keywords-actions .lp-btn { padding: 10px 18px; font-size: 14px; }
body.lp .fg-keywords-group {
	background: var(--fg-card);
	border: 1px solid rgba(255,255,255,.06);
	border-radius: var(--fg-radius-lg);
	padding: 28px 30px;
	margin-bottom: 18px;
}
body.lp .fg-keywords-group__head {
	display: flex; align-items: center; justify-content: space-between;
	margin-bottom: 18px;
}
body.lp .fg-keywords-group__title {
	font-size: 18px; font-weight: 600;
	color: #fff;
	margin: 0;
	display: flex; align-items: center; gap: 10px;
}
body.lp .fg-keywords-group__count {
	font-size: 12px;
	font-weight: 500;
	color: var(--fg-muted);
	background: rgba(255,255,255,.06);
	border-radius: 999px;
	padding: 3px 10px;
}
body.lp .fg-keywords-list {
	display: flex; flex-wrap: wrap; gap: 8px;
	margin: 0; padding: 0; list-style: none;
}
body.lp .fg-keyword {
	background: rgba(255,255,255,.05);
	border: 1px solid rgba(255,255,255,.08);
	color: rgba(255,255,255,.92);
	padding: 8px 14px;
	border-radius: 999px;
	font-size: 14px;
	cursor: pointer;
	transition: background .15s, border-color .15s, color .15s, transform .12s;
	user-select: none;
}
body.lp .fg-keyword:hover {
	background: rgba(126,55,139,.18);
	border-color: rgba(126,55,139,.5);
	color: #fff;
}
body.lp .fg-keyword.is-copied {
	background: var(--fg-accent);
	border-color: var(--fg-accent);
	color: #fff;
	transform: scale(1.05);
}
body.lp .fg-keywords-empty {
	text-align: center;
	padding: 40px 20px;
	color: var(--fg-muted);
	font-size: 15px;
}
body.lp .fg-toast {
	position: fixed;
	bottom: 90px;
	left: 50%;
	transform: translateX(-50%) translateY(20px);
	background: var(--fg-accent);
	color: #fff;
	padding: 12px 22px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 500;
	box-shadow: 0 16px 40px rgba(0,0,0,.4);
	opacity: 0;
	transition: opacity .2s, transform .2s;
	pointer-events: none;
	z-index: 100;
}
body.lp .fg-toast.is-visible {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

/* === Webmaster блок: фильтр + таблица === */

/* На full hd блок результатов вырывается из 1175px-контейнера */
@media (min-width: 1400px) {
	body.lp .fg-wm {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: min(1700px, 95vw);
		max-width: none;
	}
}

/* Шапка блока: справа счётчик + кнопка fullscreen */
body.lp .fg-wm__head-right {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
body.lp .fg-wm__fs-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: rgba(255,255,255,.05);
	border: 1px solid rgba(255,255,255,.1);
	color: rgba(255,255,255,.7);
	cursor: pointer;
	transition: background .15s, color .15s, border-color .15s;
	padding: 0;
}
body.lp .fg-wm__fs-btn:hover {
	background: rgba(126,55,139,.18);
	color: #fff;
	border-color: var(--fg-accent-2);
}

body.lp .fg-wm__filter {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
body.lp .fg-wm__search {
	flex: 1;
	min-width: 240px;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 10px;
	padding: 11px 16px;
	color: #fff;
	font-size: 14px;
	outline: none;
	transition: border-color .15s, background .15s;
	font-family: var(--fg-font);
}
body.lp .fg-wm__search::placeholder { color: rgba(255,255,255,.4); }
body.lp .fg-wm__search:focus {
	border-color: var(--fg-accent);
	background: rgba(126,55,139,.08);
}
body.lp .fg-wm__min {
	display: inline-flex; align-items: center; gap: 8px;
	color: var(--fg-muted); font-size: 13px;
}
body.lp .fg-wm__min-input {
	width: 80px;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 8px;
	padding: 8px 10px;
	color: #fff;
	font-family: var(--fg-font);
	font-size: 13px;
}
body.lp .fg-wm__table-wrap {
	max-height: 600px;
	overflow-y: auto;
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 10px;
	background: rgba(0,0,0,.18);
}
body.lp .fg-wm__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	table-layout: fixed; /* фиксируем ширины: запрос — резиновый, метрики — узкие */
}
body.lp .fg-wm__table thead {
	position: sticky;
	top: 0;
	background: rgba(15,16,18,.95);
	backdrop-filter: blur(8px);
	z-index: 1;
}
body.lp .fg-wm__table th {
	padding: 12px 14px;
	text-align: left;
	color: var(--fg-muted);
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .8px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}
body.lp .fg-wm__table th.fg-wm__th-q { width: auto; }
body.lp .fg-wm__table th:nth-child(2), body.lp .fg-wm__table th:nth-child(3), body.lp .fg-wm__table th:nth-child(4) {
	text-align: right; width: 110px;
}

/* Сортируемые столбцы */
body.lp .fg-wm__th-sort {
	cursor: pointer;
	user-select: none;
	transition: color .15s, background .15s;
}
body.lp .fg-wm__th-sort:hover {
	color: #fff;
	background: rgba(126,55,139,.12);
}
body.lp .fg-wm__sort-ico {
	display: inline-block;
	margin-left: 6px;
	width: 10px;
	font-size: 10px;
	line-height: 1;
	color: rgba(255,255,255,.25);
	transition: color .15s, transform .15s;
	vertical-align: middle;
}
/* Неактивно: серый двойной маркер ↕ */
body.lp .fg-wm__th-sort .fg-wm__sort-ico::before { content: "↕"; }
/* Активно: подсвеченная одиночная стрелка */
body.lp .fg-wm__th-sort.is-active { color: var(--fg-accent-2); }
body.lp .fg-wm__th-sort.is-active .fg-wm__sort-ico { color: var(--fg-accent-2); }
body.lp .fg-wm__th-sort.is-desc .fg-wm__sort-ico::before   { content: "↓"; }
body.lp .fg-wm__th-sort.is-asc  .fg-wm__sort-ico::before   { content: "↑"; }
body.lp .fg-wm__table td {
	padding: 10px 14px;
	border-bottom: 1px solid rgba(255,255,255,.04);
	color: rgba(255,255,255,.86);
	vertical-align: top;
}
body.lp .fg-wm__table td:nth-child(2), body.lp .fg-wm__table td:nth-child(3), body.lp .fg-wm__table td:nth-child(4) {
	text-align: right;
	font-variant-numeric: tabular-nums;
	color: rgba(255,255,255,.7);
	white-space: nowrap;
}
body.lp .fg-wm__table tbody tr:hover { background: rgba(126,55,139,.08); }
body.lp .fg-wm__q {
	cursor: pointer;
	transition: color .15s;
	user-select: none;
	/* перенос длинных запросов на 2-3 строки, без выпирания за ширину */
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
	line-height: 1.4;
}
body.lp .fg-wm__q:hover { color: var(--fg-accent-2); }
body.lp .fg-wm__q::before {
	content: "⧉ ";
	color: rgba(255,255,255,.3);
	margin-right: 4px;
	font-size: 11px;
}

/* === Fullscreen режим для блока wm === */
body.lp .fg-wm.is-fullscreen,
body.lp .fg-wm:fullscreen,
body.lp .fg-wm:-webkit-full-screen {
	position: fixed;
	inset: 0;
	left: 0;
	top: 0;
	transform: none;
	width: 100vw;
	max-width: none;
	margin: 0;
	padding: 28px 36px;
	background: var(--fg-bg-deep);
	border-radius: 0;
	z-index: 9999;
	overflow: auto;
	display: flex;
	flex-direction: column;
}
body.lp .fg-wm.is-fullscreen .fg-wm__table-wrap,
body.lp .fg-wm:fullscreen .fg-wm__table-wrap,
body.lp .fg-wm:-webkit-full-screen .fg-wm__table-wrap {
	max-height: none;
	flex: 1;
	min-height: 0;
}

/* Лоадер */
body.lp .fg-wm-loader {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 28px 30px;
	background: var(--fg-card);
	border-radius: var(--fg-radius-lg);
	color: var(--fg-muted);
	font-size: 14px;
	margin-bottom: 18px;
}
body.lp .fg-wm-loader[hidden] { display: none; }
body.lp .fg-wm-loader__spinner {
	width: 22px; height: 22px;
	border: 2.5px solid rgba(126,55,139,.2);
	border-top-color: var(--fg-accent-2);
	border-radius: 50%;
	animation: fg-spin 0.8s linear infinite;
}
@keyframes fg-spin { to { transform: rotate(360deg); } }

/* === Кнопка «Наверх» (штатная для всех страниц раздела) === */
body.lp .fg-totop {
	position: fixed;
	right: 28px;
	bottom: 28px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--fg-accent);
	color: #fff;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 12px 28px rgba(126,55,139,.42), 0 0 0 1px rgba(255,255,255,.06) inset;
	opacity: 0;
	transform: translateY(12px) scale(.9);
	transition: opacity .2s, transform .2s, background .2s, box-shadow .2s;
	z-index: 60;
	-webkit-tap-highlight-color: transparent;
}
body.lp .fg-totop[hidden] { display: none; }
body.lp .fg-totop.is-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}
body.lp .fg-totop:hover {
	background: var(--fg-accent-2);
	box-shadow: 0 16px 36px rgba(126,55,139,.56), 0 0 0 1px rgba(255,255,255,.08) inset;
	transform: translateY(-2px) scale(1.04);
}
body.lp .fg-totop:active { transform: translateY(0) scale(.96); }
body.lp .fg-totop svg { width: 22px; height: 22px; }
@media (max-width: 640px) {
	body.lp .fg-totop { right: 16px; bottom: 16px; width: 44px; height: 44px; }
	body.lp .fg-totop svg { width: 20px; height: 20px; }
}

/* === Старые секции (которых нет в фигме) — скрываем === */
body.lp .lp-section--objects,
body.lp .lp-objects,
body.lp .lp-webinar,
body.lp .lp-catalog-reveal,
body.lp .lp-bm,
body.lp .lp-section--bottom-mosaic,
body.lp .lp-section--catalog-reveal,
body.lp .lp-section--webinar { display: none !important; }

/* ─────────────────────────────────────────────────────────────────── */
/* TEST patch from Geniled Block Inspector — A6 closing test          */
/* 2026-05-26 — Figma «Программа лояльности» 592:1153 (1304×440)      */
/* selector: .fg-subscribe-section · source: /proektirovshchikam/statyi/ */
/* margin: 0 auto добавил вручную (без него width прижмёт блок влево) */
/* ─────────────────────────────────────────────────────────────────── */
body.lp .fg-subscribe-section {
  width: 1304px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 24px;
}


/* ─────────────────────────────────────────────────────────────────── */
/* A7 TREE patch from Geniled Block Inspector — 2026-05-26            */
/* Figma «Программа лояльности» (FRAME) → .fg-subscribe                */
/* Figma-only diff: background не задан на проде → переносим из Figma */
/* ─────────────────────────────────────────────────────────────────── */
body.lp .fg-subscribe {
  background: #171819;
}