/* ==========================================================================
   Logistics Code — основная таблица стилей
   Палитра оставлена фирменной (глубокий сине-бирюзовый #005776), изменены
   сетка, типографика и состояния интерактива.
   ========================================================================== */

/* ── Токены ────────────────────────────────────────────────────────────── */
:root {
	--c-brand: #005776;
	--c-brand-700: #004159;
	--c-brand-900: #002230;
	--c-accent: #0b93c4;
	--c-accent-700: #0068b5;
	--c-warm: #f0a933;
	--c-ink: #16232b;
	--c-ink-2: #52646e;
	--c-ink-3: #7d8d96;
	--c-line: #dde5ea;
	--c-bg: #ffffff;
	--c-bg-soft: #f1f5f7;
	--c-bg-deep: #062c3c;

	/* Системный стек: ничего не грузим, текст рисуется сразу и одинаково
	   выглядит на всех устройствах */
	--f-head: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--f-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	/* базовый кегль растёт вместе с экраном: 16px на мобиле → 18px на десктопе */
	--fz: clamp(16px, 0.5vw + 14.4px, 18px);

	--container: 1240px;
	--gutter: clamp(16px, 3.2vw, 40px);
	--r: 14px;
	--r-sm: 10px;
	--sh-1: 0 2px 10px rgba(0, 40, 55, .08);
	--sh-2: 0 14px 38px rgba(0, 40, 55, .16);
	--sh-3: 0 24px 60px rgba(0, 34, 48, .28);
	--tr: .22s cubic-bezier(.4, 0, .2, 1);
}

/* ── База ──────────────────────────────────────────────────────────────── */
*,
*::before,
*::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--f-body);
	font-size: var(--fz);
	line-height: 1.62;
	color: var(--c-ink);
	background: var(--c-bg);
	/* нижний футер больше не перекрывает контент: обычный поток, без position:absolute */
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow-x: hidden;
}

img,
svg,
video { max-width: 100%; height: auto; display: block; }

a { color: var(--c-accent-700); text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { color: var(--c-brand); }

h1, h2, h3, h4 {
	font-family: var(--f-head);
	color: var(--c-brand-900);
	line-height: 1.18;
	margin: 0 0 .5em;
	letter-spacing: -.015em;
	text-wrap: balance;
}

h1 { font-size: clamp(28px, 3.4vw, 44px); font-weight: 500; }
h2 { font-size: clamp(24px, 2.6vw, 34px); font-weight: 500; }
h3 { font-size: clamp(19px, 1.6vw, 23px); font-weight: 500; }
h4 { font-size: clamp(17px, 1.2vw, 19px); font-weight: 500; }

p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1.15em; padding-left: 1.35em; }
li { margin-bottom: .5em; }

:focus-visible {
	outline: 3px solid var(--c-accent);
	outline-offset: 2px;
	border-radius: 4px;
}

/* ── Сетка ─────────────────────────────────────────────────────────────── */
/* Контейнер шире прежнего (1000 → 1240), но на узких экранах ужимается
   вместе с вьюпортом, а не выпирает горизонтальным скроллом. */
.container {
	width: min(100% - var(--gutter) * 2, var(--container));
	margin-inline: auto;
}
.container--narrow { --container: 940px; }

.section { padding-block: clamp(40px, 5.5vw, 76px); }
.section--soft { background: var(--c-bg-soft); }
.section__head { margin-bottom: clamp(22px, 3vw, 40px); }
.section__title { margin-bottom: .35em; }
.section__lead {
	max-width: 68ch;
	color: var(--c-ink-2);
	font-size: 1.06em;
	margin: 0;
	text-align: justify;
}
/* Заказчик просил конкретный абзац одной строкой на широких экранах:
   снимаем ограничение по ширине и ужимаем шрифт под контейнер */
.section__lead--wide { max-width: none; }
@media (min-width: 1100px) {
	.section__lead--wide { white-space: nowrap; font-size: clamp(13px, 1.28vw, 17px); }
}

/* Скрыто визуально, но доступно скринридерам и поисковику */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100;
	background: #fff;
	padding: 12px 20px;
	border-radius: 0 0 var(--r-sm) 0;
}
.skip-link:focus { left: 0; }

/* ── Кнопки ────────────────────────────────────────────────────────────── */
.btn {
	--btn-bg: var(--c-brand);
	--btn-fg: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55em;
	padding: .78em 1.5em;
	min-height: 48px;
	border: 0;
	border-radius: 999px;
	background: var(--btn-bg);
	color: var(--btn-fg);
	font-family: var(--f-head);
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--tr), box-shadow var(--tr), background var(--tr);
	box-shadow: 0 6px 18px rgba(0, 87, 118, .28);
}
.btn:hover {
	color: var(--btn-fg);
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(0, 87, 118, .34);
}
.btn:active { transform: translateY(0); }

.btn--accent { --btn-bg: var(--c-accent-700); box-shadow: 0 6px 18px rgba(0, 104, 181, .3); }
.btn--warm   { --btn-bg: var(--c-warm); --btn-fg: #2a1c05; box-shadow: 0 6px 18px rgba(240, 169, 51, .38); }
.btn--ghost  {
	--btn-bg: transparent;
	--btn-fg: #fff;
	border: 2px solid rgba(255, 255, 255, .7);
	box-shadow: none;
	backdrop-filter: blur(4px);
}
.btn--ghost:hover { background: rgba(255, 255, 255, .14); box-shadow: none; }
.btn--outline {
	--btn-bg: transparent;
	--btn-fg: var(--c-brand);
	border: 2px solid var(--c-brand);
	box-shadow: none;
}
.btn--outline:hover { background: var(--c-brand); --btn-fg: #fff; }
.btn--lg { padding: .95em 2em; min-height: 56px; font-size: 1.05em; }
.btn--block { display: flex; width: 100%; }
.btn__icon { width: 1.25em; height: 1.25em; flex: none; }

/* ── Иконки: CSS-маска + переменная, без инлайновых SVG в разметке ─────── */
:root {
	--i-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.7.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.7.1.3 0 .7-.2 1l-2.3 2.1Z'/%3E%3C/svg%3E");
	--i-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm0 4-8 5-8-5V6l8 5 8-5v2Z'/%3E%3C/svg%3E");
	--i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm.9 10.6-4-2.3V6.5h1.6v3.4l3.2 1.9-.8 1.4Z'/%3E%3C/svg%3E");
	--i-calc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2ZM8 20a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0-4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0-4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm0-4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-6H7V4h10v6Z'/%3E%3C/svg%3E");
	--i-ship: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 21c-1.4 0-2.8-.5-4-1.3-2.4 1.7-5.6 1.7-8 0C6.8 20.5 5.4 21 4 21H2v-2h2c1.4 0 2.8-.6 4-1.6 2.4 2.1 5.6 2.1 8 0 1.2 1 2.6 1.6 4 1.6h2v2h-2ZM3.9 12.5 5 8.4A2 2 0 0 1 6.9 7H8V4h8v3h1.1A2 2 0 0 1 19 8.4l1.1 4.1-3.6 1.6c-1.5.7-3.2.7-4.7 0-1.4-.7-3.1-.7-4.6 0l-3.3-1.6ZM10 7h4V6h-4v1Z'/%3E%3C/svg%3E");
	--i-plane: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5L21 16Z'/%3E%3C/svg%3E");
	--i-train: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c-4 0-8 .5-8 4v9.5A3.5 3.5 0 0 0 7.5 19L6 20.5v.5h12v-.5L16.5 19a3.5 3.5 0 0 0 3.5-3.5V6c0-3.5-3.6-4-8-4ZM7.5 17a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3.5-7H6V6h5v4Zm2 0V6h5v4h-5Zm3.5 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E");
	--i-truck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 18.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM19.5 9.5H17V12h4.46L19.5 9.5ZM6 18.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM20 8l3 4v5h-2a3 3 0 0 1-6 0H9a3 3 0 0 1-6 0H1V6a2 2 0 0 1 2-2h12v4h5Z'/%3E%3C/svg%3E");
	--i-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6Zm2 16H8v-2h8v2Zm0-4H8v-2h8v2Zm-3-5V3.5L18.5 9H13Z'/%3E%3C/svg%3E");
	--i-wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 7.3V6a2 2 0 0 0-2-2H5a3 3 0 0 0 0 6h16a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h14a2 2 0 0 1 2 2v1.3ZM17 15.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
	--i-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 9 4.5v11L12 22l-9-4.5v-11L12 2Zm0 2.2L5.8 7.3 12 10.4l6.2-3.1L12 4.2ZM5 9v7.3l6 3V12L5 9Zm8 10.3 6-3V9l-6 3v7.3Z'/%3E%3C/svg%3E");
	--i-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-4 0-9 2-9 5v3h18v-3c0-3-5-5-9-5Z'/%3E%3C/svg%3E");
	--i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3Zm-1 14-4-4 1.4-1.4L11 13.2l5.6-5.6L18 9l-7 7Z'/%3E%3C/svg%3E");
	--i-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.2 5 11.8 6.4l4.6 4.6H4v2h12.4l-4.6 4.6L13.2 19l7-7-7-7Z'/%3E%3C/svg%3E");
	/* Логотип собирает tools/brand/build.py из info/SVG/logo_en.svg — руками не править */
	--i-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4.22 3.96 181.84 58.11'%3E%3Cpath d='M20.17,8.29h-8.19c-1.9,0-3.44,1.54-3.44,3.44v8.19c0,1.9,1.54,3.44,3.44,3.44h8.19c1.9,0,3.44-1.54,3.44-3.44v-8.19c0-1.9-1.54-3.44-3.44-3.44ZM21.73,19.92c0,.86-.7,1.56-1.56,1.56h-8.19c-.86,0-1.56-.7-1.56-1.56v-8.19c0-.86.7-1.56,1.56-1.56h8.19c.86,0,1.56.7,1.56,1.56v8.19ZM46.84,23.36h8.19c1.9,0,3.44-1.54,3.44-3.44v-8.19c0-1.9-1.54-3.44-3.44-3.44h-8.19c-1.9,0-3.44,1.54-3.44,3.44v8.19c0,1.9,1.54,3.44,3.44,3.44ZM45.28,11.73c0-.86.7-1.56,1.56-1.56h8.19c.86,0,1.56.7,1.56,1.56v8.19c0,.86-.7,1.56-1.56,1.56h-8.19c-.86,0-1.56-.7-1.56-1.56v-8.19ZM37.61,25.91h-8.19c-1.9,0-3.44,1.54-3.44,3.44v8.19c0,1.9,1.54,3.44,3.44,3.44h8.19c1.9,0,3.44-1.54,3.44-3.44v-8.19c0-1.9-1.54-3.44-3.44-3.44ZM39.17,37.53c0,.86-.7,1.56-1.56,1.56h-8.19c-.86,0-1.56-.7-1.56-1.56v-8.19c0-.86.7-1.56,1.56-1.56h8.19c.86,0,1.56.7,1.56,1.56v8.19ZM20.17,42.68h-8.19c-1.9,0-3.44,1.54-3.44,3.44v8.19c0,1.9,1.54,3.44,3.44,3.44h8.19c1.9,0,3.44-1.54,3.44-3.44v-8.19c0-1.9-1.54-3.44-3.44-3.44ZM21.73,54.3c0,.86-.7,1.56-1.56,1.56h-8.19c-.86,0-1.56-.7-1.56-1.56v-8.19c0-.86.7-1.56,1.56-1.56h8.19c.86,0,1.56.7,1.56,1.56v8.19ZM46.84,57.75h8.19c1.9,0,3.44-1.54,3.44-3.44v-8.19c0-1.9-1.54-3.44-3.44-3.44h-8.19c-1.9,0-3.44,1.54-3.44,3.44v8.19c0,1.9,1.54,3.44,3.44,3.44ZM45.28,46.12c0-.86.7-1.56,1.56-1.56h8.19c.86,0,1.56.7,1.56,1.56v8.19c0,.86-.7,1.56-1.56,1.56h-8.19c-.86,0-1.56-.7-1.56-1.56v-8.19ZM18.38,12.43h-4.81l-.18.08c-.43.19-.7.58-.7,1v4.6c0,.6.49,1.09,1.09,1.09h4.6c.6,0,1.09-.49,1.09-1.09v-4.6c0-.6-.49-1.09-1.09-1.09ZM48.71,19.21h4.46c.64,0,1.16-.52,1.16-1.16v-4.46c0-.64-.52-1.16-1.16-1.16h-4.46c-.64,0-1.16.52-1.16,1.16v4.46c0,.64.52,1.16,1.16,1.16ZM18.31,46.82h-4.46c-.64,0-1.16.52-1.16,1.16v4.46c0,.64.52,1.16,1.16,1.16h4.46c.64,0,1.16-.52,1.16-1.16v-4.46c0-.64-.52-1.16-1.16-1.16ZM48.71,53.6h4.46c.64,0,1.16-.52,1.16-1.16v-4.46c0-.64-.52-1.16-1.16-1.16h-4.46c-.64,0-1.16.52-1.16,1.16v4.46c0,.64.52,1.16,1.16,1.16ZM5.16,22.79c.52,0,.94-.42.94-.94V7.36c0-.83.68-1.51,1.51-1.51h14.49c.52,0,.94-.42.94-.94s-.42-.94-.94-.94H7.61c-1.87,0-3.39,1.52-3.39,3.39v14.49c0,.52.42.94.94.94ZM59.4,3.96h-14.49c-.52,0-.94.42-.94.94s.42.94.94.94h14.49c.83,0,1.51.68,1.51,1.51v14.49c0,.52.42.94.94.94s.94-.42.94-.94V7.36c0-1.87-1.52-3.39-3.39-3.39ZM22.11,60.19H7.61c-.83,0-1.51-.68-1.51-1.51v-14.49c0-.52-.42-.94-.94-.94s-.94.42-.94.94v14.49c0,1.87,1.52,3.39,3.39,3.39h14.49c.52,0,.94-.42.94-.94s-.42-.94-.94-.94ZM61.86,43.24c-.52,0-.94.42-.94.94v14.49c0,.83-.68,1.51-1.51,1.51h-14.49c-.52,0-.94.42-.94.94s.42.94.94.94h14.49c1.87,0,3.39-1.52,3.39-3.39v-14.49c0-.52-.42-.94-.94-.94ZM75.03,24.97h9.89v-1.72h-8.8c-.38,0-.64-.07-.78-.2-.14-.14-.22-.39-.22-.75v-13.2h-2.11v13.97c0,1.27.67,1.9,2.02,1.9ZM92.72,25.15c2.93,0,4.99-.6,6.16-1.79,1.17-1.19,1.76-3.3,1.76-6.33s-.59-5.13-1.76-6.33c-1.17-1.19-3.22-1.79-6.16-1.79s-4.97.6-6.15,1.79c-1.18,1.19-1.77,3.3-1.77,6.33s.59,5.13,1.77,6.33,3.23,1.79,6.15,1.79ZM88.19,12.01c.79-.91,2.3-1.37,4.52-1.37s3.73.46,4.52,1.37c.79.92,1.19,2.59,1.19,5.02s-.4,4.11-1.19,5.02c-.79.92-2.3,1.37-4.52,1.37s-3.73-.46-4.52-1.37c-.79-.91-1.19-2.59-1.19-5.02s.4-4.11,1.19-5.02ZM185.29,18.45c-.51-.55-1.35-1.02-2.52-1.42l-5.99-2c-.44-.15-.78-.35-1.01-.6s-.37-.49-.42-.71c-.05-.23-.07-.51-.07-.86,0-.73.14-1.25.43-1.56s.74-.48,1.36-.48h8.21v-1.72h-8.59c-1.22,0-2.13.33-2.72.98-.59.65-.88,1.56-.88,2.74,0,1.09.21,1.94.63,2.54.42.6,1.12,1.07,2.09,1.38l6.28,2.09c.73.24,1.2.54,1.43.9.23.36.34.79.34,1.3,0,1.48-.56,2.22-1.68,2.22h-8.87v1.72h9.46c1.15,0,1.98-.36,2.51-1.09s.78-1.68.78-2.86-.26-2.02-.77-2.57ZM117.71,38.73c-.44-.77-1.08-1.37-1.93-1.79-.85-.42-1.88-.63-3.11-.63h-5.78c-.73,0-1.28.17-1.66.51-.38.34-.57.92-.57,1.74v11.38c0,.82.19,1.39.57,1.73.38.34.93.51,1.66.51h6.1c.94,0,1.77-.15,2.48-.45.72-.3,1.29-.7,1.71-1.18.42-.48.77-1.08,1.03-1.8s.45-1.44.54-2.17.15-1.53.15-2.4c0-1.1-.09-2.09-.27-2.97-.18-.88-.49-1.7-.93-2.47ZM116.62,46.15c-.06.56-.19,1.12-.37,1.69-.19.57-.45,1.03-.77,1.39s-.77.66-1.33.88c-.56.23-1.22.34-2,.34h-4.33c-.42,0-.7-.08-.84-.23-.14-.15-.2-.44-.2-.86v-10.27c0-.39.07-.67.21-.83.14-.16.42-.24.83-.24h4.22c.95,0,1.75.16,2.39.46s1.12.76,1.44,1.36c.32.6.54,1.23.66,1.91s.18,1.48.18,2.42c0,.76-.03,1.41-.09,1.97ZM123.72,50.22c-.14-.16-.2-.44-.2-.85v-4.44h9.71v-1.72h-9.71v-4.1c0-.41.07-.69.2-.84.14-.15.42-.23.84-.23h8.89v-1.72h-9.82c-.73,0-1.28.17-1.66.51-.38.34-.57.92-.57,1.74v11.38c0,1.5.74,2.25,2.22,2.25h9.91v-1.72h-8.98c-.42,0-.7-.08-.84-.24ZM121.45,9.09h-2.11v15.87h2.11v-15.87ZM133.51,17.03l-5.99-2c-.44-.15-.77-.35-1.01-.6s-.37-.49-.42-.71c-.04-.23-.07-.51-.07-.86,0-.73.14-1.25.43-1.56s.74-.48,1.36-.48h8.21v-1.72h-8.59c-1.22,0-2.13.33-2.72.98-.59.65-.88,1.56-.88,2.74,0,1.09.21,1.94.63,2.54.42.6,1.12,1.07,2.09,1.38l6.28,2.09c.73.24,1.2.54,1.43.9.23.36.34.79.34,1.3,0,1.48-.56,2.22-1.68,2.22h-8.87v1.72h9.46c1.15,0,1.98-.36,2.51-1.09s.78-1.68.78-2.86-.26-2.02-.77-2.57-1.35-1.02-2.52-1.42ZM153.9,24.97h2.11v-15.87h-2.11v15.87ZM137.48,10.82h6.42v14.15h2.11v-14.15h6.42v-1.72h-14.94v1.72ZM75.89,48.99c-.76-.97-1.13-2.57-1.13-4.77s.39-3.79,1.16-4.75c.77-.96,2.13-1.44,4.08-1.44h5.44v-1.72h-6.15c-1.31,0-2.43.2-3.33.59-.91.39-1.6.97-2.09,1.72-.48.76-.82,1.58-1.02,2.47-.2.89-.29,1.94-.29,3.13,0,.94.06,1.78.17,2.54s.33,1.48.64,2.17c.31.69.71,1.27,1.19,1.74.48.47,1.12.84,1.9,1.11.79.27,1.69.41,2.72.41h6.49v-1.72h-5.78c-1.9,0-3.24-.49-3.99-1.46ZM94.26,36.12c-2.92,0-4.97.6-6.15,1.79-1.18,1.2-1.77,3.3-1.77,6.33s.59,5.13,1.77,6.33,3.23,1.79,6.15,1.79,4.99-.6,6.16-1.79c1.17-1.19,1.76-3.3,1.76-6.33s-.59-5.13-1.76-6.33c-1.17-1.19-3.22-1.79-6.16-1.79ZM98.78,49.26c-.79.92-2.3,1.37-4.52,1.37s-3.73-.46-4.52-1.37c-.79-.92-1.19-2.59-1.19-5.02s.4-4.11,1.19-5.02c.79-.92,2.3-1.37,4.52-1.37s3.73.46,4.52,1.37c.79.92,1.19,2.59,1.19,5.02s-.4,4.11-1.19,5.02ZM161.84,21.78c-.76-.98-1.13-2.57-1.13-4.77s.38-3.79,1.16-4.75,2.13-1.44,4.08-1.44h5.44v-1.72h-6.15c-1.32,0-2.43.2-3.33.59-.91.39-1.6.97-2.09,1.72-.48.76-.82,1.58-1.02,2.47-.2.89-.29,1.94-.29,3.13,0,.94.06,1.78.17,2.54.11.76.33,1.48.64,2.17.31.69.71,1.27,1.19,1.73.48.47,1.12.84,1.9,1.11s1.69.41,2.72.41h6.49v-1.72h-5.78c-1.91,0-3.24-.49-3.99-1.46ZM105.86,24.36c.85.4,1.9.6,3.14.6h5.76c1.39,0,2.09-.69,2.09-2.06v-5.47h-2.11v4.74c0,.39-.08.67-.23.83s-.42.24-.82.24h-4.01c-1.78,0-3.03-.48-3.74-1.45-.71-.97-1.07-2.55-1.07-4.76s.37-3.81,1.11-4.77c.74-.96,2.08-1.44,4.01-1.44h6.49v-1.72h-7.19c-1.31,0-2.42.2-3.32.6s-1.58.98-2.04,1.73c-.46.76-.79,1.58-.98,2.47-.19.89-.28,1.94-.28,3.13s.09,2.24.27,3.13c.18.89.5,1.72.95,2.47.45.76,1.11,1.33,1.96,1.73ZM9.22,26.05c-.52,0-.94.42-.94.94v12.86c0,.52.42.94.94.94l12.88.05h0c.52,0,.94-.42.94-.94,0-.52-.42-.94-.94-.95l-11.94-.04v-11.92c0-.52-.42-.94-.94-.94ZM46.63,40.79h8.43c1.87,0,3.4-1.52,3.4-3.4v-4.04c0-.51-.42-.93-.93-.93s-.93.42-.93.93v4.04c0,.85-.69,1.54-1.54,1.54h-8.43c-.85,0-1.54-.69-1.54-1.54v-8.08c0-.85.69-1.54,1.54-1.54h10.55c.51,0,.93-.42.93-.93s-.42-.93-.93-.93h-10.55c-1.87,0-3.4,1.52-3.4,3.4v8.08c0,1.87,1.52,3.4,3.4,3.4ZM29.43,10.17h8.19c.86,0,1.56.7,1.56,1.56,0,.52.42.94.94.94s.94-.42.94-.94c0-1.9-1.54-3.44-3.44-3.44h-8.19c-1.9,0-3.44,1.54-3.44,3.44v8.19c0,1.9,1.54,3.44,3.44,3.44h8.19c1.9,0,3.44-1.54,3.44-3.44,0-.52-.42-.94-.94-.94s-.94.42-.94.94c0,.86-.7,1.56-1.56,1.56h-8.19c-.86,0-1.56-.7-1.56-1.56v-8.19c0-.86.7-1.56,1.56-1.56ZM34.85,42.68h-5.43c-1.9,0-3.44,1.54-3.44,3.44v8.19c0,1.9,1.54,3.44,3.44,3.44h5.43c3.42,0,6.2-2.78,6.2-6.2v-2.67c0-3.42-2.78-6.2-6.2-6.2ZM39.17,51.54c0,2.38-1.94,4.32-4.32,4.32h-5.43c-.86,0-1.56-.7-1.56-1.56v-8.19c0-.86.7-1.56,1.56-1.56h5.43c2.38,0,4.32,1.94,4.32,4.32v2.67Z'/%3E%3C/svg%3E");
	--i-tg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.9 4.3 18.9 19c-.2 1-.8 1.3-1.7.8l-4.6-3.4-2.2 2.1c-.2.3-.5.5-1 .5l.4-4.9 8.9-8c.4-.3-.1-.5-.6-.2L6.9 12.6l-4.7-1.5c-1-.3-1-1 .2-1.5l18.4-7.1c.9-.3 1.6.2 1.3 1.8Z'/%3E%3C/svg%3E");
	--i-wa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.4A10 10 0 1 0 12 2Zm5.2 14c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-3.2-.8-2.7-1.2-4.4-4-4.5-4.2-.2-.2-1.1-1.4-1.1-2.7s.7-1.9 1-2.2c.2-.2.5-.3.7-.3h.5c.2 0 .4-.1.7.5l.9 2.1c.1.2.1.4 0 .6l-.4.5-.3.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.2 1.4 2.5 1.5.3.2.5.1.6 0l1-1.2c.2-.3.4-.2.7-.1l2 1c.3.1.5.2.6.3.1.2.1.7-.1 1.2Z'/%3E%3C/svg%3E");
	/* MAX: знак-«пузырь» из официального логотипа (холст 1000, маска contain — масштаб не нужен) */
	--i-max: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath fill-rule='evenodd' d='M508.211 878.328c-75.007 0-109.864-10.95-170.453-54.75-38.325 49.275-159.686 87.783-164.979 21.9 0-49.456-10.95-91.248-23.36-136.873-14.782-56.21-31.572-118.807-31.572-209.508 0-216.626 177.754-379.597 388.357-379.597 210.785 0 375.947 171.001 375.947 381.604.707 207.346-166.595 376.118-373.94 377.224m3.103-571.585c-102.564-5.292-182.499 65.7-200.201 177.024-14.6 92.162 11.315 204.398 33.397 210.238 10.585 2.555 37.23-18.98 53.837-35.587a189.8 189.8 0 0 0 92.71 33.032c106.273 5.112 197.08-75.794 204.215-181.95 4.154-106.382-77.67-196.486-183.958-202.574Z'/%3E%3C/svg%3E");
}

.ico {
	display: inline-block;
	width: 1em;
	height: 1em;
	background: currentColor;
	-webkit-mask: var(--ico) center / contain no-repeat;
	mask: var(--ico) center / contain no-repeat;
	flex: none;
}
.ico--phone  { --ico: var(--i-phone); }
.ico--mail   { --ico: var(--i-mail); }
.ico--clock  { --ico: var(--i-clock); }
.ico--calc   { --ico: var(--i-calc); }
.ico--ship   { --ico: var(--i-ship); }
.ico--plane  { --ico: var(--i-plane); }
.ico--train  { --ico: var(--i-train); }
.ico--truck  { --ico: var(--i-truck); }
.ico--doc    { --ico: var(--i-doc); }
.ico--wallet { --ico: var(--i-wallet); }
.ico--box    { --ico: var(--i-box); }
.ico--user   { --ico: var(--i-user); }
.ico--shield { --ico: var(--i-shield); }
.ico--arrow  { --ico: var(--i-arrow); }
.ico--tg     { --ico: var(--i-tg); }
.ico--wa     { --ico: var(--i-wa); }
.ico--max    { --ico: var(--i-max); }

/* ── Логотип: тот же приём, что и с иконками ───────────────────────────── */
/* Пропорция — фактические границы знака и букв (getBBox), а не холст
   исходника: с его полями логотип «висел» бы внутри лишней пустоты. */
.logo {
	display: block;
	width: 120px;
	aspect-ratio: 181.84 / 58.11;
	/* цвет наследуется от места вставки: тёмный в шапке, белый в подвале */
	background: currentColor;
	-webkit-mask: var(--i-logo) center / contain no-repeat;
	mask: var(--i-logo) center / contain no-repeat;
}

/* ── Верхняя служебная полоса ──────────────────────────────────────────── */
.topbar {
	background: var(--c-brand-900);
	color: rgba(255, 255, 255, .8);
	font-size: .87em;
}
.topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 40px;
	flex-wrap: wrap;
}
.topbar__nav { display: flex; align-items: center; gap: 20px; }
.topbar__list {
	display: flex;
	align-items: center;
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.topbar__list li { margin: 0; position: relative; }
.topbar__list > li > a {
	display: inline-flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	padding: 9px 0;
}
.topbar__list > li > a:hover { color: var(--c-warm); }
/* у разделов с подпунктами — стрелка и выпадающий список по наведению */
.topbar__list .menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	width: .42em;
	height: .42em;
	margin-left: .45em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
}
.topbar__list .sub-menu {
	position: absolute;
	top: 100%;
	left: -14px;
	min-width: 300px;
	max-width: 400px;
	padding: 8px;
	margin: 0;
	list-style: none;
	background: var(--c-brand-900);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: var(--r);
	box-shadow: var(--sh-3);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity var(--tr), transform var(--tr), visibility var(--tr);
	z-index: 60;
}
.topbar__list li:hover > .sub-menu,
.topbar__list li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.topbar__list .sub-menu a {
	display: block;
	padding: 9px 12px;
	border-radius: var(--r-sm);
	color: rgba(255, 255, 255, .86);
	font-size: 14px;
	line-height: 1.35;
	text-decoration: none;
	white-space: normal;
}
.topbar__list .sub-menu a:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.topbar__links { display: flex; align-items: center; gap: 18px; }
.topbar__link {
	color: #fff;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: .45em;
	white-space: nowrap;
}
.topbar__link:hover { color: var(--c-warm); }

/* Телефон вынесен в верхнюю полосу: в шапке для него нет места рядом
   с меню и кнопкой, а тут он на виду и не спорит с навигацией. */
.topbar__phone {
	display: inline-flex;
	align-items: center;
	gap: .45em;
	padding: 4px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-family: var(--f-head);
	font-size: 1.06em;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: background var(--tr), color var(--tr);
}
.topbar__phone:hover { background: var(--c-accent); color: #fff; }
.topbar__phone .ico { color: var(--c-warm); }

/* ── Шапка ─────────────────────────────────────────────────────────────── */
.header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(255, 255, 255, .96);
	backdrop-filter: saturate(1.4) blur(8px);
	border-bottom: 1px solid var(--c-line);
}
/* Для вошедших: липкая шапка стоит под панелью WordPress, а не прячется под ней */
body.admin-bar .header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .header { top: 46px; } }
/* Шапке даём больше ширины, чем контенту: логотип, меню, телефон и кнопка
   должны стоять в одну строку и не наезжать друг на друга. */
.header .container,
.topbar .container { --container: 1400px; }

.header__inner {
	display: flex;
	align-items: center;
	gap: clamp(10px, 1.6vw, 24px);
	/* одинаковый воздух сверху и снизу от логотипа задаём паддингом,
	   а не min-height: так расстояния гарантированно симметричны */
	padding-block: 15px;
}

.header__brand {
	flex: none;
	display: flex;
	align-items: center;
	gap: 14px;
}
.header__logo { display: block; color: #0F222E; transition: color .2s; }
.header__logo:hover,
.header__logo:focus-visible { color: #115776; }
/* английский знак на треть у́же русского (181.84 против 271.47 при той же высоте),
   поэтому ширины ×0.67 — высота логотипа и шапки прежние */
.header__logo .logo { width: clamp(88px, 8.7vw, 120px); }
.header__spacer { flex: 1 1 auto; }

/* Телефон — главный контакт: крупный, читаемый, левее кнопки заявки */
.header__phone {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: .45em;
	font-family: var(--f-head);
	font-size: clamp(17px, 1.45vw, 22px);
	font-weight: 800;
	letter-spacing: -.01em;
	color: var(--c-brand-900);
	text-decoration: none;
	white-space: nowrap;
	transition: color var(--tr);
}
.header__phone:hover { color: var(--c-accent-700); }
.header__phone .ico { width: 1.05em; height: 1.05em; color: var(--c-accent); }

/* Мессенджеры: на десктопе они живут в верхней полосе, здесь блок скрыт
   и включается только там, где полоса прячется (≤1024). Без подложки-кружка —
   круглые формы в шапке заняты телефоном и кнопкой заявки, и ещё две
   перетянули бы на себя внимание. */
.header__soc {
	display: none;
	align-items: center;
	gap: 6px;
	flex: none;
}
.header__soc-link {
	/* видимая иконка 26px, но зона нажатия — полные 44px по рекомендации WCAG */
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	transition: transform var(--tr), opacity var(--tr);
}
.header__soc-link .ico { width: 26px; height: 26px; }
.header__soc-link:hover { transform: translateY(-2px); }
.header__soc-link:active { transform: translateY(0); }
/* фирменные цвета мессенджеров */
.header__soc-link--wa { color: #25d366; }
.header__soc-link--tg { color: #2aabee; }
.header__soc-link--max { color: #5533ee; } /* середина фирменного градиента MAX */

.header__cta { flex: none; }

.burger {
	display: none;
	width: 46px;
	height: 46px;
	border: 0;
	background: transparent;
	padding: 10px;
	cursor: pointer;
	flex: none;
}
.burger span {
	display: block;
	height: 2.5px;
	background: var(--c-brand-900);
	border-radius: 2px;
	transition: transform var(--tr), opacity var(--tr);
}
.burger span + span { margin-top: 6px; }
.burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(8.5px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-8.5px) rotate(-45deg); }

/* ── Навигация ─────────────────────────────────────────────────────────── */
/* Меню занимает всё свободное место между слоганом и телефоном
   и центрируется в нём, а не липнет к левому краю */
.nav { display: flex; flex: 1 1 auto; min-width: 0; justify-content: center; }
.header__cta .btn { white-space: nowrap; }
.nav__list {
	display: flex;
	align-items: center;
	gap: clamp(4px, 1vw, 14px);
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav__list li { margin: 0; position: relative; }
.nav__list a {
	display: block;
	padding: 10px 12px;
	border-radius: var(--r-sm);
	color: var(--c-brand-900);
	font-family: var(--f-head);
	font-weight: 600;
	font-size: clamp(14px, 1.05vw, 15.5px);
	line-height: 1.25;
	text-decoration: none;
	white-space: nowrap;
	transition: background var(--tr), color var(--tr);
}
/* в выпадающем списке названия полные и переносятся нормально */
.nav__list .sub-menu a { white-space: normal; }
.nav__list a:hover,
.nav__list .current-menu-item > a,
.nav__list .current-menu-ancestor > a { background: var(--c-bg-soft); color: var(--c-accent-700); }

/* выпадающее подменю */
.nav__list .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 290px;
	max-width: 380px;
	padding: 8px;
	margin: 0;
	list-style: none;
	background: #fff;
	border: 1px solid var(--c-line);
	border-radius: var(--r);
	box-shadow: var(--sh-2);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity var(--tr), transform var(--tr), visibility var(--tr);
	z-index: 5;
}
.nav__list li:hover > .sub-menu,
.nav__list li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.nav__list .sub-menu a { font-weight: 500; font-size: 15px; padding: 9px 12px; }
.nav__list .menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	width: .5em;
	height: .5em;
	margin-left: .45em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
}

/* мобильная панель */
/* Выезжает слева — с той же стороны, где стоит бургер рядом с логотипом */
.mobile-nav {
	position: fixed;
	inset: 0 auto 0 0;
	width: min(92vw, 420px);
	background: #fff;
	z-index: 70;
	transform: translateX(-100%);
	transition: transform .28s cubic-bezier(.4, 0, .2, 1);
	display: flex;
	flex-direction: column;
	box-shadow: var(--sh-3);
}
.mobile-nav.is-open { transform: translateX(0); }
.mobile-nav__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px var(--gutter);
	border-bottom: 1px solid var(--c-line);
	flex: none;
	color: var(--c-brand-900);
}
.mobile-nav__head .logo { width: 100px; color: #0F222E; }
.mobile-nav__close {
	width: 44px;
	height: 44px;
	border: 0;
	background: var(--c-bg-soft);
	border-radius: 50%;
	font-size: 22px;
	line-height: 1;
	color: var(--c-brand-900);
	cursor: pointer;
}
.mobile-nav__body { overflow-y: auto; padding: 8px var(--gutter) 24px; flex: 1 1 auto; }
.mobile-nav__body ul { list-style: none; margin: 0; padding: 0; }
.mobile-nav__body li { margin: 0; border-bottom: 1px solid var(--c-line); }
.mobile-nav__body a {
	display: block;
	padding: 14px 2px;
	color: var(--c-brand-900);
	font-family: var(--f-head);
	font-weight: 600;
	text-decoration: none;
}
.mobile-nav__body .sub-menu { padding-left: 14px; border-left: 2px solid var(--c-line); margin: 0 0 10px; }
.mobile-nav__body .sub-menu a { font-weight: 400; font-size: .95em; padding: 11px 2px; color: var(--c-ink-2); }
.mobile-nav__foot { padding: 16px var(--gutter) 24px; border-top: 1px solid var(--c-line); flex: none; }
.mobile-nav__mail {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	min-height: 44px;
	margin-top: 10px;
	color: var(--c-brand-900);
	text-decoration: none;
	word-break: break-all;
}
.mobile-nav__mail .ico { color: var(--c-accent); flex: none; }
.mobile-nav__mail:hover { color: var(--c-accent-700); }

.nav-overlay {
	position: fixed;
	inset: 0;
	background: rgba(4, 26, 36, .5);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--tr), visibility var(--tr);
	z-index: 60;
}
.nav-overlay.is-open { opacity: 1; visibility: visible; }

/* ── Герой-слайдер ─────────────────────────────────────────────────────── */
.hero {
	position: relative;
	background: var(--c-bg-deep);
	color: #fff;
	overflow: hidden;
}
.hero__slides { position: relative; min-height: clamp(430px, 52vw, 620px); }
.hero__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity .7s ease;
	pointer-events: none;
}
.hero__slide.is-active { opacity: 1; pointer-events: auto; }
.hero__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.04);
	transition: transform 8s linear;
}
.hero__slide.is-active .hero__bg { transform: scale(1); }
.hero__slide::after {
	content: '';
	position: absolute;
	inset: 0;
	/* тёмная подложка слева — чтобы текст читался на любой фотографии */
	background: linear-gradient(100deg, rgba(2, 28, 40, .93) 0%, rgba(2, 28, 40, .72) 42%, rgba(2, 28, 40, .25) 74%, rgba(2, 28, 40, .5) 100%);
}
/* Полоса под стрелки: пока они на экране, текст в неё не заезжает */
.hero__content .container { padding-inline: 46px; }

.hero__content {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	min-height: clamp(430px, 52vw, 620px);
	padding-block: clamp(36px, 5vw, 64px);
	pointer-events: none;
}
/* Текст и кнопки слайда появляются мягко и с небольшим подъёмом,
   уходящий слайд так же плавно гасится — без резкой подмены. */
.hero__box {
	max-width: 80%;
	pointer-events: none;
	grid-area: 1 / 1;
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .45s ease, transform .45s cubic-bezier(.22, .61, .36, 1);
}
.hero__box.is-active { opacity: 1; transform: translateY(0); pointer-events: auto; }
/* все слайды лежат в одной ячейке сетки — высота блока не скачет при смене */
.hero__content .container { display: grid; align-items: center; }

.hero__box > * {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .4s ease, transform .4s cubic-bezier(.22, .61, .36, 1);
}
.hero__box.is-active > * { opacity: 1; transform: translateY(0); }
/* лёгкая лесенка: подзаголовок, заголовок, текст, кнопки */
.hero__box.is-active > *:nth-child(1) { transition-delay: .06s; }
.hero__box.is-active > *:nth-child(2) { transition-delay: .12s; }
.hero__box.is-active > *:nth-child(3) { transition-delay: .18s; }
.hero__box.is-active > *:nth-child(4) { transition-delay: .24s; }
.hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	padding: 7px 16px;
	margin-bottom: 18px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(255, 255, 255, .28);
	font-family: var(--f-head);
	font-weight: 600;
	font-size: .82em;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.hero__title {
	font-family: var(--f-head);
	color: #fff;
	font-size: clamp(28px, 3.9vw, 52px);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -.02em;
	margin: 0 0 .4em;
	text-wrap: balance;
	text-shadow: 0 2px 18px rgba(0, 20, 30, .45);
}
.hero__text {
	font-size: clamp(16px, 1.25vw, 19px);
	color: rgba(255, 255, 255, .92);
	margin-bottom: 26px;
	/* text-wrap: balance убран — конфликтовал с justify (текст по ширине) */
	text-align: justify;
	text-shadow: 0 1px 10px rgba(0, 20, 30, .5);
}
.hero__actions { display: flex; flex-wrap: wrap; gap: 14px; }

/* Узкие по горизонтали, высокие по вертикали — прижаты к краям экрана
   и не наезжают на текст слайда (под них зарезервирован отступ у контента) */
.hero__nav {
	position: absolute;
	z-index: 3;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
	height: 64px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, .45);
	background: rgba(6, 34, 47, .42);
	backdrop-filter: blur(6px);
	color: #fff;
	cursor: pointer;
	display: grid;
	place-items: center;
	transition: background var(--tr), transform var(--tr);
}
.hero__nav:hover { background: rgba(6, 34, 47, .78); }
.hero__nav--prev { left: 6px; }
.hero__nav--next { right: 6px; }
.hero__nav .ico { width: 20px; height: 20px; }
.hero__nav--prev .ico { transform: rotate(180deg); }

.hero__dots {
	position: absolute;
	z-index: 3;
	left: 50%;
	transform: translateX(-50%);
	bottom: 18px;
	display: flex;
	gap: 10px;
}
.hero__dot {
	width: 34px;
	height: 4px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: rgba(255, 255, 255, .38);
	cursor: pointer;
	transition: background var(--tr), width var(--tr);
}
.hero__dot.is-active { background: var(--c-warm); width: 54px; }

/* ── Информационная полоса: часы + валюты ──────────────────────────────── */
.infobar {
	background: linear-gradient(180deg, var(--c-brand-900), #04222f);
	color: #fff;
	padding-block: clamp(18px, 2.4vw, 26px);
}
.infobar__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(18px, 3vw, 40px);
	align-items: center;
}

.clocks { display: flex; flex-wrap: wrap; gap: clamp(12px, 2.2vw, 30px); }
.clock { text-align: center; min-width: 74px; }
.clock__face { width: clamp(56px, 5vw, 72px); height: clamp(56px, 5vw, 72px); margin: 0 auto 6px; }
.clock__dial { fill: rgba(255, 255, 255, .06); stroke: rgba(255, 255, 255, .35); stroke-width: 2; }
.clock__tick { stroke: rgba(255, 255, 255, .45); stroke-width: 2; stroke-linecap: round; }
.clock__hand { stroke: #fff; stroke-linecap: round; }
.clock__hand--h { stroke-width: 3.4; }
.clock__hand--m { stroke-width: 2.4; }
.clock__hand--s { stroke: var(--c-warm); stroke-width: 1.4; }
.clock__pin { fill: var(--c-warm); }
.clock__city {
	font-family: var(--f-head);
	font-size: .76em;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .78);
}
.clock__time { font-size: .8em; color: rgba(255, 255, 255, .55); font-variant-numeric: tabular-nums; }

/* Курсы валют: своя подложка, чтобы белый текст не терялся на светлой фотографии */
.rates {
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: var(--r);
	padding: 14px 18px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 8px 24px rgba(0, 15, 22, .35);
	backdrop-filter: blur(10px) saturate(1.2);
}
.rates__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 10px;
	font-family: var(--f-head);
	font-size: .82em;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .72);
}
.rates__source { font-size: .82em; text-transform: none; letter-spacing: 0; color: rgba(255, 255, 255, .5); }
/* Записи короткие, поэтому строка всегда одна: четыре блока равной ширины
   растягиваются по доступному месту, включая мобильный экран. */
.rates__list { display: flex; gap: 8px; flex-wrap: nowrap; }
.rates__item {
	--rate-scale: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	flex: 1 1 0;
	min-width: 0;
	padding: 8px 12px;
	border-radius: var(--r-sm);
	background: rgba(255, 255, 255, .09);
	/* увеличение через transform — соседние элементы не разъезжаются */
	transform: scale(var(--rate-scale));
	transition: transform var(--tr), background var(--tr), box-shadow var(--tr);
	will-change: transform;
	cursor: default;
}
.rates__item:hover,
.rates__item:focus-visible {
	--rate-scale: 1.28;
	background: rgba(255, 255, 255, .2);
	box-shadow: 0 10px 26px rgba(0, 12, 18, .45);
	z-index: 2;
	position: relative;
}
.rates__code {
	font-family: var(--f-head);
	font-size: .78em;
	font-weight: 700;
	letter-spacing: .07em;
	color: var(--c-warm);
}
.rates__value {
	font-family: var(--f-head);
	font-size: 1.06em;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: #fff;
}

/* ── Карточки-плитки быстрых разделов ──────────────────────────────────── */
.tiles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: clamp(12px, 1.6vw, 20px);
}
.tile {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 20px 22px;
	border-radius: var(--r);
	background: #fff;
	border: 1px solid var(--c-line);
	color: var(--c-brand-900);
	font-family: var(--f-head);
	font-weight: 700;
	font-size: 1.02em;
	line-height: 1.25;
	text-decoration: none;
	box-shadow: var(--sh-1);
	transition: transform var(--tr), box-shadow var(--tr), border-color var(--tr);
}
.tile:hover {
	transform: translateY(-3px);
	box-shadow: var(--sh-2);
	border-color: var(--c-accent);
	color: var(--c-brand-900);
}
.tile__ico {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: var(--c-bg-soft);
	color: var(--c-brand);
	display: grid;
	place-items: center;
	flex: none;
	transition: background var(--tr), color var(--tr);
}
.tile__ico .ico { width: 24px; height: 24px; }
.tile:hover .tile__ico { background: var(--c-brand); color: #fff; }

/* ── Преимущества ──────────────────────────────────────────────────────── */
.adv {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
	gap: clamp(16px, 2vw, 26px);
}
.adv__card {
	position: relative;
	padding: clamp(22px, 2.2vw, 30px);
	border-radius: var(--r);
	background: #fff;
	border: 1px solid var(--c-line);
	box-shadow: var(--sh-1);
	transition: transform var(--tr), box-shadow var(--tr);
	display: flex;
	flex-direction: column;
}
.adv__card:hover { transform: translateY(-4px); box-shadow: var(--sh-2); }
.adv__ico {
	width: 54px;
	height: 54px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, var(--c-brand), var(--c-accent));
	color: #fff;
	margin-bottom: 16px;
	flex: none;
}
.adv__ico .ico { width: 28px; height: 28px; }
.adv__title { font-size: clamp(18px, 1.4vw, 21px); margin-bottom: .45em; }
.adv__list { list-style: none; margin: 0; padding: 0; }
.adv__list li {
	position: relative;
	padding-left: 1.6em;
	margin-bottom: .6em;
	color: var(--c-ink-2);
	font-size: .97em;
	line-height: 1.55;
}
.adv__list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: .42em;
	width: .85em;
	height: .85em;
	background: var(--c-accent);
	-webkit-mask: var(--i-shield) center / contain no-repeat;
	mask: var(--i-shield) center / contain no-repeat;
}
.adv__note {
	margin-top: auto;
	padding-top: 14px;
	font-size: .92em;
	color: var(--c-ink-3);
}

/* ── Блок «о компании» / текст с картинкой ─────────────────────────────── */
.split {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 56px);
	align-items: center;
}
.split--reverse .split__media { order: 2; }
.split__media img { border-radius: var(--r); box-shadow: var(--sh-2); width: 100%; }
.split__body p:last-child { margin-bottom: 0; }

/* ── Список «специальные перевозки» ────────────────────────────────────── */
/* Раньше пункты шли сплошняком без отступов — теперь карточки с воздухом */
.speclist { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.speclist__item {
	position: relative;
	display: flex;
	gap: 16px;
	padding: 18px 20px;
	border-radius: var(--r);
	background: #fff;
	border: 1px solid var(--c-line);
	box-shadow: var(--sh-1);
	transition: transform var(--tr), box-shadow var(--tr), border-color var(--tr);
	margin: 0;
}
.speclist__item:hover { transform: translateX(3px); border-color: var(--c-accent); box-shadow: var(--sh-2); }
.speclist__ico {
	width: 42px;
	height: 42px;
	border-radius: 11px;
	background: var(--c-bg-soft);
	color: var(--c-brand);
	display: grid;
	place-items: center;
	flex: none;
}
.speclist__ico .ico { width: 22px; height: 22px; }
.speclist__body { min-width: 0; }
.speclist__title {
	display: block;
	font-family: var(--f-head);
	font-weight: 700;
	font-size: 1.02em;
	line-height: 1.3;
	color: var(--c-brand-900);
	text-decoration: none;
	margin-bottom: .25em;
}
.speclist__title:hover { color: var(--c-accent-700); }
.speclist__text { margin: 0; color: var(--c-ink-2); font-size: .95em; line-height: 1.5; }

/* ── Новости ───────────────────────────────────────────────────────────── */
.news-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: clamp(18px, 2.2vw, 28px);
}
.news-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--c-line);
	border-radius: var(--r);
	overflow: hidden;
	box-shadow: var(--sh-1);
	transition: transform var(--tr), box-shadow var(--tr);
	height: 100%;
}
.news-card:hover { transform: translateY(-4px); box-shadow: var(--sh-2); }
.news-card__media {
	position: relative;
	aspect-ratio: 16 / 9;
	background: var(--c-brand-900);
	overflow: hidden;
	display: block;
}
.news-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.news-card:hover .news-card__media img { transform: scale(1.05); }
.news-card__tag {
	position: absolute;
	left: 14px;
	top: 14px;
	z-index: 2;
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	color: var(--c-brand);
	font-family: var(--f-head);
	font-size: .74em;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.news-card__body { padding: 20px 22px 24px; display: flex; flex-direction: column; flex: 1 1 auto; }
.news-card__date {
	font-size: .84em;
	/* было --c-ink-3 (#7d8d96): контраст с белым 3.43 при норме 4.5.
	   --c-ink-2 (#52646e) даёт 6.1 и читается заметно легче */
	color: var(--c-ink-2);
	margin-bottom: 8px;
	font-variant-numeric: tabular-nums;
}
.news-card__title { font-size: clamp(17px, 1.3vw, 20px); margin-bottom: .5em; }
.news-card__title a { color: inherit; text-decoration: none; }
.news-card__title a:hover { color: var(--c-accent-700); }
/* анонс: 2–3 строки ключевой мысли */
.news-card__excerpt {
	color: var(--c-ink-2);
	font-size: .96em;
	line-height: 1.55;
	margin: 0 0 16px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news-card__more {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: .45em;
	font-family: var(--f-head);
	font-weight: 700;
	font-size: .95em;
	color: var(--c-accent-700);
	text-decoration: none;
}
.news-card__more .ico { transition: transform var(--tr); }
.news-card__more:hover .ico { transform: translateX(4px); }

/* горизонтальная карточка для списка новостей */
.news-row {
	display: grid;
	grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
	gap: clamp(16px, 2.4vw, 28px);
	padding: clamp(16px, 2vw, 22px);
	border: 1px solid var(--c-line);
	border-radius: var(--r);
	background: #fff;
	box-shadow: var(--sh-1);
	transition: transform var(--tr), box-shadow var(--tr);
	margin-bottom: 18px;
}
.news-row:hover { transform: translateY(-3px); box-shadow: var(--sh-2); }
.news-row__media { border-radius: var(--r-sm); overflow: hidden; aspect-ratio: 16 / 10; }
.news-row__media img { width: 100%; height: 100%; object-fit: cover; }
.news-year {
	font-family: var(--f-head);
	font-size: clamp(20px, 2vw, 26px);
	font-weight: 800;
	color: var(--c-ink-3);
	margin: 34px 0 16px;
	display: flex;
	align-items: center;
	gap: 14px;
}
.news-year::after { content: ''; flex: 1 1 auto; height: 1px; background: var(--c-line); }

/* ── Полоса призыва к действию ─────────────────────────────────────────── */
.cta-band {
	background: linear-gradient(120deg, var(--c-brand-900), var(--c-brand) 60%, var(--c-accent-700));
	color: #fff;
	border-radius: var(--r);
	padding: clamp(26px, 3.6vw, 46px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(18px, 3vw, 40px);
	flex-wrap: wrap;
	box-shadow: var(--sh-2);
}
.cta-band__title { color: #fff; margin-bottom: .3em; }
.cta-band__text { color: rgba(255, 255, 255, .86); margin: 0; max-width: 56ch; }

/* ── Внутренние страницы ───────────────────────────────────────────────── */
.page-hero {
	background: linear-gradient(120deg, var(--c-brand-900), var(--c-brand));
	color: #fff;
	padding-block: clamp(28px, 4vw, 52px);
}
.page-hero__title { color: #fff; margin: 0; }
.page-hero__lead { color: rgba(255, 255, 255, .85); margin: .6em 0 0; max-width: 70ch; }

.breadcrumbs {
	margin-bottom: 14px;
	font-size: .88em;
	color: rgba(255, 255, 255, .68);
}
.breadcrumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5em; }
.breadcrumbs li { margin: 0; display: flex; align-items: center; gap: .5em; }
.breadcrumbs li + li::before { content: '/'; color: rgba(255, 255, 255, .4); }
.breadcrumbs a { color: rgba(255, 255, 255, .88); text-decoration: none; }
.breadcrumbs a:hover { color: #fff; text-decoration: underline; }

.layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
	gap: clamp(24px, 3.5vw, 48px);
	align-items: start;
}

.entry { font-size: 1.02em; }
.entry h2 { margin-top: 1.6em; font-size: clamp(21px, 2.29vw, 30px); }
.entry h3 { margin-top: 1.4em; font-size: clamp(17px, 1.41vw, 20px); }

/* Текст статьи по ширине, заголовки и таблицы не трогаем */
.entry p, .entry li, .entry dd { text-align: justify; hyphens: auto; }

/* ── Списки собраннее, чем глобальные (main.css:87-89) ────────────────── */
.entry ul, .entry ol { padding-left: 1.15em; margin: 0 0 1em; }
.entry li { margin-bottom: .3em; line-height: 1.45; }
.entry ul li::marker { color: var(--c-accent); }

/* ── Картинки из контента (WordPress alignleft/aligncenter/alignright) ──── */
.entry img { max-width: 100%; height: auto; border-radius: var(--r-sm); }
.entry img.aligncenter,
.entry .aligncenter { display: block; margin: 1.2em auto; float: none; }
.entry img.alignleft { float: left; margin: .2em 1.5em .8em 0; }
.entry img.alignright { float: right; margin: .2em 0 .8em 1.5em; }
/* Обтекание картинки не должно перетекать в следующий раздел */
.entry h2, .entry section { clear: both; }
/* У обёртки картинки в контенте инлайновый style="min-height: 256px" —
   отсюда пустое место под картинкой, если она уже загрузилась выше блока.
   !important оправдан: перебиваем именно этот инлайновый стиль. */
.entry .img-flex-center { min-height: 0 !important; display: flex; justify-content: center; margin: 1.2em 0; }

/* Таблица шире содержимого оставляла пустой столбец справа: из-за display:block
   рамка растягивалась на всю ширину колонки. На десктопе ведём себя как обычная
   таблица по содержимому, горизонтальную прокрутку включаем только на узких. */
.entry table {
	width: auto;
	max-width: 100%;
	table-layout: auto;
	border-collapse: collapse;
	margin: 1.4em 0;
	font-size: .95em;
}
.entry th,
.entry td { border: 1px solid var(--c-line); padding: 10px 12px; text-align: left; }
.entry th {
	background: #dce8ee;
	color: var(--c-brand-700);
	font-family: var(--f-head);
	font-weight: 600;
	border-bottom: 2px solid var(--c-brand);
}
.entry blockquote {
	margin: 1.5em 0;
	padding: 16px 22px;
	border-left: 4px solid var(--c-accent);
	background: var(--c-bg-soft);
	border-radius: 0 var(--r-sm) var(--r-sm) 0;
}

/* ── Список определений (страница «Термины») ──────────────────────────── */
.entry dl { margin: 0 0 1.2em; }
.entry dt { margin-top: .9em; font-weight: 600; }
.entry dd { margin-left: 0; }
.entry dd:empty { display: none; }
.page-id-76 .entry { font-size: .95em; }

/* Заголовки, которые заказчик просил держать одной строкой.
   Класс проставлен в контенте; на узких экранах перенос разрешаем —
   иначе строка вылезет за край и появится горизонтальная прокрутка. */
@media (min-width: 760px) {
	.entry .is-nowrap { white-space: nowrap; }
}

/* Широкая таблица на узком экране: прокручиваем, а не ломаем вёрстку */
@media (max-width: 700px) {
	.entry table { display: block; overflow-x: auto; }
}

/* ── Кнопки-призывы внутри текста статьи ──────────────────────────────── */
/* Блок приходит из контента: класс проставлен в редакторе, а разметка внутри
   какая получилась — редактор насыпал <br> и внутрь ссылок, и между ними.
   Из-за них кнопки вставали друг под другом и «отращивали» пустые отступы.
   Гасим переводы строк и раскладываем ряд сами. */
.content__btns {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 14px;
}
.content__btns br { display: none; }
.content__btns .btn {
	/* растут до равной ширины, но не растягиваются в полосу на всю колонку */
	flex: 1 1 260px;
	max-width: 380px;
	padding: 1em 1.5em;
	line-height: 1.3;
	white-space: normal;
	/* строки внутри кнопки делятся поровну там, где браузер это умеет */
	text-wrap: balance;
}
.content__btns .btn + .btn { margin: 0; }

@media (max-width: 560px) {
	.content__btns .btn { flex-basis: 100%; max-width: none; }
}

/* ── Мелкие служебные классы (вместо инлайновых стилей в шаблонах) ─────── */
.cta-band--compact .cta-band__title { font-size: clamp(20px, 2vw, 26px); }
.entry__cta { margin-top: 40px; }
.entry__cta--top { margin: 0 0 36px; }
.section__more { margin-top: 26px; }
.post-cover { margin: 0 0 28px; }
.page-hero__lead a { color: #fff; }
/* Тот же контакт, но на светлом фоне: селектор составной, иначе правило
   .footer__contact (белый текст) объявлено ниже и перебивает по порядку */
.footer__contact.contact-link { color: var(--c-brand-900); }
.footer__contact.contact-link:hover { color: var(--c-accent-700); }
.map-embed {
	position: relative;
	overflow: hidden;
	border-radius: var(--r);
	margin-top: 18px;
}
.map-embed iframe { display: block; border: 0; width: 100%; }
.office-block { margin-top: 36px; }
.mobile-nav__foot .btn + .btn { margin-top: 10px; }
.widget--brand .btn { margin-top: 14px; }
.hint-card__item h4 { font-size: 1em; margin-bottom: .4em; }
.news-row .news-card__body { padding: 0; }

/* ── Частые вопросы (аккордеон) ────────────────────────────────────────── */
/* Размер текста ответа совпадает с текстом страницы: раньше в контенте
   стоял инлайновый font-size:14px и читать ответы было тяжелее. */
.faq-section { margin: clamp(28px, 4vw, 48px) 0 0; }
.faq-section__title { margin-bottom: .7em; }

.faq {
	border: 1px solid var(--c-line);
	border-radius: var(--r);
	overflow: hidden;
	background: #fff;
}
.faq__item + .faq__item { border-top: 1px solid var(--c-line); }

.faq__q {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px clamp(16px, 2vw, 24px);
	font-family: var(--f-head);
	font-size: clamp(16px, 1.15vw, 18px);
	font-weight: 700;
	line-height: 1.35;
	color: var(--c-brand-900);
	cursor: pointer;
	list-style: none;
	transition: background var(--tr), color var(--tr);
}
.faq__q::-webkit-details-marker { display: none; }
.faq__q:hover { background: var(--c-bg-soft); color: var(--c-accent-700); }
/* плюс из двух полосок: в открытом состоянии поворачивается в крестик */
.faq__q::after {
	content: '';
	flex: none;
	width: 26px;
	height: 26px;
	margin-left: auto;
	border-radius: 50%;
	background-color: var(--c-bg-soft);
	background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
	background-size: 12px 2px, 2px 12px;
	background-position: center, center;
	background-repeat: no-repeat;
	transition: transform var(--tr), background-color var(--tr);
}
.faq__item[open] > .faq__q { color: var(--c-accent-700); }
.faq__item[open] > .faq__q::after { transform: rotate(45deg); }

/* Анимируется высота именно этого элемента, поэтому у него не должно быть
   ни отступов, ни рамок: иначе при height:0 он всё равно занимает высоту
   паддинга и в начале/конце анимации содержимое подпрыгивает. Все отступы
   живут во внутреннем блоке. */
.faq__a {
	padding: 0;
	border: 0;
	overflow: hidden;
}
.faq__a-inner {
	max-width: 78ch;
	padding: 0 clamp(16px, 2vw, 24px) 20px;
	font-size: 1em;
	line-height: 1.62;
	color: var(--c-ink);
}
.faq__a-inner > *:first-child { margin-top: 0; }
.faq__a-inner > *:last-child { margin-bottom: 0; }
.faq__a-inner p { margin-bottom: .8em; }
.faq__a-inner ul,
.faq__a-inner ol { margin-bottom: .8em; }

/* ── Сайдбар ───────────────────────────────────────────────────────────── */
.sidebar { position: sticky; top: 92px; display: grid; gap: 18px; }
/* Для вошедших: панель WordPress занимает верхние 32 px экрана, и без поправки
   верх колонки уезжал под неё вместе с липкой шапкой (та сдвинута там же). */
body.admin-bar .sidebar { top: 124px; }
.widget {
	padding: 22px;
	border-radius: var(--r);
	border: 1px solid var(--c-line);
	background: #fff;
	box-shadow: var(--sh-1);
}
.widget--brand {
	background: linear-gradient(150deg, var(--c-brand-900), var(--c-brand));
	border: 0;
	color: #fff;
}
.widget--brand .widget__title { color: #fff; }
.widget--brand p { color: rgba(255, 255, 255, .85); }
.widget__title { font-size: 1.08em; margin-bottom: .6em; }
.widget__hint { font-size: .95em; color: var(--c-ink-2); margin: 0; }

.hint-card__nav { display: flex; gap: 8px; margin-top: 14px; }
.hint-card__btn {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid var(--c-line);
	background: #fff;
	color: var(--c-brand);
	cursor: pointer;
	display: grid;
	place-items: center;
	transition: background var(--tr), color var(--tr);
}
.hint-card__btn:hover { background: var(--c-brand); color: #fff; }
.hint-card__btn--prev .ico { transform: rotate(180deg); }
.hint-card__item { display: none; }
.hint-card__item.is-active { display: block; }

/* ── Модальное окно с формой ───────────────────────────────────────────── */
.modal-overlay {
	position: fixed;
	inset: 0;
	z-index: 90;
	background: rgba(3, 24, 33, .62);
	backdrop-filter: blur(3px);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: clamp(12px, 4vh, 48px) var(--gutter);
	opacity: 0;
	visibility: hidden;
	transition: opacity var(--tr), visibility var(--tr);
	/* форма должна скроллиться, когда на мобиле открыта экранная клавиатура */
	overflow-y: auto;
	overscroll-behavior: contain;
}
.modal-overlay.is-open { opacity: 1; visibility: visible; }
.modal {
	position: relative;
	width: min(100%, 760px);
	background: #fff;
	border-radius: var(--r);
	box-shadow: var(--sh-3);
	padding: clamp(20px, 2.4vw, 28px);
	transform: translateY(14px);
	transition: transform var(--tr);
	margin: auto 0;
	/* Высота считается от dvh, а не vh: при выезде экранной клавиатуры vh
	   остаётся прежним, окно оказывается выше видимой области и прокрутить
	   форму до конца невозможно. dvh уменьшается вместе с ней.
	   --vvh подставляет скрипт там, где dvh ещё не поддерживается. */
	max-height: var(--vvh, calc(100dvh - 48px));
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}
.modal-overlay.is-open .modal { transform: translateY(0); }
.modal__title { font-size: clamp(21px, 2vw, 27px); margin-bottom: .2em; }
.modal__lead { color: var(--c-ink-2); font-size: .95em; margin-bottom: 1em; }
.modal__close {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	background: var(--c-bg-soft);
	color: var(--c-ink-2);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	transition: background var(--tr);
}
.modal__close:hover { background: var(--c-line); }

/* На узком экране окно занимает всю ширину: боковые поля съедали место,
   которого не хватало парам полей. Скругление остаётся только сверху —
   так видно, что это отдельный слой поверх страницы. */
@media (max-width: 620px) {
	.modal-overlay {
		padding: 0;
		align-items: flex-end;
	}
	.modal {
		width: 100%;
		max-height: var(--vvh, calc(100dvh - 12px));
		margin: auto 0 0;
		border-radius: var(--r) var(--r) 0 0;
		padding: 18px 14px calc(18px + env(safe-area-inset-bottom));
	}
	.modal__title { padding-right: 48px; }
	.modal__close { right: 8px; top: 8px; }
}

/* ── Contact Form 7 ────────────────────────────────────────────────────
   Форма собрана в две колонки (как в исходной вёрстке), а не в столбик:
   так она помещается на один экран и подпись читается вместе со своим полем. */
.wpcf7 { font-size: 1em; }
/* Contact Form 7 прогоняет разметку через wpautop и втыкает <br> после каждой
   подписи и каждого поля — из-за них подпись «отрывалась» от своего поля
   и форма растягивалась на два экрана. */
.wpcf7-form br { display: none; }

.wpcf7 .modal__h2 {
	font-family: var(--f-head);
	font-size: 1.02em;
	font-weight: 700;
	color: var(--c-brand-900);
	margin: 14px 0 8px;
}
.wpcf7 .modal__h2:first-child { margin-top: 0; }

.contactInputs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 18px;
}
.contactInputs__1,
.contactInputs__2 { display: flex; flex-direction: column; min-width: 0; }

/* подпись прижата к своему полю снизу, а не к полю выше */
.wpcf7 label {
	display: block;
	font-size: .84em;
	font-weight: 600;
	line-height: 1.3;
	color: var(--c-ink-2);
	margin: 0 0 5px;
}
.wpcf7 .wpcf7-form-control-wrap { display: block; margin-bottom: 10px; }
.wpcf7 .req { color: #d33; }

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 select,
.wpcf7 textarea {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--c-line);
	border-radius: var(--r-sm);
	font-family: var(--f-body);
	font-size: .95em;
	line-height: 1.4;
	color: var(--c-ink);
	background: #fff;
	transition: border-color var(--tr), box-shadow var(--tr);
}
/* высоту textarea задаёт атрибут rows, поэтому переопределяем height, а не min-height */
.wpcf7 textarea { height: 76px; min-height: 76px; resize: vertical; }
.wpcf7 select { appearance: none; background-image: none; cursor: pointer; }
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	outline: none;
	border-color: var(--c-accent);
	box-shadow: 0 0 0 4px rgba(11, 147, 196, .15);
}
.wpcf7 input[aria-invalid="true"] { border-color: #d33; }

.wpcf7 input[type="submit"] {
	width: 100%;
	min-height: 50px;
	margin-top: 6px;
	border: 0;
	border-radius: 999px;
	background: var(--c-brand);
	color: #fff;
	font-family: var(--f-head);
	font-size: 1.02em;
	font-weight: 700;
	cursor: pointer;
	transition: background var(--tr), transform var(--tr);
}
.wpcf7 input[type="submit"]:hover { background: var(--c-accent-700); transform: translateY(-1px); }
.wpcf7 .wpcf7-spinner { display: block; margin: 10px auto 0; }
.wpcf7 .wpcf7-not-valid-tip { font-size: .82em; color: #d33; margin-top: 4px; }
.wpcf7 .wpcf7-response-output {
	margin: 14px 0 0;
	padding: 12px 14px;
	border-radius: var(--r-sm);
	border: 1.5px solid var(--c-line);
	font-size: .9em;
}
/* цвет рамки по исходу отправки — тема задаёт только форму блока */
.wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output { border-color: #d33; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output { display: none; }

/* Служебные правила Contact Form 7, перенесённые из таблицы плагина: без них
   скрытые поля видны на экране, а ответ формы не читается скринридером.
   Сама таблица плагина снята с очереди — это минус блокирующий запрос. */
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
	word-break: normal !important;
}
.wpcf7 .hidden-fields-container { display: none; }
.wpcf7 [inert] { opacity: .5; }
.wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; }
.wpcf7-list-item.first { margin-left: 0; }
.wpcf7-list-item.last { margin-right: 0; }

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d;
	opacity: .75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}
form.submitting .wpcf7-spinner { visibility: visible; }
.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc;
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation: cf7-spin 1000ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before { animation: cf7-blink 2000ms linear infinite; }
}
@keyframes cf7-spin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}
@keyframes cf7-blink {
	from { opacity: 0; }
	50%  { opacity: 1; }
	to   { opacity: 0; }
}

/* Узкий экран: пары полей остаются рядом, а не вытягиваются в один столбец —
   так вся форма видна за меньшую прокрутку. Промежуток между колонками
   ужимается, поля становятся компактнее. */
@media (max-width: 620px) {
	.contactInputs { gap: 0 8px; }
	.wpcf7 label { font-size: .8em; margin-bottom: 4px; }
	.wpcf7 .wpcf7-form-control-wrap { margin-bottom: 8px; }
	.wpcf7 input[type="text"],
	.wpcf7 input[type="tel"],
	.wpcf7 input[type="email"],
	.wpcf7 select,
	.wpcf7 textarea {
		padding: 9px 10px;
		/* ровно 16px: при меньшем кегле Safari на iOS зумит страницу в момент
		   фокуса, и форма уезжает за край вместе с клавиатурой */
		font-size: 16px;
	}
	.wpcf7 textarea { height: 68px; min-height: 68px; }
	/* специфичность как у базового правила: с одним классом оно не перебивалось */
	.wpcf7 .modal__h2 { margin: 12px 0 6px; }
	/* абзацы внутри формы — обёртки полей от редактора, свой нижний отступ
	   они добавляют поверх отступа обёртки поля и раздвигают форму вдвое */
	.wpcf7 form p { margin-bottom: 0; }
}

@media (max-width: 400px) {
	.contactInputs { gap: 0 6px; }
	.wpcf7 input[type="text"],
	.wpcf7 input[type="tel"],
	.wpcf7 input[type="email"],
	.wpcf7 select,
	.wpcf7 textarea { padding: 9px 8px; }
}

/* ── Подвал ────────────────────────────────────────────────────────────── */
.footer {
	margin-top: auto;
	background: var(--c-brand-900);
	color: rgba(255, 255, 255, .78);
	/* размер поднят: раньше мелкий текст в подвале плохо читался */
	font-size: .98em;
	padding-block: clamp(34px, 4.4vw, 56px) clamp(20px, 2.4vw, 28px);
}
.footer__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: clamp(24px, 3vw, 40px);
	padding-bottom: clamp(24px, 3vw, 36px);
	border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.footer__logo { width: 115px; margin-bottom: 16px; color: #fff; }
.footer__title {
	color: #fff;
	font-family: var(--f-head);
	font-size: 1.02em;
	font-weight: 700;
	margin: 0 0 .7em;
}
.footer__office p { margin: 0 0 .5em; line-height: 1.55; }
.footer__contact {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	color: #fff;
	text-decoration: none;
}
.footer__contact:hover { color: var(--c-warm); }
.footer__contact .ico { color: var(--c-accent); }
.footer__menu { list-style: none; margin: 0; padding: 0; }
.footer__menu li { margin-bottom: .55em; }
.footer__menu a { color: rgba(255, 255, 255, .82); text-decoration: none; }
.footer__menu a:hover { color: #fff; text-decoration: underline; }
.footer__bottom {
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap;
	font-size: .92em;
	color: rgba(255, 255, 255, .58);
}
/* ссылка наследовала синий цвет ссылок (#0068b5) и на тёмном фоне подвала
   давала контраст 2.86 при норме 4.5; светлая даёт 12.2 */
.footer__bottom a { color: rgba(255, 255, 255, .86); text-decoration: none; }
.footer__bottom a:hover { color: #fff; text-decoration: underline; }
.footer__messengers { display: flex; gap: 10px; }
.footer__messenger {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	display: grid;
	place-items: center;
	transition: background var(--tr), transform var(--tr);
}
.footer__messenger:hover { background: var(--c-accent); color: #fff; transform: translateY(-2px); }

/* ── Пагинация ─────────────────────────────────────────────────────────── */
.pagination { margin-top: 32px; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pagination .page-numbers {
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	border-radius: var(--r-sm);
	border: 1px solid var(--c-line);
	background: #fff;
	color: var(--c-brand-900);
	display: inline-grid;
	place-items: center;
	text-decoration: none;
	font-family: var(--f-head);
	font-weight: 600;
	transition: background var(--tr), color var(--tr);
}
.pagination .page-numbers:hover,
.pagination .page-numbers.current { background: var(--c-brand); color: #fff; border-color: var(--c-brand); }

/* ── Кнопка «наверх» ───────────────────────────────────────────────────── */
.to-top {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 40;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 50%;
	background: var(--c-brand);
	color: #fff;
	cursor: pointer;
	display: grid;
	place-items: center;
	box-shadow: var(--sh-2);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity var(--tr), transform var(--tr), visibility var(--tr);
}
.to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.to-top .ico { transform: rotate(-90deg); }

/* ── Адаптив ───────────────────────────────────────────────────────────── */
/* Шапка на средних десктопах: логотип + меню + телефон + кнопка должны
   уместиться в одну строку, поэтому ужимаем их по очереди, а не переносим. */
@media (max-width: 1400px) {
	.header__cta .btn { padding: .7em 1.15em; font-size: .95em; }
	.nav__list a { padding: 9px 8px; font-size: 14px; }
}

@media (max-width: 1220px) {
	.nav__list { gap: 2px; }
	.nav__list a { padding: 9px 6px; }
	.topbar__link--mail { display: none; }
}

@media (max-width: 1024px) {
	.nav { display: none; }
	/* Бургер встаёт сразу за логотипом, а не в самый правый край:
	   справа от него остаётся воздух, а телефон и кнопка прижаты к краю. */
	.burger { display: block; order: 2; margin-right: auto; }
	.header__brand { order: 1; }
	.header__soc { display: flex; order: 3; }
	.header__phone { order: 4; }
	.header__cta { order: 5; }
	/* Верхняя полоса тут пустая: разделы уехали в бургер, почта скрыта с 1220,
	   а мессенджеры переехали в шапку. Полоса только съедала высоту экрана. */
	.topbar { display: none; }
	.layout { grid-template-columns: minmax(0, 1fr); }
	.sidebar { position: static; }
	.split { grid-template-columns: minmax(0, 1fr); }
	.split--reverse .split__media { order: 0; }
	.rates__list { justify-content: flex-start; }
	/* Планшет в альбомной ориентации: часы и курсы остаются в одной строке,
	   просто ужимаются — раньше курсы уезжали на вторую строку. */
	.infobar__inner { gap: 20px; }
	.clocks { gap: 12px; }
	.clock { min-width: 62px; }
	.clock__face { width: 54px; height: 54px; }
	.clock__city { font-size: .68em; letter-spacing: .02em; }
	.rates { padding: 12px 14px; }
	.rates__item { padding: 7px 9px; }
	.rates__value { font-size: .98em; }
}

@media (max-width: 860px) {
	/* на узком экране текст слайда занимает всю ширину контейнера */
	.hero__box { max-width: 100%; }
	/* Полоса 721–860: пять часов переставали помещаться в строку.
	   Подписи городов мельче и без капса, циферблаты и промежутки уже. */
	.clocks { gap: 8px; }
	.clock { min-width: 54px; }
	.clock__city { font-size: .58em; text-transform: none; letter-spacing: .02em; }
	.news-row { grid-template-columns: minmax(0, 1fr); }
	.cta-band { flex-direction: column; align-items: flex-start; }
	/* Кнопка заявки схлопывается в иконку, телефон остаётся читаемым */
	.header__cta .btn { width: 48px; padding: 0; gap: 0; }
	.header__cta .btn span { display: none; }
	.header__cta .btn .btn__icon { width: 20px; height: 20px; }
}

@media (max-width: 720px) {
	.infobar__inner { grid-template-columns: minmax(0, 1fr); }
	/* На узком экране обтекание текстом мешает читать — картинки в столбец */
	.entry img.alignleft, .entry img.alignright { float: none; display: block; margin: 1.2em auto; }
	.header__phone { font-size: 17px; }
	.hero__nav { width: 30px; height: 56px; }
	.hero__content .container { padding-inline: 40px; }
	/* Пять часовых поясов должны влезать в одну строку, поэтому и циферблат,
	   и подписи городов ужимаются вместе с шириной экрана */
	.clocks { gap: 4px; flex-wrap: nowrap; justify-content: space-between; }
	.clock { min-width: 0; flex: 1 1 0; }
	.clock__face { width: clamp(38px, 11vw, 54px); height: clamp(38px, 11vw, 54px); margin-bottom: 4px; }
	.clock__city { font-size: clamp(7.5px, 2.15vw, 10px); letter-spacing: .01em; }
	.clock__time { font-size: clamp(9px, 2.5vw, 12px); }
	.rates__item { padding: 7px 6px; }
	/* на узком экране увеличение соседних плиток за край не выпирает */
	.rates__item:hover { --rate-scale: 1.12; }
}

@media (max-width: 520px) {
	.hero__slides,
	.hero__content { min-height: 460px; }
	.hero__actions .btn { width: 100%; }
	/* стрелок нет — листаем свайпом, значит и запас под них не нужен */
	.hero__nav { display: none; }
	.hero__content .container { padding-inline: 0; }
	.tile { padding: 16px 18px; }
	.footer__bottom { flex-direction: column; }
}

/* Порог схлопывания телефона поднят с 480 до 600: рядом встали две иконки
   мессенджеров (~94 px вместе с зонами нажатия), и номер целиком перестал
   помещаться раньше. Вместо номера — круглая кнопка с трубкой, звонок
   остаётся в один тап. */
@media (max-width: 600px) {
	/* На узком экране justify даёт «реки» между словами — возвращаем left */
	.entry p, .entry li, .entry dd { text-align: left; hyphens: none; }
	.header__phone {
		width: 46px;
		height: 46px;
		justify-content: center;
		gap: 0;
		border-radius: 50%;
		background: var(--c-brand);
		color: #fff;
		box-shadow: 0 6px 16px rgba(0, 87, 118, .32);
	}
	.header__phone:hover { background: var(--c-accent-700); color: #fff; }
	.header__phone .ico { width: 22px; height: 22px; color: #fff; }
	.header__phone-num { display: none; }
}

/* Совсем узкий экран: пять элементов в строке помещаются только после
   ужимания — логотип, зоны нажатия и промежутки уменьшаются согласованно. */
@media (max-width: 480px) {
	.header .container { --gutter: 14px; }
	.header__inner { gap: 8px; }
	.header__logo .logo { width: 75px; }
	.burger { width: 40px; height: 40px; padding: 8px; }
	.header__soc { gap: 2px; }
	.header__soc-link { width: 38px; height: 38px; }
	.header__soc-link .ico { width: 24px; height: 24px; }
	.header__phone { width: 42px; height: 42px; }
	.header__phone .ico { width: 20px; height: 20px; }
	.header__cta .btn { width: 42px; min-height: 42px; }
	.header__cta .btn .btn__icon { width: 18px; height: 18px; }
}

@media (max-width: 380px) {
	/* три мессенджера в ряд: на 360 px строка шапки влезает только с таким ужатием */
	.header .container { --gutter: 10px; }
	.header__inner { gap: 6px; }
	.header__logo .logo { width: 60px; }
	.header__soc-link { width: 32px; height: 32px; }
	.header__soc-link .ico { width: 22px; height: 22px; }
	.header__phone { width: 40px; height: 40px; }
	.header__cta .btn { width: 40px; min-height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ── Печать ────────────────────────────────────────────────────────────── */
@media print {
	.topbar, .header, .hero, .infobar, .sidebar, .cta-band, .to-top, .footer__messengers { display: none !important; }
	body { color: #000; font-size: 12pt; }
}

/* ── Контентные блоки статей и лендингов ────────────────────────────────
   Библиотека для генерируемых страниц (tools/content/BLOCKS.md): в контенте
   только классы, все стили здесь — оформление всех статей меняется одной правкой. */
.entry .lead {
	font-size: 1.12em;
	line-height: 1.55;
	color: var(--c-ink);
	text-align: left;
	hyphens: manual;
	padding-left: 18px;
	border-left: 4px solid var(--c-warm);
	margin: 0 0 1.4em;
}

/* факты цифрами */
.entry .facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
	padding: 0;
	margin: 0 0 1.8em;
	list-style: none;
}
.entry .facts__item {
	margin: 0;
	padding: 16px 18px;
	background: var(--c-bg-soft);
	border-radius: var(--r-sm);
	text-align: left;
	line-height: 1.3;
	hyphens: manual;
}
.entry .facts__num {
	display: block;
	font-family: var(--f-head);
	font-size: clamp(22px, 2.2vw, 30px);
	font-weight: 700;
	color: var(--c-brand);
	letter-spacing: -.01em;
}
.entry .facts__label {
	display: block;
	margin-top: 4px;
	font-size: .86em;
	color: var(--c-ink-2);
}

/* карточки-ссылки */
.entry .cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 14px;
	margin: 0 0 1.8em;
}
.entry .card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px 20px 20px;
	border: 1px solid var(--c-line);
	border-radius: var(--r-sm);
	background: #fff;
	text-decoration: none;
	color: inherit;
	transition: border-color var(--tr), box-shadow var(--tr), transform var(--tr);
}
.entry .card:hover {
	border-color: var(--c-accent);
	box-shadow: var(--sh-1);
	transform: translateY(-2px);
}
.entry .card__title {
	hyphens: manual;
	font-family: var(--f-head);
	font-weight: 600;
	color: var(--c-brand);
	line-height: 1.3;
}
.entry .card__text {
	font-size: .9em;
	line-height: 1.4;
	color: var(--c-ink-2);
	text-align: left;
}

/* остаток карточек раздела в конце статьи: отделяем чертой, чтобы он читался
   как продолжение навигации, а не как часть последнего раздела текста */
.entry .cards-more {
	margin-top: 2.4em;
	padding-top: 1.6em;
	border-top: 1px solid var(--c-line);
}
.entry .cards-more__title {
	margin: 0 0 .9em;
	font-size: 1.18em;
}
.entry .cards-more .cards { margin-bottom: 0; }

/* шаги */
.entry .steps {
	counter-reset: step;
	list-style: none;
	padding: 0;
	margin: 0 0 1.8em;
	display: grid;
	gap: 10px;
}
.entry .steps__item {
	position: relative;
	margin: 0;
	padding: 14px 18px 14px 66px;
	background: var(--c-bg-soft);
	border-radius: var(--r-sm);
	line-height: 1.45;
}
.entry .steps__item::before {
	counter-increment: step;
	content: counter(step);
	position: absolute;
	left: 18px;
	top: 14px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--c-brand);
	color: #fff;
	font-family: var(--f-head);
	font-weight: 700;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
}
.entry .steps__title {
	margin: 0 0 4px;
	font-size: 1.02em;
	font-weight: 600;
	font-family: var(--f-head);
}
.entry .steps__item p { margin: 0; text-align: left; hyphens: manual; }

/* врезки */
.entry .callout {
	margin: 0 0 1.6em;
	padding: 16px 20px;
	border-radius: var(--r-sm);
	border-left: 4px solid var(--c-accent);
	background: var(--c-bg-soft);
}
.entry .callout p { margin: 0 0 .6em; text-align: left; hyphens: manual; }
.entry .callout p:last-child { margin-bottom: 0; }
.entry .callout--warn { border-left-color: var(--c-warm); background: #fff7e8; }
.entry .callout--tip { border-left-color: #2e9e6b; background: #edf8f2; }
.entry .callout--note { border-left-color: var(--c-ink-3); }

/* таблицы */
.entry .table-wrap { margin: 0 0 1.8em; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.entry .table-wrap table { margin: 0; min-width: 520px; }
.entry table caption {
	caption-side: top;
	text-align: left;
	padding: 0 0 8px;
	font-family: var(--f-head);
	font-weight: 600;
	color: var(--c-brand);
}
.entry td, .entry th { text-align: left; vertical-align: top; hyphens: manual; }
/* Таблица — всегда белый блок со своей сеткой. На подложке тонированной
   секции серая шапка и серые строки совпадали с фоном по цвету, и таблица
   переставала читаться как таблица. */
.entry table { background: #fff; }
.entry tbody td { background: #fff; }
.entry tbody tr:nth-child(even) td { background: #f2f7f9; }

/* инфографика */
.entry .ig {
	margin: 0 0 1.8em;
	padding: 18px 18px 12px;
	border: 1px solid var(--c-line);
	border-radius: var(--r-sm);
	background: #fff;
}
.entry .ig svg { display: block; width: 100%; height: auto; }
.entry .ig figcaption {
	margin-top: 10px;
	font-size: .86em;
	color: var(--c-ink-2);
	line-height: 1.4;
}

/* кейс */
.entry .case {
	margin: 0 0 1.8em;
	padding: 22px 24px;
	border-radius: var(--r);
	background: var(--c-bg-deep);
	color: #e6eef2;
}
.entry .case h2 { margin: 0 0 14px; color: #fff; font-size: clamp(19px, 1.9vw, 24px); }
.entry .case__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin: 0 0 14px;
}
.entry .case__item { margin: 0; padding: 12px 14px; background: rgba(255, 255, 255, .07); border-radius: var(--r-sm); }
.entry .case__item dt { margin: 0 0 4px; font-size: .78em; text-transform: uppercase; letter-spacing: .05em; color: var(--c-warm); font-weight: 600; }
.entry .case__item dd { margin: 0; line-height: 1.4; text-align: left; hyphens: manual; }
.entry .case p { margin: 0; color: #d3dee4; text-align: left; hyphens: manual; }

/* призыв к действию внутри текста */
.entry .cta-band { margin: 0 0 1.8em; }

/* подпись достоверности */
.entry .meta-line {
	margin: 2em 0 0;
	padding-top: 14px;
	border-top: 1px solid var(--c-line);
	font-size: .86em;
	color: var(--c-ink-3);
	text-align: left;
	hyphens: manual;
}

@media (max-width: 640px) {
	.entry .steps__item { padding-left: 58px; }
	.entry .steps__item::before { left: 12px; width: 32px; height: 32px; line-height: 32px; font-size: 15px; }
	.entry .case { padding: 18px; }
}

/* сравнение двух вариантов (инфографика compare) */
.entry .compare { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.entry .compare__head { grid-column: 1 / -1; margin: 0; font-family: var(--f-head); font-weight: 600; color: var(--c-brand); text-align: left; }
.entry .compare__col { padding: 16px 18px; border-radius: var(--r-sm); background: var(--c-bg-soft); border-top: 4px solid var(--c-ink-3); }
.entry .compare__col--b { border-top-color: var(--c-warm); background: #fff7e8; }
.entry .compare__title { margin: 0 0 10px; font-size: 1em; }
.entry .compare__col ul { margin: 0; padding-left: 1.1em; }
.entry .compare__col li { text-align: left; hyphens: manual; }
@media (max-width: 640px) { .entry .compare { grid-template-columns: 1fr; } }

/* «Что вы получаете» — список выгод с галочкой */
.entry .benefits { list-style: none; padding: 0; margin: 0 0 1.8em; display: grid; gap: 10px; }
.entry .benefits__item { position: relative; margin: 0; padding: 12px 16px 12px 46px; background: #fff; border: 1px solid var(--c-line); border-radius: var(--r-sm); line-height: 1.45; text-align: left; hyphens: manual; }
.entry .benefits__item::before { content: ""; position: absolute; left: 14px; top: 14px; width: 22px; height: 22px; border-radius: 50%; background: var(--c-warm) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / 14px no-repeat; }
.entry .benefits__item strong { color: var(--c-brand); }

/* ── Лендинг раздела (page-landing.php) ───────────────────────────────── */
.page-hero--landing { padding-block: clamp(32px, 5vw, 64px) clamp(28px, 4vw, 48px); }
.page-hero__lead--landing { font-size: clamp(17px, 1.3vw, 20px); line-height: 1.55; max-width: 62ch; }
.page-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 26px; }
.page-hero__phone { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-family: var(--f-head); font-weight: 700; font-size: clamp(17px, 1.4vw, 21px); text-decoration: none; }
.page-hero__phone .ico { color: var(--c-warm); }
.page-hero__phone:hover span { text-decoration: underline; }
/* плитки фактов на тёмном фоне — стеклянные */
.page-hero__facts { margin-top: 30px; }
.page-hero__facts .facts { margin: 0; }
.page-hero__facts .facts__item { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); backdrop-filter: blur(6px); }
.page-hero__facts .facts__num { color: var(--c-warm); }
.page-hero__facts .facts__label { color: rgba(255, 255, 255, .8); }
/* контент лендинга: одна колонка, крупнее воздух между разделами */
.entry--landing { font-size: 1.04em; }
.entry--landing h2 { margin-top: 2em; }
.entry--landing > h2:first-child { margin-top: 0; }
/* липкая полоса на телефоне */
.sticky-cta { display: none; }
@media (max-width: 782px) {
	.sticky-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: grid; grid-template-columns: 1fr 1.4fr; gap: 10px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 255, 255, .96); backdrop-filter: blur(8px); border-top: 1px solid var(--c-line); box-shadow: 0 -8px 24px rgba(0, 40, 55, .12); }
	.sticky-cta .btn { width: 100%; justify-content: center; }
	.landing { padding-bottom: 76px; }
	.page-hero__actions { gap: 12px 18px; }
}

/* ── Секции лендинга, карта страницы и связки ──────────────────────────
   Нарезку по H2 делает сборка (tools/content/build.py): каждый раздел —
   <section class="lb">, каждый второй с подложкой во всю ширину экрана.
   Подложка тянется box-shadow'ом, а не 100vw: vw считает полосу прокрутки
   и даёт горизонтальный скролл на десктопе. */
.entry--landing .lb {
	padding: clamp(20px, 2.6vw, 34px) clamp(0px, 2vw, 26px);
}
.entry--landing .lb > h2:first-child { margin-top: 0; }
.entry--landing .lb > *:last-child { margin-bottom: 0; }
.entry--landing .lb--tint {
	background: var(--c-bg-soft);
	border-radius: var(--r);
}
/* на подложке белые карточки теряются — им нужна граница поярче */
.entry--landing .lb--tint .card,
.entry--landing .lb--tint .benefits__item { border-color: #dbe4e8; }
.entry--landing .lb--tint .steps__item,
.entry--landing .lb--tint .facts__item,
.entry--landing .lb--tint .callout--note { background: #fff; }
.entry--landing .lb--tint table th,
.entry--landing .lb--tint table td { border-color: #c7d6df; }

/* карта страницы: что человек найдёт ниже */
.entry .toc {
	margin: 0 0 1.8em;
	padding: 20px 24px 22px;
	border: 1px solid var(--c-line);
	border-left: 4px solid var(--c-accent);
	border-radius: var(--r-sm);
	background: #fff;
}
.entry .toc__title {
	margin: 0 0 14px;
	font-family: var(--f-head);
	font-weight: 700;
	font-size: 1.02em;
	color: var(--c-brand);
	text-align: left;
}
.entry .toc__list {
	counter-reset: toc;
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
.entry .toc__item {
	counter-increment: toc;
	position: relative;
	margin: 0;
	padding-left: 34px;
	line-height: 1.4;
	text-align: left;
	hyphens: manual;
}
.entry .toc__item::before {
	content: counter(toc);
	position: absolute;
	left: 0;
	top: 1px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--c-bg-soft);
	color: var(--c-ink-2);
	font-family: var(--f-head);
	font-size: 12px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
}
.entry .toc__item a {
	font-family: var(--f-head);
	font-weight: 600;
	color: var(--c-brand);
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 0, 0, .18);
}
.entry .toc__item a:hover { color: var(--c-accent); border-bottom-color: currentColor; }
.entry .toc__item span { display: block; font-size: .9em; color: var(--c-ink-2); margin-top: 2px; }

/* связка между разделами: вывод из прочитанного и переход к следующему */
.entry .bridge {
	margin: 1.7em 0;
	padding-top: 18px;
	max-width: 68ch;
	font-family: var(--f-head);
	font-size: 1.04em;
	line-height: 1.55;
	color: var(--c-ink-2);
	text-align: left;
	hyphens: manual;
	position: relative;
}
.entry .bridge::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	height: 3px;
	border-radius: 2px;
	background: var(--c-warm);
}
/* якорь из карты страницы не должен уводить заголовок под шапку */
.entry--landing [id] { scroll-margin-top: 90px; }

@media (max-width: 640px) {
	.entry .toc { padding: 16px 18px 18px; }
	.entry .bridge { margin: 1.3em 0; }
}

/* ── Навигация по разделам в боковой колонке (inc/toc.php) ─────────────
   Дублирует карту страницы из контента и показывает, где читатель сейчас.
   Активный пункт помечен тёплой чертой слева — на вертикальной линии
   списка это читается как отметка на шкале. */
.widget--toc .widget__title { margin-bottom: 12px; }
.toc-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 2px solid var(--c-line);
}
.toc-nav__item { margin: 0; }
.toc-nav__link {
	display: block;
	margin-left: -2px;
	padding: 7px 0 7px 14px;
	border-left: 2px solid transparent;
	color: var(--c-ink-2);
	font-size: .94em;
	line-height: 1.35;
	text-decoration: none;
	transition: color var(--tr), border-color var(--tr);
}
.toc-nav__link:hover { color: var(--c-accent-700); }
.toc-nav__link.is-active {
	color: var(--c-brand);
	font-weight: 600;
	border-left-color: var(--c-warm);
}